*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Arial, Helvetica, sans-serif;
background:#f6f4ef;
color:#2c2c2c;
line-height:1.6;
}

:root{

--remanso-green:#465B2D;
--remanso-green-dark:#3E5127;

--remanso-sand:#E6E0D2;
--remanso-sand-dark:#CFC7B5;

--remanso-text:#232323;

}



/* =========================
   NAVBAR
========================= */

.navbar{
    position:fixed;
    top:0;
    left:0;

    width:100%;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:28px 80px;

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    border-bottom:1px solid rgba(0,0,0,.04);

    z-index:1000;

    transition:.3s ease;
}

/* NAVBAR - LOGO */

.logo{
    font-size:1.5rem;

    font-weight:600;

    letter-spacing:-0.5px;

    color: var(--remanso-green);

    cursor:pointer;
}

/* NAVBAR-  MENÚ */

.nav-links{
    display:flex;

    align-items:center;

    list-style:none;

    gap:45px;
}

/* LINKS */

.nav-links a{
    position:relative;

    text-decoration:none;

    color: var(--remanso-green);

    font-size:.95rem;

    font-weight:500;

    transition:.3s ease;
}

/* EFECTO HOVER */

.nav-links a::after{
    content:"";

    position:absolute;

    left:0;
    bottom:-8px;

    width:0;

    height:1.5px;

  background: var(--remanso-green);

    transition:.3s ease;
}

.nav-links a:hover{
    color: var(--remanso-green);
}

.nav-links a:hover::after{
    width:100%;
}

.nav-contact-btn{
    padding:14px 24px;

    background:#7a6855;

    color:white !important;

    border-radius:55px;

    transition:.3s ease;
}

.nav-contact-btn::after{
    display:none;
}

.nav-contact-btn:hover{
background: var(--remanso-green);

    transform:translateY(-2px);
}



/* ACTIVO */

.navbar a.active{

    color:var(--remanso-green);

}

.navbar a.active i{

    transform:translateY(-2px);

}

/* HOVER */

.navbar a:hover{

    color:var(--remanso-green);

}



/* =========================
DROPDOWN
========================= */

.dropdown{


position:relative;


}

/* MENÚ DESPLEGABLE */

.dropdown-menu{


position:absolute;

top:100%;
left:0;

min-width:220px;

padding:12px 0;

margin-top:12px;

background:white;

border:1px solid #ece7df;

border-radius:18px;

box-shadow:
0 15px 40px rgba(0,0,0,.08);

list-style:none;

opacity:0;

visibility:hidden;

transform:translateY(10px);

transition:.3s ease;

z-index:999;


}

/* APERTURA */

.dropdown:hover .dropdown-menu{


opacity:1;

visibility:visible;

transform:translateY(0);


}

/* LINKS */

.dropdown-menu li{


width:100%;


}

.dropdown-menu a{


display:block;

padding:12px 20px;

text-decoration:none;

color:#555;

font-size:.95rem;

transition:.25s ease;


}

/* HOVER */

.dropdown-menu a:hover{


background:#f8f5f1;

color:#7a6855;


}
/* ==========================================
BOTTOM NAVIGATION MOBILE
========================================== */

.remanso-mobile-nav{

    position:fixed;

    bottom:0;

    left:12px;
    right:12px;

    width:auto;

    max-width:none;

    padding:15px 0;

    display:none;

    justify-content:space-evenly;

    align-items:center;

    background:rgba(250,248,245,.84);

    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);

    border:none;

    border-top:1px solid rgba(255,255,255,.55);

    border-radius:22px 22px 0 0;

    box-shadow:
        0 -10px 30px rgba(0,0,0,.06);

    z-index:9999;

}

/* BOTONES */

.remanso-mobile-nav a{

    flex:1;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    gap:8px;

    text-decoration:none;

    color:#7b7b7b;

    font-size:.80rem;

    font-weight:500;

   transition:
color .25s ease,
transform .25s ease;



}

/* ICONOS */

.remanso-mobile-nav i{

    font-size:1.35rem;

    transition:.3s ease;

}

/* ACTIVO */

.remanso-mobile-nav a.active{

    color:var(--remanso-green);

}

.remanso-mobile-nav a.active i{

    transform:translateY(-2px);

}

/* HOVER */

.remanso-mobile-nav a:hover{

    color:var(--remanso-green);

}

/* RESPONSIVE */

@media(max-width:768px){

    .navbar{

        display:none;

    }

    .remanso-mobile-nav{

        display:flex;

    }

}





/* =========================
       HERO - HOME
========================= */

.remanso-home-hero{
position:relative;
min-height:95vh;

background-image:url("../assets/home/hero-home.webp");
background-size:cover;
background-position:center;
display:flex;
align-items:center;
padding:0 8%;

}
.remanso-home-overlay{
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.76) 0%,
        rgba(0,0,0,.45) 40%,
        rgba(0,0,0,.15) 100%
    );
}

.remanso-home-container{
position:relative;
z-index:2;
max-width: 780px;
color: white;
 padding-top:50px;

}

.remanso-home-label{
display:inline-block;
margin-bottom:32px;
letter-spacing:8px;
font-size:.82rem;
text-transform: uppercase;
opacity: .95;
}
.remanso-home-title{
    font-size:5rem;
    line-height:1.05;
    margin-bottom:32px;
    font-weight:700;
    letter-spacing:-2px;
    text-shadow:0 8px 30px rgba(0,0,0,.25);
}


.remanso-home-title::before{
    content:"";

    display:block;

    width:80px;
    height:2px;

   background: var(--remanso-green);

    margin-bottom:28px;

    opacity:.8;
}


.remanso-home-description{
    max-width:470px;

    font-size:1.15rem;

    line-height:1.9;

    margin-bottom:50px;

    opacity:.95;
}

.remanso-home-button{
    display:inline-block;

    padding:20px 46px;

    background: var(--remanso-green);

    color: white;

    text-decoration:none;

    border-radius:50px;

    font-weight:650;

    box-shadow:
    0 15px 35px rgba(0,0,0,.15);

    transition:.3s;
}
.remanso-home-button:hover{
    transform:translateY(-4px);

    box-shadow:
    0 20px 40px rgba(0,0,0,.25);
}


.remanso-home-secondary-link{

    margin-top:18px;

    text-align:center;

}

.remanso-home-secondary-link a{

    color:#ffffff;

    text-decoration:none;

    font-size:.95rem;

    opacity:.9;

}

.remanso-home-secondary-link a:hover{

    opacity:1;

}


/* =========================
SCROLL INDICATOR
========================= */

.remanso-scroll-indicator{

    position:absolute;

    bottom:35px;

    left:50%;

    transform:translateX(-50%);

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:20;

}

.remanso-scroll-indicator span{

    width:18px;

    height:30px;

    border:2px solid rgba(255,255,255,.8);

    border-radius:30px;

    position:relative;

}

.remanso-scroll-indicator span::before{

    content:"";

    position:absolute;

    top:6px;

    left:50%;

    transform:translateX(-50%);

    width:4px;

    height:4px;

    border-radius:50%;

    background:#fff;

    animation:scrollIndicator 2s infinite;

}

@keyframes scrollIndicator{

    0%{

        opacity:0;

        transform:translate(-50%,0);

    }

    30%{

        opacity:1;

    }

    100%{

        opacity:0;

        transform:translate(-50%,12px);

    }


}


/* =========================
HERO - HOME- RESPONSIVE MOBILE
========================= */

@media (max-width:768px){

.remanso-home-hero{

    min-height:72vh;

    padding:110px 24px 90px;

    align-items:flex-start;

}
.remanso-home-container{

    max-width:100%;

    display:flex;

    flex-direction:column;

}

.remanso-home-label{

    letter-spacing:4px;

    font-size:.70rem;

    margin-bottom:18px;

}
.remanso-home-title{

    font-size:2.8rem;

    line-height:1.05;

    margin-bottom:22px;

    letter-spacing:-1px;

}
.remanso-home-title::before{

    width:55px;

    margin-bottom:18px;

}
.remanso-home-description{

    max-width:100%;

    font-size:1rem;

    line-height:1.7;

    margin-bottom:32px;

}
.remanso-home-button{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:18px;

}
.remanso-scroll-indicator span{

    width:16px;

    height:26px;

}
.remanso-scroll-indicator{

    margin-top:32px;

}

.remanso-scroll-indicator span::before{

    width:3px;

    height:3px;

}

.remanso-home-secondary-link{

    margin-top:24px;

}

}




/* =========================
   HOME- BLOQUE 1  EXPERIENCIA 
========================= */

.remanso-experience-section{
    padding:140px 8%;
    background:#f8f5f1;
}

/* HEADER */

.remanso-experience-header{
    max-width:900px;
    margin:0 auto 100px auto;
    text-align:center;
}

.remanso-experience-label{
    display:inline-block;

    margin-bottom:24px;

    letter-spacing:6px;
    font-size:.75rem;
    text-transform:uppercase;

   color: var(--remanso-green);

    opacity:.9;
}

.remanso-experience-title{
    font-size:4rem;
    line-height:1.15;
    font-weight:700;

    max-width:850px;
    margin:0 auto 30px;

    color:#2c2c2c;

    letter-spacing:-2px;
}

.remanso-experience-title::before{
    content:"";

    display:block;

    width:80px;
    height:2px;

    background:#7a6855;

    margin:0 auto 35px;
}

.remanso-experience-description{
    max-width:720px;

    margin:0 auto;

    color:#666;

    font-size:1.15rem;
    line-height:1.9;
}

/* GRID */
.remanso-experience-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:40px;
    max-width:1200px;
    margin:auto;
}

/* CARD */

.remanso-experience-card{
    background:white;

    border-radius:28px;

    overflow:hidden;

    box-shadow:
    0 15px 40px rgba(0,0,0,.06);

    transition:all .4s ease;
}

.remanso-experience-card:hover{
    transform:translateY(-10px);

    box-shadow:
    0 30px 60px rgba(0,0,0,.12);
}

/* IMAGEN */

.remanso-experience-image{
    height:320px;

    background:#d9d9d9;

    overflow:hidden;
}

.remanso-experience-image img{
    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:transform .6s ease;
}

.remanso-experience-card:hover .remanso-experience-image img{
    transform:scale(1.05);
}

/* CONTENIDO */

.remanso-experience-card h3{
    padding:30px 30px 15px;

    font-size:1.5rem;

    font-weight:600;

    color:#2c2c2c;
}

.remanso-experience-card p{
    padding:0 30px 35px;

    color:#5d5d5d;

    line-height:1.9;

    font-size:1rem;
}

/* RESPONSIVE  LO OCULTAMOS DE MOBILE  */

@media(max-width:768px){

    .remanso-experience-section{

        display:none;

    }

}




/* =========================
   HOME- BLOQUE 2 - CABAÑAS
========================= */

.remanso-cabins-section{
    padding:140px 8%;
}

/* HEADER */

.remanso-cabins-header{
    max-width:900px;

    margin:0 auto 90px auto;

    text-align:center;
}

.remanso-cabins-label{
    display:block;

    margin-bottom:24px;

    letter-spacing:5px;

    font-size:.85rem;

    text-transform:uppercase;

    color: var(--remanso-green);

    font-weight:500;
}



.remanso-cabins-line{
    width:90px;
    height:2px;

  background: var(--remanso-green);

    margin:0 auto 40px auto;

    opacity:.8;
}

.remanso-cabins-title{
    font-size:4rem;

    line-height:1.15;

    letter-spacing:-2px;

    font-weight:600;

   color: var(--remanso-green);

    margin-bottom:30px;
}

.remanso-cabins-description{
    max-width:720px;

    margin:0 auto;

    font-size:1.15rem;

    line-height:1.9;

    color: var(--remanso-green);
}

/* IMAGEN PRINCIPAL */

.remanso-cabins-gallery{
    max-width:1200px;

    margin:80px auto 60px auto;

    display:grid;

    grid-template-columns:2fr 1fr;
    gap:20px;
}

.cabin-photo{
    overflow:hidden;

    border-radius:24px;

    box-shadow:
    0 20px 50px rgba(0,0,0,.08);
}

.cabin-photo img{
    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:transform .8s ease;
}

.cabin-photo:hover img{
    transform:scale(1.05);
}

.cabin-photo-large{
    height:420px;
}

.cabin-photo-large img{
    height:420px;
  
}

.cabin-photo:nth-child(2){
    height:420px;
}

.cabin-photo:nth-child(2) img{
    height:420px;
}

.cabin-photo:nth-child(3){
    height:260px;
}

.cabin-photo:nth-child(3) img{
    height:260px;
}

.cabin-photo-wide{
    height:260px;
}

.cabin-photo-wide img{
    height:260px;
}


/* FEATURES - CHECK LIST */
.remanso-cabins-features{
    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:16px;

    margin:50px auto 60px auto;

    max-width:900px;
}

.remanso-feature{
    display:flex;
    align-items:center;
    gap:10px;

    padding:14px 22px;

    background:#fff;

    border-radius:999px;

    border:1px solid rgba(70,91,45,.12);

  color: var(--remanso-green);

    font-size:.95rem;

    font-weight:500;

    transition:.3s ease;

    box-shadow:
    0 8px 20px rgba(0,0,0,.04);
}


.remanso-feature::before{
    content:"✓";

   color: var(--remanso-green);

    font-weight:700;
}


.remanso-feature:hover{
    transform:none;
    box-shadow:
    0 8px 20px rgba(0,0,0,.04);
}



/* CTA - BLOQUE 2 - CABAÑAS  */

.remanso-cabins-cta{
    width:100%;

    display:flex;
    justify-content:center;

    margin-top:20px;
}


.remanso-cabins-button{
    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:18px 42px;

   background: var(--remanso-green);
    color:white;

    text-decoration:none;

    border-radius:999px;

    font-weight:500;

    transition:all .35s ease;
}
.remanso-cabins-button:hover{
    transform:translateY(-4px);

  background: var(--remanso-green);

    box-shadow:
    0 18px 40px rgba(122,104,85,.22);
}


/* =========================
HOME
CABAÑAS RESPONSIVE MOBILE
========================= */

@media(max-width:768px){

.remanso-cabins-section{

    padding:90px 24px;

}

/* HEADER */

.remanso-cabins-header{

    margin-bottom:50px;

}

.remanso-cabins-mobile-label{

    font-size:.72rem;

    letter-spacing:4px;

    margin-bottom:18px;

    color: var(--remanso-green);

}

.remanso-cabins-line{

    width:55px;

    margin-bottom:24px;

}

.remanso-cabins-title{

    font-size:2.4rem;

    letter-spacing:-1px;

    margin-bottom:20px;

}

.remanso-cabins-description{

    font-size:1rem;

    line-height:1.7;

}


/* =========================
GALERÍA MOBILE
========================= */

.remanso-cabins-gallery{

    display:flex;

    overflow-x:auto;

    gap:16px;

    margin:50px 0 25px;

    scroll-snap-type:x mandatory;

    scroll-behavior:smooth;

    -webkit-overflow-scrolling:touch;

    scrollbar-width:none;

}

.remanso-cabins-gallery::-webkit-scrollbar{

    display:none;

}


/* TODAS LAS FOTOS */

.cabin-photo{

    display:block;

    flex:0 0 88%;

    height:280px;

    border-radius:22px;

    overflow:hidden;

    scroll-snap-align:center;

}

.cabin-photo img{

    width:100%;

    height:100%;

    object-fit:cover;

}


/* ELIMINAMOS ALTURAS DISTINTAS */

.cabin-photo-large,
.cabin-photo-wide{

    height:280px;

}





/* =========================
INDICADOR
========================= */
/* ==========================================
   HOME - PROGRESO SCROLL CABAÑAS
========================================== */

.remanso-cabins-scroll-progress {

    width: 82px;
    height: 4px;

    margin: 18px auto 0;

    background: rgba(75, 67, 59, 0.16);

    border-radius: 999px;

    overflow: hidden;

}


.remanso-cabins-scroll-progress span {

    display: block;

    width: 0%;
    height: 100%;

    background: #4b5f2f;

    border-radius: 999px;

    transition: width 0.08s linear;

}






/* =========================
CHECKLIST
========================= */

.remanso-cabins-features{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:16px;

    margin-bottom:40px;

}


/* CTA */

.remanso-cabins-button{

    width:100%;

    justify-content:center;

    padding:18px;

}

}




/* =========================================================
   HOME - BLOQUE 3
   RETIROS / EXPERIENCIAS - DESKTOP
   ========================================================= */

