/* ═══════════════════════════════════════════════════════════════
   PUBLICO-2026.CSS — Rediseño octubre 2026 para las páginas sueltas
   (Términos, Privacidad, Soporte, 403/404, recuperar acceso, Planes,
   Pagos, página pública del negocio, cotización pública…).
   Cada una tenía su propia paleta con nombres distintos; aquí se
   redefinen TODOS esos nombres con los colores y letras nuevas.
   Se carga DESPUÉS del <style> de cada página.
   ═══════════════════════════════════════════════════════════════ */
:root{
  /* marca */
  --brand:#4F46E5; --brand-2:#6366F1; --brand-dark:#3730A3; --brand-600:#4338CA; --brand-glow:#C7CBF5;
  --brand-grad:#4F46E5; --grad:#4F46E5; --gradient:#4F46E5; --primary-gradient:#4F46E5;
  --brand-soft:#EEF0FF;
  --primary:#4F46E5; --primary-dark:#3730A3; --primary-hover:#4338CA; --primary-soft:#EEF0FF; --primary-light:#EEF0FF;
  --primary-glow:#C7CBF5; --primary-50:#EEF0FF; --primary-600:#4338CA; --primary-700:#3730A3; --primary-800:#312E81;
  --pri:#4F46E5; --pri2:#3730A3;
  /* textos */
  --ink:#1E1B4B; --ink-2:#575B84; --ink-3:#8A8DAE;
  --text:#1E1B4B; --text-1:#1E1B4B; --text-2:#575B84; --text-3:#8A8DAE; --text-dark:#1E1B4B; --muted:#575B84;
  /* fondos y bordes */
  --bg:#F6F7FC; --bg-soft:#F6F7FC; --card:#FFFFFF; --surface:#FFFFFF; --white:#FFFFFF;
  --line:#E4E7F2; --border:#E4E7F2; --border-light:#EEF0F7;
  /* estados */
  --ok:#17845A; --ok-soft:#DDF3E8; --success:#17845A; --accent:#17845A; --accent-dark:#11643F;
  --bad:#C2283A; --danger:#C2283A; --danger-soft:#FDE7E9; --amber:#B45309;
  /* sombras: planas */
  --sh-sm:none; --sh-md:none; --shadow-sm:none; --shadow-md:none; --shadow-card:none; --shadow-lg:0 24px 50px -24px rgba(30,27,75,.3);
  --sh-brand:0 12px 24px -12px rgba(79,70,229,.6); --shadow-brand:0 12px 24px -12px rgba(79,70,229,.6); --shadow-btn:0 12px 24px -12px rgba(79,70,229,.6);
  /* letras */
  --font:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-head:"Bricolage Grotesque",system-ui,sans-serif;
  --font-display:"Bricolage Grotesque",system-ui,sans-serif;
}
body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-head);letter-spacing:-.02em}
h1{font-weight:800}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:8px}