/* Mango Dev · Documentos legales. Menos, pero mejor. */
@font-face{font-family:"Google Sans Flex";src:local("Google Sans Flex");font-display:swap}
:root{
  --azul:#025FC9;--grafito:#16181D;--texto:#1D2026;--suave:#5B6270;--linea:#E6E8EC;--fondo:#FFFFFF;--panel:#F5F7FA;
  --degradado:linear-gradient(90deg,#4EE1FE,#0292DF,#3A9349,#ACCB19,#FCDE0F,#FE5902);
  --font:"Google Sans Flex",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--texto);font:400 17px/1.65 var(--font)}
a{color:var(--azul);text-underline-offset:3px}
.barra{height:4px;background:var(--degradado)}
header.top{max-width:760px;margin:0 auto;padding:22px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
header.top img{height:28px;display:block}
header.top nav a{font-size:15px;color:var(--suave);text-decoration:none}
main{max-width:760px;margin:0 auto;padding:24px 16px 72px}
.eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--azul);font-weight:600;margin:0 0 8px}
h1{font-size:clamp(30px,6vw,44px);line-height:1.1;letter-spacing:-.02em;margin:0 0 12px}
.meta{color:var(--suave);font-size:15px;margin:0 0 32px}
.corto{background:var(--panel);border-radius:16px;padding:20px 22px;margin:0 0 40px}
.corto h2{font-size:15px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em;color:var(--suave)}
.corto ul{margin:0;padding-left:20px}
h2{font-size:22px;letter-spacing:-.01em;margin:44px 0 10px}
h3{font-size:18px;margin:26px 0 6px}
p,li{max-width:68ch}
li{margin:4px 0}
table{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--linea);vertical-align:top}
th{color:var(--suave);font-weight:600}
mark.falta{background:#FFF1B8;color:#5C4600;padding:0 4px;border-radius:4px}
.nota{border-left:3px solid var(--azul);padding:4px 0 4px 16px;color:var(--suave)}
footer.pie{background:var(--grafito);color:#C9CDD5;padding:36px 16px}
footer.pie div{max-width:760px;margin:0 auto;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:15px}
footer.pie a{color:#FFFFFF;text-decoration:none}
footer.pie p{max-width:760px;margin:18px auto 0;font-size:14px}
@media print{.barra,header.top nav,footer.pie{display:none}body{font-size:12pt}}