/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

html {
    scroll-behavior: smooth;
}

.wpb_content_element {
    margin-bottom: 0 !important;
}

.grecaptcha-badge {
    visibility: hidden;
}

p,
h1,
h2,
h3 {
    margin: 0;
}

.wpb_single_image .vc_single_image-wrapper {
    margin: 0;
}

#lqd-contents-wrap {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.ocultar {
    display: none !important;
}


.ancla {
    visibility: hidden;
    position: relative;
}


/* -------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* --------------------------------HEADER-------------------------------- */
/* ---------------------------------------------------------------------- */
.header-rockstone-menu li>a {
    font: normal normal normal 21px/24px Arimo;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.header-rockstone-menu li>a:hover {
    color: #FAFAFA;
    font-weight: bold;
}


.btn-header {
    width: 288px;
    height: 42px;
    background: #9E792B;
    border-radius: 21px;
    margin-block: auto;
    margin-left: 2rem;
}

.btn-header>a>span>i {
    margin-right: 10px;
}

/* ---------------------------------------------------------------------- */
/* --------------------------------HERO---------------------------------- */
/* ---------------------------------------------------------------------- */



.hero-container {
    background: url(/wp-content/uploads/2026/03/imagen-hero.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 872px;
    padding-top: 100px;
    padding-bottom: 120px;
}

/* .hero-container>div {
    width: 1360px;
} */

.hero-head {
    text-align: center;
    font: normal normal normal 28px/34px Protest Riot;
    letter-spacing: 0px;
    color: #D9560A;
    margin-bottom: 14px;
}

.hero-title {
    text-align: center;
    font: normal normal bold 70px/70px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
    margin-bottom: 14px;
}

.hero-subtitle {
    text-align: center;
    font: normal normal normal 24px/35px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
    max-width: 675px;
    margin-inline: auto;
    margin-bottom: 30px;
}

.hero-btnContain {
    display: flex;
    justify-content: center;
    gap: 18px;
    margin-bottom: 50px;
}

.hero-items {
    display: flex;
    justify-content: center;
    gap: 40px;
}

.hero-item-icon {
    margin-right: 10px;
}

.hero-item {
    font: normal normal normal 18px/27px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
}

/* =========================================
   VISTA RESPONSIVE GENERAL (< 900px)
   Aquí ajustamos el ancho general y reducimos
   el padding exagerado del desktop.
   ========================================= */
@media only screen and (max-width: 900px) {
    .hero-container {
        padding-block: 100px;
        /* De 270px bajamos a 100px */
    }

    .hero-container>div {
        width: 100%;
        padding-inline: 20px;
        /* Margen a los costados para que no pegue al borde */
    }

    /* Escalado intermedio de fuentes */
    .hero-title {
        font-size: 50px;
        line-height: 55px;
    }

    .hero-head {
        font-size: 22px;
        line-height: 28px;
    }

    .hero-subtitle {
        font-size: 18px;
        line-height: 28px;
    }

    .hero .btn-t,
    .hero .btn-o {
        /* padding-inline: 65px !important; */
        width: 15rem;
    }
}

/* =========================================
   VISTA MOBILE (< 700px)
   Aquí ocurre la magia para celulares.
   Fuentes más chicas y elementos en columna.
   ========================================= */
@media only screen and (max-width: 700px) {
    .hero-container {
        padding-block: 60px;
        /* Mucho menos padding vertical */
    }

    /* Fuentes reducidas proporcionalmente */
    .hero-head {
        font-size: 18px;
        /* De 28px a 18px */
        line-height: 24px;
    }

    .hero-title {
        font-size: 32px;
        /* De 70px a 32px */
        line-height: 38px;
    }

    .hero-subtitle {
        font-size: 16px;
        /* De 24px a 16px */
        line-height: 24px;
        margin-bottom: 25px;
    }

    /* Botones: Si son muy anchos, que se pongan uno debajo del otro */
    .hero-btnContain {
        flex-wrap: wrap;
        gap: 15px;
        margin-bottom: 35px;
    }

    /* Íconos e items: Pasan de fila a columna para leerse bien */
    .hero-items {
        width: fit-content;
        margin-inline: auto;
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }

    .hero-item {
        font-size: 16px;
        /* Ajuste leve de lectura */
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* =========================================
   VISTA TABLET (715px - 1000px)
   Ajustes finos para cuando el móvil es muy chico
   pero el desktop es muy grande.
   ========================================= */
@media (min-width: 715px) and (max-width: 1000px) {
    .hero-title {
        font-size: 45px;
        /* Tamaño medio ideal para tablets */
        line-height: 50px;
    }

    .hero-items {
        gap: 20px;
        /* Reducimos el gap de 40px original */
    }

    .hero-subtitle {
        max-width: 90%;
        /* Aseguramos que no ocupe demasiado ancho */
    }
}

/* =========================================
   VISTA TABLET HORIZONTAL / IPAD PRO
   ========================================= */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {
    .hero-container>div {
        width: 100%;
        /* Aseguramos que no se corte por los 1360px fijos */
        padding-inline: 40px;
    }

    .hero-container {
        padding-block: 150px;
        /* Un poco menos que desktop */
    }
}


/* ---------------------------------------------------------------------- */
/* ------------------------NUESTRAS EXPERIENCIAS------------------------- */
/* ---------------------------------------------------------------------- */

.fondo-azul {
    padding-top: 90px;
    padding-bottom: 45px;
}


.nuestras-exp-txt .rockstone-subtitles {
    max-width: 885px;
    margin-inline: auto;
}

/* --------targets------- */
.cards-experiencia-container {
    margin-top: 65px;
    margin-bottom: 92px;
}

.cards-experiencia-container>div {
    width: 83rem;
}

.cards-experiencia>div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    gap: 33px;
}

.card-experiencia {
    /* border: 1px solid #FFFFFF1A; */
    box-shadow: 0px 3px 6px #00000073;
    border-radius: 16px;
    background: #FFFFFF;
    width: 623px;
    height: 521px;
}

.card-exp-img {
    width: 622px;
    height: 256px;
}

.card-exp-info {
    padding-top: 25px;
    padding-inline: 24px;
}

.card-exp-title {
    text-align: left;
    font: normal normal bold 24px/28px Arimo;
    letter-spacing: 0px;
    color: #0B2706;
    margin-bottom: 20px;
}

.card-exp-txt {
    text-align: left;
    font: normal normal normal 18px/24px Arimo;
    letter-spacing: 0px;
    color: #0B2706;
    margin-bottom: 15px;
}

.card-exp-hr {
    text-align: left;
    font: normal normal normal 18px/30px Arimo;
    letter-spacing: 0px;
    color: #0B2706;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 15px;
}

.card-exp-btn {
    font: normal normal bold 21px/30px Arimo;
    letter-spacing: 0px;
    color: #B23F39;
    display: flex;
    align-items: center;
    gap: 10px;
}


.card-exp-btn:hover {
    color: #CC6223;
}

/* ANIMACION TARJETAS (PEDIDO CHOTO DE DISEÑO) */

/* 1. Ajustes base a la tarjeta para preparar la animación */
.card-experiencia {
    /* NUEVO: Esencial para que la imagen no se salga al hacer zoom */
    overflow: hidden;
    /* NUEVO: Transición suave para el borde, la sombra y el movimiento */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    /* Opcional: Cambiar cursor para indicar que es interactivo */
    cursor: pointer;
    /* position: relative;
    top: 0; */
}

/* 2. Ajustes a la imagen para el efecto zoom */
.card-exp-img {
    object-fit: cover;
    object-position: top;
    /* Asegura que la imagen no se deforme */
    /* NUEVO: Transición lenta y fluida para el zoom */
    transition: transform 0.6s ease-out;
}

/* 3. Ajustes al icono/flecha del botón */
.card-exp-btn-icon {
    transition: transform 0.3s ease;
}

/* -------- ESTADOS HOVER (La Animación) ------- */

/* A. Animación del Contenedor: Levanta y da profundidad */
.card-experiencia:hover {
    /* La tarjeta sube 10px */
    transform: translateY(-10px);

    /* Sombra elegante y difusa */
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.5);

    /* El borde se ilumina sutilmente con el color de acento (naranja) o blanco más brillante */
}

/* B. Animación de la Imagen: Zoom sutil */
.card-experiencia:hover .card-exp-img {
    /* Escala la imagen un 5% */
    transform: scale(1.05);
}

/* C. Animación del Botón: La flecha se mueve para invitar al clic */
.card-experiencia:hover .card-exp-btn-icon {
    transform: translateX(6px);
}

/* D. Animación del Título (Opcional): Cambia de color al naranja de la marca */
.card-experiencia:hover .card-exp-title {
    transition: color 0.3s ease;
}


@media (max-width: 900px) {

    /* Quita animaciones/transiciones en mobile */
    .card-experiencia,
    .card-exp-img,
    .card-exp-btn-icon,
    .card-exp-title {
        transition: none !important;
    }

    /* Evita estados hover “pegados” */
    .card-experiencia,
    .card-experiencia:hover {
        transform: none !important;
        box-shadow: none !important;
        top: 0 !important;
        cursor: default !important;
    }

    .card-experiencia:hover .card-exp-img,
    .card-experiencia:hover .card-exp-btn-icon {
        transform: none !important;
    }

    .card-experiencia:hover .card-exp-title {
        color: white !important;
    }
}


/* ----- exp + ------- */

.experiencias-adicionales-container>div {
    width: 90%;
}

.exp-adc {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-top: 32px;
    margin-bottom: 45px;
}

.exp-adc-item {
    width: 303px;
    height: 71px;
    background: #21273F;
    border: 1px solid #FFFFFF1A;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font: normal normal 500 18px/27px Poppins;
    letter-spacing: 0px;
    color: #F5F5F5;
}

.experiencias-adicionales .btn-orange {
    margin-inline: auto;
}


/* VISTA RESPONSIVE GENERAL */
@media only screen and (max-width: 900px) {

    .fondo-azul {
        padding-top: 50px;
    }

    .cards-experiencia-container>div {
        width: 100% !important;
        max-width: 83rem;
        padding-inline: 20px;
    }

    .cards-experiencia>div {
        justify-content: center;
        gap: 24px;
    }

    .card-experiencia {
        width: 100%;
        max-width: 680px;
        height: auto;
    }

    .card-exp-img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }

    .card-exp-info {
        padding-top: 20px;
        padding-inline: 20px;
        padding-bottom: 20px;
    }

    /* conversión consistente (desktop -> <=900px) */
    .card-exp-title {
        font: normal normal bold 22px/32px Poppins;
    }

    .card-exp-txt {
        font: normal normal normal 17px/28px Poppins;
    }

    .card-exp-btn {
        font: normal normal bold 20px/28px Poppins;
    }

    .card-exp-hr {
        font: normal normal 300 14px/26px Poppins;
    }

    .experiencias-adicionales-container>div {
        width: 100% !important;
        padding-inline: 20px;
    }

    .exp-adc {
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
    }

    .exp-adc-item {
        width: calc(50% - 8px);
        height: auto;
        padding: 18px 12px;
        text-align: center;
    }
}


/* VISTA MOBILE (hasta 700px) */
@media only screen and (max-width: 700px) {

    .nuestras-exp-txt .rockstone-subtitles {
        max-width: 20rem;
    }

    .cards-experiencia-container {
        margin-top: 40px;
        margin-bottom: 60px;
    }

    .cards-experiencia-container>div,
    .experiencias-adicionales-container>div {
        padding-inline: 16px;
    }

    .cards-experiencia>div {
        gap: 18px;
    }

    .card-experiencia {
        max-width: 100%;
        border-radius: 14px;
    }

    .card-exp-info {
        padding-top: 18px;
        padding-inline: 16px;
        padding-bottom: 18px;
    }

    /* conversión consistente (desktop -> <=700px) */
    .card-exp-title {
        font: normal normal bold 20px/28px Poppins;
    }

    .card-exp-txt {
        font: normal normal normal 16px/26px Poppins;
    }

    .card-exp-btn {
        font: normal normal bold 18px/26px Poppins;
    }

    .card-exp-hr {
        font: normal normal 300 13px/22px Poppins;
    }

    .exp-adc {
        margin-top: 24px;
        margin-bottom: 32px;
    }

    .exp-adc-item {
        width: 100%;
        max-width: 520px;
        padding: 16px 12px;
        border-radius: 14px;
        font: normal normal 500 16px/24px Poppins;
    }
}


/* VISTA TABLET (715px a 1000px) */
@media (min-width: 715px) and (max-width: 1000px) {

    .cards-experiencia-container>div,
    .experiencias-adicionales-container>div {
        padding-inline: 22px;
    }

    .card-experiencia {
        max-width: 720px;
    }

    /* tablet un poco más grande que mobile, sin volver a desktop */
    .card-exp-title {
        font: normal normal bold 22px/32px Poppins;
    }

    .card-exp-txt {
        font: normal normal normal 17px/28px Poppins;
    }

    .card-exp-btn {
        font: normal normal bold 20px/28px Poppins;
    }

    .card-exp-hr {
        font: normal normal 300 14px/26px Poppins;
    }

    .exp-adc {
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
    }

    .exp-adc-item {
        width: calc(50% - 8px);
        height: auto;
        padding: 18px 12px;
        text-align: center;
    }
}


/* TABLET HORIZONTAL */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {

    .cards-experiencia-container>div {
        width: 100% !important;
        max-width: 83rem;
    }

    .card-experiencia {
        width: calc(50% - 17px);
        height: auto;
    }

    .card-exp-img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }

    .exp-adc {
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
    }
}


