/* Tokens de marca AAINTER (ARQUITECTURA.md 17.5). Colores extraídos del logo. */
:root {
    --aai-azul: #11559C;
    --aai-azul-oscuro: #1C3A74;
    --aai-verde: #8DB33F;
    --aai-verde-claro: #A8CA42;
    --aai-texto: #1f2937;
    --aai-fondo: #f6f8fb;
}

body {
    margin: 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    color: var(--aai-texto);
    background: var(--aai-fondo);
}

/* A (interno) y B (portal) se distinguen a simple vista: barra distinta y etiqueta "Interno" en A. */
.aai-barra {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 1.25rem;
    background: var(--aai-azul);
    color: #fff;
    border-bottom: 4px solid var(--aai-verde);
}
.aai-marca { display: flex; align-items: center; gap: 0.6rem; color: inherit; text-decoration: none; font-weight: 600; letter-spacing: 0.04em; }
.aai-marca img { background: #fff; border-radius: 6px; }
.aai-etiqueta { margin-left: auto; padding: 0.15rem 0.6rem; border-radius: 999px; background: var(--aai-verde); color: #0f1f3d; font-size: 0.8rem; font-weight: 600; }
.aai-contenido { padding: 1.5rem; max-width: 1200px; margin: 0 auto; }
a { color: var(--aai-azul); }

/* Portal cliente */
.aai-contenido { max-width: 900px; }
.aai-avance { height: 0.6rem; }