@media (min-width: 769px){

    /* =========================
       SECCIÓN
    ========================= */

    .remanso-retreats-section{

        padding:140px 8%;

        background:transparent;

    }


    /* =========================
       HEADER
    ========================= */

    .remanso-retreats-header{

        max-width:900px;

        margin:0 auto 80px auto;

        text-align:center;

    }


    .remanso-retreats-label{

        display:block;

        margin-bottom:22px;

        letter-spacing:5px;

        font-size:.85rem;

        text-transform:uppercase;

        color:var(--remanso-green);

        font-weight:500;

    }


    .remanso-retreats-line{

        width:90px;

        height:2px;

        background:var(--remanso-green);

        margin:0 auto 38px auto;

        opacity:.8;

    }


    .remanso-retreats-title{

        font-size:4rem;

        line-height:1.15;

        letter-spacing:-2px;

        font-weight:600;

        color:var(--remanso-green);

        margin-bottom:28px;

    }


    .remanso-retreats-description{

        max-width:720px;

        margin:0 auto;

        font-size:1.15rem;

        line-height:1.9;

        color:#666;

    }


    /* =========================
       GALERÍA DESKTOP
    ========================= */

    .remanso-retreats-gallery{

        max-width:1200px;

        margin:0 auto 60px auto;

        display:grid;

        grid-template-columns:repeat(2, 1fr);

        gap:30px;

    }


    /* =========================
       CARD
    ========================= */

    .remanso-retreats-card{

        display:block;

        text-decoration:none;

        color:inherit;

        background:white;

        border-radius:26px;

        overflow:hidden;

        box-shadow:
        0 15px 45px rgba(0,0,0,.06);

        transition:
        transform .4s ease,
        box-shadow .4s ease;

    }


    .remanso-retreats-card:hover{

        transform:translateY(-6px);

        box-shadow:
        0 25px 60px rgba(0,0,0,.10);

    }


    /* =========================
       IMAGEN
    ========================= */

    .remanso-retreats-image{

        width:100%;

        height:360px;

        overflow:hidden;

    }


    .remanso-retreats-image img{

        width:100%;

        height:100%;

        display:block;

        object-fit:cover;

        transition:transform .7s ease;

    }


    .remanso-retreats-card:hover
    .remanso-retreats-image img{

        transform:scale(1.04);

    }


    /* =========================
       INFORMACIÓN
    ========================= */

    .remanso-retreats-card-info{

        padding:26px 30px 30px 30px;

    }


    .remanso-retreats-card-info h3{

        margin:0 0 8px 0;

        font-size:1.35rem;

        line-height:1.3;

        color:var(--remanso-green);

        font-weight:600;

    }


    .remanso-retreats-card-info span{

        display:block;

        font-size:.9rem;

        color:#777;

        line-height:1.5;

    }


    /* =========================
       INDICADORES MOBILE
       OCULTOS EN DESKTOP
    ========================= */

    .remanso-retreats-gallery-dots{

        display:none;

    }


    /* =========================
       CTA
    ========================= */

    .remanso-retreats-cta{

        display:flex;

        justify-content:center;

        margin-top:10px;

    }


    .remanso-retreats-cta a{

        display:inline-flex;

        align-items:center;

        justify-content:center;

        padding:17px 38px;

        background:#7a6855;

        color:white;

        text-decoration:none;

        border-radius:999px;

        font-weight:500;

        transition:
        transform .35s ease,
        background .35s ease,
        box-shadow .35s ease;

    }


    .remanso-retreats-cta a:hover{

        transform:translateY(-3px);

        background:#695947;

        box-shadow:
        0 15px 35px rgba(122,104,85,.20);

    }

}


/* =========================
   HOME
   RETIROS MOBILE RESPONSIVE
========================= */

@media(max-width:768px){

    /* =========================
       SECCIÓN
    ========================= */

    .remanso-retreats-section{

        padding:90px 24px;

    }


    /* =========================
       HEADER
    ========================= */

    .remanso-retreats-header{

        margin-bottom:50px;

        text-align:center;

    }


    .remanso-retreats-label{

        display:block;

        font-size:.72rem;

        letter-spacing:4px;

        margin-bottom:18px;

        color:var(--remanso-green);

        text-align:center;

    }


    .remanso-retreats-line{

        width:55px;

        height:2px;

        margin:0 auto 24px auto;

        background:var(--remanso-green);

    }


    .remanso-retreats-title{

        font-size:2rem;

        line-height:1.2;

        letter-spacing:-.5px;

        margin:0 auto 20px auto;

        color:var(--remanso-green);

        text-align:center;

        font-weight:600;

        max-width:360px;

    }


    .remanso-retreats-description{

        font-size:1rem;

        line-height:1.7;

        text-align:center;

        max-width:360px;

        margin:0 auto;

        color:#666;

    }


    /* =========================
       GALERÍA DE RETIROS MOBILE
    ========================= */

    .remanso-retreats-gallery{

        display:flex;

        overflow-x:auto;

        gap:16px;

        margin:50px -24px 25px;

        padding:0 24px;

        scroll-snap-type:x mandatory;

        scroll-behavior:smooth;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none;

    }


    .remanso-retreats-gallery::-webkit-scrollbar{

        display:none;

    }


    /* =========================
       CARD
    ========================= */

    .remanso-retreats-card{

        flex:0 0 88%;

        display:block;

        text-decoration:none;

        color:inherit;

        scroll-snap-align:center;

    }


    /* =========================
       IMAGEN
    ========================= */

    .remanso-retreats-image{

        width:100%;

        height:280px;

        border-radius:22px;

        overflow:hidden;

        margin:0;

    }


    .remanso-retreats-image img{

        width:100%;

        height:100%;

        object-fit:cover;

        display:block;

    }


    /* =========================
       CONTROL INDIVIDUAL
       DE IMÁGENES
    ========================= */

    /* RETIRO 1 */

    .remanso-retreats-card:nth-child(1)
    .remanso-retreats-image img{

        object-position:center 80%;

    }


    /* RETIRO 2 */

    .remanso-retreats-card:nth-child(2)
    .remanso-retreats-image img{

        object-position:center center;

    }


    /* RETIRO 3 */

    .remanso-retreats-card:nth-child(3)
    .remanso-retreats-image img{

        object-position:center 60%;

    }


    /* RETIRO 4 */

    .remanso-retreats-card:nth-child(4)
    .remanso-retreats-image img{

        object-position:center 60%;

    }


    /* =========================
       INFORMACIÓN DE LA CARD
    ========================= */

    .remanso-retreats-card-info{

        padding:16px 4px 0;

    }


    .remanso-retreats-card-info h3{

        margin:0 0 5px;

        font-size:1.15rem;

        font-weight:600;

        color:#2f2f2f;

        line-height:1.3;

    }


    .remanso-retreats-card-info span{

        display:block;

        font-size:.9rem;

        color:#777;

    }


    /* =========================
       INDICADOR
    ========================= */

    .remanso-retreats-gallery-dots{

        display:flex;

        justify-content:center;

        align-items:center;

        gap:8px;

        margin-top:14px;

        margin-bottom:32px;

    }


    .remanso-retreats-gallery-dots span{

        width:8px;

        height:8px;

        border-radius:50%;

        background:rgba(75,67,59,.25);

        transition:all .25s ease;

    }


    .remanso-retreats-gallery-dots span.active{

        width:24px;

        border-radius:999px;

        background:var(--remanso-green);

    }


    /* =========================
       CTA MOBILE
    ========================= */

    .remanso-retreats-cta{

        display:flex;

        width:100%;

        justify-content:center;

        margin-top:0;

    }


    .remanso-retreats-cta a{

        display:flex;

        align-items:center;

        justify-content:center;

        width:100%;

        padding:18px 24px;

        background:var(--remanso-green);

        color:white;

        text-decoration:none;

        border-radius:999px;

        font-size:1rem;

        font-weight:600;

        transition:all .3s ease;

    }

}



/* =========================
   HOME - BLOQUE 4 - GALERÍA
========================= */

.remanso-gallery-section{
    padding:140px 8%;
}

/* HEADER */

.remanso-gallery-header{
    max-width:900px;

    margin:0 auto 90px auto;

    text-align:center;
}

.remanso-gallery-label{
    display:block;

    margin-bottom:24px;

    letter-spacing:5px;

    font-size:.85rem;

    text-transform:uppercase;

    color:#7a6855;
}

.remanso-gallery-line{
    width:90px;
    height:2px;

    background:#7a6855;

    margin:0 auto 40px auto;

    opacity:.8;
}

.remanso-gallery-title{
    font-size:4rem;

    line-height:1.15;

    letter-spacing:-2px;

    color:#232323;

    margin-bottom:30px;
}

.remanso-gallery-description{
    max-width:700px;

    margin:0 auto;

    font-size:1.15rem;

    line-height:1.9;

    color:#666;
}

/* HERO */

.remanso-gallery-hero{
    max-width:1200px;

    height:650px;

    margin:0 auto 30px auto;

    overflow:hidden;

    border-radius:32px;
}

.remanso-gallery-hero img{
    width:100%;
    height:100%;

    object-fit:cover;

    transition:transform .8s ease;
}

.remanso-gallery-hero:hover img{
    transform:scale(1.03);
}

/* GRID */

.remanso-gallery-grid{
    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:24px;

    max-width:1200px;

    margin:0 auto 60px auto;
}

.remanso-gallery-item{
    height:280px;

    overflow:hidden;

    border-radius:24px;
}

.remanso-gallery-item img{
    width:100%;
    height:100%;

    object-fit:cover;

    transition:transform .7s ease;
}

.remanso-gallery-item:hover img{
    transform:scale(1.05);
    
}

.remanso-gallery-item:nth-child(1) img{

    object-position:center 540%;

}

.remanso-gallery-item:nth-child(2) img{

    object-position:center 20%;

}
.remanso-gallery-item:nth-child(3) img{

    object-position:center 95%;

}

.remanso-gallery-item:nth-child(4) img{

    object-position:center 400%;

}

.remanso-gallery-item:nth-child(5) img{

    object-position:center 300%;

}

.remanso-gallery-item:nth-child(6) img{

    object-position:center 600%;

}


/* CTA */

.remanso-gallery-cta{
    text-align:center;
}

.remanso-gallery-button{
    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:18px 42px;

    background:#435c2c;

    color:white;

    text-decoration:none;

    border-radius:999px;

    transition:.3s ease;
}

.remanso-gallery-button:hover{
    transform:translateY(-3px);
}

/* =========================
HOME - BLOQUE 4 - GALERÍA
MOBILE
========================= */

@media (max-width:768px){

    .remanso-gallery-section{

        display:none;

    }

}


/* =========================================================
   HOME - BLOQUE 5
   TESTIMONIOS / RESEÑAS - DESKTOP
   ========================================================= */

@media (min-width:769px){

    /* =========================
       SECCIÓN
    ========================= */

    .remanso-testimonials-section{

        padding:130px 8% 110px;

        background:#f8f5f1;

        max-width:1400px;

        margin:0 auto;

        border-radius:40px;

    }


    /* =========================
       HEADER
    ========================= */

    .remanso-testimonials-header{

        max-width:900px;

        margin:0 auto 75px;

        text-align:center;

    }


    .remanso-testimonials-label{

        display:block;

        margin-bottom:22px;

        letter-spacing:5px;

        font-size:.85rem;

        text-transform:uppercase;

        color:var(--remanso-green);

        font-weight:500;

    }


    .remanso-testimonials-line{

        width:90px;

        height:2px;

        background:var(--remanso-green);

        margin:0 auto 38px;

        opacity:.8;

    }


    .remanso-testimonials-title{

        margin:0 0 25px;

        font-size:4rem;

        line-height:1.15;

        letter-spacing:-2px;

        font-weight:600;

        color:#232323;

    }


    .remanso-testimonials-description{

        max-width:720px;

        margin:0 auto;

        font-size:1.1rem;

        line-height:1.8;

        color:#666;

    }


    /* =========================
       MÉTRICA GOOGLE
    ========================= */

    .remanso-ratings{

        display:flex;

        justify-content:center;

        margin:0 auto 75px;

    }


    .remanso-rating{

        display:flex;

        flex-direction:column;

        align-items:center;

        text-align:center;

    }


    .rating-number{

        display:block;

        margin-bottom:8px;

        font-size:4rem;

        line-height:1;

        font-weight:600;

        color:var(--remanso-green);

    }


    .rating-stars{

        display:block;

        margin-bottom:8px;

        font-size:1.35rem;

        letter-spacing:2px;

        color:#f2ad00;

    }


    .rating-platform{

        display:block;

        font-size:.85rem;

        letter-spacing:1.5px;

        text-transform:uppercase;

        color:#666;

    }


    /* =========================
       TESTIMONIOS
       ========================= */

    .remanso-testimonials-mobile{

        max-width:1120px;

        margin:0 auto;

        display:flex;

        flex-direction:column;

        gap:2px;

    }


    /* =========================
       CARD
    ========================= */

    .remanso-testimonial-card{

        position:relative;

        padding:42px 48px;

        border-radius:28px;

        background:
        radial-gradient(
            circle at top left,
            rgba(70,100,58,.08),
            transparent 45%
        ),
        white;

        box-shadow:
        0 15px 40px rgba(0,0,0,.04);

        transition:
        transform .35s ease,
        box-shadow .35s ease;

    }


    .remanso-testimonial-card:hover{

        transform:translateY(-4px);

        box-shadow:
        0 22px 50px rgba(0,0,0,.08);

    }


    /* =========================
       VALORACIÓN
    ========================= */

    .remanso-testimonial-rating{

        display:flex;

        align-items:center;

        gap:8px;

        margin-bottom:18px;

        color:var(--remanso-green);

        font-size:.95rem;

        font-weight:500;

    }


    .remanso-testimonial-rating span:first-child{

        letter-spacing:1px;

        font-size:1.1rem;

    }


    /* =========================
       TEXTO
    ========================= */

    .remanso-testimonial-card p{

        margin:0 0 26px;

        max-width:1000px;

        font-size:1.15rem;

        line-height:1.7;

        color:var(--remanso-green);

    }


    /* =========================
       AUTOR
    ========================= */

    .remanso-testimonial-author{

        display:flex;

        align-items:center;

        gap:8px;

    }


    .remanso-testimonial-author strong{

        font-size:.95rem;

        color:#2f2f2f;

    }


    .remanso-testimonial-author span{

        font-size:.9rem;

        color:#666;

    }


    /* =========================
       INDICADOR
       OCULTO EN DESKTOP
    ========================= */

    .remanso-testimonials-indicator{

        display:none;

    }


    /* =========================
       CTA
    ========================= */

    .remanso-testimonials-cta{

        display:flex;

        justify-content:center;

        margin-top:42px;

    }


    .remanso-testimonials-button{

        display:inline-flex;

        align-items:center;

        justify-content:center;

        gap:12px;

        padding:18px 42px;

        background:var(--remanso-green);

        color:#fff;

        text-decoration:none;

        border-radius:999px;

        font-size:1rem;

        font-weight:500;

        transition:

        transform .35s ease,

        box-shadow .35s ease;

    }


    .remanso-testimonials-button:hover{

        transform:translateY(-4px);

        box-shadow:
        0 18px 40px rgba(70,91,45,.22);

    }


    .remanso-testimonials-button span{

        transition:.35s ease;

    }


    .remanso-testimonials-button:hover span{

        transform:translateX(4px);

    }

}

/* =========================================================
   HOME - BLOQUE 5
   TESTIMONIOS / RESEÑAS - MOBILE
   ========================================================= */

@media (max-width:768px){

    /* =========================
       SECCIÓN
    ========================= */

    .remanso-testimonials-section{

        padding:90px 24px;

        border-radius:0;

    }


    /* =========================
       HEADER
    ========================= */

    .remanso-testimonials-header{

        margin:0 0 40px 0;

        text-align:left;

    }


    .remanso-testimonials-label{

        display:block;

        font-size:.72rem;

        letter-spacing:4px;

        margin-bottom:18px;

        color:var(--remanso-green);

    }


    .remanso-testimonials-line{

        width:55px;

        height:2px;

        margin:0 0 24px 0;

        background:var(--remanso-green);

    }


    .remanso-testimonials-title{

        margin:0 0 20px 0;

        font-size:2.4rem;

        line-height:1.15;

        letter-spacing:-1px;

        text-align:left;

        color:#232323;

    }


    .remanso-testimonials-description{

        margin:0;

        font-size:1rem;

        line-height:1.7;

        text-align:left;

        color:#666;

    }


    /* =========================
       GOOGLE RATING
    ========================= */

    .remanso-ratings{

        display:flex;

        justify-content:center;

        margin:0 0 35px 0;

    }


    .remanso-rating{

        width:100%;

        background:white;

        padding:24px;

        border-radius:20px;

        text-align:center;

        box-shadow:
        0 10px 25px rgba(0,0,0,.05);

        display:flex;

        flex-direction:column;

        align-items:center;

        gap:5px;

    }


    .rating-number{

        display:block;

        font-size:2.4rem;

        line-height:1;

        font-weight:600;

        color:var(--remanso-green);

    }


    .rating-stars{

        display:block;

        color:#f4b400;

        font-size:1.1rem;

        letter-spacing:2px;

    }


    .rating-platform{

        display:block;

        color:#777;

        font-size:.85rem;

        margin-top:4px;

    }


    /* =========================
       TESTIMONIOS
    ========================= */

    .remanso-testimonials-grid{

        display:none;

    }


    .remanso-testimonials-mobile{

        display:flex;

        gap:16px;

        overflow-x:auto;

        scroll-snap-type:x mandatory;

        scroll-behavior:smooth;

        padding:0 0 8px 0;

        margin:0 0 20px 0;

        scrollbar-width:none;

        -webkit-overflow-scrolling:touch;

    }


    .remanso-testimonials-mobile::-webkit-scrollbar{

        display:none;

    }


    /* =========================
       CARD
    ========================= */

    .remanso-testimonial-card{

        flex:0 0 88%;

        scroll-snap-align:start;

        background:white;

        padding:26px;

        border-radius:22px;

        box-shadow:
        0 10px 30px rgba(0,0,0,.06);

    }


    /* =========================
       ESTRELLAS
    ========================= */

    .remanso-testimonial-rating{

        display:inline-flex;

        align-items:center;

        gap:8px;

        padding:8px 13px;

        border-radius:999px;

        background:#f5f5f5;

        color:var(--remanso-green);

        font-size:.85rem;

        margin-bottom:20px;

    }


    .remanso-testimonial-rating span:first-child{

        color:#f4b400;

        letter-spacing:1px;

    }

    /* =========================
   HEADER - CENTRADO MOBILE
========================= */

.remanso-testimonials-header{

    margin:0 0 40px 0;

    text-align:center;

}


.remanso-testimonials-label{

    display:block;

    text-align:center;

}


.remanso-testimonials-line{

    margin:0 auto 24px auto;

}


.remanso-testimonials-title{

    text-align:center;

}


.remanso-testimonials-description{

    margin:0 auto;

    text-align:center;

    max-width:520px;

}


    /* =========================
       TEXTO
    ========================= */

    .remanso-testimonial-card p{

        margin:0 0 25px 0;

        font-size:1rem;

        line-height:1.7;

        color:#333;

    }


    /* =========================
       AUTOR
    ========================= */

    .remanso-testimonial-author{

        display:flex;

        flex-direction:column;

        gap:5px;

        margin-top:0;

    }


    .remanso-testimonial-author strong{

        font-size:.95rem;

        color:#2f2f2f;

    }


    .remanso-testimonial-author span{

        color:#777;

        font-size:.82rem;

    }


    /* =========================
       INDICADOR
    ========================= */

    .remanso-testimonials-indicator{

        display:flex;

        justify-content:center;

        align-items:center;

        gap:8px;

        margin:0 0 35px 0;

    }


    .remanso-testimonials-indicator span{

        width:8px;

        height:8px;

        border-radius:50%;

        background:#d6d6d6;

    }


    .remanso-testimonials-indicator span.active{

        width:24px;

        border-radius:30px;

        background:var(--remanso-green);

    }


    /* =========================
       CTA
    ========================= */

    .remanso-testimonials-cta{

        display:flex;

        width:100%;

        margin:0;

    }


    .remanso-testimonials-button{

        display:inline-flex;

        align-items:center;

        justify-content:center;

        gap:12px;

        width:100%;

        padding:18px 24px;

        background:var(--remanso-green);

        color:#fff;

        text-decoration:none;

        border-radius:999px;

        font-size:1rem;

        font-weight:500;

        transition:
        transform .35s ease,
        box-shadow .35s ease;

    }


    .remanso-testimonials-button:hover{

        transform:translateY(-3px);

        box-shadow:
        0 15px 30px rgba(70,91,45,.18);

    }


    .remanso-testimonials-button span{

        transition:.35s ease;

    }


    .remanso-testimonials-button:hover span{

        transform:translateX(4px);

    }

}

