/* <<<<<<<<<<<<<<<<<<<<<< GENERALES >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.colorBody {
    background-color: #F4F3E9;
    transition: background-color 0.4s ease;
}

.colorBodySwap{
    background-color: #151515;
    transition: background-color 0.5s;
}

.trigger {
    height: 1px;
    width: 100%;
    opacity: 0;
    pointer-events: none;
}

/* <<<<<<<<<<<<<<<<<<<<<< GENERALES >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<<< SECTION_1 - HERO >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.contenedorHero_Sec1 {
    background-image: url("../img/lubricantes-para-envases-metalicos/hero/envases-metalicos-1825x898.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    max-width: calc(100% - 96px);
    min-height: calc(90vh - 96px);
    border-radius: 20px;
    padding: 80px 0;
    margin: 48px;
}

.cuerpo_hero_sec1 {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;

    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.titulo_lubricante_sec1 {
    color: #1E1E1E;
    font-family: "KumbhSans-Regular";
    font-size: 16px;
    line-height: 1.20;
    text-align: left;
    padding: 0 0 40px 0;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

.textos_bloque_inferior_sec1 {
    align-content: center;
    margin-right: auto;
    width: 50%;
}

.titulo_hero_sec1 {
    color: #1E1E1E;
    font-family: "Hector-Regular";
    font-size: 70px;
    line-height: 0.9;
    text-align: left;
    padding: 0;
    margin: auto 0;
}

.subtitulo_hero_sec1 {
    color: #1E1E1E;
    font-family: "KumbhSans-Regular";
    font-size: 24px;
    font-weight: 300;
    line-height: 1.20;
    text-align: left;
    padding: 24px 0 64px 0;
    margin: 0%;
}

/* --------- Responsivo - Pantallas grandes ------- */
@media (max-width: 1600px) {

    .contenedorHero_Sec1 {
        padding: 40px 0;
    }

    .cuerpo_hero_sec1 {
        max-width: 1168px;
    }

    .titulo_lubricante_sec1 {
        font-size: 14px;
        max-width: 1168px;
    }

    .titulo_hero_sec1 {
        font-size: 60px;
    }

    .subtitulo_hero_sec1 {
        font-size: 18px;
    }

}

@media (max-width: 1400px) {

    .cuerpo_hero_sec1 {
        max-width: 1088px;
    }

    .titulo_lubricante_sec1 {
        max-width: 1088px;
    }

    .contenedorHero_Sec1 {
        background-image: url("../img/lubricantes-para-envases-metalicos/hero/envases-metalicos-1270x588.webp");
    }


}

@media (max-width: 1250px) {

    .cuerpo_hero_sec1 {
        max-width: 876px;
    }

    .titulo_lubricante_sec1 {
        max-width: 876px;
    }


}

/* --------- Responsivo - Pantallas medianas ------- */
@media (max-width: 1100px) {

    .contenedorHero_Sec1 {
        margin: 32px;
        max-width: calc(100% - 64px);
        min-height: calc(90vh - 64px);
    }

    .cuerpo_hero_sec1 {
        max-width: 640px;
        justify-content: flex-start;
    }

    .titulo_lubricante_sec1 {
        padding: 0 0 100px 0;
        max-width: 640px;
    }

    .textos_bloque_inferior_sec1 {
        margin-right: 0;
        width: 100%;
    }

    .titulo_hero_sec1 {
        width: 70%;
    }

    .subtitulo_hero_sec1 {
        width: 70%;
    }

    .btn_agenda_llamada {
        margin: 0% !important;
    }

    .contenedorHero_Sec1 {
        background-image: url("../img/lubricantes-para-envases-metalicos/hero/envases-metalicos-736x1132.webp");
    }

}

/* --------- Responsivo - Pantallas chicas ------- */
@media (max-width: 700px) {

    .contenedorHero_Sec1 {
        max-width: 100%;
        min-height: calc(90vh - 16px);
        border-radius: 0 0 20px 20px;
        padding: 24px 12px;
        margin: 0 0 16px 0;
    }

    .cuerpo_hero_sec1 {
        max-width: 80%;
    }

    .titulo_lubricante_sec1 {
        font-size: 14px;
        padding: 32px 0 48px 0;
        max-width: 80%;
    }

    .titulo_hero_sec1 {
        font-size: 40px;
        width: 100%;
    }

    .subtitulo_hero_sec1 {
        width: 100%;
        padding: 16px 0 48px 0;
    }

    .contenedorHero_Sec1 {
        background-image: url("../img/lubricantes-para-envases-metalicos/hero/envases-metalicos-390x721.webp");
    }

}


/* <<<<<<<<<<<<<<<<<<<<<< SECTION_1 - HERO >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<<< SECTION_2 >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.logos_carrusel{
    overflow: hidden;
    max-width: 1400px;
    width: 100%;
    padding: 100px 0 0 0;
    margin: 0 auto;
}

.titulo_recomendados_por_sec2 {
    color: #1E1E1E;
    font-family: "OpenSans-Bold";
    font-size: 20px;
    text-align: center;
    padding-bottom: 40px;
    margin: 0%;
}

.logos_track{
    display: flex;
    align-items: center;
    gap: 48px; /* GAP ENTRE LOGOS */
    width: max-content;
    animation: scrollLogos 70s linear infinite;
}

.logos_track img{
    height: 69px; /* ALTURA LOGOS */
    width: 125px;
    flex-shrink: 0;
}

