.glass-card { background: rgba(255,255,255,0.95); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.8); border-radius: 1rem; box-shadow: 0 20px 40px rgba(0,0,0,0.05); }

/* HER0: Imagen de fondo fija */
.hero-bg { 
    position: relative; 
    overflow: hidden; 
}
.hero-bg img {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    object-fit: cover;
    opacity: 0.8;
    z-index: 0;
}

/* FONDO DINÁMICO ANIMADO */
.dynamic-bg {
    background: linear-gradient(-45deg, #fe5f00, #fe73f4, #ffd500);
    background-size: 400% 400%;
    animation: gradientBG 15s ease infinite;
}
@keyframes gradientBG {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.gold-btn { background: #fe5f00; color: white; font-weight: 700; transition: 0.3s; }
.gold-btn:hover { background: #d94e00; transform: translateY(-2px); }
.input-field { width: 100%; padding: 0.75rem; border: 1px solid #E2E8F0; border-radius: 0.5rem; outline: none; font-size: 0.9rem; }
.input-field:focus { border-color: #fe5f00; ring: 2px solid rgba(254,95,0,0.2); }
.input-label { font-size: 0.7rem; font-weight: 800; text-transform: uppercase; color: #94A3B8; margin-bottom: 4px; display: block; }
.admin-nav-btn { w-full text-left py-3 px-4 rounded-lg hover:bg-slate-800 transition flex items-center gap-3 text-slate-400; }
.admin-nav-btn.active { background: rgba(254,95,0,0.1); color: #fe5f00; border: 1px solid rgba(254,95,0,0.2); }
.stat-card { padding: 1.5rem; border-radius: 0.75rem; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
.fade-in { animation: fadeIn 0.5s ease-out forwards; }
.animate-slideUp { animation: slideUp 0.7s ease-out forwards; }
@keyframes fadeIn { from{opacity:0} to{opacity:1} }
@keyframes slideUp { from{opacity:0; transform:translateY(20px)} to{opacity:1; transform:translateY(0)} }