.content-icon-down-banner a,
body {
    font-family: "Inter", sans-serif;
}

#header-white,
#header-white.bg-blue {
    background-color: #fff !important
}

.banner-primary,
.bg-cta-training,
.bg-module-t1,
.bg-scientists,
.bg-tree,
.cta-other-sector {
    background-size: cover
}

#contents-tabs.variant-tabs-red .link,
.card-item-type-two.variant-red .link-green {
    height: 52px;
    width: max-content;
    padding: 12px 20px;
    bottom: 0;
    margin-top: 20px;
    color: #fb454d
}

.footer-red a,
.mx-width {
    max-width: max-content
}

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
    color: #2B2350
}

b,
strong {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.force-b{
    bottom: -110px !important;
}

.force-b-230{
    bottom: -230px !important;
}

.space-tb-150 {
    padding-top: 150px;
    padding-bottom: 150px
}

.p-tb-module-1,
.space-colum-general,
.space-cta-footer,
.space-tb-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.space-pt-80-pb-40 {
    padding-top: 80px;
    padding-bottom: 40px
}

.space-pt-40-pb-80 {
    padding-top: 40px;
    padding-bottom: 80px
}

.space-pt-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.btn-blue-outline,
.btn-blue,
.btn-red,
.btn-transparent {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 12px 40px;
    font-size: 14px
}

.big-btn {
    min-width: 270px
}

.btn-red {
    color: #fff !important;
    background-color: #fb454d !important;
    border-color: #fb454d !important
}

.btn-blue:hover,
.btn-red:hover,
.btn-transparent {
    border-color: #fff !important
}

.btn-red:hover {
    background-color: #2B2350 !important
}

.btn-transparent {
    background-color: transparent !important
}

.btn-blue {
    background-color: #2B2350 !important;
    border-color: #2B2350 !important
}

.btn-blue-outline {
    color: #2B2350 !important;
    background-color: #fff !important;
    border-color: #2B2350 !important
}

.btn-blue-outline:hover {
    color: #fff !important;
    background-color: #2B2350 !important;
    border-color: #2B2350 !important
}

.bg-red,
.btn-blue:hover {
    background-color: #fb454d !important
}

form .form-control {
    height: 50px;
    border: .5px solid grey;
    opacity: 1;
    border-radius: 6px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px
}

form .form-control::placeholder {
    color: #79B7C4;
}

main a {
    color: #dc0e2c;
    font-weight: 600
}

header {
    z-index: 100
}

.icon-22 {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-bottom: -6px;
    margin-right: 10px
}

.icon-adr,
.icon-etiquetas,
.icon-notificacion,
.icon-sds {
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    display: inline-block
}

.banner-top h1,
.banner-top h2,
.banner-top p,
.h3-blue-bold,
.text-regulations-descriptions h3 {
    margin-bottom: 20px
}

.card-item-type-two.rounded {
    border-radius: 8px !important;
}

.rounded-8px {
    border-radius: 8px !important
}


.icon-funcionalidades-black {
    background-image: url('../img/Comunes/ico-funcionalidades-black.png');
    background-repeat: no-repeat
}

.icon-para-quien-black {
    background-image: url('../img/Comunes/ico-para-quien-black.png');
    background-repeat: no-repeat
}

.icon-beneficios-black {
    background-image: url('../img/Comunes/ico-beneficios-black.png');
    background-repeat: no-repeat
}

.icon-solucion-eQgest-black {
    background-image: url('../img/Comunes/ico-solucion-eQgest-black.png');
    background-repeat: no-repeat
}

.icon-sds {
    background-image: url('../img/Comunes/ico-SDS-cuadrado-verde.png')
}

.icon-notificacion {
    background-image: url('../img/Comunes/ico-notificacion-cuadrado-verde.png')
}

.icon-adr {
    background-image: url('../img/Comunes/ico-ADR-cuadrado-verde.png')
}

.icon-etiquetas {
    background-image: url('../img/Comunes/ico-etiquetas-cuadrado-verde.png')
}

.icon-documentos-verde,
.icon-mundo-verde,
.icon-notificacion-verde,
.icon-puzzle-verde,
.icon-reloj-verde,
.icon-software-verde {
    background-repeat: no-repeat;
    width: 42px;
    height: 42px
}

.icon-reloj-verde {
    background-image: url('../img/Comunes/ico-reloj-verde.png');
    display: inline-block
}

.icon-puzzle-verde {
    background-image: url('../img/Comunes/ico-puzzle-verde.png');
    display: inline-block
}

.icon-notificacion-verde {
    background-image: url('../img/Comunes/ico-notificacion-verde.png');
    display: inline-block
}

.icon-documentos-verde {
    background-image: url('../img/Comunes/ico-documentos-verde.png');
    display: inline-block
}

.icon-mundo-verde {
    background-image: url('../img/Comunes/ico-mundo-verde.png');
    display: inline-block
}

.icon-software-verde {
    background-image: url('../img/Comunes/ico-software-verde.png');
    display: inline-block
}

.icon-alimentacion-verde,
.icon-biocidas-verde,
.icon-ceramica-verde,
.icon-detergentes-verde,
.icon-fertilizantes-verde,
.icon-fragancias-verde,
.icon-pinturas-verde {
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    display: inline-block
}

.icon-fertilizantes-verde {
    background-image: url('../img/Comunes/ico-fertilizantes-cuadrado-verde.png')
}

.icon-biocidas-verde {
    background-image: url('../img/Comunes/ico-biocidas-cuadrado-verde.png')
}

.icon-detergentes-verde {
    background-image: url('../img/Comunes/ico-detergentes-cuadrado-verde.png')
}

.icon-fragancias-verde {
    background-image: url('../img/Comunes/ico-fragancias-cuadrado-verde.png')
}

.icon-alimentacion-verde {
    background-image: url('../img/Comunes/ico-alimentacion-animal-cuadrado-verde.png')
}

.icon-pinturas-verde {
    background-image: url('../img/Comunes/ico-pinturas-cuadrado-verde.png')
}

.icon-ceramica-verde {
    background-image: url('../img/Comunes/ico-ceramica-cuadrado-verde.png')
}

.content-icon-down-banner a {
    text-decoration: none;
    color: #fb454d;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 28px
}

.icon-down-banner {
    width: 30px;
    border: 1px solid #2B2350;
    border-radius: 50%
}

.icon-adr-red,
.icon-clp-red,
.icon-fichas-datos-seguridad-red,
.icon-fsds-red,
.icon-ghs-red,
.icon-pcn-format-red {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-repeat: no-repeat
}

.icon-fichas-datos-seguridad-red {
    background-image: url('../img/ico-modulo-fichas-datos-seguridad.png')
}

.icon-adr-red {
    background-image: url('../img/ico-modulo-adr.png')
}

.icon-clp-red {
    background-image: url('../img/ico-modulo-clp.png')
}

.icon-fsds-red {
    background-image: url('../img/ico-modulo-sds.png')
}

.icon-pcn-format-red {
    background-image: url('../img/ico-modulo-pcn-format.png')
}

.icon-ghs-red {
    background-image: url('../img/ico-modulo-ghs.png')
}

.h3-green {
    font-size: 16px
}

.h1-light {
    font-size: 38px;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.h1-blue-regular-48,
.h1-white-regular-48 {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
    letter-spacing: -.5px;
    line-height: 56px
}

.h1-white-regular-48 {
    color: #fff
}

.h1-white-regular-48 b {
    font-size: 48px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    letter-spacing: -.5px;
    line-height: 56px
}

.h1-blue-bold,
.h1-blue-regular-48 b {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.h1-blue-regular-48 {
    color: #2B2350
}

.h1-blue-regular-48 b {
    font-size: 48px;
    letter-spacing: -.5px;
    line-height: 56px
}

.h1-blue-bold {
    font-size: 38px
}

.h1-white-bold,
.styles-text-cta-footer .h4,
.styles-text-cta-footer h4 {
    font-size: 38px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #fff
}

.h2-blue-22,
.h2-blue-28 {
    font-size: 28px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2B2350;
    letter-spacing: 0;
    line-height: 38px
}

#paginador p
{
    display: none;
}

#funcionalidades .text-style-description-type-1 h2 {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-size: 40px;
    font-weight: 400;
    font-style: light;
}

#funcionalidades .text-style-description-type-1 h2 strong {
    font-size: 40px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2B2350;
    line-height: 38px;
    letter-spacing: 0;
    background: linear-gradient(to bottom, transparent 30%, transparent 50%, #D4E7E5 50%, #D4E7E5 100%);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0 0.1em;
    display: inline;
}

.h2-blue-22 b,
.h2-blue-28 b,
.h3-blue-bold,
.text-regulations-descriptions h3,
.text-style-description-type-1 h2 strong,
.text-style-description-type-1 h3 strong,
.text-style-description-type-2 h2 strong,
.text-style-description-type-2 h3 strong {
    font-size: 28px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2B2350;
    line-height: 38px;
    letter-spacing: 0
}

.text-blue-18,
.text-regular-blue-18,
.text-regular-blue-18 p {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #2B2350
}

.text-white-18 {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff
}

.text-green-18 {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #429d77
}

.text-regular-gray-14 {
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #6c717b;
    letter-spacing: 0;
    line-height: 22px
}

.text-regular-gray-18,
.text-regular-gray-18 p {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #6c717b
}

#cards-kit-digital-content .card-item-type-two p,
.text-regular-gray-16 p {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #2B2350;
}

.text-list-18 li {
    font-size: 18px
}

#contents-tabs.variant-tabs-red .item-selector-numbers p,
.card-item-type-one p,
.card-item-type-three .p,
.card-item-type-three h3,
.card-item-type-three p,
.card-item-type-two p,
.text-regular-gray-14 p,
.text-regulations-descriptions p {
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #2B2350;
}

.card-transparent-white p,
.text-regular-white-14,
.text-regular-white-14 p {
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff
}

.text-regular-blue-13 {
    font-size: 13px;
    font-family: "Inter", sans-serif;
    color: #2B2350;
}

.color-red,
.text-bold-red-13 {
    color: #db0000 !important
}

.text-bold-red-13 {
    font-size: 13px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.color-green {
    color: #429d77 !important
}

#header-white .menu-primary-text-white a,
#header-white .menu-top-white a,
#header-white .text-white,
.color-blue {
    color: #2B2350 !important
}

.bg-green {
    background-color: #429d77 !important
}

.bg-blue,
.locale_list li:first-of-type {
    background-color: #2B2350 !important
}

.bg-gray,
.bg-gray-t1 {
    background-color: #f7f7f7 !important
}

.banner-top {
    padding-top: 200px;
    padding-bottom: 200px
}

.banner-top h2 {
    font-family: "Inter", sans-serif;
    font-size: 48px
}

.banner-top h1 {
    font-size: 16px
}

.banner-top p {
    font-size: 14px
}

.banner-primary {
    background-image: url('../img/Home/Home-banner-principal.png');
    background-repeat: no-repeat
}

.banner-text-white h1,
.banner-text-white h2,
.banner-text-white h3,
.banner-text-white p,
.breadcrumb-blog .breadcrumb-item,
.breadcrumb-blog a {
    color: #fff
}

.menu-primary-text-blue a {
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2B2350;
    text-decoration: none
}

.menu-primary-text-white a {
    font-size: 15px;
    font-family: "Inter", sans-serif;
    color: #fff;
    text-decoration: none
}


#menu-primary .dropdown-item,
.list-arrow,
.list-check,
.menu-top-white a {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal
}

#menu-primary .dropdown-item {
    font-size: 15px;
    color: #212529 !important;
    text-decoration: none
}

.menu-top-white a {
    font-size: 12px;
    color: #fff;
    text-decoration: none
}

#header-white {
    position: fixed;
    top: 0;
    box-shadow: 1px 5px 5px -4px rgba(0, 0, 0, .75);
    -webkit-box-shadow: 1px 5px 5px -4px rgba(0, 0, 0, .75);
    -moz-box-shadow: 1px 5px 5px -4px rgba(0, 0, 0, .75)
}

#header-white .border-bottom {
    border-bottom: 1px solid rgba(127, 17, 224, .2) !important
}

