.legal{background:#e5e5df;background-image:linear-gradient(#10101012 1px,transparent 1px),linear-gradient(90deg,#10101012 1px,transparent 1px);background-size:40px 40px}.legal header{position:relative;background:var(--lime)}.legal main{position:relative;max-width:1280px;min-height:640px;margin:35px auto 65px;padding:75px 65px 85px 335px;border:2px solid var(--ink);background:var(--white);box-shadow:12px 12px 0 var(--ink)}.legal main:before{content:"DOCUMENT_ID\A HL-CO-2026\A\A STATUS\A VERIFICADO\A\A AUDIENCE\A +18\A\A OUTPUT\A EDITORIAL";white-space:pre-wrap;position:absolute;left:0;top:0;bottom:0;width:260px;padding:75px 30px;color:var(--ink);background:var(--lime);border-right:2px solid var(--ink);font:600 12px/1.8 IBM Plex Mono,monospace;letter-spacing:.06em}.legal main:after{content:"● SYSTEM ONLINE";position:absolute;left:30px;bottom:30px;padding:8px 10px;border:2px solid var(--ink);background:white;font:600 11px IBM Plex Mono,monospace}.legal main .code{display:inline-block;padding:7px 9px;color:white;background:var(--ink)}.legal main h1{max-width:750px;margin:24px 0 42px;font-size:clamp(50px,5.5vw,68px);line-height:.92}.legal main h2{display:grid;grid-template-columns:38px 1fr;margin-top:0;padding:22px 0;border-top:2px solid var(--ink);font-size:25px}.legal main h2:before{content:"//";color:var(--blue);font:600 14px IBM Plex Mono,monospace}.legal main p,.legal main ul{max-width:740px;margin-bottom:30px;font-size:16px}.legal main a{color:var(--blue);font-weight:700}@media(max-width:900px){.legal main{padding-left:290px;padding-right:30px}.legal main:before{width:225px}}@media(max-width:760px){.legal main{margin:20px 12px 55px;padding:65px 20px 75px;box-shadow:7px 7px 0 var(--ink)}.legal main:before,.legal main:after{display:none}.legal main h1{font-size:48px}.legal main h2{grid-template-columns:30px 1fr}}