/* Portada/Inicio (index.html) Specific Styles for Restaurante Alberca */

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

.smoke-overlay {
    background: linear-gradient(to bottom, transparent, #0A0A0A);
}

.text-glow {
    text-shadow: 0 0 20px rgba(179, 70, 37, 0.4);
}

.glass-panel {
    backdrop-filter: blur(16px);
    background: rgba(20, 20, 20, 0.7);
}

@keyframes smoke-drift {
    0% { transform: translateY(0) scale(1); opacity: 0.3; }
    50% { transform: translateY(-20px) scale(1.1); opacity: 0.5; }
    100% { transform: translateY(-40px) scale(1.2); opacity: 0.3; }
}

.smoke-particle {
    animation: smoke-drift 8s infinite alternate ease-in-out;
}

/* Button hover color interaction overrides */
.group:hover span {
    color: #0A0A0A;
}

/* Animation for Completo Hoy hanging sign */
@keyframes hanger-sway {
    0% { transform: translate(-50%, 0) rotate(-1.5deg); }
    50% { transform: translate(-50%, 0) rotate(1.5deg); }
    100% { transform: translate(-50%, 0) rotate(-1.5deg); }
}

.animate-hanger-sway {
    animation: hanger-sway 5s ease-in-out infinite;
}