@keyframes scrollLogos{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

/* --------- Responsivo - Pantallas grandes ------- */

@media (max-width: 1550px) {

    .logos_carrusel{
        max-width: 920px;
    }

}


/* --------- Responsivo - Pantallas medianas ------- */
@media (max-width: 1100px) {

    .logos_carrusel{
        max-width: 100%;
    }

}

/* --------- Responsivo - Pantallas chicas ------- */
@media (max-width: 700px) {

    .logos_track img{
        height: 55px; /* ALTURA LOGOS */
        width: 99px;
    }

}

/* <<<<<<<<<<<<<<<<<<<<<< SECTION_2 >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<<< SECTION_3 >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.contenedor_sec3 {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 200px 0 150px 0;
}

/* ----- Textos ---- */
.contenedor_textos_sec3 {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
}

.tituloParte1_sec3 {
    font-family: "Hector-Regular";
    font-size: 60px;
    line-height: 1;
    padding-bottom: 0;
    text-align: center;
    color: #1E1E1E;
    margin: 0%;
}

.tituloParte2_sec3 {
    font-family: "Hector-Regular";
    font-size: 60px;
    line-height: 1;
    padding-bottom: 48px;
    text-align: center;
    color: #1E1E1E;
    margin: 0%;
}

.tituloGradiente_sec3 {
    background: linear-gradient(to right, #FF4848, #FF642B, #F89521);
    background-clip: text;           /* estándar */
    -webkit-background-clip: text;   /* Chrome / Safari */
    -webkit-text-fill-color: transparent;
    color: transparent;
    background-size: 200% 100%;
    animation: gradient 3s ease infinite;
}

@keyframes gradient {
    0%{
        background-position:0% 50%;
    }
    50%{
        background-position:100% 50%;
    }
    100%{
        background-position:0% 50%;
    }
}

.texto_sec3 {
    font-family: "KumbhSans-Regular";
    font-size: 20px;
    line-height: 1.20;
    text-align: center;
    color: #1E1E1E;
    margin: 0%;
}

/* ---- Cards tipos ----- */

.contenedor_cards_sec3 {
    width: 100%;
    margin: 0;
    padding: 150px 0 0 0;
}

.grid_cards {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 48px;
}

.card_sec3 {
    background: #E6E5D8;
    border-radius: 31px;
    overflow: hidden;
    padding: 16px 16px 0 16px;
    display: flex;
    flex-direction: column;
}

.card_sec3_Swap {
    background: #1E1E1E;
    border-radius: 31px;
    overflow: hidden;
    padding: 16px 16px 0 16px;
    display: flex;
    flex-direction: column;
}

.card_img_wrapper {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 15px;
}

.card_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.card_body_sec3 {
    padding: 56px 0 32px 0;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.card_titulo_sec3 {
    color: #1E1E1E;
    font-family: "KumbhSans-Regular";
    font-weight: bold;
    font-size: 24px;
    line-height: 1.20;
    text-align: center;
    padding: 0 0 24px 0;
    margin: 0%;
}

.card_titulo_sec3_Swap {
    color: #EAE9DE;
    font-family: "KumbhSans-Regular";
    font-weight: bold;
    font-size: 24px;
    line-height: 1.20;
    text-align: center;
    padding: 0 0 24px 0;
    margin: 0%;
}

.card_texto_sec3 {
    color: #1E1E1E;
    font-family: "KumbhSans-Regular";
    font-size: 18px;
    line-height: 1.20;
    text-align: left;
    padding: 0 24px 40px 24px;
    margin: 0%;
}

.card_texto_sec3_Swap {
    color: #B3B3B3;
    font-family: "KumbhSans-Regular";
    font-size: 18px;
    line-height: 1.20;
    text-align: left;
    padding: 0 24px 40px 24px;
    margin: 0%;
}

.card_botones_sec3 {
    display: flex;
    gap: 40px;
    justify-content: center;
    margin-top: auto;
}

.btn_ver_productos_sec3 {
    padding: 0;
    color: #FF4848;
    text-decoration: none;
    text-align: center;
    font-family: "KumbhSans-Regular";
    font-size: 16px;
    gap: 16px;
    display: flex;
    margin: auto 0;
}

.btn_ver_productos_sec3:hover {
    color: #FF4848;
}

.svg_btn_sec3 {
    margin: auto 0;
}

/* --------- Responsivo - Pantallas grandes ------- */

@media (max-width: 1550px) {

    .contenedor_sec3 {
        max-width: 1088px;
    }

    /* ----- Textos ---- */
    .contenedor_textos_sec3 {
        max-width: 920px;
    }

    .tituloParte1_sec3,
    .tituloParte2_sec3 {
        font-size: 50px;
    }

    .texto_sec3 {
        font-size: 18px;
    }

    /* ---- Cards tipos ----- */

    .contenedor_cards_sec3 {
        width: 100%;
        margin: 0;
        padding: 150px 0 0 0;
    }

    .card_titulo_sec3,
    .card_titulo_sec3_Swap {
        font-size: 20px;
    }

    .card_texto_sec3,
    .card_texto_sec3_Swap {
        font-size: 16px;
    }

}


/* --------- Responsivo - Pantallas medianas ------- */
@media (max-width: 1170px) {

    .contenedor_sec3 {
        max-width: 100%;
        padding: 150px 0;
    }

    /* ----- Textos ---- */
    .contenedor_textos_sec3 {
        max-width: 640px;
    }

    .tituloParte1_sec3,
    .tituloParte2_sec3 {
        font-size: 50px;
    }

    .texto_sec3 {
        font-size: 18px;
    }


    /* ---- Cards tipos ----- */

    .contenedor_cards_sec3 {
        width: 100%;
        margin: 0;
        padding: 150px 32px 0 32px;
    }

    .grid_cards {
        gap: 32px 35px;
    }

    .card_titulo_sec3,
    .card_titulo_sec3_Swap {
        font-size: 20px;
    }

    .card_texto_sec3,
    .card_texto_sec3_Swap {
        font-size: 16px;
    }

    .card_botones_sec3 {
        display: flex;
        flex-direction: column;
        gap: 40px;
        justify-content: center;
        margin-top: auto;
    }

    .btn_ver_productos_sec3 {
        margin: 0 auto;
    }

    .btn_brochure_sec3 {
        margin: 0 auto;
    }

}

/* --------- Responsivo - Pantallas chicas ------- */
@media (max-width: 700px) {

    .contenedor_sec3 {
        max-width: 90%;
        padding: 100px 0;
    }

    /* ----- Textos ---- */
    .contenedor_textos_sec3 {
        max-width: 80%;
    }

    .tituloParte1_sec3,
    .tituloParte2_sec3 {
        font-size: 35px;
    }

    .texto_sec3 {
        font-size: 16px;
    }

    /* ---- Cards tipos ----- */

    .contenedor_cards_sec3 {
        width: 100%;
        margin: 0;
        padding: 100px 0 0 0;
    }

    .grid_cards {
        gap: 48px;
        grid-template-columns: 1fr;
    }

    .card_titulo_sec3,
    .card_titulo_sec3_Swap {
        font-size: 20px;
    }

    .card_texto_sec3,
    .card_texto_sec3_Swap {
        font-size: 16px;
        padding: 0 24px 32px 24px;
    }

    .card_botones_sec3 {
        display: flex;
        flex-direction: column;
        gap: 40px;
        justify-content: center;
        margin-top: auto;
    }

    .btn_ver_productos_sec3 {
        margin: 0 auto;
    }

    .btn_brochure_sec3 {
        margin: 0 auto;
    }

}

/* <<<<<<<<<<<<<<<<<<<<<< SECTION_3 >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<<< SECTION_4 >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.contendorPrincipalSec4{
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 200px 0;
}

/* ----------------------- PARTE 1 ----------------------------- */

.contenedorParte1_texto_Sec4{
    width: 1091px;
    padding: 0%;
}

.tituloParte1_Sec4 {
    color: #1E1E1E;
    font-family: "Hector-Regular";
    font-size: 60px;
    line-height: 1;
    text-align: center;
    padding: 0 0 48px 0;
    margin: 0%;
}

.tituloParte1_Sec4_Swap {
    color: #EAE9DE;
    font-family: "Hector-Regular";
    font-size: 60px;
    line-height: 1;
    text-align: center;
    padding: 0 0 48px 0;
    margin: 0%;
}

.subTituloParte1_Sec4 {
    color: #1E1E1E;
    font-family: "KumbhSans-Regular";
    font-size: 20px;
    text-align: center;
    padding: 0 161px 56px 161px;
    margin: 0%;
}

.subTituloParte1_Sec4_Swap {
    color: #B3B3B3;
    font-family: "KumbhSans-Regular";
    font-size: 20px;
    text-align: center;
    padding: 0 161px 56px 161px;
    margin: 0%;
}

.leyendaCards_Parte1_Sec4 {
    color: #1E1E1E;
    font-family: "KumbhSans-Regular";
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 0 161px 100px 161px;
    margin: 0%;
}

.leyendaCards_Parte1_Sec4_Swap {
    color: #B3B3B3;
    font-family: "KumbhSans-Regular";
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 0 161px 100px 161px;
    margin: 0%;
}

/* ---- Cards con puntito -------- */

.gridSec4 {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 32px; 
}

.crad_cuerpoParte1_Sec4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: auto;
    width: 100%;
    border: 0px;
}

.cardParte1_subTitulo_Sec4 {
    color: #1E1E1E;
    font-family: "KumbhSans-Regular";
    font-size: 16px;
    text-align: center;
    margin: 0%;
    padding-top: 24px;
}

.cardParte1_subTitulo_Sec4_Swap {
    color: #B3B3B3;
    font-family: "KumbhSans-Regular";
    font-size: 16px;
    text-align: center;
    margin: 0%;
    padding-top: 24px;
}

.dot {
    position: relative;
    width: 15px;
    height: 15px;
    background: #FF0000;
    border-radius: 50%;
}

.dot::before,
.dot::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: #FF0000;
    animation: ripple 2.5s infinite;
}

.dot::after {
    animation-delay: 1s;
}

@keyframes ripple{
    0%{
        transform: scale(1);
        opacity: 1;
    }

    100%{
        transform: scale(2);
        opacity: 0;
    }
}

/* ----------------------- PARTE 2 ----------------------------- */
.contendorParte2_Sec4{
    width: 100%;
    margin: 200px 0 0 0;
}

.filaSec4{
    display: flex;
    gap: 48px;
}

/* --------- Lado izquierdo --------- */

.filaCardIzqSec4 {
    width: 50%;
    flex: 1;
    padding: 0%;
}

.cardIzqSec4 {
    border-radius: 15px;
    height: 100%;
    border: none;
    overflow: hidden;
    position: relative;
}


.videoCardIzqSec4,
.imgCardIzqSec4 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    display: block;
}

