/* assets/css/style.css */
body { 
    font-family: 'Inter', sans-serif; 
    background-color: #010409; 
    color: white; 
    overflow-x: hidden; 
    -webkit-font-smoothing: antialiased; 
}

/* Efecto de línea de escaneo */
.scan-line { 
    height: 2px; 
    background: linear-gradient(90deg, transparent, #22d3ee, transparent); 
    box-shadow: 0 0 25px #22d3ee; 
    animation: scan 2.2s infinite linear; 
    position: absolute; 
    left: 0;
    width: 100%; 
    z-index: 20; 
}

@keyframes scan { 
    0% { top: 0%; } 
    100% { top: 100%; } 
}

/* Botón Premium con efecto */
.btn-premium { 
    background: linear-gradient(135deg, #0891b2 0%, #0e7490 100%); 
    border-radius: 12px; 
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 
    box-shadow: 0 10px 20px -5px rgba(6, 182, 212, 0.3); 
}

.btn-premium:hover { 
    transform: translateY(-2px); 
    box-shadow: 0 15px 30px -5px rgba(6, 182, 212, 0.5); 
}

/* Tarjetas de cristal */
.glass-card { 
    background: rgba(13, 17, 23, 0.7); 
    backdrop-filter: blur(16px); 
    border: 1px solid rgba(48, 54, 61, 0.8); 
}

/* Ajustes extra para móvil que Tailwind no cubre bien */
@media (max-width: 640px) {
    .glass-card {
        backdrop-filter: blur(8px); /* Menos blur para mejorar rendimiento en móvil */
    }
}