* { margin: 0; padding: 0; box-sizing: border-box; }

:root {
    --color-bg: #0a0a0f;
    --color-cyan: #00f5ff;
    --color-green: #25D366;
    --color-gold: #ffd700;
    --color-text: #fff;
    --color-text-muted: #ccc;
    --color-text-dim: #888;
    --font-title: 'Poppins', sans-serif;
    --font-body: 'Figtree', sans-serif;
}

body {
    background: var(--color-bg);
    color: var(--color-text);
    overflow-x: hidden;
    font-family: var(--font-body);
    line-height: 1.6;
}

/* ===== EL ESCENARIO ===== */
.scroll-container { height: 450vh; position: relative; }
.sticky-viewport { position: sticky; top: 0; width: 100vw; height: 100vh; overflow: hidden; background: var(--color-bg); }

/* ===== UTILIDADES ===== */
.hidden { display: none !important; }