:root{--fondo:#1d0707;--panel:#3A0D0E;--panel-2:#4A1112;--rojo:#D81A1C;--amarillo:#FFD000;--texto:#fff;--texto-2:#F0DCDC;--texto-3:#C9A0A0}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{font-family:Poppins,system-ui,sans-serif;background:var(--fondo);color:var(--texto-2);line-height:1.7}
a{color:var(--amarillo)}
.barra{background:#2E0B0C;border-bottom:3px solid var(--rojo);padding:12px 20px}
.barra div{max-width:860px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.barra img{width:90px;border-radius:10px}
.barra a{font-weight:600;text-decoration:none}
main{max-width:860px;margin:0 auto;padding:36px 20px 60px}
h1{font-family:'Kaushan Script',cursive;font-weight:400;font-size:clamp(2.2rem,6vw,3.4rem);color:#fff;text-shadow:3px 3px 0 var(--rojo);line-height:1.15;margin-bottom:6px}
.fecha{color:var(--texto-3);font-size:.9rem;margin-bottom:26px}
h2{color:var(--amarillo);font-size:1.15rem;margin:30px 0 8px}
p,li{font-size:.98rem}
p{margin-bottom:10px}
ul{margin:0 0 12px 22px}
li{margin-bottom:4px}
.resumen{background:var(--panel);border-left:5px solid var(--amarillo);border-radius:10px;padding:14px 18px;margin:18px 0}
.resumen p{margin:0}
table{width:100%;border-collapse:collapse;margin:10px 0 16px;font-size:.92rem}
th,td{border:1px solid var(--panel-2);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--panel);color:var(--amarillo)}
footer{border-top:1px solid var(--panel-2);text-align:center;padding:20px;font-size:.85rem;color:var(--texto-3)}
footer a{margin:0 10px}