#header-white .menu-primary-text-white a.btn-danger,
#pagination li.active span,
.locale_list li:first-of-type a {
    color: #fff !important
}

#header-white a.bold-red {
    color: #fb454d !important;
    font-weight: 700 !important
}

.list-arrow,
.list-check {
    list-style: none;
    padding-left: 6px;
    font-size: 14px;
    color: #6c717b
}

.list-arrow li,
.list-check li {
    padding-left: 30px;
    background-image: url('../img/Comunes/ico-check-verde.png');
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 0 4px;
    margin-bottom: 12px;
    margin-left: -10px;
    display: flex;
    align-items: center
}

.list-dark li a.active,
.list-dark li a:hover {
    color: #fb454d !important
}

.card-item-type-one {
    padding: 30px
}

.card-item-type-one h3 {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2B2350
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mt-0 {
    margin-top: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.pt-40 {
    padding-top: 40px !important
}

.text-style-description-type-1 h2,
.text-style-description-type-1 h3,
.text-style-description-type-2 h2,
.text-style-description-type-2 h3 {
    font-size: 28px;
    font-family: "Inter", sans-serif;
    color: #2B2350;
    letter-spacing: 0;
    line-height: 38px;
    margin-bottom: 30px
}

.text-style-description-type-1 p {
    color: #2B2350 !important;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 27px;
}

.card-item-type-two ul li p,
.text-style-description-type-1 ul li p,
.text-style-description-type-2 ul li p {
    margin-bottom: 0
}

.card-item-type-two ul,
.data-selector-numbers ul,
.text-style-description-type-1 ul,
.text-style-description-type-2 ul {
    list-style: none !important;
    padding-left: 6px !important;
    font-size: 14px !important;
    font-family: "Inter", sans-serif !important;
    color: #6c717b !important
}

#content-tabs-seven ul li,
.card-item-type-two ul li,
.data-selector-numbers ul li,
.text-style-description-type-1 ul li,
.text-style-description-type-2 ul li {
    padding-left: 30px;
    background-image: url(../imgn/ico-arrow-bullet-right.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 0 4px;
    margin-bottom: 12px;
    margin-left: -10px;
    display: flex;
    align-items: center
}

.cta-home-fun {
    /*padding: 70px 40px*/
}

.bg-tree {
    background-image: url('../img/Home/Home-banner-configuracion-flexible-back.png');
    background-repeat: no-repeat
}

.bg-scientists {
    background-image: url('../img/Home/Home-beneficios.png');
    background-repeat: no-repeat
}

.card-transparent-white {
    padding: 30px 0
}

.card-item-type-kit .h3,
.card-transparent-white .h3,
.card-transparent-white h3 {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    color: #fff;
    margin-bottom: 20px
}

.bg-cta-training {
    background-image: url('../img/Home/Home-banner-formacion-continua.png');
    background-repeat: no-repeat
}

.item-selector-numbers {
    background-color: #fff;
    padding: 20px 30px 20px 60px;
    position: relative;
    margin-bottom: 30px;
    cursor: pointer
}

.item-selector-numbers h3 {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    color: #2B2350
}

.item-selector-numbers .h3 {
    font-family: NeueHaasUnicaPro-Bold !important;
    font-size: 18px !important;
    color: #2B2350 !important
}

.item-selector-numbers .number-fix {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    color: #429d77;
    position: absolute;
    top: 18px;
    max-width: max-content;
    left: 24px
}

.item-selector-numbers.active {
    border-bottom: 5px solid #429d77
}

.card-item-type-two {
    padding: 30px 30px 60px;
    position: relative;
    background-color: #fff
}

.card-item-type-three .h3,
.card-item-type-three h3,
.card-item-type-two h3 {
    font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight: 900;
    color: #2B2350;
    margin-bottom: 20px
}

.card-item-type-kit .content-icon,
.card-item-type-three .content-icon,
.card-item-type-two .content-icon {
    margin-bottom: 15px
}

.card-item-type-two .link-green {
    font-size: 16px;
    font-family: "Inter", sans-serif;
    color: #429d77;
    text-decoration: none;
    position: absolute;
    bottom: 30px
}

.cta-other-sector {
    padding: 50px 40px;
    background-image: url('../img/Home/Home-banner-otro-sector-back.png');
    background-repeat: no-repeat
}

.cta-other-sector h3 {
    font-size: 38px;
    font-family: "Inter", sans-serif;
    color: #fff;
    margin-bottom: 20px
}

.cta-other-sector p {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    color: #2B2350;
    font-weight: 400;
    margin-bottom: 30px
}

.pt-100 {
    padding-top: 100px
}

.pt-350 {
    padding-top: 250px
}

.card-item-type-two.variant-red {
    padding: 50px 30px 30px
}

.card-item-type-two.variant-kit,
.variant-red {
    border-bottom: 5px solid #fff
}

.variant-red:hover {
    cursor: pointer;
    border-bottom: 5px solid #fb454d !important
}

.card-item-type-two.variant-red .content-icon,
.card-item-type-two.variant-red .text {
    text-align: center
}

.card-item-type-two.variant-red .link-green {
    position: relative;
    border: 1px solid #fb454d;
    border-radius: 6px;
    display: inline-block
}

.card-item-type-three {
    position: relative;
    background-color: #fff
}

.card-item-type-kit .text h3,
.card-item-type-kit .text p,
.card-item-type-three .text h3,
.card-item-type-three .text p {
    padding: 20px 30px 30px
}

.banner-solution .container {
    padding-top: 180px;
    padding-bottom: 30px
}

.banner-solution h1,
.card-banner-module-white h1,
.card-banner-module-white-t2 h1,
.title-h1-blue-48 {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 48px;
    letter-spacing: 0;
    line-height: 56px;
    margin-bottom: 30px
}

.banner-solution .h2,
.banner-solution h2,
.banner-solution p,
.card-banner-module-white .h2,
.card-banner-module-white p,
.card-banner-module-white-t2 p {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px
}

.according-section .accordion-button,
.according-section .accordion-button:not(.collapsed) {
    font-size: 15px;
    color: #2B2350 !important;
    background-color: #FEFFF8 !important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .125) !important;
    letter-spacing: 0
}

.banner-solution h1 b,
h1 b {
    font-family: "Inter", sans-serif;
}

.module-soluition-text-image-left {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #f7f7f7
}

#contents-tabs.variant-tabs-red .link {
    border: 1px solid #fb454d;
    border-radius: 6px;
    display: inline-block;
    font-size: 16px;
    font-family: "Inter", sans-serif;
    text-decoration: none;
    position: relative
}

#pagination .page-item .page-link,
#pagination li {
    line-height: 30px;
    box-sizing: border-box;
    height: 48px;
    width: 48px
}

#contents-tabs.variant-tabs-red .item-selector-numbers.active {
    border-bottom: 5px solid #fb454d
}