/* =========================
HOME - BLOQUE 6 - UBICACIÓN
========================= */

.remanso-location-section{
    padding:140px 8%;
}

/* HEADER */

.remanso-location-header{
    max-width:1000px;

    margin:0 auto 90px;

    text-align:center;
}

.remanso-location-label{
    display:block;

    margin-bottom:22px;

    letter-spacing:5px;

    font-size:.85rem;

    text-transform:uppercase;

   color: var(--remanso-green);
}

.remanso-location-line{
    width:90px;
    height:2px;

   background: var(--remanso-green);

    margin:0 auto 40px;
}

.remanso-location-title{
    font-size:4rem;

    line-height:1.15;

    letter-spacing:-2px;

    color:#232323;

    margin-bottom:30px;
}

.remanso-location-description{
    max-width:720px;

    margin:0 auto;

    color:#666;

    line-height:1.9;

    font-size:1.1rem;
}

/* MAPA */
.remanso-location-map{

    position:relative;

    height:420px;

    overflow:hidden;

    border-radius:28px;

    margin-bottom:50px;

    box-shadow:
        0 18px 40px rgba(0,0,0,.08);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}

.remanso-location-map iframe{

    width:100%;
    height:100%;

    border:none;

}

.remanso-location-map-overlay{

    position:absolute;

    inset:0;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    color:white;

    font-weight:600;

    background:rgba(0,0,0,.10);

    opacity:0;

    transition:.3s ease;

}
/* FEATURES */

.remanso-location-features{
    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:60px;
}

.location-feature{
    display:flex;

    align-items:center;

    gap:10px;

    padding:14px 24px;

    background:white;

    border-radius:999px;

    border:1px solid rgba(122,104,85,.15);

    color:#4a4a4a;

    font-size:.95rem;

    font-weight:500;

    box-shadow:
    0 10px 25px rgba(0,0,0,.04);

    transition:.3s ease;
}

.location-feature:hover{
    transform:translateY(-2px);

    box-shadow:
    0 15px 30px rgba(0,0,0,.08);
}

/* CTA */
.remanso-location-cta{

    display:flex;

    justify-content:center;

    align-items:center;

    margin-top:10px;

}
.remanso-location-button{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:18px 42px;

    background:#46643a;

    color:white;

    text-decoration:none;

    border-radius:999px;

    font-weight:500;

    transition:.35s ease;

}

.remanso-location-button:hover{
    transform:translateY(-4px);

    box-shadow:
    0 18px 40px rgba(70,100,58,.25);
}

.remanso-location-button span{
    transition:.35s ease;
}

.remanso-location-button:hover span{
    transform:translateX(4px);
}



/* =========================
HOME
UBICACIÓN RESPONSIVE MOBILE
========================= */

@media(max-width:768px){

.remanso-location-section{

    padding:90px 24px;

}

/* HEADER */

.remanso-location-header{

    margin-bottom:35px;

}

.remanso-location-label{

    font-size:.72rem;

    letter-spacing:4px;

    margin-bottom:18px;

}

.remanso-location-line{

    width:55px;

    margin-bottom:24px;

}

.remanso-location-title{

    font-size:2.35rem;

    line-height:1.15;

    letter-spacing:-1px;

    margin-bottom:18px;

}

.remanso-location-description{

    max-width:100%;

    font-size:1rem;

    line-height:1.7;

}

/* MAPA */

.remanso-location-map{

    display:block;

    width:100%;

    height:260px;

    overflow:hidden;

    border-radius:22px;

    margin-bottom:35px;

    box-shadow:
    0 18px 40px rgba(0,0,0,.08);

}

.remanso-location-map iframe{

    width:100%;

    height:100%;

}

/* FEATURES */

.remanso-location-features{

    display:flex;

    flex-direction:column;

    gap:14px;

    margin-bottom:35px;

}

.location-feature{

    width:100%;

    justify-content:center;

}

/* CTA */

.remanso-location-button{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:18px;

}

}



/* =========================
HOME - BLOQUE 7 PREGUNTAS FRECUENTES
========================= */

.remanso-faq-section{

    padding:140px 8%;

    max-width:1100px;

    margin:auto;
}

/* HEADER */

.remanso-faq-header{

    text-align:center;

    margin-bottom:70px;
}

.remanso-faq-label{

    display:block;

    letter-spacing:5px;

    text-transform:uppercase;

    font-size:.85rem;

    color: var(--remanso-green);

    margin-bottom:24px;
}

.remanso-faq-line{

    width:90px;
    height:2px;

   background: var(--remanso-green);

    margin:0 auto 35px auto;

    opacity:.8;
}

.remanso-faq-title{

    font-size:3rem;

    line-height:1.2;

    margin-bottom:20px;
}

.remanso-faq-description{

    max-width:650px;

    margin:auto;

    color:#666;

    line-height:1.8;
}

/* FAQ */

.remanso-faq-container{

    display:flex;

    flex-direction:column;

    gap:18px;
}

.remanso-faq-item{

    background:white;

    border-radius:24px;

    border:1px solid rgba(122,104,85,.12);

    overflow:hidden;

    transition:.3s ease;
}

.remanso-faq-item:hover{

    border-color:rgba(122,104,85,.25);

    box-shadow:
    0 15px 35px rgba(0,0,0,.05);
}

.remanso-faq-item summary{

    list-style:none;

    cursor:pointer;

    padding:28px 32px;

    font-size:1.05rem;

    font-weight:500;

    display:flex;

    align-items:center;

    justify-content:space-between;
}

.remanso-faq-item summary::after{

    content:"+";

    font-size:1.5rem;

    color:#7a6855;

    transition:.3s ease;
}

.remanso-faq-item[open] summary::after{

    transform:rotate(45deg);
}

.remanso-faq-item p{

    padding:0 32px 28px 32px;

    color:#666;

    line-height:1.8;

    max-width:800px;
}

/* =========================
CTA FINAL FAQ
========================= */

.remanso-faq-contact{

    margin-top:60px;

    text-align:center;

}

.remanso-faq-contact h3{

    font-size:2rem;

    color:var(--remanso-green);

    margin-bottom:14px;

}

.remanso-faq-contact p{

    color:#666;

    font-size:1.05rem;

    margin-bottom:30px;

}

.remanso-faq-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:18px 42px;

    background:var(--remanso-green);

    color:#fff;

    text-decoration:none;

    border-radius:999px;

    font-weight:600;

    transition:.35s ease;

    box-shadow:
    0 18px 40px rgba(70,91,45,.18);

}

.remanso-faq-button:hover{

    transform:translateY(-3px);

    box-shadow:
    0 22px 50px rgba(70,91,45,.25);

}

/* =========================
FAQ
RESPONSIVE MOBILE
========================= */

@media(max-width:768px){

.remanso-faq-section{

    padding:90px 24px;

}

.remanso-faq-header{

    margin-bottom:40px;

}

.remanso-faq-title{

    font-size:2.3rem;

    line-height:1.15;

    letter-spacing:-1px;

}

.remanso-faq-description{

    font-size:1rem;

    line-height:1.7;

}

.remanso-faq-container{

    gap:14px;

}

.remanso-faq-item{

    border-radius:20px;

}

.remanso-faq-item summary{

    padding:22px 24px;

    font-size:1rem;

}

.remanso-faq-item p{

    padding:0 24px 22px;

    font-size:.95rem;

    line-height:1.7;

}

/* CTA */

.remanso-faq-contact{

    margin-top:45px;

    text-align:center;

}

.remanso-faq-contact h3{

    font-size:1.5rem;

    margin-bottom:10px;

}

.remanso-faq-contact p{

    color:#666;

    margin-bottom:24px;

}

.remanso-faq-button{

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

    padding:18px;

    border-radius:999px;

    background:var(--remanso-green);

    color:white;

    text-decoration:none;

    font-weight:600;

}

}

/* =========================
FOOTER
========================= */
/* =========================
FOOTER
========================= */

.remanso-footer{

    padding:100px 8% 45px;

    background:#2f4a36;

    color:rgba(255,255,255,.90);

    margin-top:120px;

}

/* =========================
CONTENIDO
========================= */

.remanso-footer-content{

    display:grid;

    grid-template-columns:1.5fr 1fr 1fr;

    gap:90px;

    margin-bottom:60px;

}

/* =========================
BRAND
========================= */

.remanso-footer-brand h3{

    font-size:1.85rem;

    margin-bottom:18px;

    color:#ffffff;

}

.remanso-footer-brand p{

    max-width:340px;

    line-height:1.9;

    color:rgba(255,255,255,.72);

}

/* =========================
LINKS
========================= */

.remanso-footer-links{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.remanso-footer-links a{

    color:rgba(255,255,255,.72);

    text-decoration:none;

    transition:.30s;

}

.remanso-footer-links a:hover{

    color:#ffffff;

    transform:translateX(4px);

}

/* =========================
CONTACTO
========================= */

.remanso-footer-contact{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.remanso-footer-contact a{

    color:rgba(255,255,255,.72);

    text-decoration:none;

    transition:.30s;

}

.remanso-footer-contact a:hover{

    color:#ffffff;

    transform:translateX(4px);

}

.remanso-footer-contact p{

    margin-top:22px;

    color:rgba(255,255,255,.92);

    font-weight:500;

}

/* =========================
BOTTOM
========================= */

.remanso-footer-bottom{

    padding-top:35px;

    border-top:1px solid rgba(255,255,255,.10);

    text-align:center;

    color:rgba(255,255,255,.65);

    font-size:.92rem;

}

.fotter-bottom-description{

    color:rgba(255,255,255,.78);

    font-style:italic;

}
/* RESPONSIVE FOOTER MOBILE*/
/* =========================
RESPONSIVE
========================= */

@media(max-width:768px){

.remanso-footer{

    padding:70px 24px 120px;

}

.remanso-footer-content{

    display:flex;

    flex-direction:column;

    gap:38px;

    text-align:center;

}

/* ocultamos el menú */

.remanso-footer-links{

    display:none;

}

/* descripción */

.remanso-footer-brand p{

    margin:auto;

    max-width:320px;

}

/* contacto */

.remanso-footer-contact{

    align-items:center;

    gap:16px;

}

.remanso-footer-contact a{

    background:none;

    width:auto;

    max-width:none;

    padding:0;

    border-radius:0;

    color:rgba(255,255,255,.82);

    font-weight:500;

    text-decoration:none;

    transition:.30s;

}

.remanso-footer-contact a:hover{

    color:#ffffff;

}

.remanso-footer-contact p{

    margin-top:14px;

    color:rgba(255,255,255,.92);

}

.remanso-footer-bottom{

    margin-top:10px;

}

}



/* =========================
WHATSAPP FLOATING BUTTON
========================= */

.remanso-whatsapp{

    position:fixed;

    right:30px;
    bottom:30px;

    width:64px;
    height:64px;

    border-radius:50%;

    background:#25D366;

    display:flex;
    align-items:center;
    justify-content:center;

    color:white;

    font-size:2rem;

    text-decoration:none;

    z-index:999;

    box-shadow:
    0 15px 35px rgba(37,211,102,.35);

    transition:.3s ease;
}

.remanso-whatsapp:hover{

    transform:
    translateY(-4px)
    scale(1.05);

    box-shadow:
    0 20px 45px rgba(37,211,102,.45);
}







/* SECCION PRINCIPAL 1 - CABAÑAS */



/* =========================
CABAÑAS - HERO DESKTOP
========================= */

.remanso-cabins-hero{

    position:relative;

    min-height:95vh;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;

    padding:0 8%;

    background-image:url("../assets/nidos/balcon.jpg");
    background-size:cover;
    background-position:center;

    overflow:hidden;
}
.remanso-cabins-hero-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        rgba(0,0,0,.45),
        rgba(0,0,0,.60)
    );

}
.remanso-cabins-hero-content{

    position:relative;
    z-index:2;

    max-width:900px;

    color:white;
}

.remanso-cabins-hero-title{

    font-size:4.4rem;

    line-height:1.05;

    letter-spacing:-2px;

    font-weight:650;

    text-transform:none;

}
.remanso-cabins-hero-description{

    max-width:560px;

    margin:28px auto 0;

    font-size:1.05rem;

    line-height:1.75;

    opacity:.92;

}
.remanso-cabins-hero-buttons{

    margin-top:50px;

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;
}

.remanso-cabins-primary-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 38px;

    background:white;

    color:#7a6855;

    text-decoration:none;

    border-radius:999px;

    font-weight:600;

    transition:.35s ease;
}

.remanso-cabins-primary-button:hover{

    transform:translateY(-4px);
}

.remanso-cabins-secondary-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 38px;

    border:1px solid rgba(255,255,255,.4);

    color:white;

    text-decoration:none;

    border-radius:999px;

    backdrop-filter:blur(10px);

    transition:.35s ease;
}

.remanso-cabins-secondary-button:hover{

    background:rgba(255,255,255,.12);
}




/* =========================
CABAÑAS - CATÁLOGO - DESKTOP
========================= */

.remanso-cabins-catalog{

    padding:70px 8%;
    
}

.remanso-cabins-catalog-header{

    text-align:center;
    max-width:850px;
    margin:auto;
    margin-bottom:50px;
}

.remanso-cabins-catalog-label{

    display:block;

    color:#7a6855;

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:.983rem;
    margin-bottom: 30px;
}

.remanso-cabins-catalog-line{

    width:70px;
    height:2px;

    background:#cdb9a2;

    margin:22px auto;
}

.remanso-cabins-catalog-title{

    font-size:3rem;

    line-height:1.15;

    margin-bottom:25px;
}

.remanso-cabins-catalog-description{

    color:#666;

    line-height:1.8;
}

/* =========================
GRID DE CABAÑAS - DESKTOP
========================= */

.remanso-cabins-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;
    margin-top: 42px;
}

/* =========================
CARD DE CABAÑA - DESKTOP
========================= */

.remanso-cabin-card{

    background:white;

    border-radius:28px;

    overflow:hidden;

    border:1px solid #ece7df;

    transition:.4s ease;

    box-shadow:
    0 10px 40px rgba(0,0,0,.05);
}

.remanso-cabin-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 25px 60px rgba(0,0,0,.10);
}

.remanso-cabin-image{

    height:300px;

    overflow:hidden;
}

.remanso-cabin-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:.6s ease;
}

.remanso-cabin-card:hover img{

    transform:scale(1.05);
}


/* =========================
CONTROLAMOS LAS IMGG DESDE AQUI - DESKTOP
========================= */
.remanso-cabin-card:nth-child(1) img{

    object-position:center 65%;

}

.remanso-cabin-card:nth-child(2) img{

    object-position:center 75%;

}

.remanso-cabin-card:nth-child(3) img{

    object-position:center 50%;

}

.remanso-cabin-card:nth-child(4) img{

    object-position:center 22%;

}





/* =========================
CONTENIDO - DESKTOP
========================= */

.remanso-cabin-content{

    padding:22px;
}

.remanso-cabin-number{

    color:#7a6855;

    font-size:.85rem;

    letter-spacing:2px;

    font-weight:600;
}

.remanso-cabin-title{

    font-size:1.2rem;

    margin-top:8px;
    margin-bottom:14px;
}
.remanso-cabin-features{

    margin:0 0 20px;

}

