:root { --noche:#07080c; --tinta:#0b0b0d; --papel:#fbfaf7; --linea:#e2ddd5; --gris:#8b857d; --gris-osc:#57524c; --rojo:#c8102e;
    --titulo:'New Carolina', 'Herrera Sans', 'Helvetica Neue', Arial, sans-serif; --sans:'Herrera Sans', 'Helvetica Neue', Arial, sans-serif; --mono:'Herrera Sans Mono', 'Herrera Sans', 'Helvetica Neue', Arial, sans-serif; }
  * { box-sizing:border-box; margin:0; padding:0; }
  body { font-family:var(--sans); color:var(--tinta); background:var(--noche); -webkit-font-smoothing:antialiased; }
  .tope { color:#fff; padding:28px 16px 90px; background:radial-gradient(900px 400px at 85% -10%, rgba(200,16,46,.28), transparent 60%), linear-gradient(180deg, #07080c 0%, #0c1020 100%); }
  .tope a { color:#fff; text-decoration:none; font-family:var(--mono); font-size:.66rem; letter-spacing:.22em; text-transform:uppercase; opacity:.75; }
  .tope a:hover { opacity:1; }
  .tope h1 { max-width:760px; margin:40px auto 0; font-family:var(--titulo); font-weight:600; font-size:clamp(2rem, 6vw, 3.2rem); line-height:1.1; }
  .tope p { max-width:760px; margin:12px auto 0; color:rgba(255,255,255,.7); font-size:.95rem; }
  .doc { max-width:760px; margin:-56px auto 40px; background:var(--papel); border-radius:20px; padding:clamp(24px, 5vw, 48px); box-shadow:0 30px 60px rgba(0,0,0,.35); }
  .doc h2 { font-family:var(--titulo); font-weight:800; font-size:1.3rem; margin:30px 0 10px; }
  .doc h2:first-child { margin-top:0; }
  .doc p, .doc li { font-size:.97rem; line-height:1.7; color:var(--gris-osc); }
  .doc p + p { margin-top:10px; }
  .doc ul { margin:8px 0 0 20px; }
  .doc li + li { margin-top:6px; }
  .doc a { color:var(--rojo); }
  .pie { max-width:760px; margin:0 auto 40px; padding:0 16px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px 24px; font-family:var(--mono); font-size:.62rem; letter-spacing:.22em; text-transform:uppercase; color:var(--gris); }
  .pie a { color:var(--gris); }