#contents-tabs.variant-tabs-red .item-selector-numbers {
    background-color: #fff;
    padding: 30px 60px;
    position: relative;
    margin-bottom: 30px;
    cursor: pointer
}

.banner-module {
    background-color: #fff;
    padding-top: 130px
}

.bg-module-t1 {
    padding: 50px 40px;
    background-image: url('../img/Modulo-fds-banner.png');
    background-repeat: no-repeat;
    background-position: center center
}

.bg-cta-footer-t1,
.bg-number-1,
.bg-number-2,
.bg-number-3,
.cta-red-degraded {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.card-banner-module-white {
    background-color: rgba(255, 255, 255, .8);
    padding: 60px;
    border-top-left-radius: 100px
}

.card-banner-module-white .img-fr {
    width: 350px;
    position: absolute;
    right: -150px;
    bottom: -22px
}

.cta-red-degraded {
    padding: 70px 40px 40px;
    background-image: url('../img/banner-formacion-continua.png');
    border-radius: 8px
}

.circle-gray {
    height: 70px;
    width: 70px;
    margin: 0 auto;
    border-radius: 50%
}

.icon-autor-green,
.icon-autor-white,
.icon-categoria-green,
.icon-categoria-white,
.icon-fecha-green,
.icon-fecha-white,
.icon-time-blog {
    width: 16px;
    height: 16px;
    float: left
}

.bg-number-1 {
    background-image: url('../img/ico-1.png');
    border-radius: 8px
}

.bg-number-2 {
    background-image: url('../img/ico-2.png');
    border-radius: 8px
}

.bg-number-3 {
    background-image: url('../img/ico-3.png');
    border-radius: 8px
}

.line-height-52 {
    line-height: 52px
}

.bg-cta-footer-t1 {
    background-image: url('../img/Modulo-fds-banner-contact.png')
}

.card-banner-module-white-t2 {
    background-color: rgba(255, 255, 255, .8);
    padding: 60px;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px
}

.card-banner-module-white-t2 .img-fr {
    width: 350px;
    position: absolute;
    right: -150px;
    bottom: 0
}

.bg-module-t2 {
    padding: 50px 40px;
    background-image: url('../img/Normativa-reach-banner.png');
    background-repeat: no-repeat;
    background-size: cover
}

.card-regulations {
    padding: 60px 30px
}

.card-regulations p {
    font-size: 18px;
    font-weight: 900;
    font-family: "Inter", sans-serif;
    color: #2B2350;
    letter-spacing: 0;
    line-height: 28px
}

.accordion-body p,
.block-text-image-simple ul li,
article p {
    font-family: "Inter", sans-serif
}

.block-text-image-simple ul li {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 20px
}

.block-text-image-simple ul ul {
    margin-top: 20px;
    margin-bottom: 20px;
    list-style: none
}

.card-cta-training {
    padding: 70px 40px !important
}

.bg-cta-regulations {
    background-image: url('../img/Normativa-reach-banner-contacto.png');
    background-repeat: no-repeat;
    background-size: cover
}

.according-section .accordion-item {
    border-radius: 8px;
    border: 0px solid rgba(0, 0, 0, .125);
    margin-bottom: 30px
}

.according-section .accordion-button {
    border-radius: 8px;
    padding: 10px;
    font-family: "Inter", sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    font-style: light;
    letter-spacing: 0;
    line-height: 22px
}

.according-section .accordion-button:not(.collapsed) {
    border-radius: 8px;
    font-family: "Inter", sans-serif;
    line-height: 22px
}

.accordion-body p {
    background-color: #FEFFF8 !important;
    color: #2B2350 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0;
    line-height: 22px
}

.accordion-body {
    background-color: #FEFFF8 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0;
    line-height: 22px
}

#menu-primary.menu-landing {
    padding-top: 30px !important;
    padding-bottom: 380px !important
}

#content-form,
.card-item-type-kit {
    position: relative
}

.content-form-landing {
    padding-top: 30px;
    padding-bottom: 40px;
    background-image: url('../img/Landing-banner-back.png');
    background-repeat: no-repeat;
    background-size: cover
}

.space-colums-form-landing {
    margin-top: 70px;
    border-radius: 8px
}