.remanso-cabin-features li{

    margin-bottom:8px;

}

/* =========================
BOTÓN - DESKTOP
========================= */
.remanso-cabin-button{

    display:inline-flex;
    align-items:center;
    gap:10px;

    margin-top:10px;

    padding:10px 18px;

    border-radius:999px;

    background:#f6f1eb;

    color:#7a6855;

    text-decoration:none;

    font-weight:600;

    transition:.35s ease;

}
.remanso-cabin-button:hover{

    background:#ede4d8;

    gap:16px;

}


/* =========================
META INFORMACIÓN CABAÑA - DESKTOP
========================= */

.remanso-cabin-meta{

display:flex;
flex-wrap:wrap;
gap:20px;
margin-top:20Px;
margin-bottom:24px;
font-size:.9rem;
color:#7a6855;
font-weight:500;

}




.remanso-cabins-note{

    max-width:950px;

    margin:80px auto 0 auto;

    padding:30px 40px;

    background:#f8f5f1;

    border:1px solid #ece7df;

    border-radius:24px;

    text-align:center;
    margin-top: 16px;

}

.remanso-cabins-note p{

    color:#666;

    line-height:1.9;

    font-size:1rem;

    margin:0;

}



/* ==========================================================
CABAÑAS - MOBILE
(HERO + CATÁLOGO + CARDS + NOTA)
========================================================== */

@media (max-width:768px){

/* ==========================================================
HERO
========================================================== */

.remanso-mobile-cabins-hero{

     position:relative;

    min-height:72vh;

    padding:110px 24px 95px;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    background-image:url("../assets/nidos/nido4/hero4.jpg");
    
    background-size:cover;
    
    background-position:center;

}

.remanso-mobile-cabins-hero-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.48);

}
.remanso-mobile-cabins-hero-line{

    width:48px;

    height:1px;

    margin:0 auto 24px;

    background:rgba(255,255,255,.75);

}


.remanso-mobile-cabins-hero-content{


    width:100%;

    max-width:340px;

    position:relative;

    z-index:2;

    transform:translateY(45px);

}
.remanso-cabins-label{

    display:block;

    font-size:.95rem;

    letter-spacing:4px;

    text-transform:uppercase;

    font-weight:500;

    color:rgba(255,255,255,.95);

    margin-bottom:22px;

}


.remanso-cabins-hero-buttons{

    display:flex;

    flex-direction:column;

    gap:18px;

    width:92%;
    margin: 0 auto;

}.remanso-cabins-primary-button,
.remanso-cabins-secondary-button{

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

    padding:14px 22px;

    border-radius:999px;

    text-decoration:none;

    font-weight:600;

}

.remanso-cabins-primary-button{

    background:#fff;

    color:#7a6855;

}

.remanso-cabins-secondary-button{

    background:rgba(0,0,0,.18);

    border:1px solid rgba(255,255,255,.35);

    color:#fff;

}

.remanso-scroll-indicator{

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    bottom:25px;

    z-index:2;

}



/* ==========================================================
CATÁLOGO
========================================================== */

.remanso-mobile-cabins-catalog{

    padding:50px 24px;

}

.remanso-mobile-cabins-header{

    text-align:center;

    margin-bottom:45px;

}

.remanso-mobile-cabins-label{

    display:block;

    font-size:.72rem;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#7a6855;

}

.remanso-mobile-cabins-line{

    width:55px;

    height:2px;

    background:#cdb9a2;

    margin:20px auto;

}


.remanso-mobile-cabins-description{


    font-size:.98rem;

    line-height:1.65;

    color:#666;

}



/* ==========================================================
GRID
========================================================== */
.remanso-mobile-cabins-grid{

    display:flex;

    gap:18px;

    overflow-x:auto;

    padding:24px 20px 28px;

    padding-right:48px;

    margin:0 -6px;

    background:#f8f5f1;

    border:1px solid rgba(0,0,0,.04);

    border-radius:32px;

    box-shadow:0 16px 40px rgba(0,0,0,.035);

    scroll-snap-type:x mandatory;

    -webkit-overflow-scrolling:touch;

}


/* ==========================================================
CARD
========================================================== */
.remanso-mobile-cabin-card{

    display:flex;

    flex-direction:column;

    width:80%;

    min-width:80%;

    max-width:80%;

    flex-shrink:0;

    scroll-snap-align:center;

    background:#fff;

    border-radius:30px;

    overflow:hidden;

    border:1px solid rgba(0,0,0,.04);

    box-shadow:0 18px 40px rgba(0,0,0,.045);

    box-sizing:border-box;

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}

.remanso-mobile-cabin-card{

    display:flex;

    flex-direction:column;

    text-decoration:none;

    color:inherit;

    cursor:pointer;

}

@media(hover:hover){

.remanso-mobile-cabin-card:hover{

    transform:translateY(-6px);

    box-shadow:
        0 22px 55px rgba(0,0,0,.08);

}

.remanso-mobile-cabin-card:hover
.remanso-mobile-cabin-image img{

    transform:scale(1.04);

}

.remanso-mobile-cabin-card:hover
.remanso-mobile-cabin-button{

    background:#f1ece5;

}

}

.remanso-mobile-cabin-card:focus-visible{

    outline:2px solid var(--remanso-green);

    outline-offset:6px;

}

/* ==========================================================
ANIMACIONES
========================================================== */

.remanso-mobile-cabin-card:active{

    transform:scale(.985);

}

.remanso-mobile-cabin-card:hover{

    transform:translateY(-4px);

    box-shadow:0 28px 60px rgba(0,0,0,.08);

}
.remanso-mobile-cabin-image{

    height:185px;

    overflow:hidden;

}
.remanso-mobile-cabin-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:transform .8s ease;

}


/* Ajuste individual de imágenes */

.remanso-mobile-cabin-card:nth-child(1) img{

    object-position:center 65%;

}

.remanso-mobile-cabin-card:nth-child(2) img{

    object-position:center 75%;

}

.remanso-mobile-cabin-card:nth-child(3) img{

    object-position:center 50%;

}

.remanso-mobile-cabin-card:nth-child(4) img{

    object-position:center 22%;

}


/* ==========================================================
CONTENIDO
========================================================== */
.remanso-mobile-cabin-content{

    padding:26px;

    display:flex;

    flex-direction:column;

    flex:1;

    padding:30px 28px;

}
.remanso-mobile-cabin-number{

    display:block;

    color:#7a6855;

    font-size:.72rem;

    letter-spacing:4px;

    font-weight:600;

    opacity:.60;

    margin-bottom:12px;


}.remanso-mobile-cabin-title{

    font-size:1.48rem;

    font-weight:600;

    line-height:1.18;

    margin-bottom:20px;

    color:#2c2c2c;

}
.remanso-mobile-cabin-meta{


    display:flex;

    flex-direction:column;

    gap:14px;

    color:#5f5448;

    margin-bottom:26px;

    font-size:.96rem;

    line-height:1.5;

}

.remanso-mobile-cabin-meta i{

    color:var(--remanso-green);

    width:22px;

    text-align:center;

}

.remanso-mobile-cabin-highlight{

    color:#242424;

    font-size:1rem;

    line-height:1.72;

    font-weight:500;

    margin-bottom:32px;

}
.remanso-mobile-cabin-booking-note{

    display:flex;

    align-items:center;

    gap:6px;

    margin:-12px 0 26px;

    font-size:.78rem;

    line-height:1.4;

    color:#7a6855;

    opacity:.85;

    white-space:nowrap;

}
.remanso-mobile-cabin-booking-note::before{
    content:"•";
}


/* ==========================================================
BOTÓN
========================================================== */
.remanso-mobile-cabin-button{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    padding:12px 18px;

    margin-top:auto;

    border-radius:999px;

    background:rgba(248,245,241,.85);

    color:var(--remanso-green);

    text-decoration:none;

    font-weight:500;

    font-size:.98rem;

    border:1px solid rgba(122,104,85,.08);

    box-shadow:
        0 3px 10px rgba(0,0,0,.03);

    white-space:nowrap;

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease,
        color .25s ease;

}

/* Hover (desktop) */

@media(hover:hover){

.remanso-mobile-cabin-button:hover{

    background:#ffffff;

    box-shadow:
        0 8px 18px rgba(0,0,0,.06);

    transform:translateY(-2px);

}

}

/* Tap (mobile) */

.remanso-mobile-cabin-button:active{

    transform:scale(.98);

}

/* ==========================================================
NOTA ACLARATORIA
========================================================== */

.remanso-mobile-cabins-note{

    margin-top:50px;

    padding:26px 22px;

    background:#f8f5f1;

    border:1px solid #ece7df;

    border-radius:20px;

    text-align:center;

}

.remanso-mobile-cabins-note-label{

    display:block;

    margin-bottom:14px;

    color:#7a6855;

    font-size:.75rem;

    letter-spacing:3px;

    font-weight:600;

}

.remanso-mobile-cabins-note p{

    margin:0;

    font-size:.95rem;

    line-height:1.7;

    color:#666;

}

}




/* SECTION DE CABAÑAS INDIVIDUALES*/


/* =========================
NIDO 1 - HERO
========================= */

.remanso-cabin-hero{

position:relative;
min-height:95vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:0 8%;
background-image:url("../assets/img/cabana1img.JPG");
background-size:cover;
background-position:center;
overflow:hidden;

}

/* =========================
IMÁGENES HERO DESKTOP DE NIDO 2, 3 Y 4 
========================= */


.remanso-cabin-hero-nido1{

    background-image:url("../assets/nidos/nido1/herocabin-nido1.jpg");

}

.remanso-cabin-hero-nido2{

    background-image:url("../assets/nidos/nido2/hero.jpg");

}

.remanso-cabin-hero-nido3{

    background-image:url("../assets/nidos/nido3/hero3.jpg");

}

.remanso-cabin-hero-nido4{

    background-image:url("../assets/nidos/nido4/hero4.jpg");
  

}


/* OVERLAY */
.remanso-cabin-hero-overlay{

position:absolute;
inset:0;

background:
linear-gradient(
    rgba(0,0,0,.55),
    rgba(0,0,0,.65)
);

}

/* CONTENIDO */

.remanso-cabin-hero-content{

position:relative;
z-index:2;

max-width:950px;

color:white;

padding:0;

background:none;
backdrop-filter:none;
border:none;

}


/* LABEL */

.remanso-cabin-hero-label{

display:inline-block;
margin-bottom:24px;
letter-spacing:5px;
text-transform:uppercase;
font-size:.85rem;
opacity:.9;

}

/* TITULO */

.remanso-cabin-hero-title{

font-size:5.5rem;
line-height:1.05;
letter-spacing:-3px;
margin-bottom:30px;
font-weight:600;
text-shadow:0 10px 30px rgba(0,0,0,.40);
}

/* DESCRIPCIÓN */
.remanso-cabin-hero-description{

max-width:760px;
margin:0 auto;
font-size:1.15rem;
line-height:1.9;
opacity:.95;

text-shadow:
0 4px 18px rgba(0,0,0,.35);

}

.remanso-cabin-hero-line{

width:90px;
height:2px;

background:
rgba(255,255,255,.45);

margin:0 auto 35px auto;

}


/* META */

.remanso-cabin-hero-meta{

display:flex;
justify-content:center;
flex-wrap:wrap;
gap:14px;
margin-top:40px;
margin-bottom:50px;
color:rgba(255,255,255,.85);
font-size:.95rem;

}

/* BOTONES */

.remanso-cabin-hero-buttons{

display:flex;
justify-content:center;
gap:18px;
flex-wrap:wrap;

}

.remanso-cabin-primary-button{

display:inline-flex;
align-items:center;
justify-content:center;
padding:18px 38px;
background:white;
color:#7a6855;
text-decoration:none;
border-radius:999px;
font-weight:600;
transition:.35s ease;

}

.remanso-cabin-primary-button:hover{

transform:translateY(-4px);

}

.remanso-cabin-secondary-button{

display:inline-flex;
align-items:center;
justify-content:center;
padding:18px 38px;
border:1px solid rgba(255,255,255,.35);
color:white;
text-decoration:none;
border-radius:999px;
backdrop-filter:blur(10px);
transition:.35s ease;

}

.remanso-cabin-secondary-button:hover{

background:rgba(255,255,255,.10);

}


/* =========================
BOTÓN BACK - DESKTOP
========================= */
.remanso-cabin-desktop-back{

    position:absolute;

    margin-top: 90px;

    top:40px;

    left:40px;

    width:48px;

    height:48px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    color:#2f2f2f;

    text-decoration:none;

    font-size:1rem;

    box-shadow:
        0 6px 18px rgba(0,0,0,.10);

    z-index:20;

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;

}

.remanso-cabin-desktop-back:hover{

    background:#fff;

    transform:translateY(-2px);

}

.remanso-cabin-desktop-back:active{

    transform:scale(.95);

}




/* =========================
NIDO 1 - HERO DESKTOP-  RESPONSIVE MOBILE
========================= */

@media(max-width:768px){

.remanso-cabin-hero{

    min-height:72vh;

    padding:110px 24px 90px;

    align-items:flex-start;

}

.remanso-cabin-hero-content{

    max-width:100%;

}

/* LABEL */

.remanso-cabin-hero-label{

    letter-spacing:4px;

    font-size:.70rem;

    margin-bottom:18px;

}

/* LÍNEA */

.remanso-cabin-hero-line{

    width:55px;

    margin:0 auto 18px;

}

/* TÍTULO */

.remanso-cabin-hero-title{

    font-size:2.8rem;

    line-height:1.05;

    letter-spacing:-1px;

    margin-bottom:22px;

}

/* DESCRIPCIÓN */

.remanso-cabin-hero-description{

    max-width:100%;

    font-size:1rem;

    line-height:1.7;

    margin-bottom:30px;

}

/* META */

.remanso-cabin-hero-meta{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:16px;

    margin:0 0 35px;

    font-size:1rem;

}

/* BOTONES */

.remanso-cabin-hero-buttons{

    display:flex;

    flex-direction:column;

    gap:16px;

}

.remanso-cabin-primary-button,

.remanso-cabin-secondary-button{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:18px;

}

/* INDICADOR */

.remanso-scroll-indicator{

    bottom:95px;

}

}

/* =========================
NIDO 1 - HERO MOBILE
========================= */

.remanso-cabin-mobile-hero{

    display:none;

}

@media(max-width:768px){

/* =========================
OCULTAR HERO DESKTOP
========================= */

.remanso-cabin-hero{

    display:none;

}

/* =========================
HERO MOBILE
========================= */

.remanso-cabin-mobile-hero{

    display:block;

    position:sticky;

    top:0;

    height:78vh;

    min-height:78vh;

    overflow:hidden;

    z-index:1;

}

/* =========================
SLIDER DE IMÁGENES
========================= */
.remanso-cabin-mobile-slider{

    display:flex !important;

    flex-wrap:nowrap;

    width:100%;

    height:100%;

    overflow-x:auto;

    overflow-y:hidden;

    scroll-snap-type:x mandatory;

    scroll-behavior:smooth;

    -webkit-overflow-scrolling:touch;

}
.remanso-cabin-mobile-slider img{

    flex:0 0 100%;

    width:100%;

    height:100%;

    object-fit:cover;

    scroll-snap-align:center;

    display:block;

}
/* ==========================================
CONTROL INDIVIDUAL DE CADA IMAGEN DEL HERO
========================================== */

/* Imagen 1 */
.remanso-cabin-mobile-slider img:nth-of-type(1){
    object-position:40% center;
}

/* Imagen 2 */
.remanso-cabin-mobile-slider img:nth-of-type(2){
    object-position:50% center;
}

/* Imagen 3 */
.remanso-cabin-mobile-slider img:nth-of-type(3){
    object-position:65% center;
}

/* Imagen 4 */
.remanso-cabin-mobile-slider img:nth-of-type(4){
    object-position:50% center;
}

/* Imagen 5 */
.remanso-cabin-mobile-slider img:nth-of-type(5){
    object-position:18% center;
}




/* =========================
OVERLAY
========================= */

.remanso-cabin-mobile-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        rgba(0,0,0,.18),
        rgba(0,0,0,.38)
    );

    pointer-events:none;

    z-index:2;

}

/* =========================
BOTÓN BACK MOBILE
========================= */

.remanso-cabin-mobile-back{

    position:fixed;

    top:calc(16px + env(safe-area-inset-top));

    left:16px;

    width:43px;

    height:43px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    color:#2f2f2f;

    text-decoration:none;

    font-size:1rem;

    box-shadow:0 6px 18px rgba(0,0,0,.10);

    z-index:99999;

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;

}

.remanso-cabin-mobile-back:active{

    transform:scale(.92);

}

@media(hover:hover){

.remanso-cabin-mobile-back:hover{

    background:#fff;

}

}

.remanso-cabin-mobile-back:active{

    transform:scale(.92);

}

.remanso-cabin-mobile-back:hover{

    background:#fff;

}
/* ==========================================================
INDICADORES · GALERÍA NIDOS
========================================================== */

.remanso-cabin-gallery-dots{

    position:absolute;

    top:-70px;

    left:50%;

    transform:translateX(-50%);

    display:flex;

    align-items:center;

    gap:7px;

    padding:7px 10px;

    border-radius:999px;

    background:rgba(0,0,0,.18);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    z-index:25;

}


/* PUNTOS */

.remanso-cabin-gallery-dots span{

    width:7px;

    height:7px;

    border-radius:50%;

    background:rgba(255,255,255,.45);

    transition:
        transform .3s ease,
        background .3s ease,
        opacity .3s ease;

}


