/* Estilos comunes de las páginas públicas (index, galería, contacto) */

body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #121110; color: #FAF9F6; transition: background-color 0.3s ease, color 0.3s ease; }

.glass-panel {
    background: rgba(26, 24, 23, 0.7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Versión Modo Claro (Light Mode overrides) */
.light body {
    background-color: #F4F1EA !important;
    color: #1A1817 !important;
}
.light .glass-panel {
    background: rgba(255, 255, 255, 0.75) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.light .text-cream {
    color: #1A1817 !important;
}
.light .text-stoneMuted {
    color: #665F59 !important;
}
/* El arena claro no se lee sobre fondo claro: se usa un arena oscuro */
.light .text-accentSand {
    color: #8A6A4F !important;
}
.light .bg-editorialCard {
    background-color: #EAE5DC !important;
}
/* Fondos y bordes blancos semitransparentes -> grises suaves */
.light .bg-white\/5 {
    background-color: rgba(0, 0, 0, 0.04) !important;
}
.light .bg-white\/10 {
    background-color: rgba(0, 0, 0, 0.07) !important;
}
.light .border-white\/5,
.light .border-white\/10 {
    border-color: rgba(0, 0, 0, 0.1) !important;
}
.light input, .light select, .light textarea {
    color: #1A1817 !important;
    background-color: rgba(0, 0, 0, 0.03) !important;
}
/* Degradado sobre el video de portada: claro en modo claro para que se lea el texto oscuro */
.light .hero-overlay {
    background-image: linear-gradient(to top, #F4F1EA 0%, rgba(244, 241, 234, 0.8) 50%, rgba(244, 241, 234, 0.35) 100%) !important;
}