@font-face{font-family:Newsreader;src:url(/assets/newsreader.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url(/assets/schibsted.woff2) format("woff2");font-weight:400 900;font-display:swap}
:root{--papel:#fffefb;--tinta:#15161a;--suave:#5f6068;--linea:#dfddd6;--serif:Newsreader,Georgia,"Times New Roman",serif;--sans:"Schibsted Grotesk",system-ui,sans-serif;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--papel:#15161a;--tinta:#f2f0ea;--suave:#a4a5ad;--linea:#34353b}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:1040px;margin:0 auto;padding:0 clamp(16px,4vw,40px);background:var(--papel);color:var(--tinta);font:400 17px/1.5 var(--sans)}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:.18em}
a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.cabecera{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--tinta)}
.marca{font:600 1.5rem/1 var(--serif);letter-spacing:-.02em}
.idioma{font-size:14px;font-weight:500;color:var(--suave)}
main{flex:1;padding:clamp(3rem,10vw,7rem) 0 clamp(3rem,8vw,5rem)}
h1{max-width:15em;margin:0 0 1.5rem;font:400 clamp(2.5rem,7vw,4.75rem)/1.04 var(--serif);letter-spacing:-.025em;text-wrap:balance}
h1.pequeno{margin-bottom:2.5rem;font-size:clamp(2rem,5vw,3rem)}
.legal{display:grid;grid-template-columns:minmax(6rem,10rem) minmax(0,1fr);gap:0;margin:0;border-top:1px solid var(--linea)}
.legal dt,.legal dd{margin:0;padding:.8rem 0;border-bottom:1px solid var(--linea)}
.legal dt{color:var(--suave)}
.nota{max-width:38em;margin:2rem 0 0;color:var(--suave)}
.nota a{color:var(--tinta);text-decoration:underline}
.pie{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding:1.25rem 0 1.5rem;border-top:1px solid var(--linea);font-size:14px;color:var(--suave)}
.entradilla{max-width:30em;margin:0 0 clamp(3rem,8vw,5.5rem);font:400 clamp(1.3rem,2.6vw,1.7rem)/1.3 var(--serif);color:var(--suave)}
.bloque{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:.6rem 2.5rem;padding:clamp(1.5rem,4vw,2.5rem) 0;border-top:1px solid var(--linea)}
.bloque h2{margin:0;font:500 1.3rem/1.25 var(--serif);letter-spacing:-.01em}
.bloque p{max-width:38em;margin:0}
.principios{display:grid;gap:1.25rem;margin:0}
.principios dt{font-weight:600}
.principios dd{max-width:38em;margin:.1rem 0 0;color:var(--suave)}
@media (max-width:640px){.bloque{grid-template-columns:minmax(0,1fr)}}