/* ACTIVO */

.remanso-cabin-gallery-dots span.active{

    background:#fff;

    transform:scale(1.25);

    opacity:1;

}

}




/* =========================
NIDO 1 - INFO MOBILE
========================= */

@media(max-width:768px){

.remanso-cabin-mobile-info{

    position:relative;

    z-index:20;

    margin-top:-200px;

    padding:0 0 90px;

}
.remanso-cabin-mobile-card{

    background:#fff;

    border-radius:34px 34px 0 0;

    min-height:100vh;

    padding:56px 30px 120px;

    box-shadow:
        0 25px 70px rgba(0,0,0,.12);

    transition:
        border-radius .45s ease,
        box-shadow .45s ease;

}




/* TÍTULO */
.remanso-cabin-mobile-header{

    text-align:center;

    margin-bottom:34px;

}

.remanso-cabin-mobile-name{

    font-size:2.5rem;

    line-height:1.1;

    margin-bottom:16px;

    letter-spacing:-1px;

}
/* UBICACIÓN */
.remanso-cabin-mobile-location{

    color:#6b6b6b;

    font-size:1rem;

    line-height:1.8;

}



/* META */
.remanso-cabin-mobile-meta{

    display:flex;

    flex-direction:column;

    gap:18px;

    font-size:1.05rem;

    color:#444;

}

/* SEPARADOR */
.remanso-cabin-mobile-divider{

    width:100%;

    height:1px;

    background:#ece7df;

    margin:40px 0;

}

/* DESTACADO */
.remanso-cabin-mobile-highlight{

    background:#f8f5f1;

    border:1px solid #ece7df;

    border-radius:28px;

    padding:34px;

}
.highlight-icon{

    width:58px;

    height:58px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:var(--remanso-green);

    color:white;

    font-size:1.4rem;

    margin-bottom:20px;

}

.remanso-cabin-mobile-description h3{

    font-size:1.5rem;

    margin-bottom:18px;

}
.remanso-cabin-mobile-highlight p{

    color:#555;

    line-height:1.8;

}


/* DESCRIPCIÓN */
.remanso-cabin-mobile-description h3{

    font-size:1.5rem;

    margin-bottom:18px;

}

.remanso-cabin-mobile-description p{

    color:#555;

    line-height:1.9;

}

.highlight-label{

    display:block;

    margin-bottom:16px;

    font-size:.75rem;

    letter-spacing:3px;

    font-weight:700;

    color:#7a6855;

}
/* ==================================================
SERVICIOS · INFORMACIÓN · SEGURIDAD
COMPONENTE REUTILIZABLE
================================================== */

/* =========================
TÍTULOS DE SECCIÓN
========================= */

.remanso-cabin-mobile-services h3,
.remanso-cabin-mobile-info-box h3,
.remanso-cabin-mobile-security h3{

    font-size:1.3rem;

    letter-spacing:-.5px;

    margin-bottom:28px;
    padding-left: 20px;

}


/* =========================
CONTENEDOR DE TARJETAS
========================= */

.remanso-info-cards{

    display:flex;

    flex-direction:column;

    gap:16px;

}


/* =========================
TARJETA
========================= */

.remanso-info-card{

    display:flex;

    align-items:flex-start;

    gap:18px;

    padding:22px;

    background:#faf8f5;

    border:1px solid #ece7df;

    border-radius:22px;

    transition:.30s ease;

}

.remanso-info-card:active{

    transform:scale(.98);

}


/* =========================
ICONO
========================= */

.remanso-info-card i{

    width:48px;

    height:48px;

    flex-shrink:0;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:16px;

    background:white;

    color:var(--remanso-green);

    font-size:1.15rem;

    box-shadow:
    0 6px 14px rgba(0,0,0,.05);

}


/* =========================
CONTENIDO
========================= */

.remanso-info-card div{

    flex:1;

}

.remanso-info-card h4{

    font-size:1rem;

    font-weight:600;

    color:#2f2f2f;

    margin-bottom:6px;

}

.remanso-info-card p{

    margin:0;

    color:#666;

    font-size:.95rem;

    line-height:1.7;

}


/* =========================
HOVER (Desktop)
========================= */

@media(hover:hover){

.remanso-info-card:hover{

    transform:translateY(-2px);

    box-shadow:
    0 12px 30px rgba(0,0,0,.06);

}

}
/* =========================
STICKY CTA MOBILE
========================= */

.remanso-mobile-sticky-cta{

    display:none;

}

@media(max-width:768px){

.remanso-mobile-sticky-cta{

    display:flex;

    position:fixed;

    left:0;

    bottom:0;

    width:100%;

    padding:12px 18px calc(12px + env(safe-area-inset-bottom));

    background:rgba(255,255,255,.94);

    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);

    border-top:1px solid rgba(0,0,0,.05);

    box-shadow:
    0 -8px 30px rgba(0,0,0,.08);

    z-index:9998;

}

/* =========================
BOTÓN
========================= */

.remanso-mobile-sticky-button{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    padding:16px;

    border-radius:999px;

    background:var(--remanso-green);

    color:white;

    text-decoration:none;

    font-size:.98rem;

    font-weight:600;

    letter-spacing:.2px;

    transition:
    background .30s ease,
    transform .25s ease,
    box-shadow .30s ease;

    box-shadow:
    0 10px 22px rgba(0,0,0,.12);

}

.remanso-mobile-sticky-button:active{

    transform:scale(.97);

}

@media(hover:hover){

.remanso-mobile-sticky-button:hover{

    transform:translateY(-2px);

    box-shadow:
    0 14px 28px rgba(0,0,0,.16);

}

}

}






/* =========================
NIDO 1 - GALERÍA
========================= */

.remanso-cabin-gallery{

padding:140px 8%;

}

.remanso-cabin-gallery-main,
.remanso-cabin-gallery-item{

    position:relative;

}


/* HEADER */

.remanso-cabin-gallery-header{

text-align:center;
max-width:800px;
margin:auto;
margin-bottom:80px;

}

.remanso-cabin-gallery-label{

display:block;
letter-spacing:4px;
text-transform:uppercase;
font-size:.85rem;
color:#7a6855;

}

.remanso-cabin-gallery-line{

width:80px;
height:2px;
background:#cdb9a2;
margin:22px auto;

}

.remanso-cabin-gallery-title{

font-size:4rem;
line-height:1.1;
letter-spacing:-2px;

}

/* GRID */

.remanso-cabin-gallery-grid{

    display:grid;

    grid-template-columns:2fr 1fr;

    grid-template-rows:340px 340px 260px;

    gap:24px;

}

/* IMAGEN PRINCIPAL */

.remanso-cabin-gallery-main{

    grid-row:1 / 3;

}

/* IMÁGENES PEQUEÑAS */

.remanso-cabin-gallery-item{

border-radius:28px;
overflow:hidden;

}

/* IMÁGENES */

.remanso-cabin-gallery-main img,
.remanso-cabin-gallery-item img{

width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .8s ease;

}

.remanso-cabin-gallery-main:hover img,
.remanso-cabin-gallery-item:hover img{

transform:scale(1.05);

}

/* =========================
ETIQUETAS DE AMBIENTE
========================= */

.remanso-cabin-gallery-main,
.remanso-cabin-gallery-item{

    position:relative;
    height:100%;

}

.remanso-cabin-gallery-tag{

    position:absolute;

    left:16px;
    bottom:16px;

    padding:8px 14px;

    background:rgba(0,0,0,.55);

    backdrop-filter:blur(8px);

    color:white;

    font-size:.75rem;

    font-weight:500;

    letter-spacing:1.5px;

    text-transform:uppercase;

    border-radius:999px;

    z-index:2;

}

.remanso-cabin-gallery-tag-main{

    background:#7a6855;

}
}



/* =========================
NIDO 1 - EXPERIENCIA DESKTOP
========================= */

.remanso-cabin-experience{

padding:140px 8%;
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;

}

/* CONTENIDO */

.remanso-cabin-experience-content{

max-width:580px;

}

.remanso-cabin-experience-label{

display:block;
letter-spacing:4px;
text-transform:uppercase;
font-size:.85rem;
color: var(--remanso-green);

}

.remanso-cabin-experience-line{

width:80px;
height:2px;
background:#cdb9a2;
margin:22px 0 40px;

}

.remanso-cabin-experience-title{

font-size:4rem;
line-height:1.1;
letter-spacing:-2px;
margin-bottom:30px;
color:#232323;

}

.remanso-cabin-experience-description{

font-size:1.08rem;
line-height:1.9;
color:#666;
margin-bottom:24px;

}

/* IMAGEN */

.remanso-cabin-experience-image{

height:650px;
border-radius:32px;
overflow:hidden;
box-shadow:
0 30px 80px rgba(0,0,0,.08);

}

.remanso-cabin-experience-image img{

width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .8s ease;

}

.remanso-cabin-experience-image:hover img{

transform:scale(1.04);

}




/* =========================
NIDO 1 - SERVICIOS - desktop
========================= */

.remanso-cabin-services{

padding:140px 8%;
background:#faf8f5;

}

/* HEADER */

.remanso-cabin-services-header{

text-align:center;
max-width:850px;
margin:auto;
margin-bottom:80px;

}

.remanso-cabin-services-label{

display:block;
letter-spacing:4px;
text-transform:uppercase;
font-size:.85rem;
color:#7a6855;

}

.remanso-cabin-services-line{

width:80px;
height:2px;
background:#cdb9a2;
margin:22px auto;

}

.remanso-cabin-services-title{

font-size:4rem;
line-height:1.1;
letter-spacing:-2px;
margin-bottom:25px;

}

.remanso-cabin-services-description{

color:#666;
line-height:1.8;
max-width:700px;
margin:auto;

}

/* GRID */

.remanso-cabin-services-grid{

margin-top:70px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:22px;

}

/* CARD */

.remanso-service-card{

background:white;
border-radius:24px;
padding:35px 25px;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
gap:18px;
font-size:1rem;
color:#444;
border:1px solid rgba(122,104,85,.08);
box-shadow:
0 15px 35px rgba(0,0,0,.04);
transition:.35s ease;

}

.remanso-service-card:hover{

transform:translateY(-6px);
box-shadow:
0 20px 40px rgba(0,0,0,.08);

}

.remanso-service-card span{

line-height:1.6;

}

/* RESPONSIVE */

@media(max-width:1000px){

.remanso-cabin-services-grid{
    grid-template-columns:repeat(2,1fr);
}

}








/* =========================
NIDO  1 - TESTIMONIOS - DESKTOP
========================= */

.remanso-cabin-testimonials{

padding:140px 8%;

}

/* HEADER */

.remanso-cabin-testimonials-header{

text-align:center;
max-width:850px;
margin:auto;
margin-bottom:80px;

}

.remanso-cabin-testimonials-label{

display:block;
letter-spacing:4px;
text-transform:uppercase;
font-size:.85rem;
color:#7a6855;

}

.remanso-cabin-testimonials-line{

width:80px;
height:2px;
background:#cdb9a2;
margin:22px auto;

}

.remanso-cabin-testimonials-title{

font-size:4rem;
line-height:1.1;
letter-spacing:-2px;
margin-bottom:25px;

}

.remanso-cabin-testimonials-description{

max-width:700px;
margin:auto;
color:#666;
line-height:1.8;

}

/* GRID */

.remanso-cabin-testimonials-grid{

margin-top:70px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;

}

/* CARD */

.remanso-cabin-testimonial-card{

background:white;
border-radius:28px;
padding:40px;
border:1px solid rgba(122,104,85,.08);
box-shadow:
0 15px 40px rgba(0,0,0,.05);
transition:.35s ease;

}

.remanso-cabin-testimonial-card:hover{

transform:translateY(-6px);
box-shadow:
0 25px 50px rgba(0,0,0,.08);

}

.remanso-cabin-feature-card::before{

content:"";

position:absolute;

top:0;
left:0;

width:100%;
height:4px;

background:#7a6855;

}


.remanso-cabin-stars{

color:#b9975b;
font-size:1.1rem;
margin-bottom:20px;

}

.remanso-cabin-testimonial-card p{

color:#555;
line-height:1.9;
margin-bottom:30px;

}

/* FOOTER */

.remanso-cabin-testimonial-footer{

display:flex;
justify-content:space-between;
align-items:center;
font-size:.9rem;

}

.testimonial-name{

color:#232323;
font-weight:600;

}

.testimonial-date{

color: var(--remanso-green);

}


/* RESPONSIVE */

@media(max-width:1000px){

.remanso-cabin-testimonials-grid{
    grid-template-columns:1fr;
}

}



/* =========================
NIDO 1 - INFORMACIÓN IMPORTANTE - DESKTOP
========================= */

.remanso-cabin-info{

    padding:140px 8%;

}

/* HEADER */

.remanso-cabin-info-header{

    max-width:850px;

    margin:auto;
    margin-bottom:90px;

    text-align:center;

}

.remanso-cabin-info-label{

    display:block;

  color: var(--remanso-green);

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:.85rem;

}

.remanso-cabin-info-line{

    width:80px;
    height:2px;

    background:#cdb9a2;

    margin:22px auto;

}

.remanso-cabin-info-title{

    font-size:4rem;

    line-height:1.1;

    letter-spacing:-2px;

    margin-bottom:25px;

}

.remanso-cabin-info-description{

    color:#666;

    line-height:1.8;

    max-width:700px;

    margin:auto;

}

/* LISTA */

.remanso-cabin-info-list{

    max-width:900px;

    margin:auto;

}

/* ITEM */

.remanso-cabin-info-item{

    display:flex;

    gap:30px;

    padding:35px 0;

    border-bottom:1px solid #ece7df;

}

.remanso-cabin-info-item:first-child{

    border-top:1px solid #ece7df;

}

/* ICONO */

.remanso-cabin-info-icon{

    width:52px;

    flex-shrink:0;

    font-size:1.5rem;

    display:flex;

    justify-content:center;

    align-items:flex-start;

}

/* CONTENIDO */

.remanso-cabin-info-content h3{

    font-size:1.35rem;

    margin-bottom:10px;

    color:#232323;

}

.remanso-cabin-info-content p{

    color:#666;

    line-height:1.8;

    max-width:650px;

}













/* =========================
NIDO 1 - CTA FINAL - DESKTOP
========================= */

.remanso-cabin-final-cta{

    padding:140px 8%;

   background:
linear-gradient(
rgba(122,104,85,.88),
rgba(122,104,85,.88)
),
url(../assets/img/cabana1img.JPG)
center/cover;
    color:white;

    text-align:center;

    position:relative;

    overflow:hidden;
}

/* CONTENIDO */

.remanso-cabin-final-cta-content{

    max-width:900px;

    margin:auto;

    position:relative;

    z-index:2;
}

/* LABEL */

.remanso-cabin-final-cta-label{

    display:block;

    letter-spacing:5px;

    text-transform:uppercase;

    font-size:.85rem;

    opacity:.9;
}

/* LINEA */

.remanso-cabin-final-cta-line{

    width:90px;

    height:2px;

    background:rgba(255,255,255,.4);

    margin:24px auto 40px auto;
}

/* TITULO */

.remanso-cabin-final-cta-title{

    font-size:4.5rem;

    line-height:1.1;

    letter-spacing:-2px;

    margin-bottom:30px;
}

/* TEXTO */

.remanso-cabin-final-cta-description{

    max-width:700px;

    margin:auto;

    line-height:1.9;

    font-size:1.1rem;

    opacity:.95;

    margin-bottom:50px;
}

/* BOTONES */

.remanso-cabin-final-cta-buttons{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;
}

/* BOTON PRINCIPAL */

.remanso-cabin-final-primary-button{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:18px 38px;

    background:white;

    color:#7a6855;

    text-decoration:none;

    border-radius:999px;

    font-weight:600;

    transition:.35s ease;
}

.remanso-cabin-final-primary-button:hover{

    transform:translateY(-4px);

    box-shadow:
    0 18px 40px rgba(0,0,0,.15);
}

/* BOTON SECUNDARIO */

.remanso-cabin-final-secondary-button{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:18px 38px;

    border:1px solid rgba(255,255,255,.35);

    color:white;

    text-decoration:none;

    border-radius:999px;

    backdrop-filter:blur(10px);

    transition:.35s ease;
}

.remanso-cabin-final-secondary-button:hover{

    background:rgba(255,255,255,.10);
}








/* =========================
SECTION PRINCIPAL - EXPERIENCIA - HERO - DESKTOP
========================= */

.remanso-experiences-hero{

    position:relative;

    min-height:95vh;

    display:flex;

    align-items:center;
    justify-content:center;

    text-align:center;

    padding:0 8%;

    background-image:url("../assets/retiros/comunidad.jpeg");

    background-size:cover;
    background-position:center;

    overflow:hidden;

}

/* OVERLAY */
.remanso-experiences-hero-overlay{

    position:absolute;
    inset:0;

    background:

        radial-gradient(
            circle at center,
            rgba(0,0,0,.12) 0%,
            rgba(0,0,0,.30) 45%,
            rgba(0,0,0,.55) 100%
        ),

        linear-gradient(
            to bottom,
            rgba(0,0,0,.18),
            rgba(0,0,0,.48)
        );

}

/* CONTENIDO */

.remanso-experiences-hero-content{

    position:relative;

    z-index:2;

    max-width:1100px;

    color:white;

}

/* LABEL */

.remanso-experiences-label{

    display:inline-block;

    margin-bottom:24px;

    letter-spacing:5px;

    text-transform:uppercase;

    font-size:.85rem;

    opacity:.95;

}

/* LINEA */

