/* style.css */

/* Utilidades para ocultar scrollbar */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Animaciones */
.fade-in-up { animation: fadeInUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; opacity: 0; transform: translateY(30px); }
@keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }

/* Efectos de vidrio (Glassmorphism) */
.glass { background: rgba(5, 5, 5, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.glass-card { background: rgba(20, 20, 20, 0.6); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.03); }

/* Estados activos */
.nav-btn.active { background-color: #D4AF37; color: #000000; font-weight: 700; box-shadow: 0 0 20px rgba(212, 175, 55, 0.2); border-color: #D4AF37; }

/* Badge para platos destacados */
.badge-destacado {
    background: linear-gradient(135deg, #D4AF37 0%, #F59E0B 100%);
    color: #000;
    font-weight: bold;
    font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 4px 8px;
    border-radius: 4px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 30;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

/* Estructura general */
main, footer, nav { position: relative; z-index: 20; }
.hero-mask { mask-image: linear-gradient(to bottom, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 100%); }

/* --- EFECTO NEÓN MOBILE --- */
@keyframes neon-pulse-mobile {
    0%, 100% {
        text-shadow: 
            0 0 10px rgba(192, 86, 33, 0.05),
            0 0 15px rgba(160, 50, 20, 0.0);
        color: #d3551b;
    }
    50% {
        text-shadow: 
            0 0 30px rgba(216, 116, 65, 0.3),
            0 0 35px rgba(192, 86, 33, 0.2),
            0 0 50px rgba(100, 30, 10, 0.1);
        color: #e26516;
    }
}

.pelican-neon-text {
    animation: neon-pulse-mobile 4s infinite ease-in-out;
    transition: color 2s ease-in-out;
}