/* Páginas legales. Mismos tokens que el landing (web/index.html): si allá cambia
   la paleta, acá también hay que cambiarla — no hay build que los una. */
:root{
  --cobalto:#1B3BFF; --coral:#FF5A3C; --tinta:#101426;
  --lienzo:#E8E8E4; --papel:#F5F7FF; --sec:#5B6480; --muted:#8A93B0;
  --ambar:#F9A825;
  --tit:'Archivo',system-ui,sans-serif; --body:'Instrument Sans',system-ui,sans-serif;
  --mono:'DM Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--lienzo);color:var(--tinta);
     font-family:var(--body);font-size:16px;line-height:1.6}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
header{padding:28px 0;border-bottom:1px solid #d5d5d0}
.logo{font-family:var(--tit);font-weight:800;font-size:24px;letter-spacing:-.04em;color:var(--tinta)}
.logo b{color:var(--cobalto)}
main{padding:48px 0 72px}
h1{font-family:var(--tit);font-weight:800;letter-spacing:-.035em;
   font-size:clamp(30px,4.6vw,44px);line-height:1.05;margin:0 0 8px}
h2{font-family:var(--tit);font-weight:800;letter-spacing:-.025em;
   font-size:22px;margin:40px 0 12px}
h3{font-family:var(--tit);font-weight:700;font-size:17px;margin:24px 0 8px}
/* Justificado: es como se lee un texto legal en Ecuador. Con guionado, porque
   sin él la justificación abre ríos de espacio en las líneas cortas. Y solo
   desde tablet: en una columna de teléfono el justificado deja huecos peores
   que el borde irregular que evita. */
p,li{margin:0 0 12px;text-wrap:pretty;hyphens:auto}
@media (min-width:561px){ main p, main li{text-align:justify} }
ul,ol{padding-left:22px}
a{color:var(--cobalto)}
a:hover{color:var(--coral)}
.fecha{font-family:var(--mono);font-size:14px;letter-spacing:.1em;
       text-transform:uppercase;color:var(--muted);margin:0 0 32px}
/* Igual que en el landing: la tabla se desborda sola si no se le da dónde. */
.tabla{overflow-x:auto;border:1px solid #d5d5d0;border-radius:12px;margin:0 0 16px}
table{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:15px;border-radius:12px;overflow:hidden}
.tabla table{margin:0;border-radius:0}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid #d5d5d0;vertical-align:top}
th{font-family:var(--tit);font-weight:700}
.aviso{background:var(--papel);border-left:3px solid var(--cobalto);
       padding:16px 18px;margin:0 0 20px;border-radius:0 12px 12px 0}
.aviso p:last-child{margin-bottom:0}
/* Lo que falta decidir. Deliberadamente feo: esto NO puede publicarse así. */
.revisar{background:#FFF3C4;border-bottom:2px solid var(--ambar);
         padding:1px 4px;font-weight:500}
footer{border-top:1px solid #d5d5d0;padding:28px 0;color:var(--sec);font-size:14px}
footer a{margin-right:16px}
@media (max-width:560px){ main{padding:32px 0 48px} }