/* ============================================================
   HOME HACIENDA YANAY — ESTILOS COMPLETOS
   ============================================================ */


/* ============================================================
   1) SECCIÓN: BIENVENIDA YANAY (VERSIÓN NUEVA)
   ============================================================ */

.yanay-bienvenida-v2 {
    max-width: 1250px;
    margin: 80px auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 40px;
    padding: 20px;
}

/* Texto */
.bienvenida-texto h2 {
    font-size: 3rem;
    font-weight: 800;
    color: var(--verde-yanay);
    margin-bottom: 20px;
    line-height: 1.2;
}

/* Imagen principal + circular */
.bienvenida-imagenes {
    position: relative;
    width: 100%;
}

.bienvenida-imagenes .img-principal {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.bienvenida-imagenes .img-circular {
    width: 230px;
    height: 230px;
    object-fit: cover;
    border-radius: 50%;
    border: none !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.25);
    position: absolute;
    bottom: -30px;
    right: -20px;
}

/* ============================
   RESPONSIVE — BIENVENIDA
   ============================ */
@media (max-width: 900px) {
    .yanay-bienvenida-v2 {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .bienvenida-texto p {
        margin: auto;
    }

    .bienvenida-imagenes {
        margin-top: 30px;
    }

    .bienvenida-imagenes .img-circular {
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        bottom: -40px;
    }
}

@media (max-width: 600px) {
    .bienvenida-texto h2 {
        font-size: 2.2rem;
    }

    .bienvenida-imagenes .img-principal {
        height: 320px;
    }

    .bienvenida-imagenes .img-circular {
        width: 180px;
        height: 180px;
    }
}



/* ============================================================
   2) GALERÍA — CARRUSEL SWIPER “Explora Yanay”
   ============================================================ */

.yanay-galeria h2 {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--verde-yanay);
    text-align: center;
    margin-bottom: 10px;
}

.yanay-galeria p {
    color: #000;
    font-size: 1.1rem;
    text-align: center;
    margin-bottom: 25px;
}

.galeria-swiper {
    width: 100%;
    max-width: 900px;
    margin: auto;
    padding-bottom: 35px;
}

.galeria-swiper .swiper-slide img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}


/* Puntos */
.galeria-swiper .swiper-pagination-bullet {
    background: var(--verde-yanay) !important;
    opacity: .4;
}

.galeria-swiper .swiper-pagination-bullet-active {
    background: var(--dorado-yanay) !important;
    opacity: 1;
}



/* ============================================================
   3) TESTIMONIOS — SWIPER
   ============================================================ */

.yanay-testimonios {
    padding: 60px 20px;
    text-align: center;
    background: #ffffff !important;
}

/* Título */
.testimonios-header h2 {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--verde-yanay);
    margin-bottom: 20px;
}

/* Estrellas superiores */
.estrellas {
    font-size: 2rem;
    color: var(--dorado-yanay);
    margin-bottom: 10px;
}

/* Contenedor */
.testimonios-swiper {
    max-width: 1100px;
    margin: 30px auto 0;
    padding-bottom: 40px;
}

/* Tarjeta */
.testimonio-card {
    background: #fff;
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0px 4px 15px rgba(0,0,0,0.08);
    text-align: left;
    max-width: 320px;
    margin: auto;
    height: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 35px;
}

.testimonio-card h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #222;
    min-height: 28px;
    margin-bottom: 10px;
}

.estrellas-card {
    font-size: 1.2rem;
    color: var(--dorado-yanay);
    margin-bottom: 15px;
}

.testimonio-card p {
    font-size: 0.95rem;
    color: #333;
    line-height: 1.5;
    flex-grow: 1;
}

/* FIX ALINEACIÓN */
.testimonios-swiper .swiper-slide {
    height: auto !important;
    display: flex !important;
}

.testimonios-swiper .swiper-wrapper {
    display: flex;
    align-items: stretch !important;
}

/* Puntos testimonios */
.testimonios-swiper .swiper-pagination {
    position: relative;
    margin-top: 25px;
}

.testimonios-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: var(--verde-yanay) !important;
    opacity: 0.4;
    transition: 0.3s ease;
}

