@font-face { font-family: "Geist"; src: url("assets/fonts/geist.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Inter"; src: url("assets/fonts/inter.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }

:root {
  --azul: #1A2FD6;
  --tinta: #0B0F1E;
  --hueso: #F6F4F0;
  --grafito: #3A4152;
  --linea: #E4E6EC;
  --display: "Geist", "Inter", -apple-system, "Segoe UI", Arial, sans-serif;
  --text: "Inter", -apple-system, "Segoe UI", Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  background: var(--hueso);
  color: var(--tinta);
  font: 16px/1.65 var(--text);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--azul); }

.wrap { max-width: 760px; margin: 0 auto; padding: 0 24px; }
header { background: var(--tinta); padding: 24px 0; }
header a { display: inline-block; }
header svg { display: block; width: 132px; height: auto; }

main { padding: 56px 0 80px; }
.volver { font-size: 14px; display: inline-block; margin-bottom: 24px; }
h1 { font: 700 clamp(32px, 6vw, 44px)/1.1 var(--display); letter-spacing: -.02em; }
.actualizado { margin-top: 8px; font-size: 14px; color: var(--grafito); }
h2 { font: 600 20px/1.3 var(--display); margin: 40px 0 12px; }
p, ul, dl { color: var(--grafito); }
p + p, p + ul, ul + p { margin-top: 12px; }
ul { padding-left: 20px; }
li + li { margin-top: 6px; }
dl { display: grid; grid-template-columns: max-content 1fr; gap: 8px 24px; margin-top: 16px; }
dt { font-weight: 600; color: var(--tinta); }
dd { margin: 0; }

footer { border-top: 1px solid var(--linea); padding: 24px 0; font-size: 13px; color: var(--grafito); }

@media (max-width: 520px) {
  .wrap { padding: 0 16px; }
  dl { grid-template-columns: 1fr; gap: 2px; }
  dd + dt { margin-top: 10px; }
}