/* ============================================================
   Store admin · Base
   ------------------------------------------------------------
   Clases utilitarias y de tipografía con prefijo .sa-*.
   Es seguro cargarlo globalmente porque no toca selectores
   sin prefijo (no `body`, no `h1`/`h2` planos, no `a`).
   ============================================================ */

/* Box sizing universal (idempotente con reglas previas). */
*, *::before, *::after { box-sizing: border-box; }

/* Tipografía con clases ----------------------------------- */
h1.sa-title {
    margin: 0;
    font-size: clamp(1.35rem, 2.4vw, 1.75rem);
    line-height: 1.2;
    letter-spacing: -0.035em;
    font-weight: 700;
}

h2.sa-h2 {
    margin: 0;
    font-size: 1.08rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
    font-weight: 650;
}

h3.sa-h3 {
    margin: 0;
    font-size: 0.96rem;
    line-height: 1.35;
    letter-spacing: -0.01em;
    font-weight: 650;
}

.sa-eyebrow {
    color: var(--sa-muted);
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 0.03em;
    line-height: 1.1;
    text-transform: uppercase;
}

.sa-muted { color: var(--sa-muted); }

.sa-help {
    color: var(--sa-muted);
    font-size: 12.5px;
    line-height: 1.4;
}

.sa-help.is-error   { color: var(--sa-danger); }
.sa-help.is-success { color: var(--sa-success); }
.sa-help.is-warning {
    display: block;
    padding: 10px 12px;
    border: 1px solid rgba(245, 158, 11, 0.24);
    border-radius: var(--sa-radius-sm);
    background: #fffbeb;
    color: #92400e;
}

.sa-help a {
    color: currentColor;
    text-decoration: underline;
}

hr.sa-divider {
    border: 0;
    border-top: 1px solid var(--sa-border);
    margin: 0;
}