/**
 * Tema del login — azul institucional + morado
 */
:root {
    --auth-primary: #0a58ca;
    --auth-primary-dark: #084298;
    --auth-indigo: #6366f1;
    --auth-secondary: #cd0bae;
    --auth-accent: #e91ec8;
    --auth-gradient: linear-gradient(135deg, #0a58ca 0%, #6366f1 38%, #cd0bae 100%);
    --auth-gradient-h: linear-gradient(90deg, #0a58ca 0%, #6366f1 45%, #cd0bae 100%);
    --auth-gradient-v: linear-gradient(180deg, #0a58ca 0%, #6366f1 45%, #cd0bae 100%);

    --primary-color: var(--auth-primary);
    --secondary-color: var(--auth-secondary);
}

.auth-badge {
    display: inline-block;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #fff;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.28);
    padding: 4px 10px;
    border-radius: 6px;
    line-height: 1;
}

.auth-pill {
    display: inline-block;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.88);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    padding: 4px 10px;
    border-radius: 6px;
    line-height: 1;
}

.auth-pill--light {
    color: var(--auth-secondary);
    background: rgba(205, 11, 174, 0.08);
    border-color: rgba(205, 11, 174, 0.2);
}