/* =============================================================================
   GAIA VIP — Base Styles
   -----------------------------------------------------------------------------
   Estilos base: accesibilidad (skip link), html/body, tipografía y fondo.
   - No hay layout aquí.
   - Mantenerlo mínimo y estable.
   ============================================================================= */

    /* Skip link */
    a[href="#main-content"] {
        position: absolute;
        left: -9999px;
        top: 0;
        z-index: 4000;
        padding: .45rem .75rem;
        border-radius: .6rem;
        background: var(--bg-surface-soft);
        border: 1px solid var(--border-strong);
        color: var(--text-main);
        text-decoration: none;
        box-shadow: 0 10px 26px rgba(0,0,0,.20);
    }

        a[href="#main-content"]:focus,
        a[href="#main-content"]:focus-visible {
            left: 1rem;
            top: 1rem;
            outline: 2px solid var(--accent-primary);
            outline-offset: 2px;
        }

    html, body {
        height: 100%;
    }

    body {
        margin: 0;
        font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
        background: var(--bg-body);
        color: var(--text-main);
    }