.bg-image-col-landing {
    border-top-left-radius: 8px;
    padding: 60px;
    background: linear-gradient(180deg, #2B2350 0, rgba(7, 20, 43, 0) 100%)
}

.banner-about-us,
.banner-blog,
.banner-partners,
.bg-contact-form,
.cta-search,
.icon-autor-green,
.icon-autor-white,
.icon-categoria-green,
.icon-categoria-white,
.icon-fecha-green,
.icon-fecha-white,
.icon-time-blog {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.bg-form-col-landing {
    padding: 60px 90px
}

.p-tb-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.card-content-left .content-icon,
.card-content-left .text,
.variant-simple-typ h3,
.variant-simple-typ p {
    text-align: left !important
}

.variant-simple-typ .link-green {
    float: left !important
}

.variant-simple-typ .text {
    padding-bottom: 60px
}

#content-form-section .bg-white,
.item-article img,
.variant-simple-typ .content-icon img {
    border-radius: 8px
}

.card-item-type-two.variant-simple-typ {
    padding: 20px
}

article p {
    font-size: 16px !important;
    color: #2B2350 !important
}

.title-h1-blue-32 {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 40px;
    margin-bottom: 30px
}

.space-tb-banner {
    margin-top: 148px;
    padding-top: 90px;
    padding-bottom: 90px
}

.banner-about-us {
    background-image: url(../img/quienes-somos-banner-principal.png)
}

.text-style-description-type-2 p {
    font-size: 18px !important;
    font-family: "Inter", sans-serif !important;
    color: #2B2350 !important
}

.rounded-lr-60 {
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px
}

.text-style-description-type-2 .h1-blue-bold {
    font-size: 38px !important;
    font-family: NeueHaasUnicaPro-Bold !important;
    color: #2B2350 !important
}

.content-text-regular-gray-18 p {
    color: grey !important
}

#pagination .page-item .page-link,
.actions-blog,
.actions-blog a,
.text-item-blog p {
    color: #1a1a3f;
    font-family: "Inter", sans-serif;
    text-decoration: none;
}

.banner-partners {
    background-image: url(../img/bg-header-eqgest-partners.png);
    margin-top: 148px;
    padding: 50px 40px
}

.card-content-left:hover .content-icon,
.content-icon.color,
.only-768 {
    display: none
}

.circle-green,
.item-card-access p,
.tag {
    display: inline-block
}

.card-content-left:hover .content-icon.color,
.current_locale span:first-of-type {
    display: inline-block !important
}

.banner-contact {
    background-image: url('../img/Contacto-header-principal.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 200px;
    padding-bottom: 200px
}

#content-form-section {
    position: relative;
    top: -160px
}

.bg-contact-form {
    background-image: url('../img/img-eQgest-contacto-form.png');
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.content-form {
    padding: 80px 60px
}

.mh-600 {
    min-height: 610px
}

.mh-62 {
    min-height: 62px
}

#content-cards-contact .card-item-type-two:hover {
    transform: translateY(-20px)
}

.blog-int-text-content p a,
.card-item-type-two .text a {
    color: #79B7C4
}

.banner-blog {
    background-image: url('../img/Blog-header-principal.png');
    padding-top: 250px;
    padding-bottom: 80px
}

.item-blog {
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(128, 128, 128, .2)
}

.icon-time-blog {
    background-image: url('../img/ico-reloj-verde.png');
    margin-right: 10px
}

.icon-autor-green {
    background-image: url('../_icons/icon-DS-EQGEST-BLOG-autor-green.svg');
    margin-right: 10px
}

.icon-categoria-green {
    background-image: url('../_icons/icon-DS-EQGEST-BLOG-categoria-green.svg');
    margin-right: 10px
}

.icon-fecha-green {
    background-image: url('../_icons/icon-DS-EQGEST-BLOG-fecha-green.svg');
    margin-right: 10px
}

.icon-autor-white {
    background-image: url('../_icons/icon-DS-EQGEST-BLOG-autor-white.svg');
    margin-right: 10px
}

.icon-categoria-white {
    background-image: url('../_icons/icon-DS-EQGEST-BLOG-categoria-white.svg');
    margin-right: 10px
}

.icon-fecha-white {
    background-image: url('../_icons/icon-DS-EQGEST-BLOG-fecha-white.svg');
    margin-right: 10px
}

.actions-blog,
.actions-blog a {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 17px
}

.cat-list a,
.text-item-blog p {
    font-size: 16px;
    letter-spacing: 0
}

.text-item-blog p {
    line-height: 26px
}

#pagination .page-item {
    margin-left: 10px;
    margin-right: 10px
}

#pagination .page-item .page-link {
    font-size: 16px;
    letter-spacing: 0;
    border: 1px solid grey;
    border-radius: 4px
}

#pagination .page-link.active {
    background-color: #2B2350;
    color: #fff
}

.content-search {
    border-radius: 8px;
    padding: 40px
}

.input-gray {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    height: 52px !important;
    border-radius: 8px;
    background-color: rgba(231, 231, 231, .5);
    border: 0 solid #ced4da !important
}

.title-18-NeueHaasUnicaPro-Bold,
.title-search {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 20px
}

#cards-kit-digital-content .card-item-type-two .text a,
.tag {
    color: #31c688
}

.cat-list a,
.item-article a {
    font-family: "Inter", sans-serif
}

.item-search {
    padding-top: 40px;
    padding-bottom: 40px;
}

.cat-list,
.sub-cat-list {
    margin-bottom: 5px;
    position: relative
}

.cat-list a {
    color: #2B2350;
    line-height: 36px;
    text-decoration: none
}

.item-article a,
.tag {
    line-height: 20px;
    text-decoration: none;
    letter-spacing: 0
}

.sub-cat-list a {
    color: grey;
    padding-left: 20px;
    text-decoration: none
}

.count-search {
    position: absolute;
    right: 0;
    top: 6px
}

.sub-cat-list .count-search {
    top: 0 !important
}

.item-article a {
    color: #2B2350;
    font-size: 14px
}

#pagination li,
#pagination li a,
#pagination li span {
    font-size: 16px;
    font-family: "Inter", sans-serif
}

.circle-green {
    height: 12px;
    width: 12px;
    background-color: #31c688;
    border-radius: 50%;
    margin-top: 2px
}

#content-form-contact div,
.blog-int-text-content img,
.tag {
    width: 100%
}

.blog-int-text-content img,
.cta-white {
    margin-top: 30px;
    margin-bottom: 30px
}

.content-tags div {
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 6px
}

.tag {
    border-radius: 15px;
    background-color: rgba(49, 198, 136, .15);
    font-family: "Inter", sans-serif;
    font-size: 12px;
    padding: 2px 10px
}

.cta-search {
    background-color: #1a1a3f;
    border-radius: 8px;
    padding: 30px 20px 30px 20px;
    text-align: left !important;
}

#col-blog-content .cta-red-degraded,
.cta-white {
    padding: 40px
}

.cta-search .title-cta-search {
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 26px;
    text-align: left;
}

.cta-search .text-white {
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
    text-decoration: none
}

.blog-int-text-content li,
.blog-int-text-content li ul li {
    margin-bottom: 10px
}

.blog-int-text-content p,
.blog-int-text-content ul li {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-size: 14px
}

.text-card-access h2,
.text-card-access h3 {
    color: #fff;
    font-size: 26px
}

.blog-int-text-content h3 {
    font-family: "Inter", sans-serif;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 42px
}

.blog-int-text-content h5,
.cta-white .name-cta,
.title-video {
    letter-spacing: 0;
    line-height: 28px
}

.blog-int-text-content h5 {
    font-family: NeueHaasUnicaPro-Light;
    font-size: 18px
}

.link-document,
.title-video {
    color: #2B2350;
    margin-top: 20px;
    margin-bottom: 20px;
    text-decoration: none
}

.cta-white .name-cta {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-size: 18px
}

#col-blog-content .cta-red-degraded p {
    font-size: 28px
}

.divider-social-blog-int {
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid rgba(128, 128, 128, .2)
}

#related-articles h3 {
    min-height: 64px
}

.banner-blog-cat {
    padding-top: 200px !important;
    background-image: url('../img/blog-categoria-header-principal.png') !important
}

.banner-access-client,
.bg-cards-access {
    background-image: url('../img/banner-otro-sector-back.png') !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.image-blog-recent-50 {
    width: 50px;
    height: 50px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

#pagination li {
    color: #6c727c;
    letter-spacing: 0;
    border: 1px solid grey;
    border-radius: 4px;
    margin-right: 10px
}

#pagination li a,
#pagination li span {
    color: #6c727c;
    letter-spacing: 0;
    line-height: 40px
}

#pagination li.active {
    background-color: #2B2350
}

.text-card-access h2 {
    font-family: NeueHaasUnicaPro-Light
}

.link-document,
.text-card-access h3,
.title-video {
    font-family: NeueHaasUnicaPro-Bold
}

#tabs-client .accordion-button {
    color: #2B2350 !important;
    font-family: NeueHaasUnicaPro-Bold !important;
    background-color: #d2d2d2 !important
}

.title-video {
    font-size: 26px
}

.link-document,
.link-document .text-red {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18px
}

.link-document .text-red {
    font-family: NeueHaasUnicaPro-Medium;
    color: #fb454d
}

.text-video {
    color: #6c717b !important;
    font-size: 22px !important;
    font-family: "Inter", sans-serif !important;
    letter-spacing: 0 !important;
    line-height: 26px !important
}

