/* Tokens de marca — Material_apoyo/Brand/palette.json.
   Se repiten acá en vez de importarse porque estas dos páginas se sirven
   sueltas y no hay build: un @import que no resuelva las dejaría sin estilo
   y nadie lo notaría hasta que un revisor de tienda las abra. */
:root{
  --azul-aforo:#12385C; --azul-hondo:#0E2A44; --ambar-puesto:#E8A317;
  --papel:#F2F5F8; --papel-sombra:#E6EBF1; --blanco:#FFFFFF;
  --tinta:#0E1621; --tinta-suave:#5B6676; --borde:#D4DCE5;
}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);
  font:400 16px/1.65 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
header{background:var(--azul-aforo);color:var(--papel);padding:28px 20px}
header .caja{max-width:760px;margin:0 auto}
header a{color:var(--papel);text-decoration:none;font:800 20px/1 Manrope,sans-serif}
header p{margin:10px 0 0;color:var(--papel);opacity:.85;font-size:14px}
main{max-width:760px;margin:0 auto;padding:32px 20px 64px}
h1{font:800 28px/1.25 Manrope,sans-serif;margin:0 0 6px}
h2{font:700 19px/1.3 Manrope,sans-serif;margin:32px 0 10px;color:var(--azul-hondo)}
p,li{color:#25313F}
.fecha{color:var(--tinta-suave);font-size:14px;margin:0 0 24px}
table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;
  margin:14px 0;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--borde);
  vertical-align:top;overflow-wrap:anywhere}
th{background:var(--papel-sombra);font-weight:600}
.caja-aviso{background:var(--blanco);border:1px solid var(--borde);
  border-left:4px solid var(--ambar-puesto);border-radius:10px;padding:16px 18px;margin:20px 0}
.caja-aviso p{margin:0}
code,.mono{font:500 14px/1.5 "JetBrains Mono",ui-monospace,monospace}
a{color:var(--azul-aforo)}
footer{border-top:1px solid var(--borde);margin-top:48px;padding-top:20px;
  color:var(--tinta-suave);font-size:14px}

html,body{overflow-x:hidden;max-width:100%}
