@font-face{font-family:"Lato";font-weight:400;font-display:swap;src:url(fonts/lato-400.woff2) format("woff2")}
@font-face{font-family:"Lato";font-weight:900;font-display:swap;src:url(fonts/lato-900.woff2) format("woff2")}
@font-face{font-family:"Creepster";font-weight:400;font-display:swap;src:url(fonts/creepster.woff2) format("woff2")}
:root{--naranja:#FFAF00;--oro:#FFC24D;--texto:#EFE4E5;--suave:#CDBFC1}
*{box-sizing:border-box}
html{background:#0A0507}
body{margin:0;color:var(--texto);font:16px/1.7 "Lato",system-ui,sans-serif;background:radial-gradient(80% 600px at 50% 0,rgba(150,0,10,.35),transparent 70%),#0A0507;min-height:100vh}
.legal{max-width:760px;margin:24px auto 40px;padding:26px 20px 30px;background:rgba(255,255,255,.045);border:1px solid rgba(255,190,90,.6);border-radius:28px;box-shadow:0 26px 50px -30px rgba(227,18,31,.5)}
@media(max-width:800px){.legal{margin:16px}}
.volver{display:inline-block;font:900 13px "Lato",sans-serif;color:var(--naranja);text-decoration:none;margin-bottom:10px}
.script{font:400 32px/1.2 "Creepster",cursive;letter-spacing:.04em;color:var(--naranja);margin:4px 0}
h1{font:900 clamp(26px,6vw,36px)/1.15 "Lato",sans-serif;text-transform:uppercase;color:#fff;margin:0 0 6px}
h2{font:900 18px/1.3 "Lato",sans-serif;color:var(--oro);margin:26px 0 8px}
.fecha{font-size:13px;color:var(--suave);margin-top:0}
b{color:var(--oro)}
a{color:var(--naranja)}
ul{padding-left:20px}
li{margin:6px 0}
.pie-legal{margin-top:30px;padding-top:16px;border-top:1px dashed rgba(255,90,90,.3);font-size:14px;text-align:center}