.text-red-video {
    font-family: NeueHaasUnicaPro-Medium !important;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    line-height: 28px !important;
    color: #fb454d !important
}

.content-text-info-company p,
.content-text-info-company p span,
.link-red {
    font-family: "Inter", sans-serif !important;
    letter-spacing: 0;
    line-height: 28px
}

.banner-access-client {
    padding-top: 200px;
    padding-bottom: 100px
}

.icon-lang {
    max-width: 200px;
    margin: 0 auto
}

.item-card-access p {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px;
    color: #2B2350;
}

.link-red {
    font-size: 18px;
    color: #fb454d
}

.content-text-info-company p {
    color: #2B2350;
    font-size: 18px;
    margin-bottom: 6px
}

.content-text-info-company p span {

    color: #79B7C4;
    font-size: 16px
}

footer a:hover,
footer h3 {
    color: #fff
}

.content-text-legal p {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 28px
}

.content-text-legal h2,
.content-text-legal h3 {
    color: #2B2350;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 28px;
    letter-spacing: 0
}

.content-text-legal h3 {
    font-family: NeueHaasUnicaPro-Medium;
    font-size: 18px
}

.content-text-legal h2,
footer h3 {
    font-family: NeueHaasUnicaPro-Bold
}

.content-text-legal h2 {
    font-size: 22px
}

.card-item-type-kit .p,
.card-item-type-kit h3,
.card-item-type-kit p,
.text-gray-type-2-regular p {
    color: #d9dde3;
    font-family: "Inter", sans-serif
}

.text-gray-type-2-regular p {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px
}

.card-item-type-kit h3 {
    font-size: 16px
}

.card-item-type-kit .p,
.card-item-type-kit p {
    font-size: 14px
}

.card-item-type-two.variant-kit h3 {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 34px
}

.card-item-type-two.variant-kit p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    font-family: "Inter", sans-serif;
    color: #6c717b
}

.variant-kit:hover {
    cursor: pointer;
    border-bottom: 5px solid #31c688 !important
}

.banner-kit {
    background-image: url(../img/img-header-DS-EQGEST-KIT-DIGITAL.png);
    background-repeat: no-repeat;
    background-size: cover
}

#form-search .input-group {
    background-color: #fff;
    border-radius: 8px
}

footer h3 {
    font-size: 14px
}

footer a,
footer a:hover,
footer p {
    font-family: "Inter", sans-serif;
    display: inline-block;
    width: 100%;
    font-size: 14px
}

footer a,
footer p {
    color: #a2a8b3
}

.menu-top-footer {
    border-bottom: 1px solid #a2a8b3;
    margin-bottom: 40px
}

.menu-top-footer a,
.menu-top-footer a:hover {
    display: inline;
    margin-right: 20px
}

.footer-red {
    padding-top: 20px;
    padding-bottom: 20px
}

.footer-red a {
    font-size: 14px;
    margin-right: 50px
}

#dropdownMenuSoluciones:hover {
    display: block !important
}

.center-middle-img {
    vertical-align: middle;
    display: flex;
    align-items: center
}

.locale_list li:first-of-type {
    color: #fff !important
}

.fade-in-image {
    animation: 2s fadeIn
}

#content-form-contact div div {
    width: 100% !important
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media (max-width:768px) {

    .footer-red a,
    .only-768 {
        display: inline-block
    }

    .banner-top .btn,
    .footer-red a {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 10px
    }

    #menu-movil {
        width: 100%;
        background-color: #2B2350 !important;
        padding-top: 20px;
        padding-bottom: 20px
    }

    #header-white.open-menu-movil .text-white,
    #menu-movil a.dropdown-toggle {
        color: #fff !important
    }

    #menu-movil .dropdown-menu.show li a.dropdown-item.text-white {
        color: #2B2350 !important
    }

    .bg-contact-form,
    .no-768,
    .no-movil-768 {
        display: none
    }

    .banner-top h2 {
        font-size: 28px
    }

    .banner-top .btn {
        width: 100%
    }

    .h1-light {
        font-size: 24px
    }

    .card-banner-module-white h1,
    .card-banner-module-white-t2 h1,
    .h1-blue-bold,
    .h1-white-bold,
    .h1-white-regular-48 {
        font-size: 28px;
        line-height: 30px
    }

    .text-style-description-type-1 h3,
    .text-style-description-type-1 h3 strong {
        font-size: 20px;
        line-height: 24px
    }

    .padding-top-movil-768 {
        padding-top: 80px !important
    }

    #menu-bottom-banner ul li {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .text-movil-start {
        text-align: left !important;
        margin-top: 20px
    }

    .card-banner-module-white {
        padding: 30px;
        border-top-left-radius: 0
    }

    .cta-red-degraded img {
        margin-top: 30px
    }

    .banner-module {
        padding-top: 74px
    }

    .bg-module-t1,
    .bg-module-t2 {
        padding: 20px 0
    }

    #content-menu-movil,
    .pt-40 {
        padding-top: 20px
    }

    #content-menu-movil,
    .pb-40 {
        padding-bottom: 20px
    }

    .pt-80 {
        padding-top: 40px !important
    }

    .pt-100 {
        padding-top: 50px
    }

    .block-text-image-simple,
    .module-soluition-text-image-left,
    .text-regulations-descriptions {
        padding-left: 10px;
        padding-right: 10px
    }

    .module-soluition-text-image-left .row img,
    .mt-movil-20,
    .text-regulations-descriptions {
        margin-top: 20px
    }

    .card-banner-module-white-t2 {
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 30px
    }

    .space-colum-general,
    .space-tb-banner {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .bg-cta-footer-t1 {
        text-align: center
    }

    .space-tb-banner {
        margin-top: 60px
    }

    .banner-about-us {
        background-position: right center
    }

    .mt-5 {
        margin-top: 20px !important
    }

    .banner-partners {
        margin-top: 74px;
        padding: 20px 0
    }

    .banner-access-client,
    .banner-contact {
        padding-top: 120px;
        padding-bottom: 50px
    }

    #content-form-section {
        top: 0
    }

    .content-form {
        padding: 20px;
        width: 100%
    }

    #content-form-contact div div {
        width: 100% !important
    }

    .space-movil-tb-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    #content-cards-contact .card-item-type-two {
        background-color: #fff
    }


    .banner-top {
        padding-top: 150px;
        padding-bottom: 130px
    }

    .banner-primary {
        background-position: center center
    }

    .content-search {
        padding: 10px
    }

    .banner-blog {
        padding-top: 120px;
        padding-bottom: 100px
    }

    .content-menu-movil a,
    .menu-first-movil {
        display: inline-block;
        padding-bottom: 10px;
        text-decoration: none
    }

    .bd-highlight,
    .menu-movil a {
        display: inline-block;
        width: 100%
    }

    #col-blog-content {
        padding: 20px
    }

    #menu-movil .list-parent-movil li {
        width: 100%;
        display: inline-block
    }

    .menu-first-movil {
        font-family: "Inter", sans-serif;
        padding-top: 10px;
        color: #fff
    }

    .content-menu-movil a {
        width: 100%;
        padding-left: 10px;
        color: rgba(255, 255, 255, .7)
    }

    header {
        height: auto;
        overflow-x: scroll
    }

    header.open-menu-movil {
        height: 100%
    }

    #header-white,
    #header-white.bg-blue,
    header.bg-blue {
        background-color: transparent !important
    }

    #logo-movil {
        max-width: 100px
    }

    #show-menu-movil {
        width: 30px
    }
}

#header-banner-top {
    background-color: #429d77;
}

.col-blog-content h2 {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.blog-int-text-content h3 {
    font-family: "Inter", sans-serif !important;
    font-size: 28px !important;
    letter-spacing: 0 !important;
    line-height: 36px !important;
}


/***New Styles***/
.btn-red-outline {
    height: 45px;
    color: #fb454d !important;
    background-color: white;
    font-family: "Inter", sans-serif;
    border: 2px solid #fb454d;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
    letter-spacing: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 16px;
}

#bg-home {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 749px 539px;
}

.text-aqua {
    color: #79B7C4 !important;
}

.text-subtitle-tag {
    font-size: 14px;
    font-weight: 500;
    font-style: medium;
    font-family: "Inter", sans-serif;
    letter-spacing: 0 !important;
    line-height: 17px !important;
}