/* Desktop por defecto */
.videoCardIzqSec4 { 
    display: block; 
}

.imgCardIzqSec4 { 
    display: none; 
}

/* --------- Lado derecho -------- */

.filaCardDerSec4 {
    width: 50%;
    flex: 1;
    padding: 0%;
}

.cardDerSec4 {
    height: 100%;
    padding: 0% 32px;
    display: flex;
    justify-content: center;
    border: none;
}

.tituloParte2_Sec4 {
    font-family: "Hector-Regular";
    font-size: 60px;
    line-height: 1.15;
    padding-bottom: 24px;
    text-align: left;
    color: #1E1E1E;
    margin: 0%;
}

.tituloParte2_Sec4_Swap {
    font-family: "Hector-Regular";
    font-size: 60px;
    line-height: 1.15;
    padding-bottom: 24px;
    text-align: left;
    color: #EAE9DE;
    margin: 0%;
}

.tituloGradienteParte2_Sec4{
    background: linear-gradient(to right, #FF4848, #FF642B, #F89521);
    background-clip: text;           /* estándar */
    -webkit-background-clip: text;   /* Chrome / Safari */
    -webkit-text-fill-color: transparent;
    color: transparent;
    background-size: 200% 100%;
    animation: gradient 3s ease infinite;
}

@keyframes gradient {
    0%{
        background-position:0% 50%;
    }
    50%{
        background-position:100% 50%;
    }
    100%{
        background-position:0% 50%;
    }
}

.subtituloParte2_CardSec4 {
    font-size: 20px;
    font-family: "KumbhSans-Regular",sans-serif;
    color: #1E1E1E;
    line-height: 1.20;
    padding-bottom: 88px;
    margin: 0%;
}

.subtituloParte2_CardSec4_Swap {
    font-size: 20px;
    font-family: "KumbhSans-Regular",sans-serif;
    color: #B3B3B3;
    line-height: 1.20;
    padding-bottom: 88px;
    margin: 0%;
}

/* Componente - Beneficios con palomitas */
.campos_bullets {
    padding: 0px;
    width: 100%;
}

.titulos_componenteParte2 {
    font-size: 24px;
    font-family: "KumbhSans-Regular", sans-serif;
    font-weight: 700;
    padding: 0px 0px 32px 0px;
    margin: 0%;
    color: #1E1E1E;
}

.titulos_componenteParte2_Swap {
    font-size: 24px;
    font-family: "KumbhSans-Regular", sans-serif;
    font-weight: 700;
    padding: 0px 0px 32px 0px;
    margin: 0%;
    color: #EAE9DE;
}

.lista_bullets {
    font-size: 18px;
    font-family: "KumbhSans-Regular", sans-serif;
    font-weight: 400;
    margin: 0%;
    color: #1E1E1E;
}

.lista_bullets_Swap {
    font-size: 18px;
    font-family: "KumbhSans-Regular", sans-serif;
    font-weight: 400;
    margin: 0%;
    color: #B3B3B3;
}

.item_lista {
    padding-bottom: 16px;
    margin: 0%;
    line-height: 1.15;
    align-items: flex-end;
    display: flex;
    gap: 8px;
}

.item_lista img {
    filter: none;
    transition: filter 0.3s ease;
}

.lista_bullets_Swap .item_lista img {
    filter: invert(1) brightness(2); /* BLANCO */
}


/* --------- Responsivo - Pantallas grandes ------- */
@media (max-width: 1440px) {

    .contendorPrincipalSec4{
        max-width: 1088px;
    }

    /* Parte 1 */
    .contenedorParte1_texto_Sec4 {
        width: 920px;
    }

    .tituloParte1_Sec4,
    .tituloParte1_Sec4_Swap {
        font-size: 50px;
    }

    .subTituloParte1_Sec4,
    .subTituloParte1_Sec4_Swap {
        font-size: 18px;
        padding: 0 156px 56px 156px;
    }

    .leyendaCards_Parte1_Sec4,
    .leyendaCards_Parte1_Sec4_Swap {
        font-size: 20px;
        padding: 0 0 100px 0;
    }

    .cardParte1_subTitulo_Sec4,
    .cardParte1_subTitulo_Sec4_Swap {
        font-size: 14px;
    }

    /*  Parte 2 */

    .filaSec4{
        gap: 32px;
    }

    .tituloParte2_Sec4,
    .tituloParte2_Sec4_Swap {
        font-size: 50px;
    }

    .subtituloParte2_CardSec4,
    .subtituloParte2_CardSec4_Swap {
        font-size: 18px;
    }

    .titulos_componenteParte2,
    .titulos_componenteParte2_Swap {
        font-size: 20px;
    }

    .lista_bullets,
    .lista_bullets_Swap {
        font-size: 16px;
    }

}

/* --------- Responsivo - Pantallas medianas ------- */
@media (max-width: 1121px) {

    .contendorPrincipalSec4 {
        max-width: 640px;
    }

    /* Parte 1 */
    .contenedorParte1_texto_Sec4 {
        width: 640px;
    }
    
    .tituloParte1_Sec4,
    .tituloParte1_Sec4_Swap {
        font-size: 50px;
    }

    .subTituloParte1_Sec4,
    .subTituloParte1_Sec4_Swap {
        font-size: 18px;
        padding: 0 80px 56px 80px;
    }

    .cardParte1_subTitulo_Sec4,
    .cardParte1_subTitulo_Sec4_Swap {
        max-width: 205px;
        width: 100%;
    }

    .gridSec4{
        gap: 60px 0;
        grid-template-columns: repeat(2,2fr);
    }

    /* Parte 2 */
    .filaSec4 {
        flex-direction: column;
        gap: 120px;
    }

    .filaCardIzqSec4,
    .filaCardDerSec4 {
        width: 100%;
        padding: 0%;
    }

    .cardDerSec4 {
        padding: 0%;
    }

    /* imagen 16:9 */

    .cardIzqSec4 {
        aspect-ratio: 16/9;
    }

    .imgCardIzqSec4 {
        height: 100%;
    }
    

}

/* --------- Responsivo - Pantallas chicas ------- */
@media (max-width: 700px) {

    .contendorPrincipalSec4 {
        max-width: 90%;
        padding: 100px 0 150px 0;
    }

    .filaSec4 {
        gap: 100px;
    }

    /* Parte 1 */
    .contenedorParte1_texto_Sec4 {
        width: 90%;
    }

    .tituloParte1_Sec4,
    .tituloParte1_Sec4_Swap {
        font-size: 35px;
    }

    .subTituloParte1_Sec4,
    .subTituloParte1_Sec4_Swap {
        font-size: 16px;
        padding: 0 0 80px 0;
    }

    .leyendaCards_Parte1_Sec4,
    .leyendaCards_Parte1_Sec4_Swap {
        display: none;
    }

    .cardParte1_subTitulo_Sec4,
    .cardParte1_subTitulo_Sec4_Swap {
        font-size: 14px;
        max-width: 80%;
    }

    .gridSec4{
        grid-template-columns: 1fr;
    }

    /*  Parte 2 */

    .contendorParte2_Sec4{
        margin: 150px 0 0 0;
    }

    .tituloParte2_Sec4,
    .tituloParte2_Sec4_Swap {
        font-size: 35px;
        max-width: 80%;
        width: 100%;
        margin: 0 auto;
    }

    .subtituloParte2_CardSec4,
    .subtituloParte2_CardSec4_Swap {
        font-size: 16px;
        max-width: 80%;
        width: 100%;
        margin: 0 auto;
    }

    .ComponenteParte2_sec4 {
        max-width: 80%;
        width: 100%;
        margin: 0 auto;
    }

    
    .videoCardIzqSec4 { 
        display: none; 
    }

    .imgCardIzqSec4 { 
        display: block; 
    }

    .item_lista {
        align-items: flex-start;
        padding-bottom: 20px;
    }

}

/* <<<<<<<<<<<<<<<<<<<<<< SECTION_4 >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<<< SECTION_5 >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.contenedor_sec5{
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 100px 0;
}

.contenedor_textos_sec5 {
    width: 413px;
}

.titulo_sec5{
    color: #1E1E1E;
    font-family: "Hector-Regular";
    font-size: 40px;
    line-height: 1;
    margin: 0;
}

.titulo_sec5_Swap {
    color: #EAE9DE;
    font-family: "Hector-Regular";
    font-size: 40px;
    line-height: 1;
    margin: 0;
}

/* --------- Cards ----------- */
.gridProductos_sec5{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px;
    margin-top: 150px;
}

.img_card_producto_sec5{
    width: 160px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -120px;
    margin-bottom: 10px;
}

.alto_sec5{
    padding-top: 70px;
}

.card_forma_sec5{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-color: transparent;
    border: 1px solid #D3D3C5;
    padding: 28px;
    display: flex;
    flex-direction: column;
}

.titulo_mini_card_producto_sec5{
    color: #FF0000;
    font-family: "Hector-Regular";
    font-size: 12px;
    text-align: left;
}

.titulo_card_producto_sec5{
    color: #1E1E1E;
    font-family: "Hector-Regular";
    font-size: 18px;
    text-align: left;
}

.texto_card_producto_sec5{
    font-family: "KumbhSans-Regular";
    font-size: 14px;
    color: #1E1E1E;
    text-align: left;
}

.btn_card_producto_sec5 {
    text-align: left;
}

/* --------- Responsivo - Pantallas grandes ------- */
@media (max-width: 1440px){

    .contenedor_sec5{
        max-width: 1088px;
    }

    .gridProductos_sec5{
        grid-template-columns: repeat(4, 1fr);
    }

}

/* --------- Responsivo - Pantallas medianas ------- */
@media (max-width: 1121px){

    .contenedor_sec5{
        max-width: 640px;
    }

    .gridProductos_sec5{
        grid-template-columns: repeat(2, 258px);
        gap: 40px;
        justify-content: center;
        margin-top: 100px;
    }

    .img_card_producto_sec5{
        margin-top: -110px;
    }

    .titulo_sec5,
    .titulo_sec5_Swap {
        font-size: 32px;
    }

    .texto_card_producto_sec5{
        display: none;
    }

    .btn_card_producto_sec5 {
        font-size: 14px !important;
    }

}

/* --------- Responsivo - Pantallas chicas ------- */
@media (max-width: 700px){

    .contenedor_textos_sec5 {
        max-width: 80%;
        margin: 0 auto;
    }

    .titulo_sec5,
    .titulo_sec5_Swap {
        font-size: 24px;
        width: 100%;
    }

    .contenedor_sec5{
        max-width: 90%;
        padding: 0 0 80px 0;
    }

    .alto_sec5 {
        padding-top: 50px;
    }

    .img_card_producto_sec5{
        width: 120px;
        margin-top: -80px;
        margin-bottom: 15px;
    }

    .gridProductos_sec5{
        grid-template-columns: repeat(2, 171px);
        gap: 40px 24px;
    }
    
    .card_forma_sec5 {
        padding: 14px;
        min-height: 260px;
    }

    .titulo_mini_card_producto_sec5{
        font-size: 12px;
    }

    .titulo_card_producto_sec5{
        font-size: 12px;
    }

}

/* <<<<<<<<<<<<<<<<<<<<<< SECTION_5 >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<<< SECTION_6 >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.contenedor_sec6 {
    background-color: #DBDBD0;
    display: flex;
    flex-direction: column;
    max-width: calc(100% - 96px);
    border-radius: 15px;
    padding: 100px 0;
    margin: 100px 48px 0 48px;
}

/* ------ Parte superior -------- */
.contenedor_textos_sec6 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 100px 100px 100px;
}