.testimonios-swiper .swiper-pagination-bullet-active {
    background: var(--dorado-yanay) !important;
    opacity: 1;
    transform: scale(1.25);
}

/* ============================================================
   4) ACTIVIDADES — GRID (SECCIÓN ESTÁTICA)
   ============================================================ */

.yanay-actividades {
    margin: 70px auto;
    text-align: center;
    padding: 20px;
}

.yanay-actividades h2 {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--verde-yanay);
    margin-bottom: 35px;
}

.actividades-grid {
    display: grid;
    max-width: 1000px;
    margin: auto;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

.actividad-item {
    background: #fff;
    padding: 18px;
    border-radius: 14px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
    transition: transform .3s, box-shadow .3s;
}

.actividad-item img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 18px;
}

.actividad-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

.actividad-item h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--verde-yanay);
    margin-bottom: 10px;
}

.actividad-item p {
    color: #444;
    font-size: 1rem;
    line-height: 1.45;
    text-align: center;
    padding: 0 8px;
}

/* RESPONSIVE — GRID */
@media (max-width: 900px) {
    .actividades-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .actividades-grid {
        grid-template-columns: 1fr;
    }

    .yanay-bienvenida h2,
    .yanay-galeria h2,
    .yanay-actividades h2 {
        font-size: 1.9rem;
    }
}



/* ============================================================
   5) COMODIDADES — SECCIÓN QUE TE ACOMPAÑA
   ============================================================ */

.yanay-comodidades {
    margin: 80px auto;
    text-align: center;
    padding: 0 20px;
    max-width: 1200px;
}

.yanay-comodidades h2 {
    font-size: 2.6rem;
    font-weight: 800;
    color: var(--verde-yanay);
    margin-bottom: 15px;
}

.comodidades-descripcion {
    font-size: 1.2rem;
    color: #333;
    max-width: 900px;
    margin: 0 auto 50px auto;
    line-height: 1.6;
}

/* GRID */
.comodidades-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    justify-content: center;
}

/* TARJETAS */
.comodidad-item {
    background: #fff;
    border-radius: 14px;
    padding-bottom: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    overflow: hidden;
    text-align: center;
    max-width: 480px;
    margin: 0 auto;
}

/* Imagen */
.comodidad-item img {
    width: 100%;
    height: 210px; /* Más compacto */
    object-fit: cover;
}

/* Título */
.comodidad-item h3 {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--verde-yanay);
    margin: 20px 0 10px 0;
}

/* Texto */
.comodidad-item p {
    font-size: 1rem;
    color: #444;
    line-height: 1.55;
    padding: 0 25px;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .comodidades-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .yanay-comodidades h2 {
        font-size: 2.2rem;
    }
}


/* ======================================================
   6) CARRUSEL DE ACTIVIDADES — DISEÑO PREMIUM YANAY
====================================================== */

.yanay-actividades-swiper {
    margin: 70px auto;
    padding: 20px;
    text-align: center;
}

.yanay-actividades-swiper h2 {
    color: var(--verde-yanay);
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 40px;
}

/* CONTENEDOR GENERAL */
.actividades-swiper {
    max-width: 1100px;
    margin: auto;
    padding-bottom: 65px !important;
}

/* SLIDE */
.actividad-slide {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.10);
    padding: 18px;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100% !important;
    transition: transform 0.3s ease;
}

.actividad-slide:hover {
    transform: translateY(-6px);
}

.actividad-slide img {
    width: 100%;
    height: 240px !important;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 18px;
}

.actividad-slide h3 {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--verde-yanay);
    margin-bottom: 10px;
}

.actividad-slide p {
    color: #444;
    font-size: 1rem;
    padding: 0 10px;
    line-height: 1.45;
    flex-grow: 1;
}

/* FIX FINAL — para que se muestren 3 por fila correctamente */
.actividades-swiper .swiper-slide {
    display: block !important;
    height: auto !important;
}

/* Alineación igual de todas las tarjetas */
.actividades-swiper .swiper-wrapper {
    align-items: stretch !important;
}

/* ============================
   PAGINACIÓN
============================ */
.actividades-pagination {
    bottom: -20px !important;
    position: relative !important;
    margin-top: 25px !important;
}

