@font-face{font-family:"Abril Fatface";src:url("fuentes/AbrilFatface-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Courier Prime";src:url("fuentes/CourierPrime-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Courier Prime";src:url("fuentes/CourierPrime-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
:root{--cian:#29d9f1;--noche:#070b14;--panel:#111a2e;--linea:#1e2a44;--texto:#eef4fb;--suave:#9fb0c8}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--noche);color:var(--texto);font-family:"Courier Prime",ui-monospace,monospace;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
header{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:820px;margin:0 auto;padding:18px 20px;border-bottom:1px solid var(--linea)}
header img{display:block;height:auto}
.volver{color:var(--suave);text-decoration:none;font-size:14px}
.volver:hover{color:var(--cian)}
main{max-width:820px;margin:0 auto;padding:40px 20px 80px}
h1{font-family:"Abril Fatface",serif;font-weight:400;font-size:clamp(32px,6vw,48px);line-height:1.1;margin-bottom:8px}
h2{font-family:"Abril Fatface",serif;font-weight:400;font-size:24px;margin:36px 0 10px;color:var(--cian)}
p,ul{margin-bottom:12px;color:#d6e0ee}
ul{padding-left:22px}
li{margin-bottom:6px}
a{color:var(--cian)}
.fecha{color:var(--suave);font-size:14px}
.resumen{background:var(--panel);border:1px solid var(--linea);border-left:3px solid var(--cian);border-radius:10px;padding:14px 16px;margin:20px 0}
.ver{margin-top:40px;padding-top:20px;border-top:1px solid var(--linea)}
@media (max-width:420px){main{padding:28px 16px 60px}header{padding:14px 16px}}