.lado_izq_sec6 {
    width: 100%;
    max-width: 812px;
}

.titulo_sec6 {
    font-family: "Hector-Regular";
    font-size: 60px;
    line-height: 1;
    padding-bottom: 24px;
    text-align: left;
    margin: 0%;
}

.tituloGradiente_sec6 {
    background: linear-gradient(to right, #1E1E1E, #FF642B);
    background-clip: text;           /* estándar */
    -webkit-background-clip: text;   /* Chrome / Safari */
    -webkit-text-fill-color: transparent;
    color: transparent;
    background-size: 200% 100%;
    animation: gradient 3s ease infinite;
}

@keyframes gradient {
    0%{
        background-position:0% 50%;
    }
    50%{
        background-position:100% 50%;
    }
    100%{
        background-position:0% 50%;
    }
}

.textos_sec6 {
    font-size: 20px;
    font-family: "KumbhSans-Regular", sans-serif;
    margin: 0%;
    color: #1E1E1E;
    line-height: 1.20;
}

/* ---------- Parte inferior ------------ */
.contenedor_carrusel_sec6 {
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    scroll-snap-type: x mandatory;
    display: flex;
    gap: 20px;
    padding-bottom: 0%;
    scroll-padding-left: calc((100vw - 200px) / 2);
    scroll-padding-right: calc((100vw - 200px) / 2);
    scroll-behavior: smooth;
    margin: 0 0.4px;
}

.contenedor_carrusel_sec6::-webkit-scrollbar {
    display: none;
}

.spacer_seccion6 {
    flex: 0 0 80px;
    pointer-events: none;
}

.spacer_end_sec6 {
    flex: 0 0 80px;
}

/* ---------- Controles / Botones ------------- */

.contenedor_custom_arrows_sec6 {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    padding: 0 100px 0 0;
    margin-bottom: 24px;
}

/* BASE */
.custom-prev-sec6,
.custom-next-sec6 {
    cursor: pointer;
    background-color: #EAE9DE;
    border: none;
    border-radius: 50%;
    opacity: 1;
    padding: 0; /*evitar desbalance*/
    width: 50px;
    height: 50px;
    display: flex;                /* CENTRAR */
    align-items: center;          /* CENTRAR VERTICAL */
    justify-content: center;      /* CENTRAR HORIZONTAL */
    transition: all 0.25s ease;
}

/* HOVER (solo si NO está desactivado) */
.custom-prev-sec6:hover:not(.btn-disabled-sec6),
.custom-next-sec6:hover:not(.btn-disabled-sec6) {
    background-color: #F4F3E9;
}

/* DESACTIVADO */
.btn-disabled-sec6 {
    opacity: 0.3;
    pointer-events: none; 
}

/* ---- Cards ------- */
.card_sec6 {
    width: 802px;
    height: 283px;
    flex-shrink: 0;
    display: flex;
    background-color: #EAE9DE;
    border: 1px solid #D3D3C5;
    border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    padding: 16px;
    gap: 16px;
}

.card_img_sec6 {
    width: 50%;
}

.card_img_sec6 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 9px;
}