/* ---------------------------------------------------------------------- */
/* --------------------------------BILLETERAS---------------------------- */
/* ---------------------------------------------------------------------- */

.billeteras-container {
    background: #D0601E;
    padding-block: 52px;
}

.billeteras>div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.billeteras-icons {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.billetera-title {
    font: normal normal bold 45px/68px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
}

.billetera-subtitle {
    font: normal normal normal 24px/35px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
    margin-top: 10px;
    margin-bottom: 25px;
}


/* VISTA RESPONSIVE GENERAL */
@media only screen and (max-width: 900px) {
    .billeteras-container {
        padding-block: 40px;
        padding-inline: 20px;
        /* Margen preventivo para que el texto no toque los bordes */
    }

    .billetera-title {
        font-size: 35px;
        line-height: 45px;
        text-align: center;
        text-wrap-style: balance;
    }

    .billetera-subtitle {
        font-size: 19px;
        line-height: 28px;
        text-align: center;
        text-wrap-style: balance;
    }
}

/* VISTA MOBILE (Hasta 700px) */
@media only screen and (max-width: 700px) {
    .billetera-title {
        font-size: 28px;
        line-height: 38px;
    }

    .billetera-subtitle {
        font-size: 16px;
        line-height: 24px;
    }

    .billetera-icon {
        max-width: 45px;
        /* Reducción proporcional de logos en móvil */
    }
}

/* VISTA TABLET (715px a 1000px) */
@media (min-width: 715px) and (max-width: 1000px) {
    .billetera-title {
        font-size: 34px;
        line-height: 50px;
        max-width: 27rem;
        text-align: center;
    }

    .billetera-subtitle {
        font-size: 20px;
        line-height: 30px;
    }
}

/* TABLET HORIZONTAL */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {
    .billetera-title {
        font-size: 40px;
        line-height: 55px;
    }

    .billetera-subtitle {
        font-size: 22px;
        line-height: 32px;
    }
}

/* ---------------------------------------------------------------------- */
/* --------------------------------FACIL Y RAPIDO------------------------- */
/* ---------------------------------------------------------------------- */

.facil-y-rapido {
    padding-block: 105px;
    background-color: #F0EEE9;
}

.container-easy-step {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1200px;
    margin: 40px auto;
    font-family: 'Poppins', sans-serif;
    gap: 20px;
    position: relative;
}

/* Línea punteada de fondo (solo visible en desktop) */
.container-easy-step::before {
    content: "";
    position: absolute;
    top: 45px;
    left: 10%;
    right: 10%;
    height: 2px;
    border-top: 2px dashed #d17a38;
    z-index: 1;
}

.item-easy-step {
    flex: 1;
    text-align: center;
    position: relative;
    z-index: 2;
    transition: transform 0.3s ease;
}

.icon-box-easy-step {
    width: 77px;
    height: 77px;
    background-color: #d17a38;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px auto;
    transition: all 0.3s ease;
    cursor: pointer;
}


.title-easy-step {
    font: normal normal 600 18px/23px Poppins;
    letter-spacing: 0px;
    color: #1C2542;
    margin: 10px 0;
}

.text-easy-step {
    font: normal normal normal 18px/22px Poppins;
    letter-spacing: 0px;
    color: #1C2542;
    padding: 0 10px;
}

/* Efectos Hover */
.item-easy-step:hover {
    transform: translateY(-5px);
}

.item-easy-step:hover .icon-box-easy-step {
    background-color: #b5622a;
    /* Oscurece un poco el naranja */
    box-shadow: 0 10px 20px rgba(209, 122, 56, 0.3);
}

/* Adaptación Tablet (1000px) */
@media (max-width: 1000px) {
    .container-easy-step {
        flex-wrap: wrap;
        justify-content: center;
    }

    .item-easy-step {
        flex: 0 0 45%;
        margin-bottom: 40px;
    }

    .container-easy-step::before {
        display: none;
        /* Quitamos la línea para evitar cortes visuales raros */
    }

    .facil-y-rapido {
        padding-block: 30px;
    }

}

/* Adaptación Mobile (700px) */
@media (max-width: 700px) {
    .item-easy-step {
        flex: 0 0 100%;
    }

    .text-easy-step {
        max-width: 300px;
        margin: 0 auto;
    }

    .facil-y-rapido {
        padding-block: 10px;
    }
}


/* ---------------------------------------------------------------------- */
/* -------------------------REMASTER DE LAS BOLITAS---------------------- */
/* ---------------------------------------------------------------------- */

.container-easy-step {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1200px;
    margin: 40px auto;
    gap: 20px;
    position: relative;
}

/* Línea punteada de fondo (solo visible en desktop) */
.container-easy-step::before {
    content: "";
    position: absolute;
    top: 38px;
    /* Ajustado a la mitad de los 77px del círculo para que pase por el centro */
    left: 5%;
    /* Ajustado para que no sobresalga en los extremos */
    right: 5%;
    height: 2px;
    border-top: 2px dashed #9E792B;
    /* Color actualizado */
    z-index: 1;
}

.item-easy-step {
    flex: 1;
    text-align: center;
    position: relative;
    z-index: 2;
    transition: transform 0.3s ease;
}

.icon-box-easy-step {
    width: 77px;
    height: 77px;
    background-color: #0B2706;
    /* Color verde oscuro basado en tu texto */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px auto;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Ajuste preventivo para los iconos dentro del círculo */
.icon-box-easy-step img {
    max-width: 60px;
    height: auto;
}

.title-easy-step {
    font: normal normal bold 21px/28px Arimo;
    /* Propiedades actualizadas */
    letter-spacing: 0px;
    color: #0B2706;
    /* Color actualizado */
    margin: 10px 0;
}

/* Efectos Hover */
.item-easy-step:hover {
    transform: translateY(-5px);
}

.item-easy-step:hover .icon-box-easy-step {
    background-color: #15450c;
    /* Verde un poco más claro para el hover */
    box-shadow: 0 10px 20px rgba(11, 39, 6, 0.3);
}

/* Adaptación Tablet (1000px) */
@media (max-width: 1000px) {
    .container-easy-step {
        flex-wrap: wrap;
        justify-content: center;
    }

    .item-easy-step {
        flex: 0 0 30%;
        /* Modificado a 30% para que entren 3 por fila, o puedes usar 45% para 2 por fila */
        margin-bottom: 40px;
    }

    .container-easy-step::before {
        display: none;
        /* Quitamos la línea para evitar cortes visuales raros */
    }

    .facil-y-rapido {
        padding-block: 30px;
    }
}

/* Adaptación Mobile (700px) */
@media (max-width: 700px) {
    .item-easy-step {
        flex: 0 0 100%;
    }

    .facil-y-rapido {
        padding-block: 10px;
    }
}

/* ---------------------------------------------------------------------- */
/* --------------------------------SABER MAS----------------------------- */
/* ---------------------------------------------------------------------- */

.saber-mas-container {
    background: url(/wp-content/uploads/2026/03/banner-viaja-con-tranquilidad.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* padding-block: 130px; */
    padding-block: 100px;
}

.saber-mas-container>div {
    width: 82rem;
}

.saber-mas>div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.saber-info {
    max-width: 475px;
}

.saber-head {
    text-align: left;
    font: normal normal normal 24px/29px Protest Riot;
    letter-spacing: 0px;
    color: #CF5F1C;
    margin-bottom: 5px;
}

.saber-title {
    text-align: left;
    font: normal normal 500 52px/62px Livvic;
    letter-spacing: 0px;
    color: #FAFAFA;
    margin-bottom: 21px;
}

.saber-text {
    text-align: left;
    font: normal normal normal 24px/32px Arimo;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 54px;
}

.saber-items {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 50px;
}

.saber-item {
    text-align: left;
    font: normal normal 300 16px/25px Poppins;
    letter-spacing: 0px;
    color: #F5F5F5;
    display: flex;
    align-items: center;
    gap: 8px;
}

.saber-item-icon {
    width: 24px;
    height: 24px;
}

.saber-targets {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.saber-target {
    border: 1px solid #FFFFFF1A;
    border-radius: 16px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    /* ------ */
    width: 547px;
    height: 129px;
    background: #c5c5c533;
    gap: 50px;
}

.saber-target-info {
    max-width: 260px;
}

.saber-targe-title {
    font: normal normal bold 21px/24px Livvic;
    letter-spacing: 0px;
    color: #F5F5F5;
    margin-bottom: 5px;
}

.saber-targe-text-icon {
    margin-left: -26px;
    margin-right: 11px;
}

.saber-targe-text {
    text-align: left;
    font: normal normal normal 21px/24px Arimo;
    letter-spacing: 0px;
    color: #F5F5F5;
    display: flex;
    gap: 5px;
}

.saber-target-special {
    width: 607px;
    height: 109px;
    background: #28304C;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.saber-target-special-txt {
    font: normal normal normal 20px/30px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
}

/* VISTA RESPONSIVE GENERAL - Adaptación inicial para portátiles y tablets grandes */
@media only screen and (max-width: 900px) {
    .saber-mas-container {
        padding-block: 60px;
    }

    .saber-mas-container>div {
        width: 95%;
        /* Evita que se pegue a los bordes */
    }

    .saber-mas>div {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .saber-info,
    .saber-targets {
        max-width: 100%;
        width: 100%;
    }

    /* Escala de fuentes proporcional */
    .saber-head {
        font-size: 20px;
        line-height: 24px;
    }

    .saber-title {
        font-size: 32px;
        line-height: 40px;
    }

    .saber-text {
        font-size: 16px;
        line-height: 24px;
    }

    .saber-target,
    .saber-target-special {
        width: 100%;
        /* Deja de ser fijo para ser elástico */
        height: auto;
        padding: 15px;
    }
}

/* VISTA MOBILE - Optimización para móviles hasta 700px */
@media only screen and (max-width: 700px) {
    .saber-head {
        font-size: 18px;
    }

    .saber-title {
        font-size: 26px;
        line-height: 32px;
    }

    .saber-text {
        font-size: 15px;
        margin-bottom: 25px;
    }

    .saber-items {
        margin-bottom: 30px;
        gap: 10px;
    }

    .saber-item {
        font-size: 14px;
        line-height: 20px;
    }

    .saber-target-img {
        width: 80px;
        /* Miniaturización de imagen lateral */
        height: 80px;
        object-fit: cover;
        border-radius: 8px;
    }

    .saber-targe-title {
        font-size: 16px;
    }

    .saber-targe-text {
        font-size: 14px;
    }

    .saber-target-special-txt {
        font-size: 18px;
    }
}

/* VISTA TABLET - Ajuste para el rango intermedio 715px a 1000px */
@media (min-width: 715px) and (max-width: 1000px) {
    .saber-mas-container>div {
        width: 90%;
    }

    /* Mantenemos el tamaño intermedio de fuente */
    .saber-title {
        font-size: 36px;
    }

    .saber-target,
    .saber-target-special {
        width: 75%;
        /* Centrado visual en tablet */
        /* margin: 0 auto; */
    }
}

/* TABLET HORIZONTAL */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {
    .saber-mas-container>div {
        width: 95%;
    }

    .saber-info {
        max-width: 45%;
    }

    .saber-targets {
        width: 50%;
    }

    /* Forzamos que vuelvan a estar uno al lado del otro si el ancho lo permite */
    .saber-mas>div {
        flex-direction: row;
        justify-content: space-between;
    }
}


/* ---------------------------------------------------------------------- */
/* --------------------------MONTAÑA Y ENOTURISMO------------------------ */
/* ---------------------------------------------------------------------- */

.experiencias-item {
    width: 461px;
    height: 61px;
    border: 1px solid #FFFFFF;
    border-radius: 31px;
    background: #ffffff14;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
    padding-left: 25px;
    font: normal normal normal 21px/24px Arimo;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.montana-enoturismo-carrusel-container {
    background: url(/wp-content/uploads/2026/03/fondo-banner-no-es-solo-el-destino.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 130px;
    padding-bottom: 115px;
}

.montana-enoturismo-carrusel-container>div {
    width: 82rem;
}

.montana-enoturismo>div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 83px;
}

.altaMontana-data {
    max-width: 529px;
}

.altaMontana-img {
    max-width: 520px;
}

.montana-enoturismo .saber-title {
    text-wrap-style: balance;
}

.altaMontana-cards {
    display: flex;
    gap: 30px;
}

.altaMontana-card {
    width: 191px;
    height: 109px;
    background: #ffffff1f;
    border: 1px solid #FFFFFF1A;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.altaMontana-card-icon {
    width: 24px;
    height: 24px;
}

.altaMontana-card-title {
    font: normal normal bold 20px/30px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
    margin-block: 3px;
}

.altaMontana-card-subtitle {
    font: normal normal normal 12px/18px Poppins;
    letter-spacing: 0px;
    color: #ABB0BA;
}

.altaMontana-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 33px;
    margin-bottom: 45px;
}

.altaMontana-item {
    display: flex;
    gap: 14px;
}

.altaMontana-item-text {
    font: normal normal 300 16px/21px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
}

.altaMontana-item-title {
    font-weight: bold;
}

/* --- ESTILOS BASE ADAPTATIVOS --- */

/* VISTA RESPONSIVE GENERAL (Hasta 900px) */
@media only screen and (max-width: 900px) {

    .experiencias-item {
        width: 310px;
        height: 55px;
        font-size: 14px;
        gap: 12px;
    }

    .montana-enoturismo-carrusel-container {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .montana-enoturismo-carrusel-container>div {
        width: 95%;
        /* Cambiamos el ancho fijo por algo flexible */
    }

    .montana-enoturismo>div {
        flex-direction: column;
        /* Imagen arriba, texto abajo */
        text-align: center;
        gap: 30px;
    }

    .altaMontana-img {
        max-width: 80%;
        /* Reducción proporcional de la imagen */
    }

    .altaMontana-data {
        max-width: 100%;
    }

    /* Ajuste proporcional de textos */
    .saber-title {
        font-size: 28px !important;
        line-height: 1.2;
    }

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

    .altaMontana-cards {
        justify-content: center;
    }

    .altaMontana-items {
        align-items: flex-start;
        text-align: left;
    }
}

/* VISTA MOBILE (Hasta 700px) */
@media only screen and (max-width: 700px) {
    .altaMontana-img {
        max-width: 75%;
    }

    /* Aplicamos la "conversión" de fuente que mencionaste */
    .saber-title {
        font-size: 24px !important;
    }

    .saber-text {
        font-size: 13px !important;
    }

    .altaMontana-card {
        width: 140px;
        /* Miniaturización de las tarjetas */
        height: 90px;
    }

    .altaMontana-card-title {
        font-size: 16px !important;
    }

    .altaMontana-card-subtitle {
        font-size: 10px !important;
    }

    .altaMontana-item-text {
        font-size: 13px !important;
    }

    .btn-orange {
        width: 100%;
        justify-content: center;
    }
}

/* VISTA TABLET (715px a 1000px) */
@media (min-width: 715px) and (max-width: 1000px) {
    .montana-enoturismo-carrusel-container>div {
        width: 90%;
    }

    /* 
    .montana-enoturismo > div {
        flex-direction: row; 
    } */

    .altaMontana-img {
        max-width: 40%;
    }

    .altaMontana-data {
        max-width: 55%;
    }

    /* Fuentes intermedias */
    .saber-title {
        font-size: 32px !important;
    }

    .montana-enoturismo-carrusel-container .carousel-dots-mobile {
        display: block !important;
    }

    .montana-enoturismo-carrusel-container .carousel-nav {
        display: none;
    }
}

/* TABLET HORIZONTAL (1180px a 1290px) */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {
    .montana-enoturismo-carrusel-container>div {
        width: 90%;
        /* Evita que se pegue a los bordes en pantallas medias */
    }

    .altaMontana-img {
        max-width: 450px;
    }

    .altaMontana-img {
        max-width: 370px;
    }
}


/* ---------------------------------------------------------------------- */
/* -------------------------BANNER NARANJOSO----------------------------- */
/* ---------------------------------------------------------------------- */

.banner-naranja-container {
    background: #D1601C;
    padding-block: 55px;
}

.banner-naranja>div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.banner-naranja-icon {
    width: 100px;
    height: 95px;
}

.banner-naranja-title {
    font: normal normal bold 45px/68px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
}

.banner-naranja-subtitle {
    font: normal normal normal 24px/35px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
    margin-top: 2px;
    margin-bottom: 20px;
}

/* VISTA RESPONSIVE GENERAL */
@media only screen and (max-width: 900px) {
    .banner-naranja-container {
        padding-block: 42px;
    }

    .banner-naranja-icon {
        width: 85px;
        height: auto;
    }

    .banner-naranja-title {
        font: normal normal bold 36px/52px Poppins;
        text-align: center;
    }

    .banner-naranja-subtitle {
        font: normal normal normal 20px/30px Poppins;
        margin-bottom: 18px;
        text-align: center;
        text-wrap-style: balance;
    }
}

/* VISTA MOBILE (hasta 700px) */
@media only screen and (max-width: 700px) {
    .banner-naranja-container {
        padding-block: 32px;
    }

    .banner-naranja-icon {
        width: 70px;
        height: auto;
    }

    .banner-naranja-title {
        font: normal normal bold 22px/32px Poppins;
        margin-bottom: 5px;
    }

    .banner-naranja-subtitle {
        font: normal normal normal 16px/24px Poppins;
        margin-bottom: 16px;
    }

    /* opcional (por si el botón no entra bien o querés que quede prolijo en mobile) */
    .btn-black {
        width: 100%;
        max-width: 320px;
        justify-content: center;
    }
}

/* VISTA TABLET (715px a 1000px) */
@media (min-width: 715px) and (max-width: 1000px) {
    .banner-naranja-container {
        padding-block: 48px;
    }

    .banner-naranja-icon {
        width: 90px;
        height: auto;
    }

    .banner-naranja-title {
        font: normal normal bold 40px/58px Poppins;

    }

    .banner-naranja-subtitle {
        font: normal normal normal 22px/32px Poppins;
    }
}

/* TABLET HORIZONTAL (si lo necesitás) */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {
    /* en general lo dejaría como desktop; si querés, podés ajustar apenas el interlineado */
    /* .banner-naranja-title{ font: normal normal bold 42px/62px Poppins; } */
}


/* ---------------------------------------------------------------------- */
/* ------------------------------Depoimentos----------------------------- */
/* ---------------------------------------------------------------------- */

.testigos {
    background: #151B35;
    padding-block: 116px;
}

.testigos-cards>div {
    display: flex;
    justify-content: center;
    gap: 34px;
    margin-top: 50px;
}

/* card */
.testigo-card {
    width: 404px;
    height: 327px;
    border: 1px solid #FFFFFF1A;
    border-radius: 16px;
    background: #21273F;
    padding: 34px 34px 45px 34px;
    display: flex;
    flex-direction: column;
}

.testigo-card-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 23px;
}

.testigo-card-text {
    text-align: left;
    font: normal normal 300 16px/25px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
    max-width: 314px;
}

.testigo-card-persona {
    display: flex;
    gap: 18px;
    align-items: center;
    margin-top: auto;
}

.testigo-card-persona-info {
    font: normal normal 300 14px/21px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
}

.testigo-card-persona-nombre {
    font-weight: bold;
}

/* ANIMACION VERGA QUE PIDIERON */

/* 1. Modificaciones a la tarjeta base para permitir la animación */
.testigo-card {

    /* NUEVO: Transición suave y elástica (bouncy) pero elegante */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    cursor: default;
    /* O pointer si llevan a algún lado */
}

/* 2. Preparar los elementos internos para animarse */
.testigo-card-comillas {
    /* Transición suave para el icono de comillas */
    transition: transform 0.4s ease, opacity 0.4s ease;
    opacity: 0.7;
    /* Ligeramente apagado en reposo */
}

.testigo-card-persona-img {
    /* Aseguramos que el avatar tenga transición */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 50%;
    /* Asegura que sea redondo si no lo está */
}

.testigo-card-star {
    transition: transform 0.3s ease;
}


/* -------- ESTADOS HOVER (La Magia) ------- */

/* A. La Tarjeta: Se eleva y brilla */
.testigo-card:hover {
    transform: translateY(-8px);
    /* Levanta la tarjeta */
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.4);
    /* Sombra difusa */
}

/* B. El Avatar: Se hace más grande y gana protagonismo */
.testigo-card:hover .testigo-card-persona-img {
    transform: scale(1.15);
    /* Zoom al rostro */
    /* Crea un anillo naranja alrededor de la foto sin afectar el layout */
    box-shadow: 0 0 0 3px rgba(204, 98, 35, 0.3);
}

/* C. Las Comillas: Se mueven y giran sutilmente */
.testigo-card:hover .testigo-card-comillas {
    opacity: 1;
    /* Se vuelven totalmente visibles */
    /* Un pequeño giro y escala para dar dinamismo */
    transform: scale(1.1) rotate(-10deg);
}

/* D. Las Estrellas: Un pequeño "pop" */
.testigo-card:hover .testigo-card-star {
    transform: scale(1.05);
    /* Muy sutil, para no distraer */
}

/* E. El Nombre: Cambia de color para reforzar la identidad */
.testigo-card:hover .testigo-card-persona-nombre {
    color: #CC6223;
    transition: color 0.3s ease;
}

@media (max-width: 900px) {

    /* Quita transiciones en mobile */
    .testigo-card,
    .testigo-card-comillas,
    .testigo-card-persona-img,
    .testigo-card-star,
    .testigo-card-persona-nombre {
        transition: none !important;
    }

    /* Evita hover “pegado” */
    .testigo-card,
    .testigo-card:hover {
        transform: none !important;
        box-shadow: none !important;
        cursor: default !important;
    }

    .testigo-card:hover .testigo-card-persona-img {
        transform: none !important;
        box-shadow: none !important;
    }

    .testigo-card:hover .testigo-card-comillas {
        opacity: 0.7 !important;
        /* vuelve al estado base */
        transform: none !important;
    }

    .testigo-card:hover .testigo-card-star {
        transform: none !important;
    }

    .testigo-card:hover .testigo-card-persona-nombre {
        color: inherit !important;
    }
}

/* card fin*/

/* VISTA RESPONSIVE GENERAL */
@media only screen and (max-width: 900px) {

    .testigos {
        padding-block: 90px;
    }

    .testigos-cards>div {
        flex-wrap: wrap;
        gap: 24px;
    }

    .testigo-card {
        width: 100%;
        max-width: 404px;
        height: 18rem;
    }

    .testigo-card-text {
        max-width: 100%;
    }

    .testigos-text .rockstone-titles {
        text-wrap-style: balance;
    }
}


/* VISTA MOBILE (hasta 700px) */
@media only screen and (max-width: 700px) {

    .testigos {
        padding-block: 64px;
    }

    .testigos-cards>div {
        margin-top: 32px;
        gap: 18px;
    }

    .testigo-card {
        max-width: 520px;
        padding: 24px 20px 28px 20px;
    }

    .testigo-card-head {
        margin-bottom: 18px;
    }

    /* Mantiene la misma “conversión” proporcional entre tamaños */
    .testigo-card-text {
        font-size: 14px;
        line-height: 21.875px;
    }

    .testigo-card-persona-info {
        font-size: 12.25px;
        line-height: 18.375px;
    }

    .testigo-card-persona {
        gap: 14px;
    }
}


/* VISTA TABLET (715px a 1000px) */
@media (min-width: 715px) and (max-width: 1000px) {

    .testigos-cards>div {
        flex-wrap: wrap;
        gap: 24px;
    }

    .testigo-card {
        flex: 1 1 320px;
        max-width: 404px;
        height: auto;
    }

    /* misma proporción de reducción que en mobile, pero más suave */
    .testigo-card-text {
        font-size: 15px;
        line-height: 23.4375px;
    }

    .testigo-card-persona-info {
        font-size: 13.125px;
        line-height: 19.6875px;
    }
}


/* tablet horizontal */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {

    .testigos-cards>div {
        flex-wrap: nowrap;
        gap: 24px;
    }

    .testigo-card {
        width: 370px;
        max-width: none;
        height: auto;
    }
}


/* ---------------------------------------------------------------------- */
/* ------------------------------FAQS----------------------------- */
/* ---------------------------------------------------------------------- */

.faqs {
    padding-block: 70px;
}

.faq-acordion h4>a {
    font: normal normal bold 21px/28px Arimo;
    letter-spacing: 0px;
    color: #0B2706;
}

.faqs-txt-data {
    text-align: left;
    font: normal normal normal 21px/24px Arimo;
    letter-spacing: 0px;
    color: #0B2706;
}

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

    .faqs-titles .rockstone-titles {
        text-wrap-style: balance;
    }

    .faq-acordion h4>a {
        font: normal normal 600 16px/21px Poppins;
    }

    .faqs-txt-data {
        font: normal normal 300 14px/21px Poppins;
    }

}


/* ---------------------------------------------------------------------- */
/* -----------------------------galleria----------------------------------- */
/* ---------------------------------------------------------------------- */

.fondo-azul-v2 {
    background: #0B2706;
}

.gallery {
    padding-top: 113px;
    padding-bottom: 3rem;
    background-color: #F0EEE9;
    margin-bottom: 0 !important;
}

.gallery-txt .rockstone-titles {
    margin-bottom: 45px;
}

/* VISTA RESPONSIVE GENERAL */
@media only screen and (max-width: 900px) {

    .gallery {
        padding-block: 60px;
    }

    .gallery-txt .rockstone-titles {
        max-width: 35rem;
        text-wrap-style: pretty;
        margin-inline: auto;
    }

    /* apagar masonry (inline left/top/position) y dejar que fluya normal */
    .gallery-of-galleries {
        height: auto !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .gallery-of-galleries>.masonry-item {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        height: auto !important;
        flex: 0 0 50% !important;
        /* 2 columnas */
        max-width: 50% !important;
    }

    /* asegurar que la imagen llene bien el bloque */
    .gallery-of-galleries .ld-media-item figure,
    .gallery-of-galleries .ld-media-item img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover;
    }

    /* quitar el “custom height” del builder */
    .gallery-of-galleries .liquid-media-element-custom-height {
        height: auto !important;
    }
}


/* VISTA MOBILE (hasta 700px) */
@media only screen and (max-width: 700px) {

    .gallery-of-galleries>.masonry-item {
        flex: 0 0 50% !important;
        /* mobile prolijo en 2 columnas */
        max-width: 50% !important;
    }

}


/* VISTA TABLET (715px a 1000px) */
@media (min-width: 715px) and (max-width: 1000px) {

    .gallery-of-galleries>.masonry-item {
        flex: 0 0 33.333% !important;
        /* 3 columnas tablet */
        max-width: 33.333% !important;
    }

}


/* TABLET HORIZONTAL (1180px a 1290px landscape) */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {

    .gallery-of-galleries {
        height: auto !important;
    }

}


/* ---------------------------------------------------------------------- */
/* -----------------------------CONTACTO----------------------------------- */
/* ---------------------------------------------------------------------- */

.contacto-titles .rockstone-titles {
    margin-bottom: 70px;
}

.contacto-titles-content {
    padding-top: 80px;
}

/* formulario */

.formulario-de-contacto>div>div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 50px;
}

.formulario-de-contacto form {
    border: 1px solid #FFFFFF1A;
    border-radius: 16px;
    background: #173213;
    padding: 48px 33px 25px;
    width: 615px;
}

.form-title {
    text-align: left;
    font: normal normal normal 21px/28px Arimo;
    letter-spacing: 0px;
    color: #FAFAFA;
    margin-bottom: 24px !important;
}

.formulario-de-contacto .fila-doble {
    display: flex;
    justify-content: space-between;
}

.formulario-de-contacto .columna {
    width: 262px;
}


.formulario-de-contacto .columna label {
    font: normal normal normal 16px/28px Arimo;
    letter-spacing: 0px;
    color: #FAFAFA;
}



.formulario-de-contacto .columna input {
    border: 1px solid #FFFFFF1A;
    border-radius: 12px;
    background: #233C1F;
}


.formulario-de-contacto .ui-selectmenu-button {
    border: 1px solid #FFFFFF1A !important;
    border-radius: 12px !important;
    background: #233C1F !important;
    font: normal normal 200 14px/21px Arimo !important;
    letter-spacing: 0px !important;
    color: #FAFAFA !important;
}

.formulario-de-contacto .ui-selectmenu-icon {
    top: 24px !important;
    color: #9E792B;
}

.fila-simple p {
    text-align: left;
    font: normal normal 300 14px/21px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
}


.fila-simple textarea {
    resize: none;
    width: 549px;
    height: 121px !important;
    border: 1px solid #FFFFFF1A;
    border-radius: 12px !important;
    background: #233C1F;
}

.boton-enviar p {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.boton-enviar p input {
    border: none !important;
    width: 158px !important;
    height: 62px !important;
    background: #9E792B !important;
    border-radius: 31px !important;
    padding: 0 !important;
    font: normal normal normal 21px/24px Arimo !important;
}

/* tarjetas */

.contacto-info-redes>div {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.target-contacto {
    width: 615px;
    height: 133px;
    border: 1px solid #FFFFFF1A;
    border-radius: 16px;
    background: #173213;
    padding: 24px 24px 0;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.target-contacto-data {
    color: white;
    font: normal normal normal 21px/28px Arimo;
    letter-spacing: 0px;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

/* .target-contacto-data-title {
    font-weight: bold;
} */

.target-contacto-data-link {
    color: #9E792B;
}

.target-contacto-data-link:hover {
    color: #9E792B;
    font-weight: 500;
}



.target-contacto-redes {
    width: 615px;
    height: 133px;
    border: 1px solid #FFFFFF1A;
    border-radius: 16px;
    background: #173213;
    padding: 24px 24px 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-direction: column;
}

.target-contacto-redes-txt {
    font: normal normal normal 21px/28px Arimo;
    letter-spacing: 0px;
    color: #FAFAFA;
}

.target-contacto-redes-contain {
    display: flex;
    gap: 15px;
}

/* ...... */

/* VISTA RESPONSIVE GENERAL */
@media only screen and (max-width: 900px) {

    .contacto-titles-content {
        padding-top: 35px;
    }

    .contacto-titles .rockstone-titles {
        margin-bottom: 35px;
        text-wrap-style: balance;
    }

    .formulario-de-contacto>div>div {
        flex-direction: column;
        gap: 30px;
    }

    .formulario-de-contacto form {
        width: 100%;
        padding: 40px 24px 30px;
    }

    .form-title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px !important;
    }

    .formulario-de-contacto .fila-doble {
        flex-direction: column;
        gap: 0;
    }

    .formulario-de-contacto .columna {
        width: 100%;
    }

    .formulario-de-contacto .columna label {
        font-size: 13px;
        line-height: 19px;
    }

    .formulario-de-contacto .ui-selectmenu-button {
        font-size: 13px !important;
        line-height: 19px !important;
    }

    .fila-simple p {
        font-size: 13px;
        line-height: 19px;
    }

    .fila-simple textarea {
        width: 100%;
        height: 100px !important;
    }

    .boton-enviar p input {
        width: 200px !important;
        height: 50px !important;
        font-size: 14px !important;
        line-height: 26px !important;
    }

    .target-contacto {
        width: 100%;
        height: auto;
        padding: 20px 20px 20px;
    }

    .target-contacto-data {
        font-size: 16px;
        line-height: 26px;
    }

    .target-contacto-redes {
        width: 100%;
        height: auto;
        padding: 20px 20px 20px;
    }

    .target-contacto-redes-txt {
        font-size: 16px;
        line-height: 24px;
    }
}

/* VISTA MOBILE */
@media only screen and (max-width: 700px) {
    .formulario-de-contacto form {
        padding: 32px 20px 24px;
    }

    .form-title {
        font-size: 15px;
        line-height: 22px;
    }

    .formulario-de-contacto .columna label {
        font-size: 12px;
        line-height: 18px;
    }

    .formulario-de-contacto .ui-selectmenu-button {
        font-size: 12px !important;
        line-height: 18px !important;
    }

    .fila-simple p {
        font-size: 12px;
        line-height: 18px;
    }

    .boton-enviar p input {
        width: 180px !important;
        height: 48px !important;
        font-size: 13px !important;
        line-height: 24px !important;
    }

    .target-contacto {
        padding: 18px 18px 18px;
        gap: 12px;
    }

    .target-contacto-icon {
        width: 40px;
        height: 40px;
    }

    .target-contacto-data {
        font-size: 15px;
        line-height: 24px;
    }

    .target-contacto-redes {
        padding: 18px 18px 18px;
    }

    .target-contacto-redes-txt {
        font-size: 15px;
        line-height: 22px;
    }

    .target-contacto-icon-redes {
        width: 32px;
        height: 32px;
    }
}

/* VISTA TABLET */
@media (min-width: 715px) and (max-width: 1000px) {
    .formulario-de-contacto form {
        padding: 45px 28px 32px;
    }

    .target-contacto {
        padding: 22px 22px 22px;
    }

    .target-contacto-redes {
        padding: 22px 22px 22px;
    }
}

/* TABLET HORIZONTAL */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {
    .formulario-de-contacto>div>div {
        gap: 35px;
    }

    .formulario-de-contacto form {
        width: 550px;
        padding: 50px 30px 32px;
    }

    .formulario-de-contacto .columna {
        width: 235px;
    }

    .fila-simple textarea {
        width: 490px;
    }

    .target-contacto {
        width: 550px;
    }

    .target-contacto-redes {
        width: 550px;
    }
}



/* ---------------------------------------------------------------------- */
/* ----------------------------FOOTER----------------------------------- */
/* ---------------------------------------------------------------------- */

.rockstone-footer {
    padding-block: 50px;
}

.rockstone-footer>div>div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

/* news */

.footer-news {
    margin-bottom: 7px !important;
}

.rockstone-footer>div>div>div:has(.newsletter-form) {
    width: 340px;
    padding: 0;
}

.news-title {
    font: normal normal bold 18px/27px Poppins;
    letter-spacing: 0px;
    color: #D1733A;
    margin-bottom: 10px !important;
}

.news-subtitle {
    font: normal normal normal 18px/30px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
    margin-bottom: 13px !important;
}

.newsletter-form p>span>input {
    background: #FFFFFF0D;
    border-radius: 12px;
    border: none;
}

.newsletter-form form>p:has(.wpcf7-submit) {
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.newsletter-form form .wpcf7-submit {
    width: 231px !important;
    height: 56px !important;
    background: #CC6223 !important;
    border-radius: 12px !important;
    text-align: center !important;
    font: normal normal bold 16px/35px Poppins !important;
    letter-spacing: 0px !important;
    color: #FAFAFA !important;
    padding: 0 !important;
}

/* others */

.newsletter-form {
    margin-bottom: 67px;
}

.rockstone-footer-container {
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
}

.content-rock-footer {
    display: flex;
    gap: 115px;
}

/* Columna de Información */

.info-col-rock-footer {
    max-width: 334px;
}

.logo-rock-footer {
    max-width: 250px;
    height: auto;
    margin-bottom: 25px;
}

.desc-rock-footer {
    font: normal normal normal 18px/23px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
    margin-bottom: 30px;
}

.legal-item-rock-footer {
    margin-bottom: 20px;
}

.label-rock-footer {
    display: block;
    font: normal normal bold 18px/23px Poppins;
    letter-spacing: 0px;
    color: #CC6223;
    margin-bottom: 4px;
}

.value-rock-footer {
    font-size: 18px;
}

.link-rock-footer {
    color: #ffffff;
    text-decoration: underline;
    font-size: 18px;
}

.title-rock-footer {
    font: normal normal bold 18px/27px Poppins;
    letter-spacing: 0px;
    color: #CC6223;
    margin-top: 0;
    margin-bottom: 20px;
}

.list-rock-footer {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-rock-footer li {
    margin-bottom: 24px;
}

.nav-link-rock-footer {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    transition: opacity 0.3s;
}

.nav-link-rock-footer:hover {
    opacity: 0.7;
}

.list-rock-footer:hover {
    color: white !important;
}

.list-rock-footer li:hover {
    color: white !important;
    opacity: 5;
}

.rockstone-footer a:hover {
    color: white !important;
    font-weight: 700;
    opacity: 5;
}

/* VISTA RESPONSIVE GENERAL - Hasta 900px */
@media only screen and (max-width: 900px) {
    .rockstone-footer>div>div {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .rockstone-footer-contain,
    .rockstone-footer>div>div>div:has(.newsletter-form) {
        width: 100% !important;
        max-width: 100% !important;
        padding-inline: 16px;
    }

    .content-rock-footer {
        gap: 40px;
    }

    /* Reducción proporcional de fuentes */
    .news-title,
    .news-subtitle,
    .desc-rock-footer,
    .label-rock-footer,
    .value-rock-footer,
    .title-rock-footer {
        font-size: 16px !important;
    }

    .link-rock-footer,
    .nav-link-rock-footer,
    .newsletter-form form .wpcf7-submit {
        font-size: 14px !important;
    }


}

/* VISTA MOBILE - Hasta 700px */
@media only screen and (max-width: 700px) {
    .content-rock-footer {
        flex-direction: column;
        gap: 30px;
    }

    .newsletter-form {
        margin-bottom: 10px;
    }

    .logo-rock-footer {
        max-width: 200px;
    }

    /* Segunda reducción proporcional para pantallas pequeñas */
    .news-title,
    .news-subtitle,
    .desc-rock-footer,
    .label-rock-footer,
    .value-rock-footer,
    .title-rock-footer {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }
}

/* VISTA TABLET - De 715px a 1000px */
@media (min-width: 715px) and (max-width: 1000px) {

    .rockstone-footer>div>div>div:has(.newsletter-form) {
        width: 20rem !important;
    }

    .newsletter-form {
        margin-bottom: 10px;
    }


    .rockstone-footer>div>div {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .content-rock-footer {
        gap: 50px;
    }

    .rockstone-footer-contain {
        width: 100% !important;
        margin-bottom: 40px;
    }
}

/* TABLET HORIZONTAL - De 1180px a 1290px */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {
    .content-rock-footer {
        gap: 60px;
    }

    .rockstone-footer>div>div {
        justify-content: space-around;
    }
}


/* ---------------------------------------------------------------------- */
/* -----------------------------ZOCALO----------------------------------- */
/* ---------------------------------------------------------------------- */

.footer-tht {
    background: #0B2706;
}

.zocalo-txt {
    text-align: center;
    font: normal normal 300 16px/35px Arimo;
    letter-spacing: 0px;
    color: #FAFAFA;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    padding-block: 35px;
}

.zocalo-txt:hover {
    color: #FAFAFA;
}

@media only screen and (max-width: 900px) {
    .zocalo-txt {
        font: normal normal 300 14px/25px Arimo;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}



/* ---------------------------------------------------------------------- */
/* -----------------------------------FIX--------------------------------- */
/* ---------------------------------------------------------------------- */


.contacto-info-redes>div>div:nth-child(3)>div>p.target-contacto-data-link:hover {
    font-weight: 300;
}

@media (min-width: 1000px) and (max-width: 1500px) {

    .exp-adc {
        gap: 1rem;
    }

    .target-contacto,
    .target-contacto-redes {
        width: 530px;
    }

    .hero-container {
        padding-block: 150px;
    }

    .hero-title {
        font: normal normal bold 60px/70px Poppins;
    }

    .formulario-de-contacto>div>div {
        gap: 20px;
    }

}

@media only screen and (max-width: 900px) {
    .btn-header {
        width: 210px !important;
        height: 45px;
        margin-left: 1rem;
        margin-bottom: 20px;
    }


    .hero-container {
        background: url(/wp-content/uploads/2026/03/imagen-hero.jpg);
        background-size: 231%;
        background-repeat: no-repeat;
        background-position: center;
        padding-top: 160px;
        padding-bottom: 150px;
    }


}



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

    .hero-container {
        background: url(/wp-content/uploads/2026/04/banner-mobile.jpg);
        background-size: 168%;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 100px;
        padding-top: 90px;
    }


    .gallery {
        padding-top: 50px;
        padding-bottom: 5px;
    }

    .rockstone-footer>div>div {
        gap: 20px;
    }

    .nav-col-rock-footer {
        display: none;
    }

    .facil-y-rapido {
        padding-bottom: 40px;
        padding-top: 50px;
    }

}


/* ---------------------------------------------
                TROIS TRAVEL
  ---------------------------------------------*/


#hero,
#hero>div,
.hero-container>div>div,
#hero-container>div>div>div>div,
#hero-container>div>div>div>div>div {
    height: 100%;
}

#hero>div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.title-banner {
    text-align: center;
    font: normal normal 500 52px/62px Livvic;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.banner-btn {
    width: 341px;
    height: 62px;
    box-shadow: 0px 3px 6px #00000073;
    background: #F0EEE9;
    border-radius: 31px;
    font: normal normal normal 21px/24px Arimo;
    letter-spacing: 0px;
    color: #9E792B;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-inline: auto;
    margin-top: 40px;
}


.banner-btn:hover {
    color: #9E792B;
}

.items-floats {
    background: #FFFFFF4D;
    border: 1px solid #FFFFFF;
    border-radius: 38px;
    display: flex;
    justify-content: center;
    width: 1108px;
    height: 76px;
    align-items: center;
    gap: 25px;
    margin-top: auto !important;
}

.item-float {
    font: normal normal bold 21px/24px Arimo;
    letter-spacing: 0px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 15px;
}

/* VISTA RESPONSIVE GENERAL */
@media only screen and (max-width: 900px) {
    .items-floats {
        width: 100%;
        /* Quitamos el ancho fijo de 1108px */
        height: auto;
        /* Quitamos el alto fijo para que el contenido respire */
        flex-wrap: wrap;
        /* Permite que los elementos bajen de línea si no caben */
        padding: 20px;
        border-radius: 20px;
    }

    .banner-btn {
        max-width: 100%;
        /* Evita que el botón se desborde */
    }
}

/* VISTA MOBILE (hasta 700px) */
@media only screen and (max-width: 700px) {

    .hero-container {
        height: 730px;
    }

    .title-banner {
        /* Bajamos de 52px a 32px */
        font: normal normal 500 31px/40px Livvic;
    }

    .banner-btn {
        width: 280px;
        height: 55px;
        /* Bajamos de 21px a 16px */
        font: normal normal normal 16px/20px Arimo;
        margin-top: 25px;
    }

    .items-floats {
        flex-direction: column;
        /* Apilamos los ítems uno debajo de otro */
        align-items: flex-start;
        gap: 15px;
        border-radius: 15px;
        margin-top: 30px !important;
    }

    .item-float {
        /* Bajamos de 21px a 16px manteniendo la relación con el botón */
        font: normal normal bold 16px/20px Arimo;
    }

    .item-float br {
        display: none;
        /* Ocultamos el salto de línea del HTML para que no se vea raro en una sola columna */
    }
}

/* VISTA TABLET (715px a 1000px) */
@media (min-width: 715px) and (max-width: 1000px) {
    .title-banner {
        /* Bajamos de 52px a 42px */
        font: normal normal 500 42px/50px Livvic;
        max-width: 43rem;
    }

    .banner-btn {
        width: 300px;
        /* Bajamos de 21px a 18px */
        font: normal normal normal 18px/22px Arimo;
    }

    .items-floats {
        width: 90%;
        gap: 15px;
        justify-content: center;
    }

    .item-float {
        /* Bajamos de 21px a 18px manteniendo la relación con el botón */
        font: normal normal bold 18px/22px Arimo;
        width: 14rem;
    }
}

/* TABLET HORIZONTAL */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {
    .items-floats {
        width: 95%;
        /* Evita que el contenedor fijo roce los bordes de la pantalla */
    }
}



/* valores-items */

.valores-items-container {
    background: url(/wp-content/uploads/2026/03/guarda.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-block: 30px;
}

.valores-items>div {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 75px;
}

.valores-item {
    text-align: center;
    font: normal normal bold 21px/24px Arimo;
    letter-spacing: 0px;
    color: #0B2706;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

/* VISTA RESPONSIVE GENERAL */
@media only screen and (max-width: 900px) {
    .valores-items>div {
        gap: 30px;
        /* Reducimos drásticamente la separación para evitar desbordes */
    }

    .valores-item br {
        display: none;
        /* Ocultamos los saltos de línea para que el texto fluya natural en el ancho del celular */
    }
}

/* VISTA MOBILE (en caso que sea necesario adaptar elementos que no se vea bien general en 900px */
@media only screen and (max-width: 700px) {
    .valores-items>div {
        flex-direction: column;
        /* Apilamos los 3 ítems uno debajo del otro */
        align-items: center;
        gap: 40px;
        /* Espacio vertical entre cada ítem */
    }

    .valores-item {
        /* Bajamos de 21px a 16px, manteniendo la proporción con la sección anterior */
        font: normal normal bold 16px/20px Arimo;
    }

}

/* VISTA TABLET (en caso que sea necesario adaptar elementos que no se ven bien del traspaso de mobile a tablet */
@media (min-width: 715px) and (max-width: 1000px) {
    .valores-items>div {
        gap: 25px;
        /* Ajustamos el espacio para que entren los 3 en fila sin apretarse */
    }

    .valores-item {
        /* Bajamos de 21px a 18px, manteniendo la proporción con la sección anterior */
        font: normal normal bold 18px/22px Arimo;
    }
}

/* y estas son para tablet horizontal: */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {
    .valores-items>div {
        gap: 50px;
        /* Ajuste sutil del gap para que respire bien sin llegar a los 75px originales */
    }
}


/* banner-de-vuelo */


.banner-de-vuelo-container {
    background-color: #F0EEE9;
    padding-top: 80px;
}

.banner-de-vuelo-title {
    text-align: center;
    font: normal normal 500 52px/58px Livvic;
    letter-spacing: 0px;
    color: #0B2706;
    max-width: 932px;
    margin-inline: auto;
}

.banner-de-vuelo-subtitle {
    text-align: center;
    font: normal normal normal 24px/32px Arimo;
    letter-spacing: 0px;
    color: #0B2706;
    max-width: 932px;
    margin-inline: auto;
    margin-top: 50px;
    margin-bottom: 60px;
}

.banner-de-vuelo-marcas {
    height: 140px;
    background-color: #9E792B;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

/* VISTA RESPONSIVE GENERAL */
@media only screen and (max-width: 900px) {

    .banner-de-vuelo-title,
    .banner-de-vuelo-subtitle {
        padding-inline: 20px;
        /* Evita que el texto pegue contra los bordes de la pantalla */
    }

    .banner-de-vuelo-marcas {
        height: auto;
        /* Quitamos la altura fija de 140px */
        padding-block: 30px;
        /* Le damos aire por arriba y por abajo */
        flex-wrap: wrap;
        /* Si los logos no entran, bajan a la siguiente línea */
    }
}

/* VISTA MOBILE (hasta 700px) */
@media only screen and (max-width: 700px) {
    .banner-de-vuelo-container {
        padding-top: 50px;
        /* Reducimos el aire superior de 80px para no ocupar media pantalla */
    }

    .banner-de-vuelo-title {
        /* Bajamos de 52px a 32px (igual que el hero) */
        font: normal normal 500 19px/26px Livvic;
    }

    .banner-de-vuelo-subtitle {
        /* Bajamos de 24px a 18px */
        font: normal normal normal 16px/21px Arimo;
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .banner-de-vuelo-marcas {
        gap: 20px;
        /* Achicamos la separación entre logos */
    }

    .banner-de-vuelo-marca {
        max-width: 130px;
        /* Previene que algún logo se vea desproporcionadamente grande */
        height: auto;
    }
}

/* VISTA TABLET (715px a 1000px) */
@media (min-width: 715px) and (max-width: 1000px) {
    .banner-de-vuelo-title {
        /* Bajamos de 52px a 42px (igual que el hero) */
        font: normal normal 500 36px/50px Livvic;
    }

    .banner-de-vuelo-subtitle {
        /* Bajamos de 24px a 20px */
        font: normal normal normal 20px/28px Arimo;
        margin-top: 40px;
    }

    .banner-de-vuelo-marcas {
        gap: 37px;
    }
}

/* Una experiencia resuelta de principio a fin*/

.facil-y-rapido-txt>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1124px;
}

.title-experiencias-fin {
    text-align: center;
    font: normal normal 500 52px/58px Livvic;
    letter-spacing: 0px;
    color: #0B2706;
    margin-block: 32px;
}

.subtitle-experiencias-fin {
    text-align: center;
    font: normal normal normal 24px/32px Arimo;
    letter-spacing: 0px;
    color: #0B2706;
}

.facil-y-rapido-btn>div {
    margin-inline: auto;
    width: fit-content;
}

/* VISTA RESPONSIVE GENERAL */
@media only screen and (max-width: 900px) {
    .facil-y-rapido-txt>div {
        padding-inline: 20px;
        /* Agregamos márgenes laterales para que el texto no pegue contra la pantalla */
    }
}

/* VISTA MOBILE (hasta 700px) */
@media only screen and (max-width: 700px) {
    .title-experiencias-fin {
        /* Bajamos de 52px a 32px manteniendo la escala del diseño */
        font: normal normal 500 32px/40px Livvic;
        margin-block: 20px;
        /* Reducimos la separación (antes 32px) para que no haya tanto espacio en blanco inútil */
    }

    .subtitle-experiencias-fin {
        /* Bajamos de 24px a 18px */
        font: normal normal normal 18px/26px Arimo;
    }

    .title-experiencias-fin-logo {
        max-width: 80px;
        /* Por las dudas, aseguramos que el logo superior no se vea gigante en celulares */
    }
}

/* VISTA TABLET (715px a 1000px) */
@media (min-width: 715px) and (max-width: 1000px) {
    .title-experiencias-fin {
        /* Bajamos de 52px a 42px */
        font: normal normal 500 42px/50px Livvic;
        margin-block: 25px;
        /* Un punto intermedio de separación */
    }

    .subtitle-experiencias-fin {
        /* Bajamos de 24px a 20px */
        font: normal normal normal 20px/28px Arimo;
    }
}


/* TESTIMONIOS */

.testimonials .subtitle-experiencias-fin {
    max-width: 768px;
    margin-bottom: 60px;
}

.testimonials {
    background: url(/wp-content/uploads/2026/03/fondo-testimonios.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.testimonial-carrusel-TT .carousel-items .carousel-item>div>div {
    justify-content: center;
}

.testimonial-carrusel-TT .carousel-item>div>div>div {
    max-width: 795px;
    padding-inline: 60px;
}

.testimonial-carrusel-TT div.lqd-testi-quote.mb-7>blockquote>p {
    text-align: left;
    font: normal normal normal 21px/32px Arimo;
    letter-spacing: 0px;
    color: #FAFAFA;
}

.testimonial-carrusel-TT div.lqd-testi-info.mb-1>div>div>h3 {
    text-align: center;
    font: normal normal normal 18px/21px Arimo;
    letter-spacing: 0px;
    color: #FAFAFA;
}

/* VISTA RESPONSIVE GENERAL */
@media only screen and (max-width: 900px) {
    .testimonial-carrusel-TT .carousel-item>div>div>div {
        /* Reducimos el padding lateral enorme para que el texto tenga espacio real en pantallas chicas */
        padding-inline: 20px;
    }

    .testimonials .subtitle-experiencias-fin {
        margin-bottom: 35px;
    }
}

/* VISTA MOBILE (hasta 700px) */
@media only screen and (max-width: 700px) {
    .testimonials {
        background: url(/wp-content/uploads/2026/04/fondo-mobile-testimonios.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }


    .testimonial-carrusel-TT div.lqd-testi-quote.mb-7>blockquote>p {
        /* Bajamos de 21px a 16px (la misma regla que venimos usando) */
        font: normal normal normal 16px/24px Arimo;
        text-align: center;
        /* En mobile, el texto centrado suele leerse mejor en los carruseles, pero si lo prefieres left, puedes borrar esta línea */
    }

    .testimonial-carrusel-TT div.lqd-testi-info.mb-1>div>div>h3 {
        /* Bajamos de 18px a 14px */
        font: normal normal normal 14px/18px Arimo;
    }
}

/* VISTA TABLET (715px a 1000px) */
@media (min-width: 715px) and (max-width: 1000px) {
    .testimonials {
        background: url(/wp-content/uploads/2026/04/fondo-tablet-testimonios.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .testimonial-carrusel-TT .carousel-item>div>div>div {
        /* Un padding intermedio para tablet */
        padding-inline: 40px;
    }

    .testimonial-carrusel-TT div.lqd-testi-quote.mb-7>blockquote>p {
        /* Bajamos de 21px a 18px */
        font: normal normal normal 18px/28px Arimo;
    }

    .testimonial-carrusel-TT div.lqd-testi-info.mb-1>div>div>h3 {
        /* Bajamos de 18px a 16px */
        font: normal normal normal 16px/20px Arimo;
    }
}


/* Formas de pago flexibles */


.pagos-flex-container .banner-de-vuelo-subtitle {
    max-width: 35rem;
}

.pagos-flex-container .btn-orange {
    margin-inline: auto;
    margin-top: 50px;
}

.pagos-flex {
    background-color: #0B2706;
    padding-block: 60px;
}

.pagosFlex-cards {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.pagosFlex-card {
    width: 303px;
    height: 210px;
    padding-inline: 5px;
    border: 1px solid #FFFFFF1A;
    border-radius: 16px;
    background-color: #173213;
    text-align: center;
    font: normal normal normal 21px/28px Arimo;
    letter-spacing: 0px;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

/* VISTA RESPONSIVE GENERAL */
@media only screen and (max-width: 900px) {
    .pagosFlex-cards {
        flex-wrap: wrap;
        /* Permite que las tarjetas bajen de línea si no caben 4 juntas */
    }

    .pagosFlex-card {
        height: auto;
        /* Quitamos la altura fija de 210px para que el texto no se desborde */
        padding-block: 30px;
        /* Le damos aire por arriba y por abajo */
    }
}

/* VISTA MOBILE (hasta 700px) */
@media only screen and (max-width: 700px) {
    .pagos-flex {
        padding-block: 40px;
        /* Reducimos un poco el padding general de la sección para que no haya tanto vacío */
    }

    .pagosFlex-cards {
        flex-direction: column;
        /* Apilamos las tarjetas una debajo de la otra */
        gap: 15px;
        padding-inline: 20px;
        /* Evita que las tarjetas peguen contra los bordes del teléfono */
    }

    .pagosFlex-card {
        width: 100%;
        /* La tarjeta ocupa todo el ancho disponible del celular */
        /* Bajamos de 21px a 16px, misma proporción que usamos en el hero y valores */
        font: normal normal normal 16px/24px Arimo;
    }

    .pagosFlex-card br {
        display: none;
        /* Quitamos los saltos de línea para que el texto fluya de forma natural a lo ancho */
    }

    .btn-orange {
        /* Un pequeño resguardo por si el botón naranja no estaba centrado en celulares */
        display: flex;
        margin-inline: auto;
        max-width: 100%;
    }
}

/* VISTA TABLET (715px a 1000px) */
@media (min-width: 715px) and (max-width: 1000px) {
    .pagosFlex-cards {
        gap: 20px;
        /* Ajustamos la separación para la vista de cuadrícula */
    }

    .pagosFlex-card {
        width: calc(50% - 20px);
        /* Truco simple: hace que ocupen mitad y mitad, formando un cuadrado de 2x2 */
        /* Bajamos de 21px a 18px */
        font: normal normal normal 18px/26px Arimo;
    }
}

/* TABLET HORIZONTAL */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {
    .pagosFlex-card {
        width: 280px;
        /* Achicamos penitas el ancho de 303px a 280px para garantizar que las 4 entren en una sola línea horizontal sin apretarse */
        gap: 15px;
        /* Acercamos un poco el texto al ícono */
    }

    .pagosFlex-cards {
        gap: 15px;
    }
}


/* Dudas más frecuentes */

.faqs-titles .banner-de-vuelo-subtitle {
    max-width: 750px !important;
}

.faqs-btn a {
    margin-inline: auto;
}

/* FOOTER */


.formulario-de-contacto {
    padding-bottom: 3rem;
}

.img-separador-foot-content img {
    height: 120px;
    object-fit: cover;
}

/* ---------------------------------------------- */

/* Contenedor principal y fondo oscuro */
/* .wrapper-footer-trois {
    background-color: #0b1a0a; 
    padding: 60px 40px;
    box-sizing: border-box;
} */

.container-footer-trois {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    /* max-width: 1200px;*/
    gap: 120px;
}

/* Columna 1 */
.col-brand-footer-trois {
    width: 35%;
}

.logo-footer-trois {
    max-width: 130px;
    margin-bottom: 25px;
    display: block;
}

.text-brand-footer-trois {
    font-family: 'Arimo', sans-serif;
    font-size: 21px;
    line-height: 28px;
    color: #FAFAFA;
    margin: 0;
}

.slogan-footer-trois {
    font-style: italic;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
}

/* Columna 2 */
.col-links-footer-trois {
    /* width: 25%; */
    display: flex;
    flex-direction: column;
}

.title-empresa-footer-trois {
    font: normal normal bold 18px/21px 'Arimo', sans-serif;
    color: #9E792B;
    margin: 0 0 10px 0;
}

.link-nav-footer-trois {
    font: normal normal normal 18px/49px 'Arimo', sans-serif;
    letter-spacing: 0px;
    color: #FAFAFA;
    text-decoration: none;
}

.link-nav-footer-trois:hover {
    color: #9E792B;
}

/* Columna 3 */
.col-info-footer-trois {
    width: fit-content;
    display: flex;
    flex-direction: column;
}

.label-info-footer-trois {
    font: normal normal normal 18px/28px 'Arimo', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin: 0;
}

.value-info-footer-trois {
    font: normal normal normal 18px/28px 'Arimo', sans-serif;
    letter-spacing: 0px;
    color: #9E792B;
    margin: 0 0 30px 0;
}

.link-pdf-footer-trois {
    font: normal normal normal 18px/28px 'Arimo', sans-serif;
    letter-spacing: 0px;
    color: #9E792B;
    text-decoration: none;
}

.link-pdf-footer-trois:hover {
    text-decoration: underline;
}

/* -------------------------------------------
   Adaptabilidad (Responsive)
------------------------------------------- */

/* Tablet (hasta 1000px) */
@media (max-width: 1000px) {
    .container-footer-trois {
        flex-wrap: wrap;
    }

    .col-brand-footer-trois {
        width: 100%;
        margin-bottom: 40px;
    }

    .container-footer-trois {
        justify-content: flex-start;
        gap: 3px 0rem;
    }

    .col-links-footer-trois,
    .col-info-footer-trois {
        width: 28%;
    }

}

/* Mobile (hasta 700px) */
@media (max-width: 700px) {
    #header .lqd-mobile-sec.pos-rel .navbar-header>a>span>img {
        width: 5rem;
    }

    .wrapper-footer-trois {
        padding: 40px 20px;
    }

    .col-links-footer-trois,
    .col-info-footer-trois {
        width: 100%;
    }

    .col-links-footer-trois {
        margin-bottom: 40px;
    }

    .link-nav-footer-trois {
        font: normal normal normal 18px/40px 'Arimo', sans-serif;
        /* Ajuste sutil para que no quede tan espaciado en móvil */
    }


    .rockstone-footer {
        padding-block: 0px;
    }

    #img-separador-foot {
        display: none;
    }

}


/* ---------------------------------------------------------------------- */
/* --------------------------------ANCLAS-------------------------------- */
/* ---------------------------------------------------------------------- */


#experiencia {
    bottom: 7rem;
}

#pagos {
    bottom: 5rem;
}

#nuestro-contacto {
    bottom: 8rem;
}


@media only screen and (max-width: 700px) {
    #viajes {
        top: 3rem;
    }

    #diferenciales {
        bottom: 0;
        top: 4rem;
    }

    #nuestro-contacto {
        bottom: 10rem;
    }


}

@media (min-width: 715px) and (max-width: 1000px) {
    #experiencia {
        bottom: 0;
        top: -10rem;
    }

    #faq {
        bottom: 4rem;
    }


    #contacto {
        bottom: 8rem;
    }

}