.actividades-pagination .swiper-pagination-bullet {
    background: var(--verde-yanay) !important;
    opacity: .4;
}

.actividades-pagination .swiper-pagination-bullet-active {
    background: var(--dorado-yanay) !important;
    opacity: 1;
    transform: scale(1.25);
}





/* ===============================================
   CARRUSEL DE ACTIVIDADES — CONTENEDOR GENERAL
=============================================== */

.yanay-actividades-carrusel {
    margin-top: 80px;
    margin-bottom: 120px;
    padding: 20px 0;
    text-align: center;
}

.titulo-actividades {
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--verde-yanay);
    margin-bottom: 45px;
}

/* ===============================================
   CARRUSEL — CONTENEDOR PRINCIPAL
=============================================== */

.yanay-carousel {
    position: relative;
    max-width: 1100px;
    margin: auto;
    overflow: visible;
    padding-top: 20px;
    padding-bottom: 40px;
}

/* ===============================================
   TRACK — FILA DE TARJETAS
=============================================== */

.yanay-track {
    display: flex;
    gap: 30px;
    overflow: hidden; /* Evita que se vea media tarjeta */
    width: 100%;
}

/* ===============================================
   TARJETAS — 3 POR PÁGINA EXACTAS
=============================================== */

.yanay-item {
    flex: 0 0 calc((100% - 60px) / 3); /* 3 columnas exactas */
    background: #fff;
    border-radius: 16px;
    padding: 18px 18px 28px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.10);
    transition: transform .3s ease;
}

.yanay-item:hover {
    transform: translateY(-6px);
}

.yanay-item img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 18px;
}

.yanay-item h3 {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--verde-yanay);
    margin-bottom: 12px;
}

.yanay-item p {
    color: #444;
    font-size: 1rem;
    padding: 0 10px;
    line-height: 1.45;
}

/* ===============================================
   FLECHAS — ESTILO 2 MEJORADO (SIN ROSA, SIN FONDO)
=============================================== */

.yanay-arrow {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    z-index: 30;

    background: transparent !important;  /*  FIX NO ROSA */
    border: none !important;             /*  FIX */
    outline: none !important;            /*  FIX */
    box-shadow: none !important;         /*  FIX */

    font-size: 90px;
    font-weight: 100;
    font-family: "Poppins", sans-serif;
    color: var(--verde-yanay);

    cursor: pointer;
    transition: 0.25s ease;
}

/* HOVER DEFINITIVO */
.yanay-arrow:hover {
    background: transparent !important; /* evita rosa */
    color: var(--dorado-yanay);
    transform: translateY(-50%) scale(1.18);
}

/* POSICIONES */
.yanay-arrow.left { left: -100px; }
.yanay-arrow.right { right: -100px; }


/* ===============================================
   PAGINACIÓN — PUNTOS INFERIORES
=============================================== */

.yanay-pagination {
    text-align: center;
    margin-top: 35px;
}

.yanay-dot {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 6px;
    border-radius: 50%;
    background: #c8d3c6;
    cursor: pointer;
    transition: 0.3s ease;
}

.yanay-dot.active {
    background: var(--verde-yanay);
    transform: scale(1.25);
}


/* Espacio en los card de actividades del indice */

/* === FIX: Más espacio debajo del carrusel === */
.yanay-carousel {
    padding-bottom: 90px !important;  /* antes 40px */
}

/* === FIX: Las tarjetas bajan visualmente === */
.yanay-track {
    padding-bottom: 40px; /* da más aire debajo de las cards */
}

/* === FIX: Los puntos bajan más y quedan centrados visualmente === */
.yanay-pagination {
    margin-top: 45px !important; /* antes 35px */
}

/* Opcional: si quieres aún más aire… */
/*
.yanay-actividades-carrusel {
    margin-bottom: 160px !important;
}
*/
/* === FIX: Asegurar que las flechas SIEMPRE estén visibles === */
.yanay-arrow {
    opacity: 1 !important;
    visibility: visible !important;
    color: var(--verde-yanay) !important;
    transition: color 0.25s ease, transform 0.25s ease !important;
}

