/* Estilos base compartidos entre páginas de SmartPasses */

body {
    font-family: 'Inter', sans-serif;
    background-color: #111827;
    color: #e0e0e0;
    overflow-x: hidden;
}

.glass-effect {
    background: rgba(255, 255, 255, 0.05);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-up.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.background-shape {
    position: fixed;
    border-radius: 50%;
    filter: blur(150px);
    opacity: 0.4;
    z-index: -2;
}
.shape1 { width: 400px; height: 400px; background: #2563eb; top: -100px; left: -100px; }
.shape2 { width: 350px; height: 350px; background: #10b981; bottom: -50px; right: -80px; }
.shape3 { width: 250px; height: 250px; background: #0ea5e9; top: 50%; left: 50%; transform: translate(-50%, -50%); }

html {
    scroll-behavior: smooth;
}