/* WebAuge — base.css · CAPA CANÓNICA COMPARTIDA.
   La cargan las 30 páginas del sistema: landing, E3, Mi WebAuge y Admin.
   Es la única hoja que declara :root (D1 de la normativa de consolidación):
   ninguna hoja de superficie puede declarar tokens, sólo consumirlos con var(--wa-*). */
:root{
  /* Movidos desde las hojas de superficie en E6 · D1: base.css es la única capa de tokens */
  --wa-footer-mid:#0A2138; --wa-footer-end:#0D2C4A; --wa-error-on-dark:#F27168;
--wa-ink:#051323; --wa-green:#5FCD16; --wa-white:#FFFFFF; --wa-soft:#F7F9FC; --wa-neutral:#667085;
  --wa-ink-rgb:5,19,35; --wa-green-rgb:95,205,22; --wa-white-rgb:255,255,255; --wa-error-rgb:180,35,24; --wa-warn-rgb:181,71,8;
  --wa-border:rgba(5,19,35,0.10); --wa-border-strong:rgba(5,19,35,0.18);
  --wa-hover-soft:#EEF2F7; --wa-active-soft:#E6EBF2; --wa-green-tint:rgba(95,205,22,0.12);
  --wa-green-hover:#52B711; --wa-green-active:#4AA60F; --wa-ink-hover:#12263D; --wa-ink-active:#0B1B2E; --wa-ink-soft:#3B4658;
  --wa-disabled-bg:#F2F4F7; --wa-disabled-text:#98A2B3;
  --wa-focus-ring:#2E6A0A; --wa-green-accessible-text:#36720C;
  --wa-warn:#B54708; --wa-warn-bg:#FBF4EA; --wa-warn-border:rgba(181,71,8,0.28); --wa-warn-on-dark:#FBBF77;
  --wa-error:#B42318; --wa-error-bg:#FCF1F0; --wa-error-border:rgba(180,35,24,0.28); --wa-error-hover:#9B1E14; --wa-error-active:#871A11;
  --wa-shadow-sm:0 1px 2px rgba(5,19,35,0.06); --wa-shadow-md:0 4px 12px rgba(5,19,35,0.08); --wa-shadow-lg:0 12px 32px rgba(5,19,35,0.14);
  --wa-r-control:8px; --wa-r-btn:10px; --wa-r-card:16px; --wa-r-modal:20px; --wa-r-pill:999px;
  --wa-t-micro:120ms; --wa-t-std:200ms; --wa-t-overlay:320ms; --wa-ease:cubic-bezier(0.2,0,0,1);}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--wa-white);color:var(--wa-ink);font-family:'Manrope',sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--wa-ink)}
a:hover{color:var(--wa-green-accessible-text)}
:focus-visible{outline:3px solid var(--wa-focus-ring);outline-offset:2px;border-radius:4px}
.material-symbols-outlined{font-variation-settings:'opsz' 24,'wght' 300,'FILL' 0,'GRAD' 0;user-select:none}
@keyframes wa-spin{
  to{transform:rotate(360deg)}
}
@keyframes wa-shimmer{
  0%{background-position:-400px 0}
  100%{background-position:400px 0}
}
@keyframes wa-toast-in{
  from{opacity:0;transform:translate(-50%,12px)}
  to{opacity:1;transform:translate(-50%,0)}
}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--wa-r-btn);border:none;font:600 14.5px 'Manrope',sans-serif;cursor:pointer;transition:background var(--wa-t-micro) var(--wa-ease)}
.btn-primary{background:var(--wa-green);color:var(--wa-ink)}
.btn-primary:hover,.btn-primary.is-hover{background:var(--wa-green-hover)}
.btn-primary.is-active{background:var(--wa-green-active);transform:translateY(1px)}
.btn-secondary{background:var(--wa-ink);color:var(--wa-white)}
.btn-secondary:hover,.btn-secondary.is-hover{background:var(--wa-ink-hover)}
.btn-secondary.is-active{background:var(--wa-ink-active);transform:translateY(1px)}
.btn-tertiary{background:var(--wa-white);color:var(--wa-ink);border:1px solid var(--wa-border-strong)}
.btn-tertiary:hover,.btn-tertiary.is-hover{background:var(--wa-hover-soft)}
.btn-tertiary.is-active{background:var(--wa-active-soft);transform:translateY(1px)}
.btn.is-focus{box-shadow:0 0 0 3px var(--wa-focus-ring)}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:13.5px;font-weight:600}
.field input{height:48px;padding:0 14px;border-radius:var(--wa-r-btn);border:1px solid var(--wa-border-strong);background:var(--wa-white);font:400 15px 'Manrope',sans-serif;color:var(--wa-ink)}
.field input:focus,.field select:focus,.field textarea:focus,.field .is-focus{border-color:var(--wa-ink);box-shadow:0 0 0 3px var(--wa-focus-ring);outline:none}
.field .is-error{border:1.5px solid var(--wa-error)}
.check{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;cursor:pointer}
.check input{width:20px;height:20px;accent-color:var(--wa-green);flex-shrink:0;margin:1px 0 0}
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--wa-r-pill);font-size:13px;font-weight:600}
.badge .dot{width:7px;height:7px;border-radius:50%}
.badge-success{background:var(--wa-green-tint);border:1px solid rgba(var(--wa-green-rgb),0.4);color:var(--wa-green-accessible-text)}
.badge-success .dot{background:var(--wa-green)}
.badge-ink{background:var(--wa-ink);color:var(--wa-white)}
.alert{display:flex;gap:12px;padding:16px 18px;border-radius:12px;font-size:14px;line-height:1.55}
.alert .material-symbols-outlined{font-size:21px}
.alert-info{background:var(--wa-soft);border:1px solid rgba(var(--wa-ink-rgb),0.14)}
.alert-info .material-symbols-outlined{color:var(--wa-ink-soft)}
.acc{border:1px solid var(--wa-border);border-radius:12px;overflow:hidden}
.acc + .acc{margin-top:8px}
.acc-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border:none;background:var(--wa-white);font:600 15px 'Manrope',sans-serif;color:var(--wa-ink);cursor:pointer;text-align:left}
.acc-btn:hover{background:var(--wa-soft)}
.acc-btn .material-symbols-outlined{font-size:20px;color:var(--wa-neutral)}
.acc-body{padding:0 18px 16px;font-size:14px;line-height:1.6;color:var(--wa-neutral);display:none}
.acc.open .acc-body{display:block}