/* Estilos de las paginas legales. Mismos colores y tipos que la web,
   pero en version sobria: esto se lee, no se mira. */
:root{
  --papel:#F5F3EF; --muro:#E9E6DF; --borde:#D2CDC3;
  --tinta:#1A1917; --humo:#66615A; --minio:#C63A17; --minio-claro:#A32D0F;
  --gutter:clamp(18px,4vw,44px);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--papel);color:var(--tinta);
  font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:1rem;line-height:1.72;-webkit-font-smoothing:antialiased}

.wrap{max-width:760px;margin-inline:auto;padding-inline:var(--gutter)}

/* --- cabecera --- */
.cab{border-bottom:1px solid var(--borde);background:var(--papel);position:sticky;top:0;z-index:10}
.cab .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:14px}
.cab img{display:block;width:auto;height:38px}
.volver{color:var(--humo);text-decoration:none;font-size:.9rem;border-bottom:1px solid transparent}
.volver:hover,.volver:focus-visible{color:var(--minio-claro);border-bottom-color:var(--minio-claro)}

/* --- cuerpo --- */
main{padding-block:clamp(38px,7vw,72px)}
h1{font-family:"Anton",Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em;
  font-size:clamp(2.1rem,6vw,3.1rem);line-height:.98;margin-bottom:10px}
.fecha{color:var(--humo);font-size:.87rem;margin-bottom:clamp(30px,5vw,46px)}
h2{font-family:"Anton",Impact,sans-serif;text-transform:uppercase;letter-spacing:.03em;
  font-size:1.22rem;line-height:1.2;margin:2.4em 0 .7em;padding-top:1.4em;border-top:1px solid var(--borde)}
h2:first-of-type{padding-top:0;border-top:0;margin-top:0}
h3{font-size:1rem;font-weight:700;margin:1.7em 0 .4em}
p,li{color:#2A2825}
p{margin-bottom:1em}
ul,ol{margin:0 0 1.2em 1.15em}
li{margin-bottom:.45em}
a{color:var(--minio-claro)}
a:hover{text-decoration:none}
strong{font-weight:700}
small{color:var(--humo);font-size:.87rem}

/* --- tabla de datos --- */
table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:.95rem}
th,td{text-align:left;vertical-align:top;padding:11px 14px;border:1px solid var(--borde)}
th{background:var(--muro);font-weight:700;width:34%}
@media (max-width:540px){
  table,tbody,tr,th,td{display:block;width:auto}
  th{border-bottom:0}
  td{border-top:0;margin-bottom:10px}
}

/* --- recuadro de aviso --- */
.nota{background:var(--muro);border-left:3px solid var(--minio);padding:16px 20px;margin:0 0 1.6em}
.nota p:last-child{margin-bottom:0}

/* --- lo que falta por rellenar: imposible de pasar por alto --- */
.falta{background:#FFE9E2;color:#8C2409;border:1px dashed var(--minio);
  padding:1px 7px;border-radius:2px;font-weight:700;font-size:.93em}

/* --- pie --- */
.pie{border-top:1px solid var(--borde);margin-top:clamp(40px,7vw,70px)}
.pie .wrap{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between;
  padding-block:24px;font-size:.87rem;color:var(--humo)}
.pie a{color:var(--humo);text-decoration:none}
.pie a:hover,.pie a:focus-visible{color:var(--minio-claro);text-decoration:underline}
.pie nav{display:flex;flex-wrap:wrap;gap:18px}