.title-banner {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-size: 50px !important;
    font-weight: 300;
    font-style: light;
    letter-spacing: 0px;
    line-height: 60px;
}

.title-banner b {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-size: 50px !important;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 60px;
}

.title-banner-40 {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-size: 40px !important;
    font-weight: 300;
    font-style: light;
    letter-spacing: 0px;
    line-height: 50px;
}

.title-banner-40 b {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-size: 40px !important;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 50px;
}


.bg-text-title b {
    background: linear-gradient(to bottom, transparent 30%, transparent 50%, #D4E7E5 50%, #D4E7E5 100%);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0 0.1em;
    display: inline;
}

.bg-text-title-2 b {
    background: linear-gradient(to bottom, transparent 30%, transparent 50%, #79B7C4 50%, #79B7C4 100%);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0 0.1em;
    display: inline;
}

.bg-text-title-3 b {
    background: linear-gradient(to bottom, transparent 30%, transparent 50%, #79B7C4 50%, #79B7C4 100%);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0 0.1em;
    display: inline;
}


.text-banner {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-size: 15px;
    font-weight: 400;
}

.h2-title-section {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-size: 40px;
    font-weight: 300;
    font-style: light;
}

#beneficios .nav-link {
    color: #79B7C4;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: bold;
    padding-bottom: 20px;
}

#beneficios .nav-tabs {
    border-bottom: 2px solid rgba(212, 231, 229, 1);
}

.nav-tabs .nav-link:hover {
    border-color: #FEFFF8 #FEFFF8 #FEFFF8 !important;
}

#beneficios .nav-link.active {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: bold;
    border-color: #FEFFF8 #FEFFF8 #FEFFF8;
    background-color: #FEFFF8;
    border-bottom: 5px solid rgba(43, 35, 80, 1) !important;
}

.font-18-regular {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400;
}

.font-18-bold {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700;
}

.font-20-regular {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400;
}

.font-14-regular {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400;
}

.font-14-bold {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
}

.font-16-bold {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 22px;
}

.font-40-light {
    font-family: "Inter", sans-serif !important;
    font-size: 30px;
    font-weight: 300 !important;
    letter-spacing: normal;
    line-height: 40px;
    font-style: normal;
}

.font-32-light {
    font-family: "Inter", sans-serif !important;
    font-size: 32px;
    font-weight: 300 !important;
    letter-spacing: 0;
    line-height: 40px;
    font-style: normal;
}

.font-26-light {
    font-family: "Inter", sans-serif !important;
    font-size: 26px;
    font-weight: 300 !important;
    letter-spacing: 0;
    line-height: 32px;
    font-style: normal;
}

.font-40-light {
    font-family: "Inter", sans-serif !important;
    font-size: 40px;
    font-weight: 300 !important;
    letter-spacing: 0;
    line-height: 40px;
    font-style: normal;
}

.font-60-light {
    font-family: "Inter", sans-serif !important;
    font-size: 60px;
    font-weight: 300 !important;
    letter-spacing: 0;
    line-height: 55px;
    font-style: normal;
}

.font-50-light {
    font-family: "Inter", sans-serif !important;
    font-size: 50px;
    font-weight: 300 !important;
    letter-spacing: 0;
    line-height: 55px;
    font-style: normal;
}

.font-60-bold {
    font-family: "Inter", sans-serif !important;
    font-size: 60px;
    font-weight: 700 !important;
    letter-spacing: 0;
    line-height: 55px;
    font-style: normal;
}

.font-70-light {
    font-family: "Inter", sans-serif !important;
    font-size: 70px;
    font-weight: 300 !important;
    letter-spacing: 0;
    line-height: 75px;
    font-style: normal;
}

.link-blue {
    color: #2B2350 !important;
    ;
}

.text-shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}


.btn-red-big {
    max-width: 280px;
    min-width: 280px;
    box-shadow: 0 0 25px 0 rgba(4, 14, 28, 0.1);
    border-radius: 5px;
    background-color: rgba(251, 70, 77, 1);
    font-family: Inter-Bold;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
    color: #fff;
    height: 85px;
}

.bg-half-split {
    background: linear-gradient(to left, #d5e8e8 50%, #fefef6 50%);
}



.text-style-description-type-1 h3 {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 60px !important;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 70px;

}

.text-style-description-type-1 h3 strong {
    background: linear-gradient(to bottom, transparent 30%, transparent 50%, #D4E7E5 50%, #D4E7E5 100%);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0 0.1em;
    display: inline;
    font-family: "Inter", sans-serif !important;
    font-size: 60px !important;
    font-weight: 700;
}

.card-item-1 h3 {
    font-family: "Inter", sans-serif !important;
    color: #2B2350;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 24px;
}

.card-item-1 p {
    font-family: "Inter", sans-serif !important;
    color: #2B2350;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 24px;
}

.bg-circle-cta {
    background-image: url('../imgn/home-grafismo-1.png') !important;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 295px 115px;
}

.bg-circle-cta-2 {
    background-image: url('../imgn/home-grafismo-2.png') !important;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 306px 305px;
}

.bg-circle-cta-3 {
    background-image: url('../imgn/grafica-recurso-3.png') !important;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 270px 293px;
}

.bg-circle-cta-4 {
    background-image: url('../imgn/grafica-recurso-4.png') !important;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 365px 262px;
}

.bg-circle-cta-5 {
    background-image: url('../producto-grafismo-4.svg') !important;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto;
}

.bg-circle-cta-6 {
    background-image: url('../producto-fds-banner.png') !important;
    background-repeat: no-repeat;
    background-position: right 46px;
    background-size: 40%;
}

.bg-circle-cta-7 {
    background-image: url('../imgn/partners-banner.svg') !important;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 405px 102px;
}

.bg-circle-cta-8 {
    background-image: url('../imgn/partners-faqs.svg') !important;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 230px 115px;
}


.bg-white-2 {
    background-color: #FEFFF8 !important;
}

.card-count-big .number {
    font-family: "Inter", sans-serif !important;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    color: #fb454d;
    letter-spacing: 0px;
    line-height: 55px;
}


.card-count-big .text {
    font-family: "Inter", sans-serif !important;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 22px;
    color: #D4E7E5;
}

.bg-green-aquamarine {
    background-color: #D4E7E5 !important;
}

.bg-aquamarine-2 {
    background-color: #79B7C4 !important;
}

.bg-green-2 {
    background-color: #79B7C4 !important;
}

.bg-pink {
    background-color: #F8DBDE !important;
}

.bg-blue {
    background-color: #2B2350 !important;
}

.btn-white-absolute {
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 15px 30px 15px 45px;
    width: 100%;
    text-align: left;
    background-color: #fff;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
    color: #fb454d;

}

.btn-white-absolute img {
    float: right;
}

.pb-100 {
    padding-bottom: 100px !important;
}


.accordion-button::after {
    content: "→";
    font-size: 1.2rem;
    color: #1a1a3f;
    /* ajusta el color a gusto */
    background-image: none !important;
    transform: none;
}

.accordion-button:not(.collapsed)::after {
    content: "↓";
    transform: rotate(0deg);
}

.title-section-footer {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 12px;
    font-weight: 700;
    font-style: bold;
    letter-spacing: 0px;
    line-height: 16px;
}

.items-footer a {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    font-style: bold;
    text-decoration: underline;
    margin-bottom: 8px;
}

.items-footer a:hover {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    font-style: bold;
    text-decoration: underline;
}

#menu-footer-bottom a {
    display: inline;
    margin-right: 20px;
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
}

.footer-white a {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
}

.footer-white a:hover {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
}

.footer-links-copy a {
    max-width: max-content;
    float: left;

}

.content-icon-product {
    background-color: transparent;
    position: relative;
    z-index: 1;
    padding: 10px 10px 10px 10px;
    /*box-shadow: 0 0 25px 0 rgba(4, 14, 28, 0.1);*/
    border-radius: 5px;
    background-color: transparent;
    max-width: max-content;
}

.img-bottom-benefits-product {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 0;
}

#benefit-software ul {
    padding-left: 15px;
}

