@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,300i,400,400i,500,600,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:200,300,300i,400,400i,500,600,700,700i&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    padding-bottom: 0rem !important;

}

.fancybox-content {
    background: #fff;
    display: inline-block;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 30px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    border-radius: 20px;
}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.modal-title {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.fancybox-close-small {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 18px;
    opacity: 0.8;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-tyc {
    list-style-type: disc;
    padding-left: 20px;
}

.list-tyc li {
    line-height: 1.9;
    color: rgb(30, 30, 30);
    font-size: 14px;
}

.btn_modal {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.btn__main {
    background-color: #e5ef6d;
    color: black;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 50px;
    text-decoration: none;
}

.btn__main:hover {
    background: #d4e05e;
}

.pop-tyc {
    padding: 30px !important;
    border-radius: 20px;
    max-width: 560px !important;
}

.slider-marketing {
    height: 100vh;
    min-height: 800px !important;
    background-image: url("../img/slider-home-bg.png");
    margin-top: -3rem !important;
}

.plain-text-field {
    border: none;
    background-color: transparent;
    pointer-events: none;
    color: inherit;
    outline: none;
}

.text-muted a {
    color: #827F7F !important;
}

.bg-dark {
    background-color: #4d4d4d !important;
}

.bg-chita-dark {
    color: #fff;
    border-radius: 14px !important;
    min-height: 130px;
    background: linear-gradient(147deg, #F1D250 3.71%, #D69C46 106.82%) !important;
    filter: drop-shadow(1px 3px 7px #b9acac);
    padding-left: 110px !important;
}

.bg-chita-dark p {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.8rem;
    margin-bottom: 0px !important;
}


.bg-chita-light {
    background-color: #ffffff !important;
    color: #4d4d4d !important;
}

.navbar {
    padding: 1.5rem 1rem;
    /* font-size: 0.85rem; */
    font-size: 1rem; /* viene de 0.9rem*/
    transition: top 0.3s ease; /* Agrega una transición suave */
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
    font-family: 'Roboto Condensed';
    font-weight: 500;
    font-size: 1em;
}

.navbar-nav a {
    color: #23155B !important;
    text-transform: uppercase;
    /*padding-right: 2rem;
    padding-left: 2rem;*/
}

.navbar-chita {
    color: #4d4d4d !important;
}

.navbar-chita:active {
    color: #4d4d4d !important;
}

.navbar-chita:hover {
    color: #4d4d4d !important;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 14rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0.25rem;
}

.dropdown-item {
    font-size: 0.85rem !important;
    font-weight: 100 !important;
}

.custom-dropdown-width {
    width: 600px;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus {
    color: #4d4d4d !important;
    background-color: transparent !important;
}


@media (max-width: 576px) {
    .custom-dropdown-width {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
}

.dropdown-row-adjust {
    width: 600px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    padding-top: 5px !important;
    padding-right: 10px !important;
    padding-bottom: 25px !important;
    padding-left: 10px !important;
}

.dropdown-item-small {
    width: 100% !important;
    font-size: 13px !important;
    font-weight: normal !important;
    text-transform: none !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.dropdown-title-small {
    color: #1B0F4C !important;
    width: 100% !important;
    pointer-events: none;
    font-size: 13px !important;
    font-weight: bold !important;
    text-transform: none !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.header-img {
    background: linear-gradient(
            to right,
            #9d95b1 0%, /* lila/gris suave */ #c6ad71 50%, /* transición dorada */ #F3CC49 100% /* amarillo dorado */);
    background-size: cover;
    background-position: left bottom;
    width: 100%;
    height: auto;
    margin-top: -40px;
}

.carousel-inner {
    height: 94vh;
}

.img-personaje {
    max-width: 80%;
    height: auto;
    margin-top: 5rem;
    /* display: none; */
    margin-left: 3rem;
    margin-bottom: 1rem;
}

.img-personaje-mkt {
    max-width: 80%;
    height: auto;
    margin-top: 5rem;
    /* display: none; */
    margin-left: 3rem;
    margin-bottom: 2rem;
}

.carousel-inner-ceo {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 75vh;
}

.carousel-item-ceo > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 72vh;
}

.header-img-factoring {
    background-image: url("../imagen_header_1920.jpg");
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    width: 100%;
    height: auto;
}

.header-prensa {
    background-image: url("../img/imagen_prensa.jpg");
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    width: 100%;
    height: auto;
}

.btn-chita {
    font-family: 'Roboto Condensed';
    background: linear-gradient(147deg, #F1D250 3.71%, #D69C46 106.82%) !important;
    border-color: #F1D250;
    color: #fff;
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.9rem;
    width: 220px;
    padding: 0.8rem 1rem !important;
}


.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    /*box-shadow: 2px 2px 3px #999;*/
    z-index: 100;
}

.my-float {
    margin-top: 16px;
}

.btn-chita:hover {
    background: linear-gradient(147deg, #D69C46 106.82%, #F1D250 3.71%) !important;

    color: #fff;

}

.btn-outline-chita {
    font-family: 'Roboto Condensed';
    border-color: #D1A548;
    color: #D1A548;
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.9rem;
    width: 90% !important;
    border: solid 2px;
    padding: 0.7rem 1rem !important;

}

.btn-outline-chita:hover {
    background: linear-gradient(147deg, #D69C46 106.82%, #F1D250 3.71%) !important;
    border-color: #D1A548;
    color: #fff;
}

.btn-check-chita {
    background-color: #d1a548;
    border-color: #d1a548;
    color: #fff;
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 0.8rem;
}

.btn-check-chita:hover {
    background-color: #ad832b;
    border-color: #ad832b;
    color: #fff;
}

.btn-check-outline-chita {
    border-color: #4d4d4d;
    color: #4d4d4d;
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.btn-check-outline-chita:hover {
    background-color: #ad832b;
    border-color: #ad832b;
    color: #fff;
}

.btn-check-outline-chita-factura {
    border-color: #4d4d4d;
    color: #4d4d4d;
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.btn-check-outline-chita-factura:hover {
    background-color: #2ea5d7;
    border-color: #2ea5d7;
    color: #fff;
}

.btn-chita-auto {
    width: 100% !important;
}

.navbar .btn-outline-chita {
    width: 40% !important;
}


.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    width: 220px !important;
    font-weight: 600;
    font-size: 0.8rem;
    padding: 0.7rem 1rem !important;
    text-transform: uppercase;
    font-weight: 400;
}

.div-chita-carrusel {
    position: relative;
    left: 30px;
    top: 2rem;
    width: 40%;;
}

.div-chita-carrusel-home {
    position: relative;
}

.resize_firmachile {
    height: 50%;
    margin-top: -30px;
}

.chita_adulto-firmaschile {
    height: 85%;
    margin: 40% 0 0 -10%;
}

.padding-firmaschile {
    padding-top: 8rem;
}

.logos__container__cfo {
    color: #4d4d4d;
    border-radius: 0px 0px 5px 5px;
}

.txt-chita-carrusel {
    font-size: 2.6rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400 !important;
    text-transform: uppercase;
    line-height: 1;
    color: #241752;
}

.txt-chita-carrusel strong {
    font-weight: 700 !important;
    background: linear-gradient(97deg, #D1A548 21.51%, rgba(235, 166, 26, 0.79) 84.14%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.txt-chita-carrusel-v2 strong {
    font-weight: 700 !important;
    background: linear-gradient(97deg, #ffffff 21.51%, rgb(255 255 255 / 79%) 84.14%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.txt-chita-carrusel-v2 {
    font-size: 2.6rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400 !important;
    text-transform: uppercase;
    line-height: 1;
    color: #241752;
}

.txt-chita-carrusel-p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400 !important;
    color: #241752;
}

.txt-chita-carrusel-p strong {
    font-weight: 700 !important;
    color: #241752;
}


.txt-chita-carrusel-label {
    font-size: 3rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 100 !important;
    text-transform: uppercase;
    line-height: 1;
    color: #898989;
    margin-top: -42px;
    margin-left: 14px;
}

.txt-chita-carrusel-label strong {
    font-weight: 400 !important;
    color: #4d4d4d;
}

.txt-chita-carrusel-p-label {
    font-weight: 100 !important;
    color: #898989;
    margin-left: 14px;
}

.txt-chita-carrusel-p-label strong {
    font-weight: 400 !important;
    color: #4d4d4d;
}

.div-chita-carrusel-factoring {
    top: 8rem;
}

.panel-inicial-simulador {
    margin-top: 0 !important;
}

.panel-inicial {
    margin-top: -160px;
    margin-bottom: 30px;
    position: relative;
    font-size: 1rem;
    color: white !important;
    font-weight: 100;
    /*background-color: #4d4d4d;*/
    z-index: 999;
}

.panel-inicial span {
    font-size: 2.3rem;
    font-weight: 700;
    font-family: 'Roboto Condensed';
    /* text-transform: uppercase; */
}

.panel-inicial .col1st {
    width: 30% !important;
    margin: auto;
}

.panel-inicial .col2nd, .panel-inicial .col3rd {
    width: 35% !important;
    margin: auto;
}


.panel-interior {
    font-size: 0.6rem;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.panel-interior span {
    font-size: 1.75rem;
    font-weight: 400;
    font-size: 0.95rem;
    font-weight: 400;
    font-size: 2.3rem;
    font-weight: 700;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}

.panel-interior .col1st {
    width: 30% !important;
}

.panel-interior .col2nd, .panel-interior .col3rd {
    width: 35% !important;
    border-left: 1px solid white;
}

/* ::: Seccion Nueva Forma ::: */
.img-chita01, .img-chita05 {
    max-width: 70%;
    height: auto;
    margin-top: 3rem;
}

.img-chita-refer {
    max-width: 70%;
    height: auto;
    margin-top: -4rem;
}

.fono-agente {
    margin-top: 0 !important;
}

.txt-chita-nvaforma {
    font-size: 2.4rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: #1B0F4C;
    line-height: 1;
    padding-top: 4rem;
    padding-bottom: 2rem;
}

.txt-nvaforma-ic-head {
    font-size: 1.25rem !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500 !important;
    line-height: 1.25rem;
    text-transform: uppercase;
    padding-top: 2rem;
    padding-bottom: 0.75rem;
    color: #241752 !important;

}

.txt-nvaforma-ic-head2 {
    font-size: 1.25rem !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500 !important;
    line-height: 1.5rem;
    text-transform: uppercase;
    padding-top: 2rem;
    padding-bottom: 0.75rem;
    color: #1B0F4C !important;

}

.txt-nvaforma-ic-head-promotion {
    font-weight: 400 !important;
}

.txt-nvaforma-ic {
    /* font-size: 0.875rem; */
    font-size: 1rem; /* viene de 0.9rem*/
    font-family: 'Roboto', sans-serif;
    font-weight: 200 !important;
    padding-right: 2rem;
    /*padding-bottom: 2rem;*/
    color: #23155B !important;

}

.padd-nvaforma {
    padding: 0px 2.5rem;
}

.container-free {
    width: 100% !important;
    padding-right: 5rem !important;
    padding-left: 5rem !important;
    margin-right: auto !important;
    margin-left: auto !important;
}


/* ::: Fin Seccion Nueva Forma ::: */


/* Seccion como */
.txt-chita-como {
    font-size: 2.4rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: #241752;
    line-height: 1;
    padding-top: 4rem;
    padding-bottom: 2rem;
    text-align: left !important;
    padding-left: 2.35rem;
}

/* Fin Seccion como*/

.txt-simulador {
    font-size: 1.25rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400 !important;
    line-height: 1.7rem;
    text-transform: uppercase;
    /* margin-top: 5px;
    display: inline-block; */
}

.txt-simulador-200 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 200 !important;
    line-height: 1.7rem;
    text-transform: uppercase;
    /* margin-top: 5px;
    display: inline-block; */
}

.txt-chita-landing {
    font-size: 2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: #1B0F4C;
    line-height: 1;
    padding-top: 2rem;
    /*text-align: left !important;*/
}

.txt-chita-landing2 {
    font-size: 2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: #1B0F4C;
    line-height: 1;
}

.txt-chita-landing3 {
    font-size: 38px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: #1B0F4C;
    line-height: 1;
}

.txt-chita-conoce {
    font-size: 2.4rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: #1B0F4C;
    line-height: 1;
    padding-top: 4rem;
    padding-bottom: 2rem;
    text-align: center !important;
    padding-left: 2.35rem;
}


.txt-chita-promotion-pages {
    font-size: 2.4rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: #1B0F4C;
    line-height: 1;
    padding-top: 12rem;
    padding-bottom: 0;
    text-align: center !important;
    padding-left: 0;
}

.txt-firmas-promotion-pages {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4;
    color: #1B0F4C;
    text-transform: none;
    padding-top: 12rem;
    padding-bottom: 0;
    padding-left: 0;
}

.down-txt-firmas-promotion-pages {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4;
    color: #1B0F4C;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.txt-chita-promotion-pages-firmas {
    font-size: 2.4rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: #1B0F4C;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center !important;
    padding-left: 0;
}

.txt-como-ic-head {
    font-size: 1.25rem !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500 !important;
    line-height: 1.25rem;
    text-transform: uppercase;
    padding-top: 2rem;
    padding-bottom: 0.75rem !important;
    color: #241752;
}

.txt-como-ic {
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400 !important;
    /* padding-right: 2rem; */
    padding-bottom: 1rem;
    color: #241752;
}

.txt-como-ic strong {

    font-weight: bold !important;

}

.txt-como-ic b {

    font-weight: bold !important;

}

.txt-chita-refiere, .txt-chita-registro {
    font-size: 2.4rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: #1B0F4C !important;
    line-height: 1;
}

.txt-chita-refiere, .txt-chita-registro span {
    font-weight: 600;
    color: #D1A548;
}

.texto-cifras-numeros {
    font-size: 3rem;
    font-weight: 300 !important;
    margin-bottom: 0.3rem;
    letter-spacing: -2px;
    line-height: 1;
}

.texto-cifras-normal {
    font-size: 3rem;
    font-weight: normal !important;
    margin-bottom: 0.3rem;
    letter-spacing: -2px;
    line-height: 1;
}

.texto-cifras-bajadas {
    font-size: 1.5rem;
    margin-top: 0;
    letter-spacing: 2px;
    line-height: 0.5;
}

.texto-cifras-borde {
    border-right: 1px rgba(77, 77, 77, 0.75) solid;
}

.texto-cifras-padd {
    padding-left: 2rem !important;
}

small a {
    text-decoration: none;
}

small a:hover {
    text-decoration: none;
}


.subraya-chita {
    text-decoration: underline #d1a548;
    /* border-bottom: 2px solid #d1a548;*/
}

.subraya-chita a:hover {
    text-decoration: underline #23155B !important;
    /* border-bottom: 2px solid #d1a548;*/
}

.subraya-chita-title {
    text-decoration: underline #d1a548;
}

.subraya-chita a {
    /* text-decoration: none; */
}

.txt-color-chita a:hover {
    text-decoration: none !important;

}

span.fonos a {
    text-decoration: none !important;
}


.txt-color-chita {
    color: #DB8C00;
    font-weight: 600 !important;
}

.txt-como-ic a {
    border-bottom: 1px solid #DB8C00;
    color: #DB8C00;
    text-decoration: none; /* Evitar conflictos */
}

.txt-nvaforma-ic-head a {
    border-bottom: 1px solid #DB8C00;
    color: #DB8C00;
    text-decoration: none; /* Evitar conflictos */
}

.txt-nvaforma-ic-head2 a {
    border-bottom: 1px solid #d1a548;
    color: #d1a548;
    text-decoration: none; /* Evitar conflictos */
}

.txt-como-ic a:hover {
    color: #23155B; /* Cambiar el color del texto */
    border-color: #23155B; /* Asegurar que el subrayado coincida */
}

.txt-nvaforma-ic-head a:hover {
    color: #23155B; /* Cambiar el color del texto */
    border-color: #23155B; /* Asegurar que el subrayado coincida */
}

.txt-nvaforma-ic-head2 a:hover {
    color: #23155B; /* Cambiar el color del texto */
    border-color: #23155B; /* Asegurar que el subrayado coincida */
}

.txt-nvaforma-ic-indice {
    font-size: 1.25rem !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500 !important;
    line-height: 1.25rem;
    text-transform: uppercase;
    padding-top: 0rem;
    padding-bottom: 0.75rem;
    color: #1B0F4C !important;
}

.txt-color-chita a {
    /* border-bottom: 1px solid #d1a548;*/
    color: #d1a548;
    text-decoration: none !important; /* Evitar conflictos */
}

.txt-color-chita a:hover {
    color: #23155B; /* Cambiar el color del texto */
    border-color: #23155B; /* Asegurar que el subrayado coincida */
    text-decoration: none !important; /* Evitar conflictos */
}


.txt-numeros-chita {
    background: linear-gradient(97deg, #D1A548 21.51%, rgba(235, 166, 26, 0.79) 84.14%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600 !important;
    font-size: 50px !important;
    width: 60px;
    text-align: right !important;
    padding-top: 2rem;
}

.txt-numeros-chita-yellow700 {
    color: #db8c00;
    font-weight: 600 !important;
    font-size: 50px !important;
    width: 60px;
    text-align: right !important;
    padding-top: 2rem;
}


.txt-numeros-chita-position {
    padding-bottom: 50px;
}

.three_numebr {
    margin-top: -7px;
}

.txt-color-chita h3 {
    font-size: 52px;
}

.txt-color-chita02 {
    color: #d1a548;
    font-weight: 700 !important;
    font-size: x-large;
}

.txt-color-chita03 {
    color: #737373;
    font-weight: 400 !important;
}


.bg-chita-gray {
    background-color: #EFEEEE;
}

.bg-chita-gray2 {
    background-color: #F8F8F8;
    padding: 1rem 1.5rem 0.2rem 1.5rem;
    border-radius: 6px;
}

.form-control-chita-label {
    border-radius: 4px !important;
    background-color: #ffffff;
    font-weight: 200 !important;
    padding: 0px !important;
}

.form-control-chita-label2 {
    border-radius: 0 4px 4px 0 !important;
    background-color: #ffffff;
    font-weight: 200 !important;
    padding: 0px !important;
    width: 100%;
    height: 30px;
}


.form-control-chita {
    font-family: 'Roboto Condensed', sans-serif;
    border-top: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(77, 77, 77, 0.45) !important;
    border-left: none !important;
    border-radius: 0px !important;
    background-color: transparent !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    padding: 0px !important;
    color: #1B0F4C !important;

}

.form-control-chita-bold {
    border-top: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(77, 77, 77, 0.45) !important;
    border-left: none !important;
    border-radius: 0px !important;
    background-color: transparent !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    padding: 0px 10px 0px 0px !important;
}

.form-control-chita-bold-chita {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-radius: 0px !important;
    background-color: #ffffff;
    text-transform: uppercase;
    font-weight: 400 !important;
    padding: 0px 10px 0px 10px !important;
}

.ic-size {
    width: auto;
    height: 60px /* ha sido 6 y 8.5rem;*/
}

.ic02-size {
    width: auto;
    height: 6.75rem; /* ha sido 6 y 8.5rem;*/
    margin-left: 1.5rem;
}

.ic03-size {
    width: auto;
    height: 6.75rem;
    margin-left: 0rem;
    margin-bottom: 1.2rem;
}

.compu-size {
    width: auto;
    height: 23rem;
}

.chita-size {
    width: auto;
    height: 30rem;
}

/* Ejemplo detallado */
.ejemplo-gris1 {
    background-color: #1B0F4C;
    color: white;
    border-radius: 6px 6px 0px 0px;
    font-weight: 100 !important;
    text-transform: uppercase;
    font-size: 1.25rem;
}

.ejemplo-gris2 {
    background-color: #F8F8F8;
    border-bottom: 1px solid #cacaca;
}

.ejemplo-gris3 {
    background-color: #F8F8F8;
    border-radius: 0px 0px 6px 6px;
}

/* .ejemplo-detallado {
    margin: 0rem 1rem 0rem 1rem;
    background-color: #e9e9e9;
    box-sizing: border-box;
} */
.ejemplo-gris1, .ejemplo-gris2, .ejemplo-gris3 {
    padding: 1rem 0.8rem 0rem 0.8rem;
    box-sizing: border-box;
}

.txt-detalle-ejemplo {
    margin-top: 0.3rem;
    font-size: 0.8rem;
    line-height: 1rem !important;
}

#ejemplo-simulado {
    margin: 5rem 0.9rem 0rem 0.9rem;
}

#lo-que-necesitas {
    margin: -2rem 0rem 0rem 2rem;
}


/* Slick Slider */
.div-slider {
    padding: 0px 8px 0px 8px;
}

.slider {
    width: 100%;
    margin: 30px auto;
    height: 290px;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

.fecha_slick {
    font-size: 0.85rem;
    line-height: 0.09rem !important;
}

.excelente_slick {
    font-size: 1rem !important;
    line-height: 1rem !important;
}

.txt-conoce700 {
    font-weight: 600 !important;
}

.padding-cifras {
    padding-left: 7rem !important;
    padding-right: 5.35rem !important;
}

.divprensa {
    height: 1000px;
    overflow-y: scroll;
    overflow-x: none;
    width: 80% !important;
    margin: -50px auto;
}

.borde_inf {
    border-bottom: 1px solid #d1a548 !important;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

/* Footer Clsses */
footer {
    color: white !important;
    font-size: 0.75rem;
    background: linear-gradient(93deg, #2B2B2B 2.03%, #2F4050 108.73%);
}

footer h6 {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
}

footer small {
    color: white !important;
    margin-top: -1rem;
    margin-bottom: -1rem !important;
}

.padding-footer {
    padding-left: 11.35rem !important;
    padding-right: 9.35rem !important;
}

.separa-footer {
    border-right: 1px solid rgba(225, 225, 225, 0.35);
    padding-left: 2rem;
    margin: 0px auto !important;
}

.text-link-footer {
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400 !important;
    font-size: 14px;
    text-decoration: none;
    line-height: 30px;
}

.text-link-footer:hover {
    color: white;
    font-family: 'Open Sans', sans-serif;


}

.text-overflowed {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ic-logo-footer {
    /*float: left;
    margin: 0 10px 40px 0;*/
    height: 80px;
    width: auto;
}

.nuevo-footer {
    margin: 0px auto;
}


.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.footer-top {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.ic-logo-footer {
    height: auto;
    max-height: 80px;
}

.testimonios {
    font-size: 1.2rem;
    color: #1B0F4C;
    font-style: italic;
    margin: 13px 0px;
}

.form-ajuste {
    width: 80%;
}

input.remove-arrows-factoring[type=number]::-webkit-inner-spin-button,
input.remove-arrows-factoring[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.remove-arrows-factoring[type=number] {
    -moz-appearance: textfield;
}

.btn-chita.chita-login-alone:hover,
.btn-chita.chita-login-alone:active {
    color: #ffffff !important; /* Mantén el texto blanco en hover y activo */
}

.btn-chita:hover,
.btn-chita:active {
    color: #ffffff !important; /* Mantén el texto blanco en hover y activo */
}

.btn-outline-chita:hover,
.btn-outline-chita:active {
    color: #ffffff !important; /* Mantén el texto blanco en hover y activo */
}

.text-link-footer:hover,
.text-link-footer:active {
    color: #d1a548 !important; /* Mantén el texto blanco en hover y activo */
    text-decoration: none;
}


/* ::::::: Media Queries ::::::: */
@media (min-width: 1024px) {
    .chita-title-promotion {
        top: 120px;
    }


    .margin-top-faq {
        margin-top: 250px;
    }
}

@media (max-width: 481px) {
    .chita-title-promotion {
        top: 30px;
    }

    .chita_adulto-firmaschile {
        height: 330px;
        margin: 0;
    }

    .padding-firmaschile {
        padding-top: 0rem;
    }

}

@media (min-width: 1600px) {
    .header-img {
        background: linear-gradient(
                to right,
                #9d95b1 0%, /* lila/gris suave */ #c6ad71 50%, /* transición dorada */ #F3CC49 100% /* amarillo dorado */);
        background-size: cover;
        background-position: left bottom;
        width: 100%;
        height: auto;
        margin-top: -40px;
    }

    footer .w-100 {
        display: none !important;
    }

    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }

}

@media (min-width: 1300px) and (max-width: 1599px) {
    .header-img {
        background-image: url(../img/bg-slider.png);
        background-size: cover;
        background-position: left bottom;
        width: 100%;
        height: auto;
        margin-top: -40px;
    }

    .only-gradient-desktop {
        background: linear-gradient(
                to right,
                #9d95b1 0%, /* lila/gris suave */ #c6ad71 50%, /* transición dorada */ #F3CC49 100% /* amarillo dorado */) !important;
    }

    footer .w-100 {
        display: none !important;
    }

    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }

}

@media (min-width: 1600px) {
    .header-img {
        background-image: url(../img/bg-slider.png);
        background-size: cover;
        background-position: left bottom;
        width: 100%;
        height: auto;
        margin-top: -40px;
    }

    .only-gradient-desktop {
        background: linear-gradient(
                to right,
                #9d95b1 0%, /* lila/gris suave */ #c6ad71 50%, /* transición dorada */ #F3CC49 100% /* amarillo dorado */) !important;
    }
}


@media screen and (min-width: 800px) and (max-width: 1299px) {
    /*@media screen and (min-width: 780px) and (max-width: 1299px) {
         @media (min-width: 576px) and (max-width: 767.98px) { 1919px */
    footer .w-100 {
        display: none !important;
    }

    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }

    .btn-outline-chita {
        padding-left: 1.3rem !important;
        padding-right: 1.3rem !important;
    }

    /* .padding-footer {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    } */
}

@media screen and (min-width: 800px) and (max-width: 1024px) {
    .padding-footer {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .txt-chita-carrusel {
        font-size: 2rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 200 !important;
        text-transform: uppercase;
        line-height: 1;
        color: #1B0F4C;
        margin-top: -20px;
        margin-left: -25px;
    }

    .form-ajuste {
        position: absolute;
        left: 23px;
        width: 80%;
    }

    .form-factoring {
        top: 5rem !important;
    }

    .slider-marketing {
        min-height: 990px !important;
    }

    .bg-chita-dark {
        padding-left: 18px !important;
    }

    .img-chita01, .img-chita05 {
        max-width: 40%;
        height: auto;
        margin-top: 0rem !important;
    }

    .txt-chita-carrusel-p {
        font-size: 1rem;
        font-weight: 100 !important;
        color: #1B0F4C;
        width: 100%;
        margin-left: 0px;
    }

    .txt-chita-nvaforma, .txt-chita-como, .txt-chita-conoce, .txt-chita-refiere, .txt-chita-registro {
        font-size: 2rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 100 !important;
        text-transform: uppercase;
        line-height: auto;
        padding-top: 3rem;
        padding-bottom: 0rem;
    }

}


/* Media queries para pantalla mediana */
@media screen and (min-width: 400px) and (max-width: 995px) {
    .txt-chita-carrusel {
        font-size: 2rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400 !important;
        text-transform: uppercase;
        line-height: 1;
        color: #1B0F4C;
        margin-top: -20px;
        margin-left: -25px;
    }

    .txt-chita-carrusel-p {
        font-size: 1rem;
        font-weight: 100 !important;
        color: #e1e1e1;
        width: 100%;
        margin-left: 3px;
    }

    .img-personaje-mkt {
        max-width: 70% !important;
        height: auto;
        margin-top: -23rem;
        display: none;
        margin-left: -6rem !important;
    }

    .img-personaje {
        max-width: 100% !important;
        height: auto;
        margin-top: -23rem;
        /* display: none; */
        margin-left: 0rem !important;
    }

    .div-personaje-home-v2 {
        position: absolute;
        bottom: -55px;
        right: 0px;
    }

    .panel-noticia,
    .panel-inicial {
        width: 95% !important;
        padding: 10px 0 !important;
    }

    .panel-inicial .col1st {
        width: 30% !important;
    }

    .panel-inicial .col2nd {
        left: -25px !important;
        display: relative;
    }

    .panel-inicial .col2nd,
    .panel-inicial .col3rd {
        width: 35% !important;
        border-left: 1px solid transparent;
    }

    .bg-chita-dark {
        padding: 10px 0 !important;
    }

    .bg-chita-dark p {
        font-size: 0.8rem !important;
    }

    .txt-chita-nvaforma,
    .txt-chita-como,
    .txt-chita-conoce,
    .txt-chita-refiere,
    .txt-chita-registro {
        font-size: 2rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 100 !important;
        text-transform: uppercase;
        line-height: auto;
        padding-top: 3rem;
    }

    .txt-nvaforma-ic-head,
    .txt-nvaforma-ic {
        display: inline-block;
        /* padding-left: 40px !important;*/
        padding-bottom: 15px !important;
    }

    .sin-inline-mobile {
        display: block !important;
    }

    .texto-cifras-numeros {
        font-size: 2rem;
        font-weight: 300 !important;
        margin-bottom: 0.3rem;
        letter-spacing: -2px;
        line-height: 1;
    }

    .texto-cifras-bajadas {
        font-size: 0.75rem;
        letter-spacing: 1px;
    }

    .padding-footer,
    .padding-cifras {
        padding: 0 4.5rem !important;
    }

    .separa-footer {
        border-right: none;
        margin: 0 auto !important;
    }

    footer .w-100 {
        display: inline !important;
    }

    .chita-login-alone {
        width: 25% !important;
    }
}

/* Media queries para pantalla pequeña */
@media screen and (max-width: 480px) {
    .social-icons {
        display: flex;
        gap: 19px;
    }

    .social-icons i {
        font-size: 36px;
    }

    .fonos {
        color: #1B0F4C;
        text-decoration: none;
    }

    .fonos:hover {
        color: #d1a548;
        text-decoration: underline;
    }

    .navbar {
        padding: 0.3rem 1rem;
        z-index: 1000;
    }

    .btn-chita-superior {
        margin-left: -45px;
    }

    .txt-chita-carrusel-p {
        margin-left: -23px;
    }

    .txt-nvaforma-ic-head {
        padding-top: 0rem;
    }

    .txt-como-ic-head {
        font-size: 1.2rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 500 !important;
        line-height: normal;
        text-transform: uppercase;
        margin-bottom: 12px !important;
        margin-left: 0px !important;
        display: inline-block;
    }

    .txt-numeros-chita {
        text-align: left !important;
    }

    .txt-numeros-chita-yellow700 {
        text-align: left !important;
    }

    .asesores {
        width: 90% !important;
        text-align: left !important;
    }

    .slider-marketing {
        height: 63vh;
        min-height: 670px !important;
        background-image: url("../img/slider-home-bg.png");
    }

    .form-ajuste {
        position: absolute;
        left: -15px;
        width: 80%;
    }

    .panel-inicial-marketing {
        margin-top: 50px !important;
    }

    .form-mobile {
        left: -26px;
        position: relative;
    }

    .img-chita01,
    .img-chita05,
    .personaje,
    .img-chita-refer,
    .img-chita02 {
        display: none !important;
    }


    .form-factoring {
        margin: 20px 0;
        left: -25px;
        position: absolute;
    }

    .text-landing-factoring {
        top: 40px !important;
    }

    .ic-size {
        width: auto;
        height: 3rem;
        margin-top: 0rem;
        margin-left: -10px;

    }

    .txt-chita-nvaforma,
    .txt-chita-como {
        font-size: 1.8rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400 !important;
        text-transform: uppercase;
        line-height: 2rem;
        text-align: left;
        padding: 0 0 1rem;
    }

    .txt-chita-refiere,
    .txt-chita-registro {
        font-size: 1.8rem;
        padding-top: 3rem;
    }

    .txt-chita-refiere {
        font-size: 0.6rem;
        margin: -6.5rem auto 30px;
        padding-top: 6rem !important;
    }

    .txt-chita-refiere span {
        font-size: 2.3rem;
        font-weight: 700;
        font-family: 'Roboto Condensed';
    }

    .padding-cifras,
    .padd-nvaforma {
        padding: 4rem 2rem !important;
    }

    .txt-como-ic-head {
        font-size: 1.2rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 500 !important;
        line-height: normal;
        text-transform: uppercase;
        margin-bottom: 12px !important;
        margin-left: 0px !important;
        display: inline-block;
    }

    .txt-numeros-chita {
        padding-top: 0;
    }

    .txt-numeros-chita-yellow700 {
        padding-top: 0;
    }

    .txt-nvaforma-ic {
        font-size: 1rem;
        font-family: 'Roboto', sans-serif;
        font-weight: 300 !important;
        line-height: 1.4rem;
        display: inline-block;
        padding: 0px 0px 10px 0px !important;
        letter-spacing: 0.03rem;
    }

    .ejemplo-gris1 {
        font-size: 1rem;
        padding: 0.5rem 0 0;
    }

    #ejemplo-simulado {
        margin: 5rem 0;
        font-size: 0.8rem;
    }

    #ejemplo-simulado .txt-simulador {
        font-size: 1rem;
    }

    .txt-chita-conoce {
        font-size: 1.8rem;
        font-weight: 100 !important;
        text-transform: uppercase;
        line-height: 1.5rem;
        padding-left: 0px;
    }

    .texto-cifras-numeros {
        font-size: 1.3rem;
        font-weight: 300 !important;
    }

    footer h6,
    footer li {
        font-size: 1.2rem !important;
    }

    .padding-footer {
        padding: 0.5rem !important;
    }

    .container-free,
    .container-fluid {
        width: 100%;
        padding: 0 2rem !important;
        margin: 0 auto;
    }

    .container-fluid2 {
        width: 100%;
        margin: 0 auto;
    }

    .bg-chita-dark {
        padding: 15px 10px !important;
        min-height: auto !important;
        text-align: center;
        margin-top: -90px;
    }

    .bg-chita-dark span {
        font-size: 1.5rem !important;
        font-weight: 700;
        text-align: center;
    }

    .nuevo-footer {
        margin: 0px auto;
        padding: 0px;
    }


    .col-xs-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xs-4 {
        -ms-flex: 0 0 30%;
        flex: 0 0 33%;
        max-width: 33%;
    }

    .mt-3rem {
        margin-top: 4rem;
    }

    .featurette-heading {
        margin-top: 5rem !important;
        line-height: 2rem;
    }

    .featurette-heading-firmas {
        margin-top: 0rem !important;
        line-height: 2rem;
    }

    .info-refiere {
        font-size: 0.9rem !important;
    }

    .txt-color-chita.info-refiere {
        text-decoration: none !important;
    }

    .info-refiere a:hover {
        text-decoration: none !important;
    }


    .navbar .btn-outline-chita {
        width: 40% !important;
    }

    .txt-chita-carrusel-v2 strong {
        font-weight: 700 !important;
        background: linear-gradient(97deg, #ffffff 21.51%, rgb(255 255 255 / 79%) 84.14%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .txt-chita-carrusel-v2 {
        font-size: 2rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400 !important;
        text-transform: uppercase;
        line-height: 1;
        color: #241752;
        margin-left: -25px;
    }

    .txt-chita-landing {
        font-size: 2rem !important;
    }

    .carousel-inner-mkt {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 75vh;
    }

    .container-logo-footer {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 80px;
        width: 100%;
    }

    .d-flex {
        display: block !important;
    }

    .top-co {
        top: 0px !important
    }

}


.nuevo-footer {
    margin: 0px auto;

}

.footer-corpo {
    float: left;

}

.page-only-co-footer .footer-corpo-co {
    width: 32% !important;
}

.footer-corpo .ic-logo-footer-negocios {
    top: -75px;
}

.footer-corpo .media-body {
    /* float: right;
    padding-right: 2rem; */
    display: inline-block;
    position: relative;
}

.media-body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 8px;
    margin-right: 3rem;
}

.footer-menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columnas en desktop */
    gap: 2rem; /* espacio entre columnas */
    padding: 0;
    box-sizing: border-box; /* importante para evitar desbordes */
}

/*.footer-menu-co {*/
/*    width: 72% !important;*/
/*}*/

.footer-menu div {
    float: left;
}

.footer-menu li {
    line-height: 1.5rem;
}

.columna-a, .columna-b {
    margin-left: 2rem;
}

.columna-c {
    margin-left: 2.5rem;
}

.columna-d {
    margin-left: 1rem;
}

footer .clear {
    clear: both;
}


/* Agregados por Marcos Lorca 20Nov2021 */
.header__landing_mkt {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    align-self: flex-start;
}

.footer__landing_mkt {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
}

.footer__landing_mkt_logo {
    border-right: 1px solid rgba(225, 225, 225, 0.35);
}

/* FIN Agregados por Marcos Lorca 20Nov2021 */


@media screen and (max-width: 979px) {
    .nuevo-footer {
        margin: 0px auto;
        padding: 20px 0px;
    }

    .nuevo-footer-margin {
        margin: 30px auto !important;
    }


    .footer-menu {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
        margin-top: 50px;
    }

    .footer-menu a {
        font-size: 0.8rem;
    }

    .columna-a, .columna-b, .columna-c, .columna-d {
        width: 23%;
        margin-left: 0;
    }
}

@media screen and (min-width: 336px) and (max-width: 480px) {

    .columna-a, .columna-b, .columna-c, .columna-d {
        width: 22%;
        /* border: solid green 1px; */
    }

    .columna-b {
        margin-left: 1.2rem;
        padding-left: 0.2rem;
    }

    .columna-c {
        margin-left: 0.3rem;
        padding-left: 0rem;
    }

    .columna-d {
        margin-left: 0rem;
        padding-left: 0.8rem;
    }
}

@media screen and (max-width: 335px) {


    .columna-a, .columna-b, .columna-c, .columna-d {
        width: 22%;
        /* border: solid green 1px; */
    }

    .columna-b {
        margin-left: 1.2rem;
        padding-left: 0.2rem;
    }

    .columna-c {
        margin-left: 0.3rem;
        padding-left: 0rem;
    }

    .columna-d {
        margin-left: 0rem;
        padding-left: 0.8rem;
    }
}


/***** AGREGADOS POR MARCOS LORCA 27 NOVIEMBRE 2021 *****/

.txt-chita-carrusel__p-label {
    font-weight: 400 !important;
    letter-spacing: -0.5px !important;
    color: #4d4d4d;
}


.por_que_chita {
    height: 100vh;

}

.refiere {
    height: 100vh;

}

.refiere-tarjeta {
    background-color: #F8F8F8;
    border-radius: 20px;
    top: 50%;
    width: 100%;
    margin: auto;
    padding-right: 5rem;
    padding-left: 5rem;
    padding-bottom: 4rem;

}

.refiere-tarjeta2 {
    background-color: #F8F8F8;
    border-radius: 20px;
    top: 50%;
    width: 100%;
    margin: auto;
    padding-bottom: 4rem;

}

.asesores {
    width: 70%;
    margin: auto;
}

.fp-section-last {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 125vh !important;
    display: block;
}

.container-fluid {
    width: 100%;
    padding-right: 5rem !important;
    padding-left: 5rem !important;
    margin-right: auto;
    margin-left: auto;
}

.container-fluid2 {
    width: 100%;
    padding-right: 5rem !important;
    padding-left: 5rem !important;
    margin-right: auto;
    margin-left: auto;
}


.container-free {
    width: 100%;
    padding-right: 5rem;
    padding-left: 5rem;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 750px) {
    .center-mobile {
        position: relative;
        left: -5%;
    }

    .title_center_with_size {
        font-size: 32px;
        line-height: 100%;
        text-transform: uppercase;
    }

    .resize_firmachile {
        max-width: 100%;
        height: auto;
    }
}


@media (max-width: 481px) {
    .div-chita-carrusel {
        width: 90%;
        margin: auto;
        top: 150px;
        left: 30px;
    }

    .div-chita-carrusel-factoring {
        width: 80%;
        margin: auto;
        top: 40px !important;
    }

    .text-center-m {
        text-align: center !important;
    }

    .fp-section {
        height: auto !important;
    }

    .asesores-img {
        height: 300px !important;
        margin-top: 13%;
        margin-left: 20%;
    }

    .asesores-img-promotion-pages {
        height: 300px !important;
        margin-top: 13% !important;
        margin-left: 30% !important;
    }

}


@media screen and (max-width: 430px) {
    .footer-corpo .ic-logo-footer {
        display: inline-block;
        position: relative;
        top: -30px;
    }
}

.contenedor-chita {
    margin: 1em 0;
}

#fp-nav ul li .fp-tooltip {
    display: none !important;
}


.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
    height: 100vh;
    display: block;
}


.fp-table {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.fp-responsive .fp-is-overflow.fp-section {
    height: auto !important;
}

#section3 {
    background-image: linear-gradient(128deg, #EFEEEE, #EFEEEE);
}

.asesores-img {
    height: 460px;
}

.asesores-img-promotion-pages {
    height: 550px;
    margin-top: 25%;
    margin-left: 20%;
}


@media (min-width: 768px) {
    .col-sm-5l {
        float: left;
        width: 20%;
    }
}

@media (min-width: 992px) {
    .col-md-5l {
        float: left;
        width: 20%;
    }
}

@media (min-width: 1200px) {
    .col-lg-5l {
        float: left;
        width: 20%;
    }
}

@media (min-width: 576px) {
    .col-lg-5l {
        float: left;
        width: 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media screen and (max-width: 380px) {
    .bg-chita-dark p {
        font-size: 0.6rem !important;
    }

    .panel-inicial span, .panel-interior span {
        font-size: 1.1rem;
    }
}

.txt-chita-right {
    text-align: right;
}

.txt-color-chita-agente {
    color: #1B0F4C;
    font-weight: 600 !important;
}

.mt-10 {
    margin-top: 5rem;
}

.pre-nav {
    top: 0;
    background: linear-gradient(147deg, #F1D250 3.71%, #D69C46 106.82%) !important;
    position: fixed;
    display: block;
    z-index: 1000;
    height: 60px;
    width: 100%;
    color: #ffffff;
    text-align: center;
    padding: 1rem;
}

.pre-nav p {
    display: inline;
    margin-right: 1rem;
    font-weight: 400;
}

.btn-blanco {
    font-family: 'Roboto Condensed';
    border-color: #fff;
    color: #fff;
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.9rem;
    width: 90% !important;
    border: solid 2px;
    padding: 0.2rem 3rem !important;
    border-radius: .35rem;
}

.pre-nav a:hover {
    border-color: #D69C46 !important;
    color: #D69C46 !important;
    text-decoration: none;
}

@media (max-width: 575.98px) {
    .pre-nav {
        padding: 0.4rem 1rem; /* Aumentar el padding en formato móvil */
        height: 70px; /* Ajustar la altura automática */
    }

    .pre-nav p {
        font-size: 1rem; /* Ajustar el tamaño de la fuente para mejor legibilidad */
        padding-left: 2rem;
        padding-right: 1.8rem;
    }

    .btn-blanco {
        padding: 0.5rem 1rem; /* Ajustar el padding del botón para formato móvil */
        font-size: 0.875rem; /* Ajustar el tamaño de la fuente del botón */
    }

    /* .navbar {
        margin-top: 10px;
    } */
    .form-factoring {
        margin: 20px 0px;
        padding: 0 3rem;
        top: 4rem !important;
        left: 2rem !important;
        z-index: 9999;
    }
}

.hidden {
    display: none;
}

.panel-inicial-marketing {
    margin-top: 0px;
    margin-bottom: -180px;
    position: relative;
    font-size: 1rem;
    color: white !important;
    font-weight: 100;
    /* background-color: #4d4d4d; */
    z-index: 999;
}

.panel-inicial-marketing span {
    font-size: 2.3rem;
    font-weight: 700;
    font-family: 'Roboto Condensed';
    /* text-transform: uppercase; */
}


.form-factoring {
    margin: 20px 0px;
    padding: 0 3rem;
    top: 10rem;
    left: 3rem;
}

.personaje {
    width: 65%;
    bottom: 0;
    position: absolute;
}


.fix-factoring {
    padding-top: 38rem;
}

.container-free {
    width: 100%;
    padding-right: 5rem;
    padding-left: 5rem;
    margin-right: auto;
    margin-left: auto;
}

.somos-miembros {
    padding-top: 24px;
}

.social-icons {
    display: flex;
    gap: 19px;
}

.social-icons i {
    font-size: 24px;
}


@media screen and (max-width: 395px) {
    .img-personaje {
        max-width: 70%;
        height: auto;
        /* margin-top: 5rem; */
        /* display: none; */
        margin-left: 3rem;
    }

    .img-personaje-mkt {
        max-width: 70%;
        height: auto;
        /* margin-top: 5rem; */
        display: none;
        margin-left: 3rem;
    }

}


@media screen and (min-width: 600px) and (max-width: 1000px) {
    .img-personaje {
        max-width: 60% !important;
        height: auto;
        /* margin-top: 5rem; */
        /* display: none; */
        margin-left: 3rem !important;
    }

    .img-personaje-mkt {
        max-width: 60% !important;
        height: auto;
        /* margin-top: 5rem; */
        display: none;
        margin-left: 3rem !important;
    }
}

.navbar-toggler-icon {
    color: #252525 !important;
}

a:hover {
    color: #1B0F4C !important; /* Color del enlace al pasar el mouse */
}


@media (max-width: 991px) {
    footer .footer-top {
        align-items: center !important; /* centra el flex-item en mobile */
    }

    .container-logo-footer {
        margin: 0 auto 16px; /* logo centrado */
    }

    .footer-corpo {
        float: none;
        display: block;
        margin: 0 auto 20px;
        width: 100%; /* evita fit-content */
        /*max-width: 320px; !* ancho estable para todos los países *!*/
        text-align: center;

    }

    .footer-corpo .media-body {
        margin: 0 auto;
        width: 100%;
        text-align: inherit; /* hereda el center */
    }

    .social-icons {
        display: flex;
        justify-content: center; /* íconos siempre centrados */
    }


    .media-body {
        margin-right: 0 !important;
    }

    .py-0 {
        padding-right: 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 480px) {
    .pre-nav {
        height: auto !important; /* Alto dinámico */
        text-align: center;
    }

    /* Si tienes un contenedor interno (container/row), apílalo y centra */
    .pre-nav > .container,
    .pre-nav > .row,
    .pre-nav__inner {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .pre-nav p {
        font-size: 1rem;
        line-height: 1.25;
        margin: 0; /* Evita saltos extra */
        padding: 0; /* Quita los paddings laterales */
    }

    /* Botón blanco centrado y ancho cómodo */
    .btn-blanco {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        max-width: 320px; /* Ajusta si quieres más/menos ancho */
        font-size: .875rem;
        font-weight: 400;
        border-radius: .35rem;
        margin: 0 auto;
        white-space: normal; /* Permite salto si el texto es largo */
        padding: 0 3rem 0 !important;
        width: auto !important;
    }

    /* La X de cerrar fija a la derecha, centrada verticalmente */
    .pre-nav__close,
    .pre-nav .close,
    .pre-nav .btn-close {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        line-height: 1;
    }


}

/*NUEVA LANDING SEO QUE ES EL FACTORING, CON INDICE ESTATICO A LA IZQUIERDA*/
.sticky-col {
    position: sticky;

}


.pg-que-es-factoring nav[aria-label="Índice de la página"] ol {
    list-style: decimal;
    font-weight: 700;
    color: #241752;
    font-family: "Open Sans", sans-serif;
    line-height: 24px;
    display: flex;
    flex-direction: column;

}

.pg-que-es-factoring nav[aria-label="Índice de la página"] a {
    color: #241752;
    text-decoration: none
}

.pg-que-es-factoring nav[aria-label="Índice de la página"] a:hover {
    text-decoration: underline
}


@media (min-width: 768px) {
    .panel__form_factoring {
        margin-bottom: -180px !important;
        padding: 20px 21px 15px 21px;
        position: relative;
        text-transform: uppercase;
        background-color: #F4F2FA;
        border-radius: 8px;
    }

    .panel__form_factoring2 {
        display: none;
    }

    .panel__form_factoring {
        font-weight: 400;
        text-transform: uppercase;
        font-size: 1.7rem;
        font-family: 'Roboto Condensed', sans-serif;

    }

    .panel__form_factoring strong {
        font-weight: 700 !important;
        background: linear-gradient(97deg, #D1A548 21.51%, rgba(235, 166, 26, 0.79) 84.14%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

.panel__form_factoring2 {
    padding: 20px 21px 15px 21px;
    text-transform: uppercase;
    background-color: #F4F2FA;
    border-radius: 8px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.7rem;
    font-family: 'Roboto Condensed', sans-serif;
}

.panel__form_factoring2 strong {
    font-weight: 700 !important;
    background: linear-gradient(97deg, #D1A548 21.51%, rgba(235, 166, 26, 0.79) 84.14%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.carousel-factoring {
    margin-bottom: 1rem !important;
}

@media (min-width: 1200px) {
    .pg-que-es-factoring .col-gap-80-lg {
        padding-left: 80px;
    }

    /* empuja el contenido a la derecha */
}

.txt-chita-factoring {
    font-size: 2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: #241752;
    line-height: 1;
}

@media screen and (max-width: 480px) {

    #como-funciona {
        padding: 0 24px 0 24px;
    }

}

.label-field-factoring {
    color: #241752;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    display: block;
    margin: 0;
    text-transform: none !important;
}

.form-factoring-chita {
    border: 1px solid #C1C1C1;
    background: #FFF;
    color: #BBB7C9;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    padding: 8px 16px 8px 16px;
    width: 100%;
    margin-top: 0;
}

/* por si hay estilos globales que metan margen entre label e input */
.label-field-factoring + .form-factoring-chita {
    margin-top: 0;
}

.form-factoring-chita {
    color: #241752;
}

/* texto al escribir */
.form-factoring-chita::placeholder {
    color: #BBB7C9;
}

/* Chrome, Safari, Edge (Chromium), Opera */
#InputTelefono::-webkit-outer-spin-button,
#InputTelefono::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
#InputTelefono[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* Solo este botón de esta página */
.pg-que-es-factoring .recaptcha-btn-quees button,
.pg-que-es-factoring .recaptcha-btn-quees input[type="submit"],
.pg-que-es-factoring .recaptcha-btn-quees .btn {
    display: block;
    width: 100%;
    height: 48px;
    border: 0;
    border-radius: 4px;
    text-transform: uppercase;
    color: #fff;

    /* clave: anula cualquier gradiente/imagen previa */
    background-image: none !important;
    background: #FBBD2E !important; /* ahora sí aplica el color liso */
    border-color: #FBBD2E !important;

    box-shadow: none;
    cursor: pointer;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

/* Mantén el color también en estados */
.pg-que-es-factoring .recaptcha-btn-quees button:hover,
.pg-que-es-factoring .recaptcha-btn-quees input[type="submit"]:hover,
.pg-que-es-factoring .recaptcha-btn-quees .btn:hover,
.pg-que-es-factoring .recaptcha-btn-quees button:focus,
.pg-que-es-factoring .recaptcha-btn-quees input[type="submit"]:focus,
.pg-que-es-factoring .recaptcha-btn-quees .btn:focus,
.pg-que-es-factoring .recaptcha-btn-quees button:active,
.pg-que-es-factoring .recaptcha-btn-quees input[type="submit"]:active,
.pg-que-es-factoring .recaptcha-btn-quees .btn:active {
    background-image: none !important;
    background: #FBBD2E !important;
    border-color: #FBBD2E !important;
    box-shadow: none !important;
}


.txt-numeros-chita-factoring {
    color: #DB8C00;
    font-weight: 700;
    font-size: 24px;
    width: 60px;
    text-align: right !important;
}

.txt-numeros-chita-position-factoring {
    padding-bottom: 50px;
}

.pb-0 {
    padding-bottom: 0 !important;
}

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

.chita-button {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 16px;
    border-radius: 4px;
    border: none;
    white-space: nowrap;
    display: inline-block;
    cursor: pointer;
    transition: all 0.5s;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    width: auto;
    height: 40px;
}

.chita-button--primary {
    background-color: #FBBD2E;
    color: #FFFFFF;

    &:hover {
        background-color: #DB8C00;
        border-color: #DB8C00;
        color: #FFFFFF;
    }
}

.chita-button--full-mobile {
    @media screen and (max-width: 480px) {
        width: 100%;
        display: block;
        margin: 8px 0;
    }
}

/* Scope a la página para no pisar nada */
.pg-que-es-factoring .features-b3 .feature-item {
    margin-bottom: 28px; /* separación entre bloques */
}

.pg-que-es-factoring .features-b3 .media-left {
    padding-right: 16px; /* espacio icono/texto */
    vertical-align: top;
}

.pg-que-es-factoring .features-b3 .ic-feature {
    width: 48px; /* tamaño de ícono como en el mock */
    height: auto;
}

.pg-que-es-factoring .features-b3 .feature-title {
    margin: 0 0 6px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 24px; /* ajusta a 22–26 si quieres fino */
    line-height: 32px;
    color: #241752;
    text-transform: uppercase;
}

.pg-que-es-factoring .features-b3 .feature-list {
    margin: 0;
    padding-left: 18px; /* sangría de viñetas */
}

.pg-que-es-factoring .features-b3 .feature-list li {
    margin-bottom: 10px;
    font-family: "Open Sans", sans-serif;
    font-size: 16px; /* tip igual a la captura */
    line-height: 24px;
    color: #241752;
}

/* Mobile: icono arriba si lo prefieres en pantallas muy chicas */
@media (max-width: 480px) {
    .pg-que-es-factoring .features-b3 .media-left {
        display: block;
        padding-right: 0;
        margin-bottom: 6px;
    }

    .padding-mobile {
        padding: 16px 16px !important;
    }

    .pg-que-es-factoring .features-b3 .feature-title {
        font-size: 16px;
    }
}

/* default/mobile */
.video__camp01 {
    width: 100%;
    max-width: 712px;
    margin: 0 auto;
}

.video__camp01 iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 712 / 440;
    border: 0;
}

/* desktop */
@media (min-width: 992px) {
    .video__camp01 {
        width: 712px;
        height: 440px;
    }

    .video__camp01 iframe {
        width: 712px !important;
        height: 440px !important;
    }
}

/* Solo en la página de factoring, mobile */
@media (max-width: 767px) {
    .pg-que-es-factoring #beneficios .contenedor-chita .col-12 {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    /* menos aire bajo el ícono */
    .pg-que-es-factoring #beneficios .contenedor-chita img {
        margin-bottom: 2px !important;
    }

    /* compensar el padding inline del h4 sin tocar el HTML */
    .pg-que-es-factoring #beneficios h4.txt-como-ic {
        margin-top: -6px !important; /* prueba -4 / -8 según gusto */
        margin-bottom: 0 !important;
        line-height: 1.2;
        text-align: center;
    }

    .pg-que-es-factoring #beneficios .txt-como-ic-head {
        display: inline-block;
        padding-top: 0 !important;
        margin-bottom: 0 !important;

    }

    /* separación entre items (opcional) */
    .pg-que-es-factoring #beneficios .col-md-12 {
        margin-bottom: 16px;
    }

    .pg-que-es-factoring .features-b3 .media,
    .pg-que-es-factoring .features-b3 .media-left,
    .pg-que-es-factoring .features-b3 .media-body {
        display: block; /* rompe el layout table-cell de Bootstrap 3 */
    }

    .pg-que-es-factoring .features-b3 .media-left {
        padding-right: 0; /* quita separación lateral del icono */
        margin: 0 0 6px 0; /* pequeño gap debajo del icono */
    }

    .pg-que-es-factoring .features-b3 .media-left .ic-feature {
        display: block;
        width: 40px; /* tamaño del icono similar a la imagen */
        height: auto;
    }

    .pg-que-es-factoring .features-b3 .feature-title {
        margin: 0 0 6px 0; /* título más cerca del icono */
        text-transform: uppercase;
    }

    .pg-que-es-factoring .features-b3 .feature-item {
        margin-bottom: 18px; /* separación entre bloques */
    }

    .mobile_show {
        display: block !important;
        max-width: 100% !important;
        margin-top: 0;
    }

    .pg-que-es-factoring .cta-one-line {
        white-space: nowrap;

    }

    .pg-que-es-factoring #asesores .featurette-heading {
        text-align: left !important;
        text-transform: uppercase;
        font-size: 28px; /* ajusta 26–30 si lo necesitas */
        line-height: 1.1;
        letter-spacing: .3px;
        margin: 0 0 12px;
    }

    .pg-que-es-factoring #asesores .featurette-heading .txt-color-chita {
        color: #FBBD2E; /* mostaza de marca */
    }

    /* Bloque de teléfonos: icono + número en una línea, alineado a la izquierda */
    .pg-que-es-factoring #asesores p.text-center-m {
        text-align: left !important;
        margin: 6px 0 0;
    }


    /* Imagen abajo, centrada */
    .pg-que-es-factoring #asesores .asesores-img {
        display: block;

        max-width: 280px; /* ajusta para tu asset */
        height: auto;
        margin: 18px auto 0;
    }

    /* Un poco menos de padding lateral en el contenedor */
    .pg-que-es-factoring #asesores .col-sm-10 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .pg-que-es-factoring #asesores .featurette-heading br:first-of-type {
        display: none;
    }

    .pg-que-es-factoring .row.padding-mobile:has(#por-que-chita) {
        margin-top: 0 !important;
    }
}

.pg-que-es-factoring .scroll-top-btn {
    position: fixed;
    right: 24px;
    bottom: 24px;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    border: none;
    background: #FBBD2E;
    color: #fff;
    font-size: 20px;
    display: none; /* oculto por defecto */
    align-items: center;
    justify-content: center;
    z-index: 1000;
    cursor: pointer;
}

.pg-que-es-factoring .scroll-top-btn.is-visible {
    display: inline-flex;
}

@media (max-width: 767px) {
    .pg-que-es-factoring .scroll-top-btn {
        right: 16px;
        bottom: 16px;
    }


}


/* ===============================
   LANDING CHITA VS OTROS FACTORING
   =============================== */

.one-line {
    white-space: nowrap; /* Fuerza a que quede en una sola línea */
}


.txt-chita-carrusel-v3 strong {
    font-weight: 700 !important;
    background: linear-gradient(97deg, #ffffff 21.51%, rgb(255 255 255 / 79%) 84.14%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.txt-chita-carrusel-v3 {
    font-size: 38px !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400 !important;
    text-transform: uppercase;
    line-height: 1;
    color: #241752;
}

.max-size {
    max-width: 80% !important;
}

.carousel-caption {
    right: 15%;
    bottom: 20px;
    left: 10% !important;
    padding-top: 20px;
    padding-bottom: 20px;
}

.div-personaje-home-mkt2 {
    position: absolute;
    bottom: -80px;
    right: -120px;
}

.carousel-v3 {
    height: 100%;
    margin-bottom: 4rem;
    position: relative;
}


/* ======= Sección comparativa (Chita vs otros) ======= */
/* ===== Hero Form (landing comparativo) ===== */
.form-hero {
    width: 100%;
    max-width: 430px;
}

.form-label-mkt {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #241752;
    margin: 14px 0 6px;
    text-transform: none;
    line-height: 20px; /* 142.857% */
}

.form-control-chita-label3 {
    width: 100%;
    height: 44px;
    border-radius: 4px;
    border: 1px solid rgba(36, 23, 82, .15);
    background: #fff;
    padding-left: 16px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #241752;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02) inset;
}

.form-control-chita-label3::placeholder {
    color: #B7B7B7;
}

.form-control-chita-label3:focus {
    outline: none;
    border-color: #241752;
    box-shadow: 0 0 0 3px rgba(36, 23, 82, .12);
}

/* Botón “COMENZAR” generado por el helper */
.form-hero .btn-wrap {
    margin-top: 24px;
}

.form-hero .btn,
.form-hero button,
.form-hero .g-recaptcha {
    display: flex; /* usamos flex para centrar contenido */
    align-items: center; /* centra vertical */
    justify-content: center; /* centra horizontal */
    width: 220px;
    height: 48px; /* ajusta altura del botón */
    border: none;
    border-radius: 4px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff !important;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
    background: linear-gradient(109deg, #F1D250 -13.24%, #D69C46 105.52%);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
    cursor: pointer;
}

.form-hero .btn:hover,
.form-hero button:hover,
.form-hero .g-recaptcha:hover {
    background: linear-gradient(147deg, #D69C46 3.71%, #F1D250 106.82%);
    color: #ffffff !important;
}

/* Quitar flechas en number (ya lo usas, lo reforzamos aquí) */
input.remove-arrows-factoring[type=number]::-webkit-outer-spin-button,
input.remove-arrows-factoring[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.remove-arrows-factoring[type=number] {
    -moz-appearance: textfield;
}

/* Espaciado entre controles */
.form-hero .form-group {
    margin-bottom: 12px;
}


.txt-chita-carrusel-p3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400 !important;
    color: #241752;
}

.txt-chita-carrusel-p3 strong {
    font-weight: 700 !important;
    color: #241752;
}


.compare-title {
    margin-bottom: 22px;
    letter-spacing: .3px;
}

/* Tabla */
.compare-table {
    margin-bottom: 18px;
    border-collapse: separate;
    border-spacing: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #1B0F4C;
}

.compare-table thead th {
    background: #EBEBEB; /* gris encabezado */
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #383838;
    border: none !important;
    padding: 12px 16px;
}

.compare-table tbody td {
    border-top: 1px solid #EBEBEB !important; /* líneas entre filas */
    vertical-align: middle;
    padding: 14px 16px;
    font-size: 20px;
    line-height: 24px;
}

.compare-table tbody tr:first-child td {
    border-top: none !important;
}

/* Columna características (izquierda) */
.compare-feature {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #1B0F4C;
    width: 28%;
    font-size: 20px; /* más grande para "TASA", "RAPIDEZ", etc. */
}

.compare-table td:nth-child(2) {
    width: 36%;
}

/* Chita */
.compare-table td:nth-child(3) {
    width: 36%;
}

/* Otros Factoring */

/* Columnas de contenido */
.compare-table td:nth-child(2),
.compare-table td:nth-child(3) {
    font-size: 16px; /* info bajo CHITA y OTROS FACTORING */
    font-weight: 400;
    color: #241752;
}

/* Separador al final (línea gris clara como en el mock) */
.compare-divider td {
    height: 14px;
    border-top: 1px solid #E6E6E6 !important;
    padding: 0;
}

/* Check cuadrado morado (como en la maqueta) */
.compare-check {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    vertical-align: -3px;
    border-radius: 3px;
    background: #1B0F4C;
    position: relative;
}

.compare-check:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 2px;
    width: 6px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
}

/* Botón */
.compare-cta {
    width: 250px;
    margin-top: 8px;
    border-radius: 4px;
}

/* Responsive */
@media (max-width: 991px) {
    .compare-title {
        margin-bottom: 16px;
    }

    .compare-table thead th {
        font-size: 12px;
    }

    .compare-feature {
        width: 34%;
    }
}

@media (max-width: 767px) {
    .compare-section {
        padding: 0px 0 28px;
    }

    .compare-table tbody td {
        font-size: 13px;
    }

    /* En mobile, dejamos scroll horizontal si no cabe */
    .compare-section .table-responsive {
        border: 0;
    }
}

/* ===== Sección: Diferencias de Tasas / Qué tan rápido ===== */
.rates-section {
    padding: 60px 0;
    font-family: 'Roboto', sans-serif;
    color: #241752;
}

.rates-title {
    font-size: 38px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 14px;
}

.rates-subtitle {
    font-size: 16px;
    font-weight: 400;
    color: #241752;
    margin-bottom: 40px;
    font-family: 'Open Sans', sans-serif;
}

/* Acentos */
.txt-color-orange,
.highlight-orange {
    color: #DB8C00;
}

.highlight-orange {
    font-weight: 700;
}

/* Panel lila que envuelve ambas tarjetas */
.rates-panel {
    background: #F4F2FA;
    border-radius: 20px;
    padding: 16px;
}

/* Fila como flex para alinear e igualar alturas (BS3-safe dentro de la sección) */
.rates-cards {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-left: -15px; /* compensa gutters BS3 */
    margin-right: -15px;
}

.rates-cards > [class*="col-"] {
    display: flex; /* permite que la tarjeta crezca */
    float: none; /* evita conflictos del float en BS3 dentro de esta fila */
}

/* Tarjetas */
.rate-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    text-align: left;
    background: transparent;
    border-radius: 12px;
    padding: 0;
    box-shadow: none;
    min-height: 100%;
}

/* Izquierda: tarjeta blanca con sombra */
.rate-card--white {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
}

/* Derecha: usa el lila del panel, pero con el mismo padding para alinear */
.rate-card--ghost {
    background: transparent;
    border-radius: 16px;
    padding: 24px;
}

/* Recuadro del icono/etiqueta */
.rate-icon-box {
    background: #FFFFFF;
    border: 1px solid #E9E8EE;
    border-radius: 9.6px;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #1B0F4C;
    margin-bottom: 14px;
}

.rate-icon-box img {
    max-width: 60%;
    max-height: 60%;
}

/* Tipografía interior */
.rate-label {
    margin: 0 0 6px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #241752;
}

.rate-value {
    margin: 0 0 12px;
    line-height: 44px;
    font-size: 36px;
    font-weight: 700;
    color: #DB8C00;
}

/* Línea breve bajo el valor grande */
.rate-subline {
    margin: -4px 0 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #241752;
}

/* Contenido y alineación del párrafo final */
.rate-body {
    display: flex;
    flex-direction: column;
    flex: 1; /* ocupa alto disponible para empujar el desc al fondo */
}

.rate-desc {
    font-size: 14px;
    color: #241752;
    font-weight: 400;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
    margin-top: auto; /* al fondo en ambas tarjetas */
}

.rates-cards > [class*="col-"] {
    display: flex;
}

.rate-card {
    display: flex;
    flex-direction: column;
    flex: 1; /* ambas ocupan el mismo alto */
}

/* Badge “Tasa Promocional” */
.badge-rate {
    background: #FFFFFF;
    color: #28C494;
    border: 1px solid #28C494;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: 6px;
}

/* Nota inferior con icono (copita) */
.rates-note {
    background: #F4F2FA;
    border-radius: 16px;
    padding: 14px 30px;
    font-size: 16px;
    line-height: 24px;
    color: #241752;
    font-family: 'Open Sans', sans-serif;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.rates-note .note-icon {
    width: 20px;
    height: auto;
    flex-shrink: 0;
}

.rates-note p {
    margin: 0;
}

.highlight-text {
    color: #DB8C00;
    font-weight: 600;
}

/* Responsive */
@media (max-width: 767px) {
    .rates-title {
        font-size: 22px;
    }

    .rates-panel {
        padding: 16px;
    }

    .rate-card--white {
        padding: 18px;
    }

    .rates-cards {
        display: block;
    }

    /* vuelve al flujo normal */
    .rates-cards > [class*="col-"] {
        display: block;
    }

    .rate-card {
        margin-bottom: 20px;
    }

    .txt-chita-carrusel-p3 {
        margin-left: 0 !important;
    }

    .form-control-chita-label3 {
        width: 80%;
    }
}

/* Agrupa el bloque superior y fija una altura común */
.rate-body {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.rate-top {
    /* Ajusta este número hasta que el párrafo quede alineado milimétricamente */
    min-height: 112px; /* 104–120px suele ir bien con tus tamaños actuales */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0; /* no agregamos separación extra */
}

/* El párrafo final siempre baja hasta el mismo punto */
.rate-desc {
    margin-top: auto;
}

/* Opcional fino: si el título largo hace salto de línea,
   subimos 2px para clavar la línea base */
@media (min-width: 768px) {
    .rate-card--ghost .rate-top {
        min-height: 112px;
    }
}

/* ===== Sección: Atención personalizada ===== */
.support-section {
    padding: 32px 0 8px; /* similar a otras secciones */
    color: #241752;
    font-family: 'Roboto', sans-serif;
}

.support-title {
    margin: 0 0 8px;
    font-size: 38px;
    line-height: 48px; /* 126.316% */
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
}

.support-subtitle {
    margin: 0 auto;
    max-width: 920px; /* ancho legible centrado */
    font-size: 16px;
    line-height: 24px;
    color: #241752;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.support-subtitle strong {
    font-weight: 700;
}

/* responsive */
@media (max-width: 767px) {
    .support-title {
        font-size: 22px;
    }

    .support-subtitle {
        font-size: 14px;
        line-height: 20px;
        padding: 0 12px;
    }
}

/* =======================================================================
   LANDING CALCULADORA CREDITO, BASADA EN LANDING CHITA VS OTROS FACTORING
   ======================================================================= */

.rates-panel2 {
    background-color: #F4F2FA;
    border-radius: 20px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 24px;
    padding-bottom: 24px;
}


/* Formulario */
.credit-sim__label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 6px;
    color: #6C648B;
}

.credit-sim__input {
    width: 100%;
    height: 40px;
    border: 1px solid #C1C1C1;
    border-radius: 0;
    padding: 8px 16px;
    font-size: 14px;
    outline: none;
}

.credit-sim__input:focus {
    border-color: #BBB7C9;
    box-shadow: 0 0 0 2px rgba(127, 107, 255, .15);
}

.credit-sim__field {
    margin-bottom: 14px;
}

.credit-sim__row {
    display: flex;
    gap: 24px;
    flex-direction: row;
}

.credit-sim__field--half {
    flex: 1 1 240px;
}

/* Input con sufijo */
.credit-sim__group {
    position: relative;
    display: flex;
}

.credit-sim__group .credit-sim__input {
    padding-right: 64px;
}

.credit-sim__addon {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #241752;
    padding: 2px 8px;

}

/* Chips montos rápidos */
.credit-sim__quick {
    display: flex;
    justify-content: space-around;
    margin: 6px 0 16px;
    gap: 8px;
}

.credit-sim__chip {
    border: 2px solid #db8c00;
    background: #fff;
    color: #db8c00;
    padding: 14px 16px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    line-height: 1;
    flex: 1 0 0;
}

.credit-sim__chip:hover {
    background: #fbbd2e;
    border: 2px solid #fbbd2e !important;
    color: #FFFFFF;
}

/* Quita el borde negro al hacer clic/enfocar */
.credit-sim__chip:focus,
.credit-sim__chip:active {
    outline: none !important;
    box-shadow: none !important; /* por si algún reset agrega shadow */
    border-color: #db8c00; /* conserva el borde naranja */
}


/* Firefox remueve el borde interno heredado */
.credit-sim__chip::-moz-focus-inner {
    border: 0;
}

/* Summary */
.credit-sim__summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
}

.credit-sim__summary-row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}


.credit-sim__summary-value {
    font-weight: 700;
    font-size: 20px;
    color: #241752;
}

.credit-sim__summary-row--emph {
    padding-top: 14px;
}

.credit-sim__summary-label--emph {
    color: #db8c00;
}

.credit-sim__summary-amount {
    font-size: 28px;
    font-weight: 700;
    color: #db8c00;
}

.benefit-tile {
    border-radius: 16px;
    background: rgba(108, 100, 139, 0.12);
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    flex: 1 0 0;
    align-self: stretch; /* si el contenedor padre usa flex */
    margin-bottom: 30px; /* 👈 espacio entre filas */
    font-weight: 700;
}

/* Si quieres que todas las tarjetas tengan la misma altura,
   puedes convertir las columnas en flex contenedores: */
@media (min-width: 576px) {
    .col-sm-4 {
        display: flex;
    }
}

.svg-center {
    display: block;
    margin: 0 auto;
}

.height-fija {
    height: 75px;
}

/* Mobile (BS3 xs): botón a 100% de ancho */
@media (max-width: 767px) {
    .btn-mobile-block {
        display: block;
        width: 100%;
        white-space: nowrap; /* evita que se corte en dos líneas */
    }
}

/* De sm en adelante, vuelve a inline si quieres */
@media (min-width: 768px) {
    .btn-mobile-block {
        display: inline-block;
        width: auto;
    }
}

/* Asegura columnas de igual altura */
@media (min-width: 768px) {
    .col-sm-4 {
        display: flex;
    }
}

.text-sentence {
    text-transform: lowercase !important;
}

.text-sentence::first-letter {
    text-transform: uppercase !important;
}

/* contenedor general */
.faq-list {
    background: #fff;
}

/* cada item */
.faq-item {
    padding: 14px 0;
    border-bottom: 1px solid #E7E6F2;
}

.faq-item:last-child {
    border-bottom: none;
}

/* pregunta */
.faq-q {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 700;
    color: #241752; /* morado */
}

/* respuesta */
.faq-a {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #6C648B; /* gris violeta */
}

/* spacing en móviles */
@media (max-width: 767px) {
    .faq-item {
        padding: 12px 0;
    }

    .faq-q {
        font-size: 15px;
    }

    .faq-a {
        font-size: 14px;
    }
}


/* ===== HERO: mejoras mobile sin afectar desktop ===== */
@media (max-width: 767px) {
    /* Permitir salto de línea en títulos solo en mobile */
    .one-line {
        white-space: normal;
    }

    .txt-chita-carrusel-v3 {
        font-size: 24px !important;
        line-height: 1.1;
    }

    .carousel-caption {
        left: 6% !important;
        right: 6% !important;
        bottom: 10px;
        padding-top: 8px;
        padding-bottom: 8px;
        text-align: left; /* mantiene estilo de marca */
    }


    .form-hero {
        max-width: 100%;
    }

    /* Botón: ancho completo en mobile */
    .form-hero .btn,
    .form-hero button,
    .form-hero .g-recaptcha {
        width: 80%;
    }

    /* El personaje deja de ser absolute para no desbordar */
    .div-personaje-home-mkt2 {
        position: static;
        right: auto;
        bottom: auto;
        margin-top: 16px;
        text-align: center;
    }

    .div-personaje-home-mkt2 .max-size {
        max-width: 90% !important;
        height: auto;
    }

    /* Imagen de fondo del slide más contenida */
    .header-img {
        width: 100%;
        height: auto;
    }
}

/* Ajuste intermedio para tablets */
@media (min-width: 768px) and (max-width: 991px) {
    .txt-chita-carrusel-v3 {
        font-size: 32px !important;
    }

    .div-personaje-home-mkt2 {
        right: -40px;
        bottom: -40px;
    }

    .div-personaje-home-mkt2 .max-size {
        max-width: 75% !important;
    }
}

/* ===== COMPARATIVA: modo tarjetas en mobile ===== */
@media (max-width: 767px) {
    /* Ocultamos encabezado y quitamos comportamiento de tabla */
    .compare-table thead {
        display: none;
    }

    .compare-table,
    .compare-table tbody,
    .compare-table tr,
    .compare-table td {
        display: block;
        width: 100%;
    }

    /* Cada fila es una tarjeta */
    .compare-table tbody tr {
        background: #fff;
        border: 1px solid #EDEAF6;
        border-radius: 12px;
        padding: 12px 14px;
        margin-bottom: 12px;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
    }

    /* Feature como título de tarjeta */
    .compare-table td:nth-child(1) {
        border: 0 !important;
        padding: 0 0 8px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 16px;
        color: #1B0F4C;
    }

    /* Bloques de CHITA y OTROS con etiqueta */
    .compare-table td:nth-child(2),
    .compare-table td:nth-child(3) {
        border: 0 !important;
        padding: 8px 0 0;
        font-size: 14px;
        line-height: 20px;
        position: relative;
    }

    .compare-table td:nth-child(2)::before,
    .compare-table td:nth-child(3)::before {
        content: attr(data-label);
        display: block;
        font-size: 12px;
        font-weight: 700;
        color: #6D6A78;
        margin-bottom: 4px;
        letter-spacing: .2px;
    }

    /* Si no quieres tocar el HTML para añadir data-label,
       puedes forzarlo con nth-child (elige uno u otro bloque): */
    .compare-table td:nth-child(2)::before {
        content: "CHITA";
    }

    .compare-table td:nth-child(3)::before {
        content: "OTROS FACTORING";
    }

    /* Check cuadrado alineado con texto en bloques compactos */
    .compare-check {
        margin-right: 6px;
        vertical-align: -2px;
    }

    /* Quita el separador final de tabla en mobile */
    .compare-table .compare-divider {
        display: none;
    }

    /* Contenedor más respirado */
    .compare-section {
        padding: 0 0 20px;
    }

    .compare-title {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .featurette-heading2 {
        line-height: 2rem;
    }

    .mkt-spaced-mobile .txt-chita-carrusel-v2 {
        font-size: calc(2rem - 1px);
    }

    .mkt-spaced-mobile .txt-chita-carrusel-v2 strong {
        font-size: calc(2rem - 1px);
    }

}

/* Pequeños refinamientos para 768–991px */
@media (min-width: 768px) and (max-width: 991px) {
    .compare-table thead th {
        font-size: 14px;
    }

    .compare-table tbody td {
        font-size: 16px;
    }
}

/* ===== COMPARATIVA: tarjetas mobile a ancho completo ===== */
@media (max-width: 767px) {
    /* que NINGUNA celda tenga width heredado de desktop */
    .compare-feature,
    .compare-table td:nth-child(2),
    .compare-table td:nth-child(3) {
        width: auto !important;
        max-width: none !important;
    }

    /* por si algún estilo previo limita el ancho de las celdas */
    .compare-table td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    /* más respiración dentro de la tarjeta */
    .compare-table tbody tr {
        padding: 16px 18px; /* opcional */
    }

    /* títulos y textos un pelín más grandes si quieres */
    .compare-table td:nth-child(1) {
        font-size: 16px;
    }

    .compare-table td:nth-child(2),
    .compare-table td:nth-child(3) {
        font-size: 15px;
        line-height: 22px;
    }

    /* mantén el check alineado */
    .compare-check {
        margin-right: 8px;
        vertical-align: -2px;
    }

    #asesores .asesores-img {
        width: auto !important;
    }
}

/* Que la columna interna sea 100% en esa sección */
#asesores .row.asesores .my-auto .row > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
}

/* Asegura que la imagen use el ancho disponible y no tenga límites previos */
#asesores .asesores-img {
    display: block;
    width: 60%;
    height: auto;
    max-width: none;
    margin-right: auto;
}

@media (max-width: 768px) {
    .margin-left-0 {
        margin-left: 0 !important;
        left: 0 !important;
    }

    .left-15 {
        left: 15px !important;
    }

    .mkt-center-mobile {
        gap: 8px;
    }

    .mkt-center-mobile {
        position: static !important;
        margin: 0 auto !important;
        width: calc(100% - 48px);
        max-width: 420px;
    }

    /* 1) Quita posicionamientos heredados y apila en columna */
    .mkt-center-mobile > h1,
    .mkt-center-mobile > p,
    .mkt-center-mobile > form {
        position: static !important;
        float: none !important;
        display: block !important;
        width: 100% !important;
    }

    /* 2) Espaciados verticales */
    .mkt-center-mobile > h1 {
        margin: 0 0 12px !important;
    }

    .mkt-center-mobile > p {
        margin: 0 0 16px !important;
    }

    .mkt-center-mobile form .form-group {
        margin-bottom: 14px !important;
    }

    .mkt-center-mobile form .btn {
        margin-top: 12px !important;
        width: 100%;
    }

    /* 3) Alturas consistentes en inputs y prefijo */
    .mkt-center-mobile .form-control {
        height: 48px;
    }

    .mkt-center-mobile .input-group-prepend {
        display: flex;
        align-items: stretch;
    }

    .mkt-center-mobile .input-group-text {
        height: 48px;
        display: flex;
        align-items: center;
    }
}


/* Padding general de la tarjeta, corrige el inline 0 !important */
.refiere-tarjeta.refiere-block {
    padding: 3rem 4rem !important; /* desktop */
}

/* Mobile / tablet: padding como en el mock */
@media (max-width: 991px) {
    .refiere-tarjeta.refiere-block {
        padding: 2rem 1.5rem !important;
    }
}

/* Contenedor de la imagen: centra vertical y mueve la imagen hacia la derecha en desktop */
.refiere-img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center; /* mobile y tablet: centrado */
    height: 100%;
}

.refiere-img {
    height: 290px;
    width: auto;
}


/* Contenedor de texto: limita ancho y alinea como el diseño */
.refiere-copy {
    max-width: 520px;
    margin-left: 0;
    margin-right: 0;
}

/* Título y texto alineados a la izquierda (txt-chita-landing es centrado por defecto) */
.refiere-copy .txt-chita-landing,
.refiere-copy .txt-como-ic,
.refiere-copy .h3_text {
    text-align: left;
}

/* Cita "Estás a dos clics..." en negrita */
.refiere-cta {
    font-weight: 700;
    font-size: 1.25rem;
}

/* En mobile el texto ocupa todo el ancho bajo la imagen */
@media (max-width: 991px) {
    .refiere-copy {
        max-width: none;
        margin-top: 1.5rem;
    }
}

/* Utilidad para que el botón quede centrado en mobile y alineado a la izquierda en desktop/tablet */
.text-center-md-left {
    text-align: center;
}

@media (min-width: 768px) {
    .text-center-md-left {
        text-align: left;
    }

    /* Desktop: ancho máximo y centrado tipo screenshot */
    .oc-hero-title,
    .oc-hero-text {
        margin-left: 12rem;
        margin-right: 12rem;
        text-align: center;
    }
}

#faqs-factoring .faq-toggle[aria-expanded="true"] .faq-caret:before {
    transform: rotate(-135deg);
}

/* ===== Mobile only Home public ===== */
@media (max-width: 480px) {

    .btn-outline-chita-mobile {
        font-family: 'Roboto Condensed', sans-serif;
        background-color: rgba(57, 0, 255, 0.00);
        color: #DB8C00;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 14px;
        border: 2px solid #DB8C00;
        padding: 0.7rem 1rem !important;
        line-height: 20px; /* 142.857% */
        letter-spacing: 0.1px;
        min-width: 152px !important;
        min-height: 40px !important;

    }

    .btn-chita {
        font-family: 'Roboto Condensed', sans-serif;
        background: linear-gradient(109deg, #F1D250 -13.24%, #D69C46 105.52%) !important;
        border-radius: 4px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px; /* 142.857% */
        width: 220px;
        padding: 0.8rem 1rem !important;
    }


    .navbar-principal {
        justify-content: space-evenly !important;
    }

    #section0.hero-m .carousel-inner,
    #section0.hero-m .carousel-item {
        height: auto !important; /* pisa el 94vh */
        min-height: 520px; /* ajusta 480–560 según tu contenido */
    }

    /* Contenedor general con gradiente tipo mock */
    #section0.hero-m {
        position: relative;
        background: linear-gradient(to right, #9d95b1 0%, /* lila/gris suave */ #c6ad71 50%, /* transición dorada */ #F3CC49 100% /* amarillo dorado */);
        padding-top: 12px;
        padding-bottom: 0;
        margin-bottom: 16px;
    }

    /* Oculta la imagen transparente del header en mobile */
    #section0.hero-m .header-img {
        display: none !important;
    }

    /* Estructura en columna y caption "libre" */
    .hero-m__slide .row {
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
        margin-top: -50px;
    }

    /* Bloque de texto */
    .hero-m__copy {
        order: 1;
        text-align: left;
        z-index: 3 !important;
        left: 12% !important;
    }

    /* Título  */
    .hero-m__title {
        font-size: 32px;
        line-height: 40px;
        text-transform: uppercase;
        margin: 0 0 10px 0;
    }

    .hero-m__title strong {
        font-weight: 700;
    }

    /* Subtítulo */
    .hero-m__subtitle {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 133.333% */
        margin: 0 0 8px 0;
    }

    .hero-m__subtitle strong {
        font-weight: 700;
    }


    .div-chita-carrusel-home .btn {
        font-size: 14px;
        padding: 10px 16px;
        border-radius: 10px;
        margin-top: 8px;
    }

    /* Área del personaje e ilustraciones flotantes */
    .hero-m__art {
        order: 2;
        position: relative;
        min-height: 340px; /* espacio para personaje + tarjetas */
        padding: 0;

        z-index: 2 !important;
    }

    /* Personaje abajo a la derecha como en el mock */
    .hero-m__personaje {
        position: absolute !important;

        width: auto;
        max-width: 340px !important;
        height: auto;
        margin-top: 6rem;
        margin-left: 3rem !important;

    }

    .div-personaje-home-v2 {
        padding: 0 !important;
    }

    .my-auto {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .panel-home {
        margin-top: 0 !important;
    }

    .mb-home {
        margin-bottom: 0 !important;
    }

    .mt-home {
        margin-top: 3rem !important;
    }

    .z-0 {
        z-index: 0 !important;
    }

    .px-0-mobile {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

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

    .pl-mobile {
        padding-left: 19px !important;
    }

    .pl-mobile2 {
        padding-left: 22px !important;
    }


    .carousel-caption {
        left: 12% !important;
        right: 12% !important;
        bottom: 10px;
        padding-top: 8px;
        padding-bottom: 8px;
        text-align: left; /* mantiene estilo de marca */
    }
}

@media (max-width: 391px) {
    /* Área del personaje e ilustraciones flotantes */
    .hero-m__art {
        order: 2;
        position: relative;
        min-height: 320px; /* espacio para personaje + tarjetas */
        padding: 0;

        z-index: 2 !important;
    }

    /* Personaje abajo a la derecha como en el mock */
    .hero-m__personaje {
        position: absolute !important;
        width: auto;
        max-width: 320px !important;
        height: auto;
        margin-top: 10rem;

    }

    .hero-m__copy {
        left: 8% !important;
    }

}

.chita-button--full-mobile {
    @media screen and (max-width: 480px) {
        width: 100% !important;
        display: block;
        margin: 8px 0;
    }
}

/* ===== Fin Mobile only Home public ===== */

.body-small {
    color: #FFF !important;
    font-family: "Open Sans", sans-serif;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 16px !important; /* 133.333% */
}

.body-small-grey {
    color: #383838 !important;
    font-family: "Open Sans", sans-serif;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 16px !important; /* 133.333% */
}

#email u a {
    font-weight: 700 !important;
}