:root{color-scheme:light;--ink:#101b35;--paper:#faf2e5;--copper:#984319;--line:#bb8057}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 60% 20%,#fff9ed,var(--paper));color:var(--ink);font:1.12rem/1.55 Georgia,serif}header,main,footer{width:min(96%,1440px);margin:auto}header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem;padding:1rem 0;border-bottom:1px solid var(--copper)}a{color:inherit}a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--copper);outline-offset:3px}.brand{font-size:clamp(1.25rem,2.35vw,2.1rem);font-weight:bold;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:.4rem .75rem;font-size:1rem}nav a{text-decoration:none;padding:.2rem .35rem}nav a:hover,nav a[aria-current]{color:var(--copper);text-decoration:underline;text-underline-offset:.35em}main{padding:2rem 0 3rem;min-height:75vh}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.04;margin-bottom:.35em;letter-spacing:-.025em}h2{font-size:clamp(1.4rem,2.65vw,2.2rem);line-height:1.2}h3{margin:0 0 .45rem}.center{text-align:center}.subtitle{font-size:clamp(1.2rem,2.4vw,1.8rem);font-style:italic;line-height:1.25}.eyebrow,.back{color:var(--copper);font-weight:bold}.eyebrow{text-transform:uppercase;letter-spacing:.06em}.back{display:inline-block;margin-bottom:1.1rem}hr{border:0;border-top:1px solid var(--line);margin:1.2rem 0}.hero{display:grid;grid-template-columns: .9fr 1.35fr;align-items:center;gap:1.3rem}.hero p{font-size:clamp(1.15rem,2.1vw,1.75rem)}.hero img{width:100%;display:block;mix-blend-mode:multiply}.forms{display:grid;grid-template-columns:1.25fr 1fr 1fr;align-items:center;border:1px solid var(--line);border-radius:6px;margin-top:1rem}.forms>*{padding:1rem;margin:0}.forms div{border-left:1px solid var(--line)}.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.7rem,4vw,3.5rem)}.card{width:min(28%,250px);text-align:center;text-decoration:none;line-height:1.2}.card:hover strong{text-decoration:underline}.cover{display:block;width:100%;height:auto}.card img{height:auto;aspect-ratio:2/3;object-fit:contain;margin-bottom:.6rem}.pair{display:grid;grid-template-columns:1fr 1fr;margin:2rem 0;gap:2rem}.pair section+section{border-left:1px solid var(--line);padding-left:2rem}.pair .card{width:min(62%,250px)}.detail,.bio{display:grid;grid-template-columns:1fr 2fr;gap:clamp(1rem,4vw,4rem);align-items:start}.detail .cover{max-width:480px}.bio{grid-template-columns:1fr 4fr}.bio aside{text-align:center;font-size:clamp(2.5rem,9vw,7rem);border-right:1px solid var(--line);padding:2rem .7rem}.bio aside small{display:block;font-style:italic;color:var(--copper);font-size:1.15rem}.article-group{margin:2rem 0;max-width:1000px}.article-group h2{border-bottom:1px solid var(--copper);padding-bottom:.55rem;margin-bottom:0}details,.plain{border-bottom:1px solid var(--line)}summary,.plain{padding:.75rem .3rem}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;align-items:center}summary::-webkit-details-marker{display:none}.toggle{color:var(--copper);white-space:nowrap}.toggle:after{content:'Leer más +'}details[open] .toggle:after{content:'Leer menos −'}.excerpt{margin:.2rem .3rem .9rem;padding:.8rem 1.1rem;background:#f6e9d7;border-left:3px solid var(--copper)}.excerpt p:last-child{margin-bottom:0}label{display:block;font-weight:bold;margin:.8rem 0}input,textarea,button{font:inherit}input,textarea{width:100%;display:block;border:1px solid #87725d;background:#fffaf2;border-radius:4px;padding:.45rem}button{padding:.45rem 1.5rem;color:#fff;background:var(--copper);border:0;border-radius:4px}button:disabled{opacity:.65}footer{padding:.7rem 0;border-top:1px solid var(--line);font-size:.92rem}
@media(max-width:720px){header,main,footer{width:92%}.hero,.detail,.bio,.forms{grid-template-columns:1fr}.hero img{max-width:520px}.forms div{border-left:0;border-top:1px solid var(--line)}.detail .cover{max-width:290px;margin:auto}.bio aside{border-right:0;border-bottom:1px solid var(--line);padding:.4rem}.pair{gap:1rem}.pair section+section{padding-left:1rem}.pair .card{width:100%}.cards .card{font-size:.88rem}.pair .card{width:100%}summary{gap:.55rem}.toggle{font-size:.92rem}}
