/* ESTILOS CSS - styles.css */
body { 
    font-family: 'Montserrat', sans-serif; 
    overflow-x: hidden; 
}

.hero-bg {
    /* FOTO DE FONDO: Note los dos puntos .. para salir de la carpeta css y entrar en img */
    background-image: 
        linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)),
        url('../img/fondo.jpg'), 
        url('https://images.unsplash.com/photo-1555215695-3004980adade?q=80&w=2070&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
    background-color: #111827;
    min-height: 85vh; 
}

.page-header-bg { background-image: linear-gradient(to right, #111827, #374151); }
.view-section { display: none; animation: fadeIn 0.4s ease-in-out; }
.view-section.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.group:hover .group-hover\:block { display: block; animation: slideDown 0.2s ease-out; }
@keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
.hover-instagram:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); border-color: transparent; color: white; }
.hover-tiktok:hover { background-color: #000000; border-color: transparent; color: white; }
.hover-whatsapp:hover { background-color: #25D366; border-color: transparent; color: white; }
.accordion-content { transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out; max-height: 0; opacity: 0; overflow: hidden; }
.accordion-content.open { max-height: 800px; opacity: 1; }
.rotate-180 { transform: rotate(180deg); }
.logo-white-filter { filter: brightness(0) invert(1); }
.gallery-thumb:hover { opacity: 0.7; border: 2px solid #ef4444; }