/* =============================================================
   Acceso — Public Pages · Consolidated Styles
   ============================================================= */

/* ── Typography ─────────────────────────────────────────────── */
body {
    font-family: 'Google Sans Flex', 'Inter', system-ui, -apple-system, sans-serif;
}

/* ── Material Symbols ───────────────────────────────────────── */
.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24;
}

/* ── Scrollbar ──────────────────────────────────────────────── */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* ── Animations ─────────────────────────────────────────────── */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-10px); }
}

.float-animation {
    animation: float 6s ease-in-out infinite;
}

/* ── Glass Effect ───────────────────────────────────────────── */
.glass-nav {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* ── Scroll Progress Bar ────────────────────────────────────── */
.scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    background: #7f13ec;
    width: 100%;
    transform-origin: left;
    transform: scaleX(0);
    z-index: 60;
    transition: transform 0.1s ease-out;
    pointer-events: none;
}