/*
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 18px/27px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
}

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


.btn-header {
    width: 168px;
    height: 49px;
    background: #D05E1B;
    border-radius: 12px;
    margin-block: auto;
}

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



.hero-container {
    background: url(/wp-content/uploads/2026/02/desk-en-mas-resolucion-1.jpg);
    background-size: 102%;
    background-repeat: no-repeat;
    background-position: center;
    padding-block: 270px;
}

.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;
    border-radius: 16px;
    background: #21273F;
    width: 623px;
    height: 521px;
}

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

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

.card-exp-title {
    font: normal normal bold 24px/35px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
    margin-bottom: 8px;
}

.card-exp-txt {
    font: normal normal normal 18px/30px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
    margin-bottom: 15px;
}

.card-exp-hr {
    font: normal normal 300 14px/30px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 15px;
}

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


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

/* ----- 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;
}

.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;
    }
}


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

.saber-mas-container {
    background: #1C2542;
    padding-block: 130px;
}

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

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

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

.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 bold 40px/50px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
    margin-bottom: 10px;
}

.saber-text {
    text-align: left;
    font: normal normal normal 18px/27px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
    margin-bottom: 35px;
}

.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 {
    width: 607px;
    height: 129px;
    border: 1px solid #FFFFFF1A;
    border-radius: 16px;
    background: #28304C;
    display: flex;
    align-items: center;
    gap: 15px;
    padding-left: 15px;
}

.saber-targe-title {
    font: normal normal bold 18px/27px Poppins;
    letter-spacing: 0px;
    color: #F5F5F5;
}

.saber-targe-text {
    font: normal normal 300 16px/25px Poppins;
    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------------------------ */
/* ---------------------------------------------------------------------- */

.montana-enoturismo-carrusel-container {
    background: url(/wp-content/uploads/2026/02/Background.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: space-between;
    align-items: center;
}

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

.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) {
    .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: center;
        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;
}

/* 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 600 20px/30px Poppins;
    letter-spacing: 0px;
    color: #151B35;
}

.faqs-txt-data {
    font: normal normal 300 18px/27px Poppins;
    letter-spacing: 0px;
    color: #434141;
}

@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: #151B35;
}

.gallery {
    padding-top: 113px;
}

.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 {
    margin-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: #21273F;
    padding: 58px 33px 35px;
    width: 615px;
}

.form-title {
    text-align: left;
    font: normal normal normal 18px/27px Poppins;
    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 300 14px/21px Poppins;
    letter-spacing: 0px;
    color: #FAFAFA;
}



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


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

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

.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: #2C3249;
}

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


.boton-enviar p input {
    width: 231px !important;
    height: 56px !important;
    background: #CC6223 0% 0% no-repeat padding-box !important;
    border-radius: 12px !important;
    padding: 0 !important;
    font: normal normal 600 16px/30px Poppins !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: #21273F;
    padding: 24px 24px 0;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.target-contacto-data {
    color: white;
    font: normal normal 300 18px/30px Poppins;
    letter-spacing: 0px;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

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

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

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



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

.target-contacto-redes-txt {
    font: normal normal bold 18px/27px Poppins;
    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 {
        margin-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: #151B35;
    border-top: 2px solid #FAFAFA;
}

.zocalo-txt {
    text-align: center;
    font: normal normal 300 16px/35px Poppins;
    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 Poppins;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

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

#nuestras-experiencias-rockstone {
    bottom: 7rem;
}

#galeria-de-rockstone {
    bottom: 7rem;
}

#enoturismo-con-rockstone,
#montana-con-rockstone {
    top: 8rem;
}

#rockstone-nuestros-faqs {
    bottom: 9rem;
}

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

    #enoturismo-con-rockstone,
    #montana-con-rockstone {
        top: 3rem;
    }

    #rockstone-nuestro-contacto {
        bottom: 7rem;
    }

}

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


    #nuestras-experiencias-rockstone {
        bottom: 10rem;
    }

    #galeria-de-rockstone {
        bottom: 9rem;
    }

    #enoturismo-con-rockstone,
    #montana-con-rockstone {
        top: 4rem;
    }

    #rockstone-nuestro-contacto {
        bottom: 5rem;
    }

}



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

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

    .exp-adc {
        gap: 1rem;
    }

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

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

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

}

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


    .hero-container {
        background: url(/wp-content/uploads/2026/02/desk-en-mas-resolucion-1.jpg);
        background-size: 245%;
        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/02/desk-en-mas-resolucion-1.jpg);
        background-size: 430%;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 100px;
        padding-top: 90px;
    }


}