#benefit-software ul li {
    list-style: disc;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-left: 0px;
}



/*#benefit-software ul li {
    list-style: none;
    padding-left: 30px;
    background-image: url(../imgn/ico-check.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 0 4px;
    margin-bottom: 12px;
    margin-left: -10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(121, 183, 196, 0.5);
    padding-bottom: 10px;
}*/

#benefit-software ul li p {
    margin-bottom: 0px;
}

#menu-primary {
    transition: all 0.9s ease;
}


.icon-50 {
    width: 15px;
    position: relative;
    bottom: -100px;
}

.img-thumbnail-card {
    max-width: max-content;
    margin-left: 0px;
}

.btn-v-red {
    background-color: #fff;
}


.btn-v-red:hover {
    background-color: #fb454d;
}

.btn-v-red .arrow-icon {
    transition: all 0.3s ease-in-out;
}

.btn-v-red:hover .arrow-icon {
    content: url("/assets/imgn/ico-arrow-cta-right-white.svg");
}

#bg-regulations {
    background-image: url("/assets/imgn/quienes-somos-banner.png");
    background-repeat: no-repeat;
    background-size: 600px auto;
    background-position: right center;
    min-height: 500px;
}

#bg-kit {
    background-image: url("/assets/imgn/quienes-somos-banner.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 622px 517px;
    min-height: 600px;
}

.img-fix-bottom-prodcuts {
    position: absolute;
    right: 0px;
    bottom: -200px;
    width: 250px;
}

.img-fix-top-prodcuts {
    position: absolute;
    left: -100px;
    top: -120px;
    width: 170px;
}


.items-products .descriptions {}

.items-product:hover {
    background-color: #fb454d !important;
}


.items-product:hover .img-thumbnail-card {
    visibility: hidden;
}

.items-product:hover p {
    color: #fff !important;
}

.items-product:hover .btn-v-red {
    background-color: #fb454d !important;
    border-left: 1px solid #fff;
}


.items-product:hover .arrow-icon {
    content: url(/assets/imgn/ico-arrow-cta-right-white.svg);
}

.card-item-one-solution {
    border-left: 3px solid rgba(121, 183, 196, 1);
    padding-left: 40px;
    padding-right: 40px;
}

#mejora-software .item-product-container:hover {
    background-color: rgba(212, 231, 229, 1) !important;
}

#mejora-software .title-card-product-container {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 22px;
}

#mejora-software .title-card-product-container .last-word {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 32px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 22px;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}


.card-item-one-solution .title {
    color: #fff;
    font-family: "Inter", sans-serif !important;
    font-size: 16px;
    font-weight: 900;
    font-style: extrabold;
}

.card-item-one-solution .description {

    color: #fff !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 400;
}

.card-item-one-solution .link-blue {

    color: rgba(121, 183, 196, 1) !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
    text-decoration: underline;
}

#bg-about {
    background-image: url('../imgn/quienes-somos-banner.png') !important;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 500px 363px;
}


.about-column p {
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: 300;
    font-style: light;
    line-height: 27px;
    letter-spacing: 0px;
}

#tabs_about .nav-link {
    background-color: #FEFFF8 !important;
    color: rgba(121, 183, 196, 1);
    font-family: "Inter", sans-serif !important;
    font-size: 16px;
    font-weight: 900;
    border-bottom: 2px solid rgba(121, 183, 196, 0.7) !important;
    border-radius: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#tabs_about .nav-link.active {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 16px;
    font-weight: 900;
    font-style: extrabold;
    border-bottom: 2px solid rgba(43, 35, 80, 1) !important;
}

.timeline-full {
    position: relative;
    width: 100%;
}

.timeline-full::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #63bfc7;
}

.timeline-item {
    display: flex;
    align-items: center;
    margin: 7rem 0;
    position: relative;

}

.timeline-year {
    flex-shrink: 0;
    background-color: #63bfc7;
    color: white;
    font-weight: bold;
    /* padding: 25px 25px; */
    border-radius: 50px;
    left: 50%;
    z-index: 1;
    width: 60px;
    height: 60px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    position: absolute;
    margin-left: -30px;
    line-height: 60px;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    font-style: bold;
    text-align: center;
    line-height: 60px;

}

.timeline-content {
    background: white;
    padding: 1rem 1.5rem;
    border-radius: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    font-weight: 500;
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 900;
    font-style: extrabold;

}

.timeline-content.right {
    left: 50%;
    position: absolute;
    margin-left: 33px;
}

.timeline-content.left {
    position: absolute;
    right: 50%;
    margin-right: 33px;
}

.timeline-plus {
    margin-top: 3rem;
}

.plus-circle {
    background-color: white;
    color: #63bfc7;
    font-size: 2rem;
    border-radius: 50%;
    border: 3px solid #63bfc7;
    padding: 0.4rem 0.9rem;
}

.card-blog .btn:hover {
    background-color: rgba(251, 70, 77, 1) !important;
    color: #fff !important;
}

.text-red {
    color: rgba(251, 70, 77, 1) !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;

}


.text-style-description-type-1 ul li {
    background-image: url(../imgn/Trazado.png) !important;
    background-size: 20px 10px;
    background-position-y: 10px;
}

.img-partner-form {
    margin-left: -150px;
}

.img-bottom-prices {
    position: absolute;
    bottom: -48px;
    right: -70px;
    z-index: 0;
}

.card-price-product h5 {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    font-style: extrabold;
}


.card-price-product p {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 12px;
    font-weight: 300;
    font-style: light;

}

.divider-gray {
    height: 1px;
    width: 100%;
    background-color: rgba(43, 35, 80, 0.1);
}

.card-price-product li {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 12px;
    font-weight: 300;
    font-style: light;
}

.card-price-product ul {
    padding-left: 0px;
}

.card-price-product ul li {
    list-style: none;
    padding-left: 24px;
    background-image: url(../imgn/ico-check.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 6px 4px;
    margin-bottom: 12px;
    margin-left: 0px;
    display: flex;
    align-items: center;
    padding-bottom: 0px;
}

.card-price-product ul li p {
    margin-bottom: 0px;
}

.card-footer:hover {
    background-color: rgba(251, 70, 77, 1) !important;
}

.card-footer:hover .text-red-link {
    color: #fff;
    background-color: rgba(251, 70, 77, 1);
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
    text-decoration: none;
}

.text-red-link {
    color: rgba(251, 70, 77, 1);
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
    text-decoration: none;
}

.item-card-contact {
    border-left: 3px solid rgba(43, 35, 80, 1);
    padding-left: 20px;
    padding-right: 20px;
}

#content-form {
    position: relative;
}

.form-wrapper-bg {
    /*position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    left: 100%;*/
    /* Empieza desde el final de col-5 */
    background-color: #e0f0f0;
    /* cambia a tu color */

}

#form-contact-c {
    width: 400px;
}

.border-right-red {
    border-left: 3px solid rgba(251, 70, 77, 1);
    padding-left: 20px;
}

.link-aqua {
    font-family: "Inter", sans-serif !important;
    color: #79B7C4;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
}


.text-banner-kit p {
    font-family: "Inter", sans-serif !important;
    color: #2B2350;
    font-family: Inter-Regular;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
}

.link-absolute-contact {
    position: absolute;
    bottom: 30px;
    color: #fb454d;
    font-family: "Inter", sans-serif !important;
    text-decoration: none;
    font-size: 16px;
    font-weight: 900;
    font-style: normal;

}

.link-absolute-contact:hover {
    color: #2B2350;
}

.text-red-number {
    color: #fb454d !important;
    font-family: "Inter", sans-serif !important;
    font-size: 55px !important;
    font-weight: 300 !important;
    font-style: normal !important;
    text-align: left;
    line-height: 55px;
}

.text-blue {
    color: rgba(43, 35, 80, 1) !important;

}

.item-link-resources-header a {
    text-decoration: none;
}

.item-link-resources-header:hover .content-text {
    background-color: rgba(251, 70, 77, 1) !important;
    color: #fff;
}

.item-link-resources-header:hover p {
    background-color: rgba(251, 70, 77, 1) !important;
    color: #fff;
}

