/* Confirma2 · identidad vigente v1.0 · 10-nov-2026.
   Cargar después de los estilos de cada pantalla. Los nombres --verde* son
   alias heredados: las interacciones utilizan índigo, no verde de marca. */
:root {
  --c2-indigo:#4F46E5;
  --c2-coral:#FB7185;
  --c2-noche:#172033;
  --c2-marfil:#FAF8F5;
  --c2-lavanda:#EEECFF;
  --c2-hover:#4338CA;
  --bg:var(--c2-marfil);
  --card:#FFFFFF;
  --ink:var(--c2-noche);
  --ink2:#596174;
  --ink3:#596174;
  --linea:#E5E1EF;
  --linea2:#D6D2F3;
  --verde:var(--c2-indigo);
  --verde2:var(--c2-hover);
  --verde-osc:var(--c2-hover);
  --verde-suave:var(--c2-lavanda);
  --coral:var(--c2-coral);
  --crema:var(--c2-marfil);
  --tinta:var(--c2-noche);
  --gris:var(--ink2);
  --pino:var(--c2-noche);
  --verde-hover:var(--c2-hover);
  --claro-2:#D6D2F3;
  --display:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --texto:var(--display);
}
.logo {
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
  text-decoration:none;
  line-height:1;
}
.logo .brand-logo {
  display:block;
  width:144px;
  height:36px;
  max-width:100%;
  object-fit:contain;
}
.cab .logo .brand-logo,
.pie .logo .brand-logo { width:160px; height:40px; }
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,summary:focus-visible {
  outline:2px solid var(--c2-indigo);
  outline-offset:3px;
}
.pie :focus-visible,.cierre :focus-visible,.verde :focus-visible {
  outline-color:var(--c2-marfil);
}
/* Coral with night-blue text keeps labels readable (6.04:1). */
.nav .badge,.icono-btn .punto { color:var(--c2-noche); }
.btn.sec,.btn.claro { border-color:var(--c2-indigo); }
.btn.claro { box-shadow:inset 0 0 0 1px var(--c2-indigo); }
.nav .nav-centro svg { box-shadow:0 6px 16px rgba(79,70,229,.25); }
.portada,.pv-portada,.r-portada { background-color:var(--c2-lavanda); background-image:none; }
.codigo { color:var(--c2-marfil); }
@media (max-width:640px) {
  .cab .logo .brand-logo { width:144px; height:36px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after {
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}