.card_body_sec6 {
    width: 50%;
    padding: 16px;
    display: flex;
    flex-direction: column;
}

.card_titulo_sec6 {
    font-family: "KumbhSans-Regular";
    font-size: 16px;
    font-weight: bold;
    line-height: 1.20;
    padding-bottom: 14px;
    text-align: left;
    margin: 0%;
}

.card_texto_sec6 {
    font-family: "KumbhSans-Regular";
    font-size: 16px;
    line-height: 1.20;
    padding-bottom: 0;
    text-align: left;
    margin: 0%;
}

.btn_card_sec6 {
    width: 100%;
    margin-top: auto;
}

/* --------- Responsivo - Pantallas grandes ------- */

@media (min-width: 1921px) {

    /*  -------- Parte inferior ------- */

    .contenedor_custom_arrows_sec6 {
        display: none;
    } 

}

@media (max-width: 1920px) {

    /*  -------- Parte inferior ------- */

    .contenedor_custom_arrows_sec6 {
        display: flex;
    } 

}

@media (max-width: 1440px) {

    .btn_explora_blog {
        display: none;
    }

    .contenedor_sec6 {
        padding: 80px 0;
    }

    /* ------ Parte superior -------- */
    .contenedor_textos_sec6 {
        padding: 0 80px 80px 80px;
    }

    .lado_izq_sec6 {
        max-width: 535px;
    }

    .titulo_sec6 {
        font-size: 50px;
    }

    .textos_sec6 {
        font-size: 18px;
    }

    /*  -------- Parte inferior ------- */

    .contenedor_custom_arrows_sec6 {
        padding: 0 80px 0 0;
    } 

    .contenedor_carrusel_sec6 {
        scroll-padding-left: calc((100vw - 160px) / 2);
        scroll-padding-right: calc((100vw - 160px) / 2);
    }

    .spacer_seccion6 {
        flex: 0 0 60px;
    }

    .spacer_end_sec6 {
        flex: 0 0 60px;
    }
}


/* --------- Responsivo - Pantallas medianas ------- */
@media (max-width: 1050px) {

    .contenedor_sec6 {
        max-width: calc(100% - 64px);
        padding: 40px 0;
        margin: 100px 32px 0 32px;
    }

    /* ------ Parte superior -------- */
    .contenedor_textos_sec6 {
        padding: 0 40px 80px 40px;
    }

    .lado_izq_sec6 {
        max-width: 100%;
    }

    .titulo_sec6 {
        font-size: 50px;
    }

    .textos_sec6 {
        font-size: 18px;
    }

    /*  -------- Parte inferior ------- */

    .contenedor_custom_arrows_sec6 {
        display: none;
    }

    .spacer_seccion6 {
        flex: 0 0 20px;
    }

    .spacer_end_sec6 {
        flex: 0 0 20px;
    }

    .contenedor_carrusel_sec6 {
        scroll-padding-left: calc((100vw - 40px) / 2);  
        scroll-padding-right: calc((100vw - 40px) / 2);
    }
    
    .contenedor_carrusel_sec6 {
        display: flex;
        gap: 24px;
        justify-content: space-between;
        align-items: stretch;
        /* desactivar comportamiento de carrusel */
        scroll-snap-type: none;
        -webkit-overflow-scrolling: auto;
        overflow-x: visible;
        white-space: normal;
    }

    .card_sec6 {
        flex: 1 1 calc(50% - 24px);
        min-width: 284px;
        display: flex;
        flex-direction: column;
        height: auto;
        flex-shrink: 1;
    }

    .card_img_sec6 { 
        width: 100%;
        height: 191px;        /* ALTURA FIJA para todas */
        min-height: 191px;    /* opcional pero recomendado */
        overflow: hidden; 
    }

    .card_img_sec6 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 9px;
    }

    .card_body_sec6 {
        width: 100%;
        flex: 1;
        padding: 16px;
        display: flex;
        flex-direction: column;
        
    }

    .card_texto_sec6 {
        padding-bottom: 24px;
    }

    .btn_card_sec6 {
        width: 100%;
        margin-top: auto;
    }

}

