:root{color-scheme:dark;--bg:#0d2a27;--panel:#12332e;--cream:#eae4d3;--muted:#b8c8bd;--green:#1e9e5c;--blue:#05abc4;--line:rgba(234,228,211,.14)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--cream);font:16px/1.75 "DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--blue);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--cream)}
a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:2px}

.wrap{width:min(960px,calc(100% - 36px));margin:auto}
.site-header{padding:20px 0;border-bottom:1px solid var(--line)}
.site-header .wrap,.site-footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand-logo{display:block;width:174px;height:auto}
.back{color:var(--muted);font-size:14px;text-decoration:none}
.back:hover{color:var(--cream);text-decoration:underline}

/* Contenido: columna de lectura estrecha, ritmo vertical constante */
.content{padding:56px 0 88px}
.content .wrap{max-width:72ch;margin:0 auto}

/* Encabezado del documento */
.eyebrow{color:var(--green);font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:none}
h1{font:700 clamp(30px,5vw,42px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.02em;margin:10px 0 14px;color:var(--cream)}
/* Línea "Última actualización" (párrafo justo después del h1) */
h1 + p{font-size:14px;font-weight:500;color:var(--muted);margin:0 0 8px;padding-bottom:28px;border-bottom:1px solid var(--line)}

/* Secciones */
h2{font:700 21px/1.35 Manrope,Arial,sans-serif;letter-spacing:-.01em;color:var(--cream)}
.content h2{margin:44px 0 12px;padding-top:36px;border-top:1px solid var(--line)}
.content h2:first-of-type{border-top:none;padding-top:0}
h3{font:700 16px/1.4 Manrope,Arial,sans-serif;color:var(--cream);margin:26px 0 6px}

p,li{color:var(--muted)}
p{margin:0 0 16px}
strong{color:var(--cream);font-weight:600}
ul,ol{margin:0 0 16px;padding-left:22px}
li{margin:6px 0;padding-left:4px}
li::marker{color:rgba(234,228,211,.45)}

/* Tablas (datos recopilados, plazos, etc.) */
.content table{width:100%;border-collapse:collapse;margin:20px 0 24px;font-size:15px}
.content th,.content td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.content th{color:var(--cream);font-weight:600;background:var(--panel)}
.content td{color:var(--muted)}

/* Aviso: neutro, sin verde chillón. Elimínalo del HTML antes de publicar. */
.notice{padding:16px 20px;background:var(--panel);border:1px solid var(--line);border-left:3px solid rgba(234,228,211,.5);border-radius:0 8px 8px 0;color:var(--muted);margin:24px 0;font-size:15px}
.notice strong{color:var(--cream)}

.site-footer{padding:22px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.footer-links{display:flex;flex-wrap:wrap;gap:14px}
.footer-links a{color:var(--cream);text-decoration:none}
.footer-links a:hover{text-decoration:underline}

@media(max-width:600px){
  .site-header .wrap,.site-footer .wrap{align-items:flex-start;flex-direction:column}
  .content{padding:36px 0 58px}
  .content .wrap{max-width:100%}
  .content table{display:block;overflow-x:auto}
}

/* Los documentos legales se imprimen o guardan en PDF: versión clara */
@media print{
  :root{color-scheme:light}
  body{background:#fff;color:#111;font-size:12pt}
  .site-header,.site-footer,.notice{display:none}
  h1,h2,h3,strong{color:#000}
  p,li,td{color:#222}
  a{color:#000;text-decoration:none}
  .content{padding:0}
  .content h2{border-top-color:#ccc}
}