.remanso-experiences-line{

    width:90px;
    height:2px;

    background:rgba(255,255,255,.45);

    margin:0 auto 35px auto;

}

/* TITULO */

.remanso-experiences-title{

    font-size:4.8rem;

    line-height:1.05;

    letter-spacing:-3px;

    font-weight:600;

    margin-bottom:30px;

    text-shadow:
    0 10px 30px rgba(0,0,0,.35);

}

/* DESCRIPCIÓN */

.remanso-experiences-description{

    max-width:760px;

    margin:0 auto;

    font-size:1.15rem;

    line-height:1.9;

    opacity:.95;

    text-shadow:
    0 5px 15px rgba(0,0,0,.35);

}

/* BOTONES */

.remanso-experiences-buttons{

    margin-top:50px;

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

/* BOTÓN PRINCIPAL */

.remanso-experiences-primary-button{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:18px 34px;

    background:white;

    color:#7a6855;

    text-decoration:none;

    border-radius:999px;

    font-weight:600;

    transition:.35s ease;

}

.remanso-experiences-primary-button:hover{

    transform:translateY(-4px);

}

/* BOTÓN SECUNDARIO */

.remanso-experiences-secondary-button{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:18px 38px;

    border:1px solid rgba(255,255,255,.35);

    color:white;

    text-decoration:none;

    border-radius:999px;

    backdrop-filter:blur(10px);

    transition:.35s ease;

}

.remanso-experiences-secondary-button:hover{

    background:rgba(255,255,255,.10);

}


/* =========================
SECTION  PRINCIPAL- EXPERIENCIA - EL ESPACIO
========================= */

.remanso-experience-space{

    padding:140px 8%;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}

/* CONTENIDO */

.remanso-experience-space-content{

    max-width:600px;

}

.remanso-experience-space-label{

    display:block;

    color:#7a6855;

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:.85rem;

}

.remanso-experience-space-line{

    width:80px;
    height:2px;

    background:#cdb9a2;

    margin:22px 0 40px;

}

.remanso-experience-space-title{

    font-size:4rem;

    line-height:1.1;

    letter-spacing:-2px;

    margin-bottom:30px;

}

.remanso-experience-space-description{

    color:#666;

    line-height:1.9;

    margin-bottom:24px;

    font-size:1.05rem;

}

/* IMAGEN */

.remanso-experience-space-image{

    height:650px;

    overflow:hidden;

    border-radius:32px;

    box-shadow:
    0 30px 80px rgba(0,0,0,.08);

}

.remanso-experience-space-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:.8s ease;

}

.remanso-experience-space-image:hover img{

    transform:scale(1.04);

}



/* =========================
EXPERIENCIAS - TIPOS
========================= */

.remanso-experiences-types{

    padding:140px 8%;

}

/* HEADER */

.remanso-experiences-types-header{

    text-align:center;

    max-width:850px;

    margin:auto;

    margin-bottom:120px;

}

.remanso-experiences-types-label{

    display:block;

    color:#7a6855;

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:.85rem;

}

.remanso-experiences-types-line{

    width:80px;
    height:2px;

    background:#cdb9a2;

    margin:22px auto;

}

.remanso-experiences-types-title{

    font-size:4rem;

    line-height:1.1;

    margin-bottom:25px;

}

.remanso-experiences-types-description{

    color:#666;

    line-height:1.8;

}

/* ITEM */

.remanso-experience-item{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

    margin-bottom:140px;

}

.remanso-experience-item.reverse{

    direction:rtl;

}

.remanso-experience-item.reverse > *{

    direction:ltr;

}

/* IMAGEN */

.remanso-experience-item-image{

    height:500px;

    border-radius:32px;

    overflow:hidden;

}

.remanso-experience-item-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:.8s ease;

}

.remanso-experience-item-image:hover img{

    transform:scale(1.05);

}

/* CONTENIDO */

.remanso-experience-item-number{

    color:#7a6855;

    font-size:.9rem;

    letter-spacing:3px;

    font-weight:600;

}

.remanso-experience-item-content h3{

    font-size:3rem;

    margin:18px 0 24px;

}

.remanso-experience-item-content p{

    color:#666;

    line-height:1.9;

    max-width:550px;

}





/* =========================
EXPERIENCIAS - BOTON DE CARD E INFO UTIL
========================= */

.remanso-experience-button{

display:inline-flex;
align-items:center;
justify-content:center;

margin-top:28px;

padding:14px 28px;

background:#7a6855;
color:white;

text-decoration:none;

border-radius:999px;

font-weight:600;
font-size:.95rem;

transition:.35s ease;

}

.remanso-experience-button:hover{

transform:translateY(-3px);

background:#6d5c4c;

}

.remanso-experience-meta{

display:flex;
flex-wrap:wrap;
gap:12px;

margin-top:24px;

}

.remanso-experience-pill{

padding:10px 16px;

border:1px solid rgba(122,104,85,.15);

background:white;

border-radius:999px;

font-size:.85rem;

font-weight:500;

color:#7a6855;

}




/* =========================
EXPERIENCIAS - GALERÍA
========================= */

.remanso-experience-gallery{

    padding:140px 8%;

}

/* HEADER */

.remanso-experience-gallery-header{

    text-align:center;

    max-width:850px;

    margin:auto;

    margin-bottom:90px;

}

.remanso-experience-gallery-label{

    display:block;

    color:#7a6855;

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:.85rem;

}

.remanso-experience-gallery-line{

    width:80px;
    height:2px;

    background:#cdb9a2;

    margin:22px auto;

}

.remanso-experience-gallery-title{

    font-size:4rem;

    line-height:1.1;

    margin-bottom:25px;

}

.remanso-experience-gallery-description{

    color:#666;

    line-height:1.8;

}

/* GRID */

.remanso-experience-gallery-grid{

    display:grid;

    grid-template-columns:2fr 1fr 1fr;

    grid-template-rows:280px 280px;

    gap:20px;

}

/* FOTO PRINCIPAL */

.remanso-experience-gallery-main{

    position:relative;

    grid-row:1 / 3;

    border-radius:28px;

    overflow:hidden;

}

/* FOTOS SECUNDARIAS */

.remanso-experience-gallery-item{

    position:relative;

    border-radius:28px;

    overflow:hidden;

}

/* IMÁGENES */

.remanso-experience-gallery-main img,
.remanso-experience-gallery-item img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:.8s ease;

}

.remanso-experience-gallery-main:hover img,
.remanso-experience-gallery-item:hover img{

    transform:scale(1.05);

}

/* ETIQUETAS */

.remanso-experience-gallery-tag{

    position:absolute;

    left:18px;
    bottom:18px;

    padding:10px 16px;

    background:rgba(0,0,0,.55);

    backdrop-filter:blur(10px);

    color:white;

    font-size:.75rem;

    letter-spacing:1px;

    text-transform:uppercase;

    border-radius:999px;

}




/* =========================
EXPERIENCIAS - ORGANIZADORES
========================= */

.remanso-host-section{

    padding:140px 8%;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}

/* CONTENIDO */

.remanso-host-content{

    max-width:600px;

}

.remanso-host-label{

    display:block;

    color:#7a6855;

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:.85rem;

}

.remanso-host-line{

    width:80px;
    height:2px;

    background:#cdb9a2;

    margin:22px 0 40px;

}

.remanso-host-title{

    font-size:4rem;

    line-height:1.1;

    margin-bottom:25px;

}

.remanso-host-description{

    color:#666;

    line-height:1.9;

    margin-bottom:35px;

}

/* BENEFICIOS */

.remanso-host-benefits{

    display:flex;

    flex-direction:column;

    gap:18px;

    margin-bottom:40px;

}

.remanso-host-benefit{

    color:#444;

    font-size:1rem;

}

/* BOTÓN */

.remanso-host-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 34px;

    background:#7a6855;

    color:white;

    text-decoration:none;

    border-radius:999px;

    font-weight:600;

    transition:.35s ease;

}

.remanso-host-button:hover{

    transform:translateY(-4px);

}

/* IMAGEN */

.remanso-host-image{

    height:650px;

    border-radius:32px;

    overflow:hidden;

    box-shadow:
    0 30px 80px rgba(0,0,0,.08);

}

.remanso-host-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:.8s ease;

}

.remanso-host-image:hover img{

    transform:scale(1.04);

}





/* =========================
EXPERIENCIAS - CTA FINAL
========================= */
.remanso-experience-cta{

    padding:160px 8%;

    background:
    linear-gradient(
        135deg,
        #2f4a36,
        #1f3226
    );

    color:white;

    text-align:center;

    position:relative;

    overflow:hidden;

}

/* CONTENIDO */

.remanso-experience-cta-content{

    max-width:900px;

    margin:auto;

}

/* LABEL */

.remanso-experience-cta-label{

    display:block;

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:.85rem;

    opacity:.85;

    margin-bottom:24px;

}

/* TITULO */

.remanso-experience-cta-title{

    font-size:5rem;

    line-height:1.05;

    letter-spacing:-3px;

    margin-bottom:30px;

    font-weight:600;

}

/* DESCRIPCIÓN */

.remanso-experience-cta-description{

    max-width:700px;

    margin:0 auto 50px auto;

    line-height:1.9;

    font-size:1.1rem;

    opacity:.92;

}

/* BOTONES */

.remanso-experience-cta-buttons{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

/* BOTÓN PRINCIPAL */

.remanso-experience-cta-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 38px;

    background:white;

    color:#7a6855;

    text-decoration:none;

    border-radius:999px;

    font-weight:600;

    transition:.35s ease;

}

.remanso-experience-cta-primary:hover{

    transform:translateY(-4px);

}

/* BOTÓN SECUNDARIO */

.remanso-experience-cta-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 38px;

    border:1px solid rgba(255,255,255,.35);

    color:white;

    text-decoration:none;

    border-radius:999px;

    backdrop-filter:blur(10px);

    transition:.35s ease;

}

.remanso-experience-cta-secondary:hover{

    background:rgba(255,255,255,.10);

}






/* ==========================================
HERO EXPERIENCIAS MOBILE
========================================== */

.remanso-experiences-mobile-hero{

    display:none;

}

@media(max-width:768px){

.remanso-experiences-hero{

    display:none;

}

.remanso-experiences-mobile-hero{

    display:flex;

    position:relative;

    min-height:72vh;

    padding:100px 24px 90px;

    justify-content:center;

    align-items:flex-start;

    text-align:center;

    background-image:url("../assets/retiros/comunidad.jpeg");

    background-size:cover;

    background-position:center;

    overflow:hidden;

}

.remanso-experiences-mobile-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        rgba(0,0,0,.30),
        rgba(0,0,0,.48)
    );

}

.remanso-experiences-mobile-content{

    position:relative;

    z-index:2;

    width:100%;

}

.remanso-experiences-mobile-title{

    color:white;

    font-size:3rem;

    line-height:1.05;

    letter-spacing:-1px;

    margin-bottom:42px;

}
.remanso-experiences-mobile-description{

    max-width:320px;

    margin:0 auto;

    color:rgba(255,255,255,.92);

    font-size:1rem;

    line-height:1.55;

}

.remanso-experiences-mobile-buttons{

    display:flex;

    flex-direction:column;

    gap:16px;

    margin-top: 36px;

    margin-bottom: 30px;

}
.remanso-experiences-mobile-primary,
.remanso-experiences-mobile-secondary{

    width:88%;

    max-width:320px;

    margin:0 auto;

    padding:14px 24px;

    border-radius:999px;

    font-size:.95rem;

    font-weight:600;

}

.remanso-experiences-mobile-primary{

    background:white;

    color:var(--remanso-green);

}

.remanso-experiences-mobile-secondary{

    color:white;


    backdrop-filter:blur(10px);

    background:rgba(0,0,0,.18);

    border:1px solid rgba(255,255,255,.28);

}

.remanso-scroll-indicator{

    bottom:28px;

}

}


.remanso-experiences-mobile-primary,
.remanso-experiences-mobile-secondary,
.remanso-experiences-mobile-primary:visited,
.remanso-experiences-mobile-secondary:visited{

    text-decoration:none;

}




/* ==========================================
EXPERIENCIAS MOBILE - CARDS DE RETIROS
COMPONENTE REUTILIZABLE
========================================== */

@media(max-width:768px){


/* ==========================================
CONTENEDOR DE EXPERIENCIAS
========================================== */

.remanso-mobile-experiences{

    display:flex;

    flex-direction:column;

    gap:56px;

    padding:36px 20px 0;

        position:relative;

}


/* ==========================================
TARJETA
========================================== */
.remanso-mobile-experience-card{

    background:
    linear-gradient(
        180deg,
        #ffffff 0%,
        #fdfcfb 55%,
        #faf8f5 100%
    );

    border-radius:32px;

    overflow:hidden;

    border:1px solid rgba(0,0,0,.035);

    box-shadow:
    0 14px 34px rgba(0,0,0,.045),
    0 3px 10px rgba(0,0,0,.025),
    inset 0 1px rgba(255,255,255,.75);

    display:block;

    text-decoration:none;

    color:inherit;

    cursor:pointer;

    transition:
        transform .35s ease,
        box-shadow .35s ease;

         -webkit-tap-highlight-color:transparent;

}
.remanso-mobile-experience-card:hover{

    transform:translateY(-4px);

    box-shadow:
        0 22px 48px rgba(0,0,0,.07),
        0 6px 18px rgba(0,0,0,.04);

}

.remanso-mobile-experience-card:active{

    transform:scale(.985);

}


/* ==========================================
IMAGEN
========================================== */


.remanso-mobile-experience-image{

    width:100%;

    aspect-ratio:16/9;

    overflow:hidden;

    box-shadow:
    0 8px 22px rgba(0,0,0,.035);

}

.remanso-mobile-experience-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:transform .8s ease;

}

@media(hover:hover){

.remanso-mobile-experience-card:hover
.remanso-mobile-experience-image img{

    transform:scale(1.04);

}

}

/* ==========================================
   CONTROL INDIVIDUAL DE CADA IMAGEN
========================================== */

/* EXPERIENCIA 1 */
.remanso-mobile-experience-card:nth-child(1)
.remanso-mobile-experience-image img{

    object-position:center 70%;

}


/* EXPERIENCIA 2 */
.remanso-mobile-experience-card:nth-child(2)
.remanso-mobile-experience-image img{

    object-position:center 50%;

}


/* EXPERIENCIA 3 */
.remanso-mobile-experience-card:nth-child(3)
.remanso-mobile-experience-image img{

    object-position:center 75%;

}


/* EXPERIENCIA 4 */
.remanso-mobile-experience-card:nth-child(4)
.remanso-mobile-experience-image img{

    object-position:center 70%;

}



/* ==========================================
CONTENIDO
========================================== */

.remanso-mobile-experience-content{

   padding:38px 30px 44px;

}


/* ==========================================
NÚMERO
========================================== */

.remanso-mobile-experience-number{

    display:block;

    font-size:3rem;

    font-weight:300;

    color: var(--remanso-green);

    opacity: .14;

    line-height:1;

    margin-bottom:10px;

    letter-spacing:-2px;

}


/* ==========================================
TÍTULO
========================================== */

.remanso-mobile-experience-title{

    font-size:2rem;

    line-height:1.15;

    letter-spacing:-1px;

    color:#232323;

    margin-bottom:26px;

}


/* ==========================================
PILLS
========================================== */

.remanso-mobile-experience-tags{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:26px;
    


}

.remanso-mobile-experience-tags span{

    display:flex;

    align-items:center;

    gap:8px;

    padding:10px 16px;

    border-radius:999px;

   background:
rgba(248,245,241,.75);

   border: 1px solid rgba(122,104,85,.08);

    font-size:.88rem;

    color:#555;

     box-shadow:
        inset 0 1px rgba(255,255,255,.6);

}

.remanso-mobile-experience-tags i{

    color:var(--remanso-green);

    font-size:.9rem;

}


/* ==========================================
DESCRIPCIÓN
========================================== */

.remanso-mobile-experience-description{

  color:#5f5f5f;

    line-height:1.85;

    font-size:1rem;

    margin-bottom:48px;

}

.remanso-experiences-mobile-description{

    margin:0 auto 0;

}

.remanso-experiences-mobile-buttons{

    margin-top:38px;

}


/* ==========================================
CTA
========================================== */
.remanso-mobile-experience-link{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:12px 18px;

    border-radius:999px;

    background:rgba(248,245,241,.85);

    border:1px solid rgba(122,104,85,.08);

    box-shadow:
        0 3px 10px rgba(0,0,0,.03);

    text-decoration:none;

    font-size:.96rem;

    font-weight:600;

    color:var(--remanso-green);

    transition:
        transform .25s ease,
        gap .25s ease,
        background .25s ease,
        box-shadow .25s ease;

}

.remanso-mobile-experience-link i{

    transition:transform .25s ease;

}

@media(hover:hover){

.remanso-mobile-experience-link:hover{

    gap:14px;

    background:#ffffff;

    box-shadow:
        0 6px 16px rgba(0,0,0,.05);

}

.remanso-mobile-experience-link:hover i{

    transform:translateX(4px);

}

}
.remanso-mobile-experience-link:active{

    transform:scale(.97);

}

}


/* ==========================================
EXPERIENCIA- CIERRE- CREÁ TU EXPERIENCIA- MOBILE
========================================== */

@media(max-width:768px){

.remanso-mobile-host{

    margin:80px 20px 110px;

}
.remanso-mobile-host-card{

    background:linear-gradient(
        135deg,
        #2f4a36,
        #1f3226
    );

    border:1px solid rgba(255,255,255,.08);

    border-radius:32px;

    padding:64px 34px 72px;

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}





/* ICONO */
.remanso-mobile-host-icon{

    width:70px;

    height:70px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    margin:auto;

    margin-bottom:34px;

    background:rgba(255,255,255,.12);

    color:#fff;

    font-size:1.6rem;

    backdrop-filter:blur(6px);

}




/* LABEL */
.remanso-mobile-host-label{

    color:rgba(255,255,255,.70);

    letter-spacing:4px;

    display:block;

    margin-bottom:22px;

}





/* TITULO */
.remanso-mobile-host-title{

    color:#fff;

    font-size:2rem;

    line-height:1.12;

    letter-spacing:-1px;

    margin-bottom: 38px;

}





/* DESCRIPCIÓN */

.remanso-mobile-host-description{

    color:rgba(255,255,255,.82);

    line-height:1.9;

    margin-bottom: 52px;

}




/* BENEFICIOS */
.remanso-mobile-host-benefit{

    display:flex;

    align-items:center;

    gap:22px;

    padding:22px 20px;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    backdrop-filter:blur(10px);

    margin-bottom:18px;

}

.remanso-mobile-host-benefit:last-of-type{

    margin-bottom:0;

}
.remanso-mobile-host-benefit i{

    color:#d9e7d6;

    font-size:1.05rem;

    line-height: 1.45;

}

.remanso-mobile-host-benefit span{

    color:#fff;

}





/* CTA */
/* =========================
   CTA - ORGANIZAR TU RETIRO
========================= */
/* =========================
   CTA - ORGANIZADORES
========================= */

.remanso-mobile-host-button{

    width:85%;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:19px 22px;

    margin:34px auto 0;

    border-radius:999px;

    background:#fff;

    color:#2f4a36;

    text-decoration:none;

    font-weight:600;

    transition:.30s;

}

.remanso-mobile-host-button:active{

    transform:scale(.98);

}
}










/* =========================
EXPERIENCIAS - RETIROS - EL AMAANECER LA CONSCIENCIA- PAG INTERNA

========================= */


/* =========================
AMANECER DE LA CONSCIENCIA - HERO
========================= */

.remanso-consciousness-hero{

    position:relative;

    min-height:95vh;

    display:flex;

    align-items:center;
    justify-content:center;

    text-align:center;

    padding:0 8%;

    background-image:url("../assets/retiros/hero\ copy.jpg");

    background-size:cover;
    background-position:center;

    overflow:hidden;

}

/* OVERLAY */

.remanso-consciousness-hero-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        rgba(0,0,0,.25),
        rgba(0,0,0,.60)
    );

}

/* CONTENIDO */

.remanso-consciousness-hero-content{

    position:relative;

    z-index:2;

    max-width:1000px;

    color:white;

}

/* LABEL */

.remanso-consciousness-hero-label{

    display:inline-block;

    letter-spacing:5px;

    text-transform:uppercase;

    font-size:.85rem;

    margin-bottom:24px;

    opacity:.9;

}

/* LÍNEA */

.remanso-consciousness-hero-line{

    width:90px;
    height:2px;

    background:rgba(255,255,255,.35);

    margin:0 auto 35px auto;

}

/* TÍTULO */

.remanso-consciousness-hero-title{

    font-size:5.5rem;

    line-height:1.05;

    letter-spacing:-3px;

    margin-bottom:30px;

    font-weight:600;

}

/* DESCRIPCIÓN */

.remanso-consciousness-hero-description{

    max-width:760px;

    margin:0 auto;

    font-size:1.15rem;

    line-height:1.9;

    opacity:.95;

}

/* META */

.remanso-consciousness-hero-meta{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:14px;

    margin-top:40px;

    margin-bottom:50px;

    font-size:.95rem;

    color:rgba(255,255,255,.85);

}

/* BOTONES */

.remanso-consciousness-hero-buttons{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

/* BOTÓN PRINCIPAL */

.remanso-consciousness-primary-button{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:18px 38px;

    background:white;

    color:#7a6855;

    text-decoration:none;

    border-radius:999px;

    font-weight:600;

    transition:.35s ease;

}

.remanso-consciousness-primary-button:hover{

    transform:translateY(-4px);

}

/* BOTÓN SECUNDARIO */

.remanso-consciousness-secondary-button{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:18px 38px;

    border:1px solid rgba(255,255,255,.35);

    color:white;

    text-decoration:none;

    border-radius:999px;

    backdrop-filter:blur(10px);

    transition:.35s ease;

}

.remanso-consciousness-secondary-button:hover{

    background:rgba(255,255,255,.10);

}







/* =========================
AMANECER DE LA CONSCIENCIA
¿DE QUÉ SE TRATA?
========================= */

.remanso-consciousness-about{

    padding:140px 8%;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}

/* CONTENIDO */

.remanso-consciousness-about-content{

    max-width:600px;

}

/* LABEL */

.remanso-consciousness-about-label{

    display:block;

    color:#7a6855;

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:.85rem;

}

/* LÍNEA */

.remanso-consciousness-about-line{

    width:80px;
    height:2px;

    background:#cdb9a2;

    margin:22px 0 40px;

}

/* TÍTULO */

.remanso-consciousness-about-title{

    font-size:4rem;

    line-height:1.1;

    letter-spacing:-2px;

    margin-bottom:30px;

}

/* DESCRIPCIÓN */

.remanso-consciousness-about-description{

    color:#666;

    line-height:1.9;

    margin-bottom:24px;

    font-size:1.05rem;

}

/* IMAGEN */

.remanso-consciousness-about-image{

    height:650px;

    border-radius:32px;

    overflow:hidden;

    box-shadow:
    0 30px 80px rgba(0,0,0,.08);

}

.remanso-consciousness-about-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:.8s ease;

}

.remanso-consciousness-about-image:hover img{

    transform:scale(1.04);

}






/* =========================
AMANECER DE LA CONSCIENCIA
¿QUÉ VAS A VIVIR?
========================= */

.remanso-consciousness-experience{

    padding:140px 8%;

}

/* HEADER */

.remanso-consciousness-experience-header{

    text-align:center;

    max-width:850px;

    margin:auto;

    margin-bottom:90px;

}

.remanso-consciousness-experience-label{

    display:block;

    color:#7a6855;

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:.85rem;

}

.remanso-consciousness-experience-line{

    width:80px;
    height:2px;

    background:#cdb9a2;

    margin:22px auto;

}

.remanso-consciousness-experience-title{

    font-size:4rem;

    line-height:1.1;

    margin-bottom:25px;

}

.remanso-consciousness-experience-description{

    color:#666;

    line-height:1.8;

}

/* GRID */

.remanso-consciousness-experience-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

/* CARD */

.remanso-consciousness-experience-card{

    padding:40px;

    background:white;

    border:1px solid #ece7df;

    border-radius:28px;

    transition:.35s ease;

    box-shadow:
    0 10px 40px rgba(0,0,0,.04);

}

.remanso-consciousness-experience-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 20px 50px rgba(0,0,0,.08);

}

/* ICONO */

.remanso-consciousness-experience-icon{

    display:block;

    font-size:2rem;

    margin-bottom:24px;

}

/* TITULO */

.remanso-consciousness-experience-card h3{

    font-size:1.5rem;

    margin-bottom:16px;

    line-height:1.2;

}

/* TEXTO */

.remanso-consciousness-experience-card p{

    color:#666;

    line-height:1.8;

}






/* =========================
AMANECER DE LA CONSCIENCIA
INFORMACIÓN PRÁCTICA
========================= */

.remanso-consciousness-info{

    padding:140px 8%;

    background:#faf8f5;

}

/* HEADER */

.remanso-consciousness-info-header{

    text-align:center;

    max-width:850px;

    margin:auto;

    margin-bottom:90px;

}

.remanso-consciousness-info-label{

    display:block;

    color:#7a6855;

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:.85rem;

}

.remanso-consciousness-info-line{

    width:80px;
    height:2px;

    background:#cdb9a2;

    margin:22px auto;

}

.remanso-consciousness-info-title{

    font-size:4rem;

    line-height:1.1;

    margin-bottom:25px;

}

.remanso-consciousness-info-description{

    color:#666;

    line-height:1.8;

}

/* GRID */

.remanso-consciousness-info-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}

/* CARD */

.remanso-consciousness-info-card{

    background:white;

    padding:35px;

    border-radius:24px;

    border:1px solid #ece7df;

    transition:.35s ease;

}

.remanso-consciousness-info-card:hover{

    transform:translateY(-6px);

    box-shadow:
    0 15px 40px rgba(0,0,0,.06);

}

/* TITULO */

.remanso-consciousness-info-card h3{

    font-size:1.3rem;

    margin-bottom:18px;

    color:#232323;

}

/* TEXTO */

.remanso-consciousness-info-card p{

    color:#666;

    line-height:1.8;

}






/* =========================
AMANECER DE LA CONSCIENCIA
EL LUGAR
========================= */

.remanso-consciousness-location{

    padding:140px 8%;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}

/* IMAGEN */

.remanso-consciousness-location-image{

    height:700px;

    overflow:hidden;

    border-radius:32px;

    box-shadow:
    0 30px 80px rgba(0,0,0,.08);

}

.remanso-consciousness-location-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:.8s ease;

}

.remanso-consciousness-location-image:hover img{

    transform:scale(1.04);

}

/* CONTENIDO */

.remanso-consciousness-location-content{

    max-width:600px;

}

/* LABEL */

.remanso-consciousness-location-label{

    display:block;

    color:#7a6855;

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:.85rem;

}

/* LINEA */

.remanso-consciousness-location-line{

    width:80px;
    height:2px;

    background:#cdb9a2;

    margin:22px 0 40px;

}

/* TITULO */

.remanso-consciousness-location-title{

    font-size:4rem;

    line-height:1.1;

    letter-spacing:-2px;

    margin-bottom:30px;

}

/* TEXTO */

.remanso-consciousness-location-description{

    color:#666;

    line-height:1.9;

    margin-bottom:24px;

    font-size:1.05rem;

}





/* =========================
AMANECER DE LA CONSCIENCIA
ORGANIZADORES
========================= */

.remanso-consciousness-organizers{

    padding:140px 8%;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}

/* IMAGEN */

.remanso-consciousness-organizers-image{

    height:650px;

    overflow:hidden;

    border-radius:32px;

    box-shadow:
    0 30px 80px rgba(0,0,0,.08);

}

.remanso-consciousness-organizers-image img{

    width:100%;
    height:100%;


    object-fit:cover;

    display:block;

    transition:.8s ease;

}

.remanso-consciousness-organizers-image:hover img{

    transform:scale(1.04);

}

/* CONTENIDO */

.remanso-consciousness-organizers-content{

    max-width:600px;

}

/* LABEL */

.remanso-consciousness-organizers-label{

    display:block;

    color:#7a6855;

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:.85rem;

}

/* LINEA */

.remanso-consciousness-organizers-line{

    width:80px;
    height:2px;

    background:#cdb9a2;

    margin:22px 0 40px;

}

/* TITULO */

.remanso-consciousness-organizers-title{

    font-size:4rem;

    line-height:1.1;

    letter-spacing:-2px;

    margin-bottom:30px;

}

/* DESCRIPCIÓN */

.remanso-consciousness-organizers-description{

    color:#666;

    line-height:1.9;

    margin-bottom:24px;

    font-size:1.05rem;

}

/* BOTONES */

.remanso-consciousness-organizers-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    margin-top:40px;

}

/* BOTÓN PRINCIPAL */

.remanso-consciousness-organizers-primary{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:18px 34px;

    background:#7a6855;

    color:white;

    text-decoration:none;

    border-radius:999px;

    font-weight:600;

    transition:.35s ease;

}

.remanso-consciousness-organizers-primary:hover{

    transform:translateY(-4px);

}

/* BOTÓN SECUNDARIO */

.remanso-consciousness-organizers-secondary{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:18px 34px;

    border:1px solid #d8cec3;

    color:#7a6855;

    text-decoration:none;

    border-radius:999px;

    font-weight:600;

    transition:.35s ease;

}

.remanso-consciousness-organizers-secondary:hover{

    background:#faf8f5;

}







/* =========================
AMANECER DE LA CONSCIENCIA
GALERÍA
========================= */

.remanso-consciousness-gallery{

    padding:140px 8%;

}

/* HEADER */

.remanso-consciousness-gallery-header{

    text-align:center;

    max-width:850px;

    margin:auto;

    margin-bottom:90px;

}

.remanso-consciousness-gallery-label{

    display:block;

    color:#7a6855;

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:.85rem;

}

.remanso-consciousness-gallery-line{

    width:80px;
    height:2px;

    background:#cdb9a2;

    margin:22px auto;

}

.remanso-consciousness-gallery-title{

    font-size:4rem;

    line-height:1.1;

    margin-bottom:25px;

}

.remanso-consciousness-gallery-description{

    color:#666;

    line-height:1.8;

}

/* GRID */

.remanso-consciousness-gallery-grid{

    display:grid;

    grid-template-columns:2fr 1fr 1fr;

    grid-template-rows:280px 280px;

    gap:20px;

}

/* IMAGEN PRINCIPAL */

.remanso-consciousness-gallery-main{

    position:relative;

    grid-row:1 / 3;

    border-radius:28px;

    overflow:hidden;

}

/* IMÁGENES SECUNDARIAS */

.remanso-consciousness-gallery-item{

    position:relative;

    border-radius:28px;

    overflow:hidden;

}

/* IMÁGENES */

.remanso-consciousness-gallery-main img,
.remanso-consciousness-gallery-item img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:.8s ease;

}

.remanso-consciousness-gallery-main:hover img,
.remanso-consciousness-gallery-item:hover img{

    transform:scale(1.05);

}

/* ETIQUETAS */

.remanso-consciousness-gallery-tag{

    position:absolute;

    left:18px;
    bottom:18px;

    padding:10px 16px;

    background:rgba(0,0,0,.55);

    backdrop-filter:blur(10px);

    color:white;

    font-size:.75rem;

    letter-spacing:1px;

    text-transform:uppercase;

    border-radius:999px;

}






/* =========================
AMANECER DE LA CONSCIENCIA
PREGUNTAS FRECUENTES
========================= */

.remanso-consciousness-faq{

    padding:140px 8%;

    background:#faf8f5;

}

/* HEADER */

.remanso-consciousness-faq-header{

    text-align:center;

    max-width:850px;

    margin:auto;

    margin-bottom:80px;

}

.remanso-consciousness-faq-label{

    display:block;

    color:#7a6855;

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:.85rem;

}

.remanso-consciousness-faq-line{

    width:80px;
    height:2px;

    background:#cdb9a2;

    margin:22px auto;

}

.remanso-consciousness-faq-title{

    font-size:4rem;

    line-height:1.1;

    margin-bottom:25px;

}

.remanso-consciousness-faq-description{

    color:#666;

    line-height:1.8;

}

/* CONTENEDOR */

.remanso-consciousness-faq-container{

    max-width:950px;

    margin:auto;

}

/* ITEM */

.remanso-consciousness-faq-item{

    background:white;

    border:1px solid #ece7df;

    border-radius:20px;

    margin-bottom:18px;

    overflow:hidden;

}

/* PREGUNTA */

.remanso-consciousness-faq-item summary{

    list-style:none;

    cursor:pointer;

    padding:28px 32px;

    font-size:1.1rem;

    font-weight:600;

    color:#232323;

    position:relative;

}

.remanso-consciousness-faq-item summary::-webkit-details-marker{

    display:none;

}

/* RESPUESTA */

.remanso-consciousness-faq-item p{

    padding:0 32px 28px 32px;

    color:#666;

    line-height:1.9;

}



/* =========================
AMANECER DE LA CONSCIENCIA
CTA FINAL
========================= */
.remanso-consciousness-cta{

    padding:160px 8%;

    background:
    linear-gradient(
        145deg,
        #35543d 0%,
        #2b4533 45%,
        #1f3226 100%
    );

    color:#fff;

    text-align:center;

    position:relative;

    overflow:hidden;

}

/* CONTENIDO */

.remanso-consciousness-cta-content{

    max-width:0px;

    margin:auto;

}

/* LABEL */

.remanso-consciousness-cta-label{

    display:block;

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:.85rem;

    opacity:.85;

    margin-bottom:24px;

}

/* TÍTULO */

.remanso-consciousness-cta-title{

    font-size:5rem;

    line-height:1.05;

    letter-spacing:-3px;

    margin-bottom:30px;

    font-weight:600;

}

/* DESCRIPCIÓN */

.remanso-consciousness-cta-description{

    max-width:700px;

    margin:0 auto 50px auto;

    line-height:1.9;

    font-size:1.1rem;

    opacity:.92;

}

/* BOTONES */

.remanso-consciousness-cta-buttons{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

/* BOTÓN PRINCIPAL */

.remanso-consciousness-cta-primary{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:18px 38px;

    background:white;

    color:#7a6855;

    text-decoration:none;

    border-radius:999px;

    font-weight:600;

    transition:.35s ease;

}

.remanso-consciousness-cta-primary:hover{

    transform:translateY(-4px);

}

/* BOTÓN SECUNDARIO */

.remanso-consciousness-cta-secondary{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:18px 38px;

    border:1px solid rgba(255,255,255,.35);

    color:white;

    text-decoration:none;

    border-radius:999px;

    backdrop-filter:blur(10px);

    transition:.35s ease;

}

.remanso-consciousness-cta-secondary:hover{

    background:rgba(255,255,255,.10);

}


/* ==========================================
RETIRO - HERO MOBILE
========================================== */

.remanso-retreat-mobile-hero{

    display:none;

}

@media(max-width:768px){

/* ==========================================
OCULTAR HERO DESKTOP
========================================== */

.remanso-consciousness-hero{

    display:none;

}


/* ==========================================
HERO
========================================== */

.remanso-retreat-mobile-hero{

    display:block;

    position:relative;

    width:100%;

    height:68vh;

    overflow:hidden;

    background:#000;

}


/* ==========================================
SLIDER
========================================== */

.remanso-retreat-mobile-slider{

    display:flex;

    width:100%;

    height:100%;

    overflow-x:auto;

    scroll-snap-type:x mandatory;

    scroll-behavior:smooth;

    -webkit-overflow-scrolling:touch;

    scrollbar-width:none;

}

.remanso-retreat-mobile-slider::-webkit-scrollbar{

    display:none;

}


/* ==========================================
IMÁGENES
========================================== */

.remanso-retreat-mobile-slider img{

    width:100%;

    height:100%;

    flex-shrink:0;

    object-fit:cover;

    scroll-snap-align:center;

}


/* ==========================================
OVERLAY
========================================== */

.remanso-retreat-mobile-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        rgba(0,0,0,.18),
        rgba(0,0,0,.28)
    );

    pointer-events:none;

}


/* ==========================================
BOTÓN BACK
========================================== */

.remanso-retreat-mobile-back{

    position:absolute;

    top:26px;

    left:20px;

    z-index:10;

    width:43px;

    height:43px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:rgba(255,255,255,.92);

    color:#222;

    text-decoration:none;

    backdrop-filter:blur(14px);

    box-shadow:
    0 10px 30px rgba(0,0,0,.12);

}

.remanso-retreat-mobile-back i{

    font-size:1.3rem;

}


/* ==========================================
INDICADOR
========================================== */
/* ==========================================================
INDICADORES · GALERÍA RETIROS
========================================================== */

.remanso-retreat-gallery-dots{

    position:absolute;

    left:50%;

    bottom:28px;

    transform:translateX(-50%);

    display:flex;

    align-items:center;

    gap:7px;

    padding:7px 10px;

    border-radius:999px;

    background:rgba(0,0,0,.18);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    z-index:10;

}


/* PUNTOS */

.remanso-retreat-gallery-dots span{

    width:7px;

    height:7px;

    border-radius:50%;

    background:rgba(255,255,255,.45);

    transition:
        transform .3s ease,
        background .3s ease,
        opacity .3s ease;

}


/* ACTIVO */

.remanso-retreat-gallery-dots span.active{

    background:#fff;

    transform:scale(1.25);

    opacity:1;

}

}

/* ==========================================
RETIRO MOBILE
¿QUÉ VAS A VIVIR?
========================================== */

@media(max-width:768px){

/* ==========================================
SECCIÓN
========================================== */

.remanso-retreat-mobile-experience{

    padding-top:70px;

}


/* ==========================================
HEADER
========================================== */

.remanso-retreat-mobile-section-header{

    text-align:center;

    margin-bottom:52px;

}

.remanso-retreat-mobile-label{

    display:block;

    margin-bottom:18px;

    font-size:.74rem;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#8b7761;

}

.remanso-retreat-mobile-title{

    font-size:2.35rem;

    line-height:1.08;

    letter-spacing:-1.2px;

    color:#232323;

    margin-bottom:22px;

}

.remanso-retreat-mobile-text{

    max-width:340px;

    margin:auto;

    color:#666;

    line-height:1.85;

    font-size:1rem;

}


/* ==========================================
GRID
========================================== */

.remanso-retreat-mobile-grid{

    display:flex;

    flex-direction:column;

    gap:22px;

}


/* ==========================================
CARD
========================================== */

.remanso-retreat-mobile-card{

    display:flex;

    align-items:flex-start;

    gap:22px;

    padding:28px;

    background:white;

    border:1px solid #ece6de;

    border-radius:28px;

    box-shadow:

        0 18px 40px rgba(0,0,0,.045);

    transition:

        transform .28s ease,

        box-shadow .28s ease;

}


/* ACTIVE */

.remanso-retreat-mobile-card:active{

    transform:scale(.985);

}


/* HOVER */

@media(hover:hover){

.remanso-retreat-mobile-card:hover{

    transform:translateY(-3px);

    box-shadow:

        0 22px 50px rgba(0,0,0,.07);

}

}


/* ==========================================
ICONO
========================================== */

.remanso-retreat-mobile-icon{

    width:64px;

    height:64px;

    flex-shrink:0;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:22px;

    background:#f8f5f1;

    color:var(--remanso-green);

    font-size:1.35rem;

    box-shadow:

        inset 0 0 0 1px #ece6de;

}


/* ==========================================
CONTENIDO
========================================== */

.remanso-retreat-mobile-card-content{

    flex:1;

}

.remanso-retreat-mobile-card-content h3{

    font-size:1.28rem;

    line-height:1.3;

    color:#232323;

    margin-bottom:10px;

}

.remanso-retreat-mobile-card-content p{

    margin:0;

    color:#666;

    font-size:.98rem;

    line-height:1.8;

}


/* ==========================================
PEQUEÑO DETALLE VISUAL
========================================== */

.remanso-retreat-mobile-card::after{

    content:"";

    width:36px;

    height:2px;

    background:rgba(70,97,48,.12);

    border-radius:50px;

    position:absolute;

    bottom:22px;

    right:28px;

}

.remanso-retreat-mobile-card{

    position:relative;

}

}


/* ==========================================
INFORMACIÓN PRÁCTICA - MOBILE- AMANECER DE L COSCIENCIA
========================================== */

@media(max-width:768px){

.remanso-retreat-mobile-info{

    padding:70px 20px 0;

}

.remanso-retreat-mobile-info-header{

    text-align:center;

    margin-bottom:42px;

}

.remanso-retreat-mobile-info-grid{

    display:flex;

    flex-direction:column;

    gap:16px;

}

}

/* ==========================================
RETIRO MOBILE
QUIÉNES TE ACOMPAÑAN
========================================== */

@media(max-width:768px){

/* ==========================================
SECCIÓN
========================================== */

.remanso-retreat-mobile-host{

    padding:70px 20px 110px;

}


/* ==========================================
IMAGEN
========================================== */

.remanso-retreat-mobile-host-image{

    overflow:hidden;

    border-radius:32px;

    margin-bottom:34px;

    box-shadow:
    0 18px 50px rgba(0,0,0,.08);

}

.remanso-retreat-mobile-host-image img{

    width:100%;

    aspect-ratio:16/10;

    object-fit:cover;

    object-position: center 85%;

    display:block;

}
.remanso-retreat-mobile-host-image.remanso-retreat-pausa img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 35%;
}

/* ==========================================
CONTENIDO
========================================== */

.remanso-retreat-mobile-host-content{

    text-align:center;

}


/* ==========================================
LABEL
========================================== */

.remanso-retreat-mobile-label{

    display:block;

    margin-bottom:18px;

    font-size:.75rem;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#7a6855;

}


/* ==========================================
TÍTULO
========================================== */

.remanso-retreat-mobile-title{

    font-size:2.2rem;

    line-height:1.15;

    letter-spacing:-1px;

    color:#2f2f2f;

    margin-bottom:22px;

}


/* ==========================================
DESCRIPCIÓN
========================================== */

.remanso-retreat-mobile-text{

    max-width:340px;

    margin:0 auto 38px;

    color:#666;

    line-height:1.9;

    font-size:1rem;

}


/* ==========================================
BOTONES
========================================== */

.remanso-retreat-mobile-host-buttons{

    display:flex;

    flex-direction:column;

    gap:16px;

}


/* ==========================================
CTA SECUNDARIO
========================================== */

.remanso-retreat-mobile-host-secondary{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:18px;

    border-radius:999px;

    text-decoration:none;

    color:var(--remanso-green);

    background:#f8f5f1;

    border:1px solid #ece7df;

    font-weight:600;

    transition:
    transform .30s ease,
    background .30s ease;

}


/* ==========================================
ACTIVE
========================================== */


.remanso-retreat-mobile-host-secondary:active{

    transform:scale(.98);

}


/* ==========================================
HOVER DESKTOP
========================================== */

@media(hover:hover){

.remanso-retreat-mobile-host-primary:hover{

    transform:translateY(-2px);

    box-shadow:
    0 16px 30px rgba(0,0,0,.16);

}

.remanso-retreat-mobile-host-secondary:hover{

    transform:translateY(-2px);

    background:#f3eee7;

}

}

}


/* ==========================================
RETIRO MOBILE
CTA FINAL
========================================== */

@media(max-width:768px){

.remanso-retreat-mobile-cta{

    padding:0 20px 120px;

}

.remanso-retreat-mobile-cta-card{

    background:#f8f5f1;

    border:1px solid #ece7df;

    border-radius:32px;

    padding:48px 30px;

    text-align:center;

}


/* LABEL */

.remanso-retreat-mobile-cta-label{

    display:block;

    margin-bottom:18px;

    font-size:.75rem;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#7a6855;

}


/* TÍTULO */

.remanso-retreat-mobile-cta-title{

    font-size:2.2rem;

    line-height:1.15;

    letter-spacing:-1px;

    margin-bottom:24px;

}


/* TEXTO */

.remanso-retreat-mobile-cta-text{

    color:#666;

    line-height:1.9;

    margin-bottom:40px;

}


/* BOTONES */

.remanso-retreat-mobile-cta-buttons{

    display:flex;

    flex-direction:column;

    gap:16px;

}


/* BOTÓN PRINCIPAL */

.remanso-retreat-mobile-cta-primary{

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

    padding:18px;

    border-radius:999px;

    background:var(--remanso-green);

    color:white;

    text-decoration:none;

    font-weight:600;

    box-shadow:
    0 10px 22px rgba(0,0,0,.12);

    transition:
    transform .30s ease,
    box-shadow .30s ease;

}


/* BOTÓN SECUNDARIO */

.remanso-retreat-mobile-cta-secondary{

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

    padding:18px;

    border-radius:999px;

    background:white;

    border:1px solid #ece7df;

    color:var(--remanso-green);

    text-decoration:none;

    font-weight:600;

    transition:
    transform .30s ease,
    background .30s ease;

}


/* ACTIVE */

.remanso-retreat-mobile-cta-primary:active,
.remanso-retreat-mobile-cta-secondary:active{

    transform:scale(.98);

}


/* HOVER */

@media(hover:hover){

.remanso-retreat-mobile-cta-primary:hover{

    transform:translateY(-2px);

    box-shadow:
    0 16px 30px rgba(0,0,0,.15);

}

.remanso-retreat-mobile-cta-secondary:hover{

    transform:translateY(-2px);

    background:#f3eee7;

}

}

}


/* ==========================================
SECCION PRINCIPAL UBICACIÓN - DESKTOP
========================================== */

.remanso-location{

    padding:140px 8%;

    background:#f6f4ef;

}


/* ==========================================
HEADER
========================================== */

.remanso-location-header{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.remanso-location-label{

    display:block;

    margin-bottom:18px;

    font-size:.75rem;

    font-weight:700;

    letter-spacing:4px;

    color:#8a7764;

}

.remanso-location-line{

    width:70px;

    height:1px;

    background:#b89b5e;

    margin:0 auto 34px;

}

.remanso-location-description{

    color:#666;

    line-height:2;

    font-size:1.09rem;

}


/* ==========================================
MAPA
========================================== */

.remanso-location-map{

    margin-bottom:22px;

}

.remanso-location-map iframe{

    width:100%;

    height:700px;

    border:none;

    border-radius:34px;

    box-shadow:

    0 30px 70px rgba(0,0,0,.08);

}

.remanso-location-button{

    display:flex;
    justify-content:center;
    align-items:center;

    width:max-content;

    padding:18px 42px;

    border-radius:999px;

    background:var(--remanso-green);

    color:white;

    text-decoration:none;

    font-weight:600;

    transition:.3s;
}

.remanso-location-button:hover{

    transform:translateY(-3px);

}

.remanso-location-closing{

    margin-top:110px;
}


/* ==========================================
CIERRE
========================================== */

.remanso-location-closing{

    position:relative;

    overflow:hidden;

    border-radius:36px;

    height:760px;

}

.remanso-location-closing img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.remanso-location-closing-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:70px;

    background:linear-gradient(

        transparent,

        rgba(0,0,0,.58)

    );

}

.remanso-location-closing-overlay h3{

    color:white;

    font-size:3rem;

    line-height:1.15;

    margin-bottom:18px;

}

.remanso-location-closing-overlay p{

    color:white;

    max-width:520px;

    line-height:1.9;

    font-size:1.08rem;

}




/* ==========================================
UBICACIÓN MOBILE - RESPONSIVE
========================================== */

.remanso-location-mobile{

    display:none;

}

@media(max-width:768px){

.remanso-location{

    display:none;

}

.remanso-location-mobile{

    display:block;

    padding:90px 22px;

    background:#f6f4ef;

}


/* ==========================================
HEADER
========================================== */

.remanso-location-mobile-header{

    text-align:center;

    margin-bottom:36px;

}

.remanso-location-mobile-label{

    display:block;

    margin-bottom:14px;

    font-size:.75rem;

    font-weight:700;

    letter-spacing:4px;

    color:#8a7764;

}

.remanso-location-mobile-line{

    width:60px;

    height:1px;

    background:#b89b5e;

    margin:auto;

}


/* ==========================================
MAPA
========================================== */

.remanso-location-mobile-map{

    overflow:hidden;

    border-radius:28px;

    margin-bottom:22px;

    box-shadow:

    0 18px 40px rgba(0,0,0,.08);

}

.remanso-location-mobile-map iframe{

    width:100%;

    height:72vh;

    border:none;

}


/* ==========================================
BOTÓN
========================================== */

.remanso-location-mobile-button{

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

    padding:18px;

    margin-bottom:70px;

    border-radius:999px;

    background:var(--remanso-green);

    color:white;

    text-decoration:none;

    font-weight:600;

}


/* ==========================================
FOTO FINAL
========================================== */

.remanso-location-mobile-closing{

    position:relative;

    overflow:hidden;

    border-radius:30px;

    height:430px;

}

.remanso-location-mobile-closing img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.remanso-location-mobile-overlay{

    position:absolute;

    inset:0;

    display:flex;

    align-items:flex-end;

    padding:32px;

    background:

    linear-gradient(

    transparent 40%,

    rgba(0,0,0,.72)

    );

}

.remanso-location-mobile-overlay h2{

    color:white;

    font-size:2rem;

    line-height:1.15;

}

}





/* ==========================================
 SECCION PRINCIPAL - GALERÍA - DESKTOP
========================================== */

.remanso-gallery{

    padding:180px 8%;

    background:#f6f4ef;

}


/* ==========================================
HEADER
========================================== */

.remanso-gallery-header{

    max-width:760px;

    margin:0 auto 90px;

    text-align:center;

}

.remanso-gallery-label{

    display:block;

    margin-bottom:18px;

    font-size:.75rem;

    font-weight:700;

    letter-spacing:4px;

    color:#8a7764;

}

.remanso-gallery-line{

    width:70px;

    height:1px;

    margin:0 auto 34px;

    background:#b89b5e;

}

.remanso-gallery-description{

    color:#666;

    line-height:2;

    font-size:1.08rem;

}


/* ==========================================
IMAGEN DESTACADA
========================================== */

.remanso-gallery-featured{

    margin-bottom:90px;

}

.remanso-gallery-featured img{

    width:100%;

    height:720px;

    object-fit:cover;

    border-radius:36px;

    display:block;

}


/* ==========================================
GRID
========================================== */

.remanso-gallery-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:24px;

    margin-bottom:110px;

}

.remanso-gallery-grid img{

    width:100%;

    height:420px;

    object-fit:cover;

    border-radius:28px;

    display:block;

    transition:
    transform .45s ease,
    box-shadow .45s ease;

}

.remanso-gallery-grid img:hover{

    transform:scale(1.02);

    box-shadow:

    0 20px 55px rgba(0,0,0,.08);

}


/* ==========================================
CIERRE
========================================== */

.remanso-gallery-ending{

    position:relative;

    overflow:hidden;

    border-radius:36px;

    height:720px;

}

.remanso-gallery-ending img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.remanso-gallery-ending-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:70px;

    background:linear-gradient(

        transparent,

        rgba(0,0,0,.62)

    );

}

.remanso-gallery-ending-overlay h2{

    color:white;

    font-size:3rem;

    line-height:1.15;

    margin-bottom:18px;

}

.remanso-gallery-ending-overlay p{

    color:white;

    max-width:520px;

    line-height:1.9;

    font-size:1.08rem;

}








/* ==========================================
OCULTAMOS SECCIONES FORZANDOLAS -DEJAR ESTE IMPORTANT- NO PERTENECE A NINGUNA SECCION
========================================== */

@media (max-width:768px){

.remanso-consciousness-hero,
.remanso-whatsapp,
.remanso-consciousness-about,
.remanso-consciousness-experience,
.remanso-consciousness-info,
.remanso-consciousness-location,
.remanso-consciousness-organizers,
.remanso-consciousness-cta,
.remanso-host-section,
.remanso-experience-space,
.remanso-cabin-experience{

    display:none !important;

}

}

/* Visible solo en Desktop */

@media(max-width:768px){

    .remanso-desktop-only{

        display:none;

    }

}

/* Visible solo en Mobile */

.remanso-mobile-only{

    display:none;

}

@media(max-width:768px){

    .remanso-mobile-only{

        display:block;

    }

}