/* Evitar que cualquier contenedor las oculte */
.yanay-arrow::before,
.yanay-arrow::after {
    opacity: 1 !important;
}

/* Swiper a veces pone opacidad 0: lo cancelamos */
.swiper-button-disabled,
.swiper-button-next,
.swiper-button-prev {
    opacity: 1 !important;
}



/* El track NO debe crecer más que el espacio visible */
.yanay-track {
    overflow: hidden;
    width: 100%;
    scroll-snap-type: x mandatory;
}

/* Cada slide encaja exacto */
.yanay-item {
    scroll-snap-align: start;
}



/* ===========================
   CARRUSEL TESTIMONIOS YANAY
=========================== */

.yanay-testimonios-carousel {
    position: relative;
    max-width: 1100px;
    margin: 60px auto;
    padding-bottom: 80px;
}

.yanay-testimonios-track {
    display: flex;
    gap: 30px;
    overflow: hidden;
    width: 100%;
    scroll-snap-type: x mandatory;
    padding-bottom: 40px;
}

.yanay-testimonio-item {
    flex: 0 0 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    scroll-snap-align: start;
}

/* Flechas iguales a actividades */
.yanay-testimonios-arrow {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    z-index: 10;

    background: transparent !important;
    border: none !important;

    font-size: 70px;
    font-weight: 100;
    color: var(--verde-yanay);
    cursor: pointer;
    transition: .25s;
}

.yanay-testimonios-arrow:hover {
    color: var(--dorado-yanay);
    transform: translateY(-50%) scale(1.18);
}

.yanay-testimonios-arrow.left { left: -80px; }
.yanay-testimonios-arrow.right { right: -80px; }

/* Puntos */
.yanay-testimonios-pagination {
    text-align: center;
    margin-top: 20px;
}

.yanay-testimonios-dot {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 6px;
    border-radius: 50%;
    background: #c8d3c6;
    cursor: pointer;
    transition: .3s;
}

.yanay-testimonios-dot.active {
    background: var(--verde-yanay);
    transform: scale(1.25);
}


/* ==============================================
   FLECHAS TESTIMONIOS — SIEMPRE VISIBLES
============================================== */

/* Fuerza que jamás se oculten */
.yanay-testimonios-arrow {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    font-size: 70px;
    font-weight: 100;
    font-family: "Poppins", sans-serif;
    color: var(--verde-yanay) !important;

    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    z-index: 50;

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

/* Hover bonito como el de actividades */
.yanay-testimonios-arrow:hover {
    color: var(--dorado-yanay) !important;
    transform: translateY(-50%) scale(1.15);
}

/* Posiciones */
.yanay-testimonios-arrow.left {
    left: -80px;
}

.yanay-testimonios-arrow.right {
    right: -80px;
}

/* Evitar que Swiper las apague */
.swiper-button-disabled,
.swiper-button-next,
.swiper-button-prev {
    opacity: 1 !important;
    visibility: visible !important;
}


/* DESACTIVAR SNAP REAL PARA TESTIMONIOS */
.yanay-testimonios-track {
    scroll-snap-type: none !important;
    -ms-scroll-snap-type: none !important;
    scroll-behavior: smooth !important;
}

.yanay-testimonio-item {
    scroll-snap-align: none !important;
}









/* =============== GALERÍA YANAY — FLECHAS PREMIUM ================= */
/* ============================================================
   GALERÍA "EXPLORA YANAY" — UNA IMAGEN CON FLECHAS PREMIUM
   ============================================================ */

.yanay-galeria {
    margin: 80px auto;
    padding: 20px;
    text-align: center;
}

.yanay-galeria h2 {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--verde-yanay);
    margin-bottom: 10px;
}

.yanay-galeria p {
    color: #000;
    font-size: 1.1rem;
    margin-bottom: 40px;
}

/* ===========================
   CONTENEDOR DEL CARRUSEL
=========================== */

.yanay-galeria-carousel {
    position: relative;
    max-width: 900px;
    margin: auto;
    padding-bottom: 80px;
}

/* ===========================
   TRACK — UNA IMAGEN A LA VEZ
=========================== */