/* --------- Responsivo - Pantallas chicas ------- */
@media (max-width: 745px) and (min-width: 681px){

    .contenedor_sec6 {
        max-width: 100%;
        padding: 40px 0;
        margin: 80px 0 0 0;
    }

    /* ------ Parte superior -------- */
    .contenedor_textos_sec6 {
        padding: 0 0 80px 0;
        width: 80%;
        margin: 0 auto;
    }

    .lado_izq_sec6 {
        max-width: 100%;
    }

    .titulo_sec6 {
        font-size: 35px;
    }

    .textos_sec6 {
        font-size: 16px;
    }

    /*  -------- Parte inferior ------- */

    .contenedor_custom_arrows_sec6 {
        padding: 0;
        width: 80%;
        margin: 0 auto 24px auto;
    }

    .spacer_seccion6 {
        flex: 0 0 2.5%;
    }

    .spacer_end_sec6 {
        flex: 0 0 2.5%;
    }

    .contenedor_carrusel_sec6 {
        scroll-padding-left: 5%;
        scroll-padding-right: 5%;
    }
    
    .card_sec6 {
        min-width: 284px;
        display: flex;
        flex-direction: column;
    }

    .card_img_sec6 {
        width: 100%;
        max-width: 286px;
        max-height: 191px;
    }

    .card_img_sec6 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 9px;
    }

    .card_body_sec6 {
        width: 100%;
        height: 100%;
        padding: 16px;
        display: flex;
        flex: 1;
        flex-direction: column;
    }

    .card_texto_sec6 {
        padding-bottom: 24px;
    }

    .btn_card_sec6 {
        width: 100%;
        margin-top: auto;
    }
}

@media (max-width: 680px) {

    .contenedor_sec6 {
        max-width: 100%;
        padding: 40px 0;
        margin: 80px 0 0 0;
    }

    /* ------ Parte superior -------- */
    .contenedor_textos_sec6 {
        padding: 0 0 80px 0;
        width: 80%;
        margin: 0 auto;
    }

    .lado_izq_sec6 {
        max-width: 100%;
    }

    .titulo_sec6 {
        font-size: 35px;
    }

    .textos_sec6 {
        font-size: 16px;
    }

    /*  -------- Parte inferior ------- */

    .contenedor_custom_arrows_sec6 {
        display: flex;
        padding: 0;
        width: 80%;
        margin: 0 auto 24px auto;
    }

    .spacer_seccion6 {
        flex: 0 0 2.5%;
    }

    .spacer_end_sec6 {
        flex: 0 0 2.5%;
    }

    .contenedor_carrusel_sec6 {
        overflow-x: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox */
        scroll-snap-type: x mandatory;
        display: flex;
        scroll-padding-left: 5%;
        scroll-padding-right: 5%;
    }
    
    .card_sec6 {
        width: 318px;
        min-width: 314px;
        display: flex;
        flex-direction: column;
    }

    .card_img_sec6 {
        width: 100%;
        max-width: 286px;
        max-height: 191px;
    }

    .card_img_sec6 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 9px;
    }

    .card_body_sec6 {
        width: 100%;
        height: 100%;
        padding: 16px;
        display: flex;
        flex-direction: column;
    }

    .card_texto_sec6 {
        padding-bottom: 24px;
    }

    .btn_card_sec6 {
        width: 100%;
        margin-top: auto;
    }
}

/* <<<<<<<<<<<<<<<<<<<<<< SECTION_6 >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<<< SECTION_7 >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.carrusel_wrapper_sec7 {
    position: relative;
    background-color: #E6E5D8;
    border: 1px solid #1E1E1E;
    display: flex;
    flex-direction: column;
    max-width: calc(100% - 96px);
    border-radius: 15px;
    padding: 100px 0;
    margin: 100px 48px 0 48px;
}

/* ------ Parte superior -------- */
.contenedor_textos_sec7 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 100px 100px 100px;
}

.lado_izq_sec7 {
    width: 100%;
    max-width: 812px;
}

.titulo_sec7 {
    font-family: "Hector-Regular";
    font-size: 60px;
    line-height: 1;
    padding-bottom: 24px;
    text-align: left;
    margin: 0%;
    color: #1E1E1E;
}

.textos_sec7 {
    font-size: 20px;
    font-family: "KumbhSans-Regular", sans-serif;
    margin: 0%;
    color: #1E1E1E;
    line-height: 1.20;
}

/* ---------- Parte inferior ------------ */
.contenedor_carrusel_sec7 {
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    scroll-snap-type: x mandatory;
    display: flex;
    gap: 20px;
    padding-bottom: 0%;
    scroll-padding-left: calc((100vw - 200px) / 2);
    scroll-padding-right: calc((100vw - 200px) / 2);
    scroll-behavior: smooth;
    margin: 0 0.4px;
}

.contenedor_carrusel_sec7::-webkit-scrollbar {
    display: none;
}

.spacer_seccion7 {
    flex: 0 0 80px;
    pointer-events: none;
}

.spacer_end_sec7 {
    flex: 0 0 80px;
}

/* --------- Cards - fondo imagen 100% --------- */
.cuerpoCardSec7 {
    flex: 0 0 359px;
    height: auto;            /* puedes ajustar si ocupas mas alto */
    scroll-snap-align: start;
    text-align: left;
    border-radius: 15px;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: background-color 0.3s ease;
    text-decoration: none;
    color: inherit;
}

.cardRecursosExtras {
    padding: 40px 30px;
}

.imgWrapperSec7 {
    width: 100%;
    height: 100%;
    overflow: hidden;      /* evita que el zoom se salga */
    border-radius: 15px;
    border: 1px solid #4C4C4C;
}

.imgWrapperSec7 img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    transition: transform .4s ease;
    border-radius: 15px;
}

.cuerpoCardSec7:hover .imgWrapperSec7 img {
    transform: scale(1.15);   /* zoom interno sin aumentar la card */
}

/* ---------------- Cards - Svg fondo 50% ----------------- */
.cuerpoCardSec7_part2 {
    flex: 0 0 359px;
    height: auto;            /* puedes ajustar si ocupas mas alto */
    scroll-snap-align: start;
    text-align: left;
    border-radius: 15px;
    padding: 0;
    display: flex;
    background: linear-gradient(#000000 , #171717);
    text-decoration: none;
    color: inherit;
}

.cardSec7_part2_wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 15px;
    border: 1px solid #4C4C4C;
}

/* Bloque de textos (50%) */
.cardHerramientas7_part2 {
    flex: 1 1 50%;
    padding: 40px 30px 0px 30px;
    display: flex;
    flex-direction: column;
}

/* Bloque de imagen (50%) */
.animacionWrapperSec7_part2 {
    flex: 1 1 50%;
    width: 100%;
}

.zoomFrame7_part2 {
    width: 100%;
    aspect-ratio: 16/10;  /* puedes ajustar */
    overflow: hidden;
    border-radius: 15px;
    position: relative;
}

.img_card_home_sec7_part2 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: center center;
    transition: transform 0.4s ease;
    display: block;
}

.zoomFrame7_part2:hover .img_card_home_sec7_part2 {
    transform: scale(1.15);
}

/* --------- Textos ---------- */
.miniTitulo_CardSec7 {
    font-size: 14px;
    font-family: "KumbhSans-Regular", sans-serif;
    font-weight: 400;
    color: #E3D6CB;
    padding: 0% 0% 16px 0%;
    margin: 0%;
    width: 100%;
}

.titulo_CardSec7 {
    font-size: 24px;
    font-family: "Hector-Regular", sans-serif;
    color: #E3D6CB;
    padding: 0%;
    line-height: 1.1;
    margin: 0%;
    width: 100%;
}

/* ---------- Controles / Botones ------------- */

