/* Portal Grupo Mercadeo — base común a todas las páginas:
   colores, tipografías, banda de marca, logo claro/oscuro y cajas de mensajes. */

:root{
  --bg:#F2F5FA; --surface:#FFFFFF; --surface-2:#E9EEF6; --ink:#0F1E3D; --muted:#56627A; --line:#D9E0EC;
  --brand:#12254A; --brand-ink:#FFFFFF; --sky:#94AEDC; --sky-soft:#DCE6F6;
  --ok:#1C7448; --ok-bg:#E3F3EA; --warn:#995300; --warn-bg:#FCF0DD; --bad:#B4232A; --bad-bg:#FBE6E6; --info:#1F4F96; --info-bg:#E2EBF8;
  --f-display:"Sora","Figtree",system-ui,sans-serif;
  --f-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --r:12px;
}
/* Modo oscuro: sigue al sistema, salvo que la página fije data-theme="light" */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0A1324; --surface:#111D34; --surface-2:#18263F; --ink:#E7ECF5; --muted:#9BA8BF; --line:#24334F;
  --brand:#1A3466; --brand-ink:#FFFFFF; --sky:#7F9CD3; --sky-soft:#1E2F52;
  --ok:#5CC48E; --ok-bg:#12301F; --warn:#F0AE52; --warn-bg:#35260C; --bad:#F2797D; --bad-bg:#3A1518; --info:#93B4EC; --info-bg:#162A4C; color-scheme:dark}}
/* Tema oscuro fijado por la página */
:root[data-theme="dark"]{
  --bg:#0A1324; --surface:#111D34; --surface-2:#18263F; --ink:#E7ECF5; --muted:#9BA8BF; --line:#24334F;
  --brand:#1A3466; --brand-ink:#FFFFFF; --sky:#7F9CD3; --sky-soft:#1E2F52;
  --ok:#5CC48E; --ok-bg:#12301F; --warn:#F0AE52; --warn-bg:#35260C; --bad:#F2797D; --bad-bg:#3A1518; --info:#93B4EC; --info-bg:#162A4C; color-scheme:dark}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.45;-webkit-text-size-adjust:100%}
img{max-width:100%}
[hidden]{display:none!important}

/* Logo: se muestra la versión que corresponde al tema */
.logo-dark{display:none}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .logo-light{display:none}:root:not([data-theme="light"]) .logo-dark{display:block}}
:root[data-theme="dark"] .logo-light{display:none}
:root[data-theme="dark"] .logo-dark{display:block}

/* Banda de marca superior */
.band{display:grid;grid-template-columns:35fr 30fr 35fr;height:6px}
.band i:nth-child(1),.band i:nth-child(3){background:var(--brand)}
.band i:nth-child(2){background:var(--sky)}

/* Mensajes */
.errorbox,.okbox,.infobox,.aviso{border-radius:9px;padding:10px 12px;font-size:13px;font-weight:600}
.errorbox{background:var(--bad-bg);color:var(--bad)}
.okbox,.aviso{background:var(--ok-bg);color:var(--ok)}
.infobox{background:var(--sky-soft);color:var(--ink)}

input:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--sky);outline-offset:2px}