/* FUENTES Y BASE */
body { 
    font-family: 'Montserrat', sans-serif; 
    color: #4a4a4a; 
    overflow-x: hidden; /* Evita scroll horizontal indeseado */
}

.font-serif-brand { 
    font-family: 'Playfair Display', serif; 
}

/* NAVBAR */
#navbar { transition: all 0.4s ease; }

/* Nav Transparente (Inicio) */
.nav-transparent {
    background-color: transparent;
    padding: 25px 40px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}
.nav-transparent .nav-text { color: #ffffff; }
.nav-transparent .btn-book { border-color: #ffffff; color: #ffffff; }
.nav-transparent #mobile-menu-btn { color: #ffffff; }

/* Nav con Scroll (Blanco) */
.nav-scrolled {
    background-color: rgba(255, 252, 248, 0.98);
    padding: 15px 40px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.nav-scrolled .nav-text { color: #2c2c2c; }
.nav-scrolled .btn-book { border-color: #2c2c2c; color: #2c2c2c; }
.nav-scrolled .btn-book:hover { background-color: #2c2c2c; color: #ffffff; }
.nav-scrolled #mobile-menu-btn { color: #2c2c2c; }

/* Botón Reservar del Menú */
.btn-book {
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    font-weight: 600;
}
.btn-book:hover { 
    transform: translateY(-2px); 
    background: rgba(255,255,255,0.2); 
}

/* IDIOMAS */
.lang-btn { cursor: pointer; }
.lang-btn.active { 
    font-weight: 700; 
    text-decoration: underline; 
    text-underline-offset: 4px; 
}

/* HERO VIDEO */
.video-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;
}
.dark-overlay {
    background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.2));
    position: absolute; inset: 0; z-index: 1;
}

/* CALENDARIO */
.calendar-container iframe { width: 100%; min-height: 500px; }

/* TRANSICIONES DE IMAGEN (SLIDESHOW) - TRUCO CROSSFADE */
.slideshow-container {
    position: relative;
    background-color: #F9F7F2;
    overflow: hidden;
    z-index: 1;
}

.slideshow-img { 
    transition: opacity 1.5s ease-in-out; 
    opacity: 1; 
    position: relative;
    z-index: 2;
}

.slideshow-img.fade-out { 
    opacity: 0; 
}

/* VIDEO CONTAINER (SECCIÓN INTERIOR) */
.video-container {
    position: relative; width: 100%; height: 500px; overflow: hidden;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}
.video-container video { width: 100%; height: 100%; object-fit: cover; }

/* LIGHTBOX (GALERÍA MODAL) */
#lightbox { 
    backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(10px); 
}
.cursor-zoom-in { cursor: zoom-in; }

/* Puntos de navegación del lightbox */
.dot { 
    width: 10px; height: 10px; 
    border-radius: 50%; 
    background-color: rgba(255,255,255,0.3); 
    cursor: pointer; 
    transition: all 0.3s ease; 
}
.dot.active { 
    background-color: white; 
    transform: scale(1.2); 
}