:root{--tinta:#112222;--fondo:#FBFAF7;--linea:rgba(17,34,34,.18);--gris:rgba(17,34,34,.66);--amarillo:#EFFF5D;--naranja:#E8501A;--oliva:#B5A239;
  --sg:'Space Grotesk','Helvetica Neue',Arial,sans-serif;--inter:'Inter','Helvetica Neue',Arial,sans-serif;--mono:'Inconsolata',ui-monospace,Menlo,monospace;--m:clamp(16px,4vw,32px)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--tinta);font-family:var(--inter);font-size:16px;line-height:1.45;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;transition:color .2s ease}
a:hover{color:var(--naranja)}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
::selection{background:var(--amarillo)}
p,h1,h2,h3,ul,ol{margin:0}
.pag{padding:0 var(--m) 40px}
.sangra{margin-left:calc(var(--m) * -1);margin-right:calc(var(--m) * -1);padding-left:var(--m);padding-right:var(--m)}
.eti,.enl{font-family:var(--mono);font-size:16px;letter-spacing:0;line-height:1.3}
.eti{color:var(--gris)}
.enl{text-decoration:none;white-space:nowrap}
.fl{display:inline-block;width:.72em;height:.72em;margin-left:.45em;vertical-align:-.02em;overflow:visible;fill:none;stroke:currentColor;stroke-width:1px}
.btn{display:inline-block;font-family:var(--mono);font-size:16px;text-decoration:none;background:var(--amarillo);color:var(--tinta);padding:8px 14px;transition:background-color .4s ease,transform .2s ease}
.btn:hover,.btn:focus-visible{background:color-mix(in srgb,var(--amarillo) 85%,#fff);color:var(--tinta)}
.btn:active{transform:scale(.98)}
.cab{position:sticky;top:0;z-index:5;background:rgba(251,250,247,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--linea);padding-top:14px;padding-bottom:14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 32px}
.cab .marca{display:flex;align-items:baseline;gap:14px;text-decoration:none}
.cab .marca:hover{color:inherit}
.cab .marca b{font-family:var(--sg);font-weight:700;font-size:26px;letter-spacing:-.05em;line-height:1}
.cab nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 36px;font-family:var(--mono);font-size:16px}
.cab nav a{text-decoration:none}
.cabeza{padding:clamp(56px,8vw,112px) 0 clamp(40px,5vw,64px);display:flex;flex-direction:column;gap:22px}
h1{font-family:var(--sg);font-weight:700;font-size:clamp(34px,4.6vw,64px);line-height:1;letter-spacing:-.035em;text-transform:lowercase;text-wrap:balance;max-width:20ch}
.entrada{font-weight:700;font-size:clamp(18px,1.55vw,22px);line-height:1.2;letter-spacing:-.02em;max-width:44ch}
.texto{padding-top:0;display:flex;flex-direction:column;gap:16px;max-width:760px}
.texto p,.texto li{font-size:18px;line-height:1.5;max-width:60ch}
.texto h2{font-family:var(--sg);font-weight:700;font-size:clamp(24px,2.4vw,32px);line-height:1.05;letter-spacing:-.03em;text-transform:lowercase;padding-top:28px}
.texto h3{font-family:var(--inter);font-weight:700;font-size:20px;line-height:1.18;letter-spacing:-.02em;padding-top:10px}
.texto ul,.texto ol{padding-left:1.2em;display:flex;flex-direction:column;gap:8px}
.texto b{font-weight:700}
.texto .aviso{font-family:var(--mono);font-size:15px;color:var(--gris);line-height:1.4;border-top:1px solid var(--linea);padding-top:16px;margin-top:16px}
.port{background:#E4DFD3;aspect-ratio:3/2;overflow:hidden}
.port img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);mix-blend-mode:multiply}
.port.propia{background:#EFEDE7}
.port.propia img{filter:none;mix-blend-mode:normal}
.cabeza + .port{aspect-ratio:21/9;margin-bottom:clamp(40px,5vw,64px)}
.lista article .port{margin-bottom:4px}
.lista article a.pl{display:block}
.lista article a.pl:hover .port img{filter:grayscale(1) contrast(1.08) brightness(.94)}
.texto figure{margin:16px 0 8px;display:flex;flex-direction:column;gap:8px}
.texto figure img{display:block;width:100%;height:auto;background:#EFEDE7}
.texto figcaption{font-family:var(--mono);font-size:15px;line-height:1.35;color:var(--gris)}
.texto .fuentes{list-style:none;padding:0;gap:0;border-bottom:1px solid var(--linea)}
.texto .fuentes li{font-family:var(--mono);font-size:15px;line-height:1.35;max-width:none;border-top:1px solid var(--linea);padding:10px 0}
.texto .fuentes a{text-decoration:none;overflow-wrap:anywhere}
.texto .nota{font-family:var(--mono);font-size:15px;color:var(--gris);line-height:1.4}
.vertodo{margin-top:8px}
.cta{margin-top:clamp(72px,9vw,120px);background:var(--amarillo);padding:28px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px}
.cta p{font-family:var(--sg);font-weight:700;font-size:clamp(24px,2.6vw,36px);line-height:1.03;letter-spacing:-.035em;text-transform:lowercase;max-width:22ch}
.cta div{display:flex;flex-direction:column;gap:10px;align-items:flex-start;max-width:40ch}
.cta .btn{background:var(--tinta);color:var(--fondo)}
.cta .btn:hover{background:var(--tinta);color:var(--amarillo)}
.mas{margin-top:clamp(72px,9vw,120px);display:flex;flex-direction:column;gap:28px}
.mas h2{font-family:var(--sg);font-weight:700;font-size:clamp(28px,3.2vw,46px);line-height:1.03;letter-spacing:-.035em;text-transform:lowercase}
.lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 32px}
.lista.dos{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}
.lista article{border-top:1px solid var(--linea);padding-top:12px;display:flex;flex-direction:column;gap:12px;min-width:0}
.lista h3{font-weight:700;font-size:clamp(18px,1.55vw,22px);line-height:1.18;letter-spacing:-.02em;max-width:26ch}
.lista h3 a{text-decoration:none}
.lista p{font-size:16px;line-height:1.5;max-width:48ch}
.pie{margin-top:clamp(88px,11vw,160px);border-top:1px solid var(--linea);padding-top:28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 32px;font-size:15px}
.pie b{font-family:var(--sg);font-weight:700;font-size:28px;letter-spacing:-.05em;line-height:1}
@media (max-width:900px){.lista,.lista.dos{grid-template-columns:minmax(0,1fr)}.cab nav a:not(.btn){display:none}.cab .marca .eti{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}