.custom-tag {
    background-color: #fefefa;
    font-size: 0.9rem;
    font-weight: 500;
    border-width: 1px;
    border-color: #79B7C4;
    /* o el color azul claro del borde */
    transition: background-color 0.3s ease;
    font-family: "Inter", sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    color: #2B2350;
    text-decoration: none;
}

.custom-tag:hover {
    background-color: #f1fefe;
    text-decoration: none;
}

.custom-tag.active {
    background-color: #e6f8f9;
    box-shadow: inset 0 0 0 1px #46a0ae;
}

.custom-tag .text-muted {
    color: #79B7C4 !important;
}

.swiper-pagination-bullet-active {
    color: #2B2350 !important;
    background-color: #2B2350 !important;
}


#expertLabSlider .swiper-pagination-bullet-active {
    color: #fff !important;
    background: #fff !important;
}

#expertLabSlider .swiper-pagination-bullet {
    border: 1px solid #fff !important;
    opacity: 1 !important;
}

.ebook-card {
    border-radius: 6px;
    padding: 1.5rem;
    max-width: 500px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.ebook-title {
    color: #7ab8c5;
    /* Color del texto EBOOK */
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.ebook-text {
    font-size: 1.2rem;
    font-weight: 600;
    color: #1b1b3a;
}

.ebook-download {
    color: #ff4d4d;
    font-weight: bold;
    margin-top: 1rem;
    display: inline-block;
    text-decoration: none;
}


.text-banner-cta-resources ul li {
    list-style: none;
    padding-left: 24px;
    background-image: url(../imgn/ico-arrow-bullet-right.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 6px 4px;
    margin-bottom: 12px;
    margin-left: 0px;
    display: flex;
    align-items: center;
    padding-bottom: 0px;
}

.text-banner-cta-resources ul {
    padding-left: 0px;
}

.text-banner-cta-resources ul li p {
    margin-bottom: 0px;
}

.bg-red-full {
    background-color: #F94848;
    /* Color rojo que estás usando */
    z-index: 1;
}

.bg-patron {
    background-image: url(../imgn/webinar-cta-back.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-circle-blog {
    background-image: url('../imgn/grafica-recurso-5.png') !important;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 259px 189px;
}

.rounded-cat {
    border-radius: 23px;
    background-color: rgba(212, 231, 229, 1);
    padding: 10px 20px 10px 20px;
}

.style-search-btn {
    background-color: rgba(43, 35, 80, 1) !important;
    border: 1px solid rgba(121, 183, 196, 1) !important;
}

.input-aqua {
    border: 1px solid rgba(121, 183, 196, 1) !important;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 1)
}

.fix-cta {
    position: sticky;
    top: 140px;
    z-index: 100;
}

/* Centrar todo el paginador */
#paginador .inline-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    /* Espacio entre botones */
    flex-wrap: wrap;
    color: #1f2937 !important;
    box-shadow: 0 0 25px 0 rgba(4, 14, 28, 0.1);
    border: 0px solid rgba(0, 0, 0, .125) !important;
    border-radius: 6px !important;
}

/* Mueve la flecha "anterior" a la izquierda */
#paginador .inline-flex>span[aria-disabled="true"],
#paginador .inline-flex>a[rel="prev"] {
    order: 0;
}

#paginador [aria-current="page"] span {
    background-color: #D4E7E5 !important;

}

/* Centra los números */
#paginador .inline-flex>span[aria-current],
#paginador .inline-flex>a[href*="page="]:not([rel]) {
    order: 1;

}

/* Mueve la flecha "siguiente" a la derecha */
#paginador .inline-flex>a[rel="next"] {
    order: 2;
}

#paginador svg {
    display: inline-block;
    width: 1.25rem;
    /* 20px */
    height: 1.25rem;
    fill: currentColor;
    /* Usa el color heredado del texto */
    color: #1f2937;
    /* text-gray-800, un gris oscuro visible */
}

#paginador .shadow-sm {
    box-shadow: 0 0 0px 0 rgba(4, 14, 28, 0.1) !important;
}

.bg-blue-right {
    background-color: #221B49;
    /* azul oscuro */
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    /* cubre la mitad derecha de la pantalla */
    height: 100%;
    z-index: 0;
}

#access .row>div {
    position: relative;
    z-index: 1;
    /* para que el contenido esté encima del fondo */
}

#menu-primary {
    transition: all 0.3s ease;
}

#menu-primary.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pt-8px {
    padding-top: 8px !important;
}

@media (min-width: 992px) {
    .form-wrapper-bg {
        left: calc(100% - (100% / 12 * 5));
        /* Empieza desde col-5 */
    }
}

@media (max-width: 768px) {
    .text-subtitle-tag {
        font-size: 12px;
        font-weight: 500;
        font-style: normal;
        font-family: "Inter", sans-serif;
        letter-spacing: 0 !important;
        line-height: 14px !important;
    }

    .title-banner {
        font-size: 28px !important;
        line-height: 32px;
    }

    .title-banner b {
        font-size: 28px !important;
        line-height: 32px;
    }

    #bg-home {
        background-image: none !important;
    }

    .h2-title-section {
        font-size: 26px;
        font-style: normal;
    }

    #beneficios .nav-link {
        display: inline-block;
        width: 100%;
    }

    .py-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .bg-half-split {
        background: linear-gradient(to right, #fff 50%, #fff 50%) !important;
    }

    .cta-home-fun .col-12 {
        margin-top: 20px;
    }

    .cta-home-expt .col-12 {
        margin-top: 20px;
    }

    #funcionalidades.p-tb-module-1 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    #funcionalidades .p-5 {
        padding: 2rem !important;
    }

    .p-5 {
        padding: 2rem !important;
    }

    .pt-5 {
        padding-top: 2rem !important;
    }

    .pb-5 {
        padding-bottom: 2rem !important;
    }

    .font-40-light {
        font-size: 26px;
        line-height: 34px;
    }

    .mt-m-5 {
        margin-top: 2rem !important;
    }

    .w-full-m {
        width: 100% !important;
    }

    .cta-home-fun {
        padding: 0px !important;
    }

    .card-count-big {
        padding: 20px !important;
    }

    .card-count-big .number {
        font-size: 40px;
        line-height: 32px;
    }

    .cta-home-expt {
        padding: 0px !important;
    }

    .cta-home-expt .col-12 {
        min-height: 350px !important;
    }

    .p-20-m {
        padding: 20px !important;
    }

    .p-0-m {
        padding: 0 !important;
    }

    .img-bottom-benefits-product {
        display: none;
    }

    #bg-regulations {
        background-image: none !important;
        min-height: 300px !important;
    }

    .swiper.py-5 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #benefit-software .ps-5 {
        padding-left: 0px !important;
    }

    #benefit-software .pe-5 {
        padding-right: 0px !important;
    }

    #benefit-software .bg-green-aquamarine {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .img-bottom-prices {
        display: none;
    }

    .bg-red-full.position-absolute {
        display: none;
    }

    #bg-module_rsd .img-fluid {
        max-width: 300px;
        margin: 0 auto;
    }

    .font-32-light {
        font-size: 26px;
        line-height: 34px;
    }

    .bg-patron {
        padding-top: 20px;
        min-height: 300px;
    }

    .font-70-light {
        font-size: 28px !important;
        line-height: 32px;
    }

    .font-60-light {
        font-size: 28px !important;
        line-height: 32px;
    }

    .img-partner-form {
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 20px !important;
    }

    .space-0-m.pe-5 {
        padding-right: 1rem !important;
    }

    #col-blog-content .actions-blog {
        display: inline-block !important;
    }

    #access {
        background-color: #D4E7E5 !important;
    }

    .bg-blue-right {
        background-color: #D4E7E5 !important;
    }

    #access label {
        color: #2B2350 !important;
    }

    #bg-kit {
        background-image: none !important;
    }

    .font-60-bold {
        font-size: 28px !important;
        line-height: 32px;
    }

    #bg-about {
        background-image: none !important;
    }

    #tabs_about .nav-item {
        display: inline-block !important;
        width: 100% !important;
    }

    #tabs_about .nav-item button {
        display: inline-block !important;
        width: 100% !important;
        text-align: left !important;
    }

    .timeline-year {
        left: 10%;
    }

    .timeline-content.right {
        left: 10%;
    }

}