.contenedor_custom_arrows_sec7 {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    padding: 0 100px 0 0;
    margin-bottom: 24px;
}

/* BASE */
.custom-prev-sec7,
.custom-next-sec7 {
    cursor: pointer;
    background-color: #CECEC1;
    border: none;
    border-radius: 50%;
    opacity: 1;
    padding: 0; /*evitar desbalance*/
    width: 50px;
    height: 50px;
    display: flex;                /* CENTRAR */
    align-items: center;          /* CENTRAR VERTICAL */
    justify-content: center;      /* CENTRAR HORIZONTAL */
    transition: all 0.25s ease;
}

/* HOVER (solo si NO está desactivado) */
.custom-prev-sec7:hover:not(.btn-disabled-sec7),
.custom-next-sec7:hover:not(.btn-disabled-sec7) {
    background-color: #F4F3E9;
}

/* DESACTIVADO */
.btn-disabled-sec7 {
    opacity: 0.3;
    pointer-events: none; 
}

/* --------- Responsivo - Pantallas grandes ------- */


@media (min-width: 2176px) {

    /*  -------- Parte inferior ------- */

    .contenedor_custom_arrows_sec7 {
        display: none;
    } 

}

@media (max-width: 2175px) {

    /*  -------- Parte inferior ------- */

    .contenedor_custom_arrows_sec7 {
        display: flex;
    } 

}

@media (max-width: 1440px){

    .carrusel_wrapper_sec7 {
        padding: 80px 0;
    }

    /* ------ Parte superior -------- */
    .contenedor_textos_sec7 {
        padding: 0 80px 80px 80px;
    }

    .lado_izq_sec7 {
        max-width: 535px;
    }

    .titulo_sec7 {
        font-size: 50px;
    }

    .textos_sec7 {
        font-size: 18px;
    }

    /* ------ Parte inferior -------- */

    .contenedor_custom_arrows_sec7 {
        padding: 0 80px 0 0;
    } 

    .contenedor_carrusel_sec7 {
        scroll-padding-left: calc((100vw - 160px) / 2);
        scroll-padding-right: calc((100vw - 160px) / 2);
    }

    .spacer_seccion7 {
        flex: 0 0 60px;
    }

    .spacer_end_sec7 {
        flex: 0 0 60px;
    }

    .titulo_CardSec7 {
        font-size: 20px;
    }

    .cuerpoCardSec7,
    .cuerpoCardSec7_part2 {
        flex: 0 0 278px;
    }

    .imgWrapperSec7 img {
        height: 350px;
    }

}

@media (max-width: 1050px) {

    .carrusel_wrapper_sec7 {
        max-width: calc(100% - 64px);
        padding: 40px 0;
        margin: 100px 32px 0 32px;
    }

    /* ------ Parte superior -------- */
    .contenedor_textos_sec7 {
        padding: 0 40px 80px 40px;
    }

    .lado_izq_sec7 {
        max-width: 100%;
    }

    .titulo_sec7 {
        font-size: 50px;
    }

    .textos_sec7 {
        font-size: 18px;
    }

    /* -------- Parte inferior --------- */
    .contenedor_custom_arrows_sec7 {
        padding: 0 40px 0 0;
    }

    .spacer_seccion7 {
        flex: 0 0 20px;
    }

    .spacer_end_sec7 {
        flex: 0 0 20px;
    }

    .contenedor_carrusel_sec7 {
        scroll-padding-left: calc((100vw - 40px) / 2);  
        scroll-padding-right: calc((100vw - 40px) / 2);
    }

}

/* ---------- Responsive - Pantallas peques ------------ */
@media (max-width: 600px) {

    .carrusel_wrapper_sec7 {
        max-width: 100%;
        padding: 40px 0;
        margin: 100px 0 0 0;
    }

    /* ------ Parte superior -------- */
    .contenedor_textos_sec7 {
        padding: 0 0 80px 0;
        width: 80%;
        margin: 0 auto;
    }

    .lado_izq_sec7 {
        max-width: 100%;
    }

    .titulo_sec7 {
        font-size: 35px;
    }

    .textos_sec7 {
        font-size: 16px;
    }

    /* -------- Parte inferior ---------- */
    .contenedor_custom_arrows_sec7 {
        padding: 0;
        width: 80%;
        margin: 0 auto 24px auto;
    }

    .spacer_seccion7 {
        flex: 0 0 5%;
    }

    .spacer_end_sec7 {
        flex: 0 0 0;
    }

    .contenedor_carrusel_sec7 {
        scroll-padding-left: 4.5%;
        scroll-padding-right: 2.5%;
    }

}
/* <<<<<<<<<<<<<<<<<<<<<< SECTION_7 >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<<< SECTION_8 >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.contenedor_FAQsSec8{
    padding: 0;
    margin: 200px auto;
    max-width: 1090px;
    width: 100%;
}

.tituloFAQsSec8{
    font-size: 60px;
    font-family: "Hector-Regular", sans-serif;
    line-height: 1.15;
    color: #1E1E1E;
    padding-bottom: 64px;
    margin-bottom: 0;
}

/* CARD */
.contienePreFAQsSec8{
    background-color: #EAE9DE;
    border: 1px solid transparent; /* IMPORTANTE */
    border-radius: 15px;
    padding: 16px 32px;
    margin-bottom: 8px;
    cursor: pointer;
    transition: border 0.2s ease;
}

.contienePreFAQsSec8:hover{
    border-color: #707070;
}

.cardActivaFAQ{
    border-color: #707070;
}

.headerFAQ{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

/* PREGUNTA */
.preguntaFAQsSec8 {
    font-size: 18px;
    font-family: "KumbhSans-Regular",sans-serif;
    color: #1E1E1E;
    line-height: 1.20;
    margin: 0;
}

.preguntaActiva {
    font-weight: bold;
}

/* RESPUESTA */
.contieneResFAQsSec8{
    font-size: 18px;
    font-family: "KumbhSans-Regular",sans-serif;
    color: #1E1E1E;
    line-height: 1.20;
    background-color: #EAE9DE;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    margin-top: 16px;
    display: none;
}

.contieneResFAQsSec8 p{
    margin-bottom: 0;
    padding-right: 13px;
}

/* Iconos */

.arrow{
    width: 13px;
    height: 13px;
}

.arrow-open{
    display: none;
}

.cardActivaFAQ .arrow-open{
    display: block;
}

.cardActivaFAQ .arrow-close{
    display: none;
}

/* --------- Responsivo - Pantallas grandes ------- */
@media (max-width: 1440px) {

    .contenedor_FAQsSec8{
        max-width: 920px;
    }

}

/* --------- Responsivo - Pantallas medianas ------- */
@media (max-width: 991px) {

    .tituloFAQsSec8{
        font-size: 50px;
        text-align: center;
    }

    
    .contenedor_FAQsSec8{
        max-width: 641px;
    }

    .preguntaFAQsSec8 {
        width: 90%;
    }
}

/* --------- Responsivo - Pantallas chicas ------- */
@media (max-width: 670px) {

    .contenedor_FAQsSec8 {
        width: 90%;
        margin: 150px auto;
    }

    .tituloFAQsSec8{
        font-size: 35px;
        padding-bottom: 48px;
    }

}

/* <<<<<<<<<<<<<<<<<<<<<< SECTION_8 >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<<< SECTION_9 >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.contenedorPrincipal_CardSec9 {
    max-width: 1400px;
    width: 100%; 
    margin: 0px auto 110px auto;
    background-color: #1E1E1E;
    border-radius: 15px;
    padding: 0%;
}

.cuerpo_CardSec9 {
    height: 450px;
    border-radius: 15px;
    border: 1px solid #4C4C4C;
    display: flex;
    align-items: center; /* centra verticalmente el contenido de la card */
    justify-content: center; /* opcional, centra horizontalmente si hace falta */
}