.yanay-galeria-track {
    display: flex;
    overflow: hidden;
    width: 100%;
    scroll-behavior: smooth;
}

.yanay-galeria-item {
    flex: 0 0 100%;
    width: 100%;
}

.yanay-galeria-item img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

/* ===========================
   FLECHAS PREMIUM YANAY
=========================== */

.yanay-galeria-arrow {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    z-index: 50;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;

    font-size: 90px;
    font-weight: 100;
    font-family: "Poppins", sans-serif;
    color: var(--verde-yanay);

    cursor: pointer;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

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

.yanay-galeria-arrow.gal-left {
    left: -100px;
}

.yanay-galeria-arrow.gal-right {
    right: -100px;
}


.yanay-galeria-arrow:hover {
    color: var(--dorado-yanay);
    transform: translateY(-50%) scale(1.18);
}

/* ===========================
   PAGINACIÓN — PUNTOS
=========================== */

.yanay-galeria-pagination {
    text-align: center;
    margin-top: 35px;
}

.yanay-galeria-dot {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 6px;
    border-radius: 50%;
    background: #c8d3c6;
    cursor: pointer;
    transition: .3s;
}

.yanay-galeria-dot.active {
    background: var(--verde-yanay);
    transform: scale(1.25);
}

/* ===========================
   RESPONSIVE
=========================== */

@media (max-width: 900px) {
    .yanay-galeria-arrow.gal-left { left: -60px; }
    .yanay-galeria-arrow.gal-right { right: -60px; }
}

@media (max-width: 600px) {
    .yanay-galeria-item img {
        height: 280px;
    }

    .yanay-galeria-arrow {
        font-size: 60px;
    }

    .yanay-galeria-arrow.gal-left { left: -30px; }
    .yanay-galeria-arrow.gal-right { right: -30px; }
}
/* TRACK de actividades */
.yanay-track {
    display: flex;
    gap: 30px;
    overflow-x: hidden; /* si quieres que no se vea barra */
    scroll-behavior: smooth;
    width: 100%;
}

/* Cada item ocupa exactamente 1 tercio */
.yanay-item {
    min-width: calc((100% - 60px) / 3); 
    flex-shrink: 0;
}
/* ===========================
   FLECHAS GALERÍA YANAY — SIEMPRE VISIBLES
=========================== */

.yanay-galeria-arrow {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    z-index: 50;

    /* FORZAR VISIBILIDAD PERMANENTE */
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: block !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;

    font-size: 90px;
    font-weight: 100;
    font-family: "Poppins", sans-serif;
    color: var(--verde-yanay) !important;

    cursor: pointer;
    transition: color .25s ease, transform .25s ease !important;
}

/* POSICIONES */
.yanay-galeria-arrow.gal-left {
    left: -100px;
}

.yanay-galeria-arrow.gal-right {
    right: -100px;
}

/* HOVER */
.yanay-galeria-arrow:hover {
    color: var(--dorado-yanay) !important;
    transform: translateY(-50%) scale(1.18) !important;
    opacity: 1 !important;
}

/* ACTIVE/FOCUS - NO CAMBIAR VISIBILIDAD */
.yanay-galeria-arrow:active,
.yanay-galeria-arrow:focus {
    opacity: 1 !important;
    visibility: visible !important;
    outline: none !important;
}

/* CANCELAR CUALQUIER ESTILO QUE LAS OCULTE */
.yanay-galeria-arrow::before,
.yanay-galeria-arrow::after {
    opacity: 1 !important;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .yanay-galeria-arrow.gal-left { left: -60px; }
    .yanay-galeria-arrow.gal-right { right: -60px; }
}

@media (max-width: 600px) {
    .yanay-galeria-arrow {
        font-size: 60px;
    }

    .yanay-galeria-arrow.gal-left { left: -30px; }
    .yanay-galeria-arrow.gal-right { right: -30px; }
}

















/* ===============================================
   FIX: CARRUSEL ACTIVIDADES - SCROLL DE UNO EN UNO
=============================================== */

.yanay-track {
    scroll-snap-type: none !important; /* Desactivar snap para control manual */
}

.yanay-item {
    scroll-snap-align: none !important;
}