/* Paleta EsSalud: azul del logo, azul profundo y celestes. */
:root{--brand-blue:#008abd;--brand-pink:#005b85;--brand-orange:#58b7df;--brand-yellow:#b3def4;--brand-gray:#595858;--brand-on-color:#19232e;--brand-on-strong:#fff;--brand-action-blue:#006c96;--blue:var(--brand-blue);--pink:var(--brand-pink);--orange:var(--brand-orange);--yellow:var(--brand-yellow);--teal:var(--brand-pink)}
.primary,.button.primary,.primary-button,.admin-form .primary-button,.access,.hero-actions .primary{background:var(--brand-action-blue);border-color:var(--brand-action-blue);color:var(--brand-on-strong)}
.primary:hover,.button.primary:hover,.primary-button:hover,.access:hover{background:var(--brand-action-blue);color:var(--brand-on-strong);outline:2px solid var(--brand-on-color);outline-offset:2px}
.nav-item.active{background:var(--brand-action-blue);color:var(--brand-on-strong);box-shadow:inset 3px 0 var(--brand-pink)}
.kpi .kpi-icon,.executive .exec-kpis .kpi .kpi-icon,.budget-kpi .kpi-icon{background:var(--brand-blue);color:var(--brand-on-strong)}
.kpi:nth-child(2) .kpi-icon,.executive .exec-kpis .kpi:nth-child(2) .kpi-icon{background:var(--brand-pink);color:var(--brand-on-strong)}
.kpi:nth-child(3) .kpi-icon,.executive .exec-kpis .kpi:nth-child(3) .kpi-icon{background:var(--brand-orange);color:var(--brand-on-color)}
.kpi:nth-child(4) .kpi-icon,.executive .exec-kpis .kpi:nth-child(4) .kpi-icon{background:var(--brand-yellow);color:var(--brand-on-color)}
.budget-kpi:nth-child(5) .kpi-icon{background:var(--brand-blue);color:var(--brand-on-strong)}
.budget-kpi:nth-child(6) .kpi-icon{background:var(--brand-pink);color:var(--brand-on-strong)}
.executive{--exec-blue:var(--brand-blue);--exec-pink:var(--brand-pink)}
.exec-signal.warning{border-color:var(--brand-orange)}.exec-signal.neutral,.auth-notice{border-left-color:var(--brand-blue)}
.budget-track span,.budget-month-fill,.exec-track span{background:var(--brand-blue)}.budget-track.pink span,.budget-month-fill.negative{background:var(--brand-pink)}
.budget-evolution-line{stroke:var(--brand-blue)}.budget-evolution-point circle:not([fill=transparent]){stroke:var(--brand-blue)}.budget-evolution-point circle.selected{fill:var(--brand-blue)}
.budget-ring-key{background:var(--brand-blue)}.exec-ring circle+circle{stroke:var(--brand-blue)}
.auth-container .primary-button{background:var(--brand-action-blue);color:var(--brand-on-strong)}
.hero-visual .metric{border-left-color:var(--brand-blue)}.hero-visual .metric.pink{border-left-color:var(--brand-pink)}.hero-visual .metric.amber{border-left-color:var(--brand-yellow)}
.hero-visual .metric strong{color:var(--brand-gray)}.hero-visual .tiny-bars i,.hero-visual .metric .track span{background:var(--brand-blue)}.hero-visual .metric.pink .track span{background:var(--brand-pink)}.hero-visual .metric.amber .track span{background:var(--brand-yellow)}
.hero h1 em{color:var(--brand-pink)}
input[type=checkbox],input[type=radio]{accent-color:var(--brand-blue)}

/* Superficies y detalles de marca; los estados de error mantienen sus colores semánticos. */
:root{--brand-gray:#30566a;--line:#dcebf2;--muted:#526d7c}
.eyebrow,.auth-card .eyebrow,.hero h1 em{color:var(--brand-action-blue)}
.environment i,.caption-line{background:var(--brand-blue)}
.color-line i:nth-child(1){background:var(--brand-blue)}.color-line i:nth-child(2){background:var(--brand-pink)}.color-line i:nth-child(3){background:var(--brand-orange)}.color-line i:nth-child(4){background:var(--brand-yellow)}
.segmented button.active,.sg-tabs button[aria-selected=true]{border-color:var(--brand-action-blue);color:var(--brand-action-blue);background:#e5f4fb}
.nav-group-toggle:hover,.nav-item:hover{background:#edf7fc;color:var(--brand-action-blue)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--brand-action-blue)}