.card {
    background-color: transparent;
}

.cuerpo_CardSec9 .row {
    height: 100%; 
    width: 100%;
    display: flex;
    align-items: center; 
}

/* ------------ Izquierda: imagenes ------------- */
.imagenesCardSec9 {
    padding: 24px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.imagenWrapper {
    position: relative;
    height: 193px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* El contenedor crece segun el número de imagenes */
    width: calc(193px + 3 * 90px);
}

.imgConsultor {
    width: 193px;
    height: 193px;
    object-fit: cover;
    transition: all 0.3s ease;
    position: absolute;
}

.imgContactaConsultor {
    width: auto;
    height: 170px;
    object-fit: cover;
    transition: all 0.3s ease;
    position: absolute;
}

.img1 { 
    left: 0px;
    z-index: 4; 
}

.img2 { 
    left: 97px; 
    z-index: 3; 
}

.img3 { 
    left: 191px; 
    z-index: 2; 
}

.img4 { 
    left: 307px;
    z-index: 1; 
}

/* ---- Hover movimiento de imagenes -------- */

.img1CardSec9_Hover{
    left: -40px;
}

.img2CardSec9_Hover{
    left: 87px;
}

.img3CardSec9_Hover{
    left: 210px;
}

.img4CardSec9_Hover{
    left: 340px;
}

/* ----------- Derecha: textos ------------ */
.textoCardSec9 {
    background-color: transparent;
    padding: 40px;
    color: #DDDDDD;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center; /* centra verticalmente */
    height: 100%; /* ocupa toda la altura de la columna */
}

.textoCardSec9 h2 {
    font-size: 55px;
    margin-bottom: 16px;
    font-family: "Hector-Regular", sans-serif;
    line-height: 1.1;
}

.textoCardSec9 p {
    font-size: 22px;
    font-family: "KumbhSans-Regular", sans-serif; 
    font-weight: 500;
    line-height: 1.20;
    margin-bottom: 40px;
}

/* ----------- Boton --------------- */
.btn_agenda_llamada {
    display: inline-block;
    background-color: #FF0000;
    color: #FFFFFF;
    border-radius: 25px;
    width: 267px;
    text-align: center;
    font-size: 16px;
    padding: 12px 0;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn_agenda_llamada:hover {
    background-color: #FFFFFF;
    color: #FF0000;
    border: 1px solid #FF0000;
}

/* --------- Responsivo - Pantallas grandes ------- */
@media (max-width: 1500px){

    .contenedorPrincipal_CardSec9 {
        max-width: 1100px;
        width: 100%;
    }

    .textoCardSec9 h2 {
        font-size: 40px;
    }

    .textoCardSec9 p {
        font-size: 20px;
    }

}

@media (max-width: 1200px){

    .contenedorPrincipal_CardSec9 {
        width: 80%;
    }

    .imagenWrapper {
        height: 145px;
        /* El contenedor crece segun el número de imagenes */
        width: calc(193px + 3 * 54px);
    }

    .imgConsultor {
        width: 145px;
        height: 145px;
    }

    .imgContactaConsultor {
        height: 125px;
    }

    .img1 { 
        left: 0px;
        z-index: 4; 
    }

    .img2 { 
        left: 72px; 
        z-index: 3; 
    }

    .img3 { 
        left: 144px; 
        z-index: 2; 
    }

    .img4 { 
        left: 231.7px;
        z-index: 1; 
    }

    /* ---- Hover movimiento de imagenes -------- */

    .img1CardSec9_Hover{
        left: -30px;
    }

    .img2CardSec9_Hover{
        left: 67px;
    }

    .img3CardSec9_Hover{
        left: 160px;
    }

    .img4CardSec9_Hover{
        left: 270px;
    }

    .textoCardSec9 h2 {
        font-size: 40px;
    }

    .textoCardSec9 p {
        font-size: 20px;
    }

}

/* --------- Responsivo - Pantallas medianas ------- */
@media (max-width: 950px){

    .contenedorPrincipal_CardSec9 {
        max-width: 730px;
        width: 100%;
    }

    .imagenWrapper {
        height: 110px;
        /* El contenedor crece segun el número de imagenes */
        width: calc(193px + 3 * 25px);
    }

    .imgConsultor {
        width: 110px;
        height: 110px;
    }

    .imgContactaConsultor {
        height: 95px;
    }

    .img1 { 
        left: 0px;
        z-index: 4; 
    }

    .img2 { 
        left: 55px; 
        z-index: 3; 
    }

    .img3 { 
        left: 110px; 
        z-index: 2; 
    }

    .img4 { 
        left: 176.5px;
        z-index: 1; 
    }

    /* ---- Hover movimiento de imagenes -------- */

    .img1CardSec9_Hover{
        left: -23px;
    }

    .img2CardSec9_Hover{
        left: 50px;
    }

    .img3CardSec9_Hover{
        left: 123.5px;
    }

    .img4CardSec9_Hover{
        left: 200px;
    }

    .textoCardSec9 h2 {
        font-size: 40px;
    }

    .textoCardSec9 p {
        font-size: 20px;
    }

    /* ----------- Boton --------------- */
    .btn_agenda_llamada {
        width: 100%;
    }
}

/* --------- Responsivo - Pantallas peques ------- */
@media (max-width: 767px) {
    
    .contenedorPrincipal_CardSec9 {
        width: 90%;
    }

    .cuerpo_CardSec9 {
        height: auto;
    }

    /* ------------ Izquierda: imagenes ------------- */
    .imagenesCardSec9 {
        padding: 40px 40px 0px 40px;
        background-color: transparent;
        min-height: auto;
    }

    /* ----------- Derecha: textos ------------ */
    .textoCardSec9 {
        background-color: transparent;
        padding: 40px;
        color: #DDDDDD;
        text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: center; /* centra verticalmente */
        height: 100%; /* ocupa toda la altura de la columna */
    }

    .textoCardSec9 h2 {
        margin-bottom: 12px;
        text-align: center;
    }

    .textoCardSec9 p {
        text-align: center;
    }

    /* ----------- Boton --------------- */
    .btn_agenda_llamada {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0% auto !important;
        width: 265px;
    }
}

@media (max-width: 500px) {
    
    .contenedorPrincipal_CardSec9 {
        max-width: 369px;
        width: 94%;
        margin: 0px auto 100px auto;
    }
}

/* <<<<<<<<<<<<<<<<<<<<<< SECTION_9 >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */