:root{--papel:#f4f1ea;--papel-2:#ebe6db;--tinta:#111110;--tinta-70:rgba(17,17,16,.74);--tinta-45:rgba(17,17,16,.55);--tinta-12:rgba(17,17,16,.12);
  --serif:"Instrument Serif",Georgia,serif;--sans:"Outfit",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--g:clamp(16px,4vw,56px)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--papel);color:var(--tinta);font:400 18px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:var(--tinta);color:var(--papel)}
a{color:inherit}
img{display:block;max-width:100%}
.barra{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px var(--g);border-bottom:1.5px solid var(--tinta)}
.barra .logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:500 20px/1 var(--sans)}
.barra .logo img{width:46px}
.barra nav{display:flex;gap:clamp(12px,3vw,32px);font:400 13px/1 var(--mono)}
.barra nav a{text-decoration:none;background:linear-gradient(var(--tinta),var(--tinta)) no-repeat 0 100%/0% 1.5px;padding-bottom:4px;transition:background-size .35s cubic-bezier(.7,0,.2,1)}
.barra nav a:hover,.barra nav a[aria-current]{background-size:100% 1.5px}
main{padding:clamp(48px,8vw,110px) var(--g) clamp(64px,8vw,120px);max-width:1180px;margin:0 auto}
.migas{font:400 12px/1.6 var(--mono);color:var(--tinta-45);margin-bottom:28px;text-transform:lowercase}
.migas a{text-decoration:none;border-bottom:1px solid var(--tinta-12)}
h1{font:400 clamp(44px,7.4vw,108px)/.95 var(--serif);letter-spacing:-.02em;-webkit-text-stroke:.025em currentColor;max-width:15ch}
h1 em{font-style:italic}
.bajada{font-size:clamp(19px,1.7vw,23px);color:var(--tinta-70);max-width:52ch;margin-top:28px}
section{margin-top:clamp(56px,8vw,96px);padding-top:28px;border-top:1.5px solid var(--tinta)}
h2{font:400 clamp(32px,4vw,52px)/1 var(--serif);-webkit-text-stroke:.02em currentColor;margin-bottom:22px}
h2 em{font-style:italic}
h3{font:500 18px/1.3 var(--sans);margin-bottom:6px}
p+p{margin-top:14px}
.texto p,.texto li{color:var(--tinta-70);max-width:64ch}
.texto ul{padding-left:1.1em;margin-top:12px}
.texto li+li{margin-top:6px}
.grilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 36px}
.grilla > div{border-top:1px solid var(--tinta-12);padding:22px 0}
.grilla p{color:var(--tinta-70);font-size:16px}
.rotulo{display:block;font:400 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-45);margin-bottom:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.chips span{font:400 12px/1 var(--mono);padding:8px 12px;border:1px solid var(--tinta-12);border-radius:999px}
.lamina{margin-top:40px;border:1px solid var(--tinta-12);border-radius:6px;overflow:hidden}
details{border-top:1px solid var(--tinta-12);padding:18px 0}
details:last-child{border-bottom:1px solid var(--tinta-12)}
summary{cursor:pointer;font:400 clamp(22px,2.2vw,28px)/1.2 var(--serif);list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;font-family:var(--sans)}
details[open] summary::after{content:"–"}
details p{color:var(--tinta-70);margin-top:12px;max-width:64ch}
.cta{display:inline-flex;align-items:center;gap:12px;margin-top:30px;padding:16px 26px;border:1.5px solid var(--tinta);border-radius:999px;text-decoration:none;
  background:linear-gradient(var(--tinta),var(--tinta)) no-repeat 50% 100%/100% 0%;transition:background-size .45s cubic-bezier(.7,0,.2,1),color .35s}
.cta:hover{background-size:100% 100%;color:var(--papel)}
.relacionados{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 28px}
.relacionados a{display:block;border-top:1px solid var(--tinta);padding:18px 0;text-decoration:none;font:400 26px/1.1 var(--serif)}
.relacionados a small{display:block;margin-top:8px;font:400 13px/1.5 var(--sans);color:var(--tinta-70)}
.relacionados a:hover{font-style:italic}
footer{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;padding:40px var(--g);border-top:1.5px solid var(--tinta);font:400 12px/1.6 var(--mono);color:var(--tinta-45)}
footer img{width:150px}
@media (max-width:640px){.barra nav{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}