:root{--tinta:#3A0C32;--suave:#6B4A64;--fondo:#FCF7F0;--tarjeta:#F6EEE9;--morado:#6C1C57;--sobre-morado:#FFFFFF;--oro:#C9962A;--oro-texto:#7A5A12;--linea:#E9DCD6;--velo:rgba(28,11,25,.58);--sombra:rgba(58,12,50,.18);--noche:#1C0B19;--blanco:#FFFFFF;
 --f-titulo:"Playfair Display",Georgia,serif;--f-texto:"Nunito Sans",-apple-system,sans-serif;--ancho:1080px;--r:18px}
@media (prefers-color-scheme: dark){:root{--tinta:#F6EEF3;--suave:#C9B5C4;--fondo:#1C0B19;--tarjeta:#2A1527;--morado:#D9B45C;--sobre-morado:#2A0F25;--oro-texto:#E2C273;--linea:#3A2236}}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--fondo);color:var(--tinta);font:400 18px/1.65 var(--f-texto);-webkit-font-smoothing:antialiased}
a{color:inherit}:focus-visible{outline:3px solid var(--oro);outline-offset:3px;border-radius:6px}
.envoltura{max-width:var(--ancho);margin:0 auto;padding:0 22px}
header.barra{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--fondo) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--linea)}
header.barra .envoltura{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:12px}
.marca{font:600 19px var(--f-titulo);text-decoration:none}.marca em{color:var(--oro-texto);font-style:italic}
nav a{text-decoration:none;font-weight:600;font-size:15px;margin-left:18px;color:var(--suave)}nav a:hover{color:var(--tinta)}
@media (max-width:720px){nav a:not(.btn){display:none}}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:var(--morado);color:var(--sobre-morado)!important;text-decoration:none;font-weight:700;font-size:16px;transition:transform .2s ease}
.btn:hover{transform:translateY(-1px)}.btn.claro{background:transparent;color:var(--tinta)!important;border:1.5px solid var(--linea)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:56px 22px 64px}
.hero h1{font:700 clamp(38px,6vw,62px)/1.05 var(--f-titulo);letter-spacing:-.5px}.hero h1 em{color:var(--oro-texto)}
.hero p.lead{font-size:20px;color:var(--suave);margin:20px 0 28px;max-width:34ch}.acciones{display:flex;gap:12px;flex-wrap:wrap}
.firma{margin-top:22px;font-size:15px;color:var(--suave)}.firma b{color:var(--tinta)}
.retrato{border-radius:28px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 30px 60px var(--sombra)}.retrato img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block}
@media (max-width:820px){.hero{grid-template-columns:1fr;padding-top:28px}.retrato{max-width:420px;width:100%;order:-1;margin:0 auto}}
section{padding:64px 0}section h2{font:700 clamp(30px,4.5vw,42px)/1.15 var(--f-titulo);margin-bottom:10px}p.intro{color:var(--suave);max-width:60ch;margin-bottom:30px}
.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.pieza{background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--r);padding:22px}.pieza h3{font:600 21px/1.25 var(--f-titulo);margin-bottom:8px}.pieza p{color:var(--suave);font-size:16px}
.franja{position:relative;color:var(--blanco);background:var(--noche) url('/img/mar-1200.webp') center/cover;border-radius:28px;overflow:hidden;padding:72px 28px;text-align:center;margin:24px auto;max-width:calc(var(--ancho) - 44px)}
.franja::before{content:"";position:absolute;inset:0;background:var(--velo)}.franja>*{position:relative}.franja p.cita{font:500 italic clamp(26px,4vw,40px)/1.25 var(--f-titulo);max-width:22ch;margin:0 auto}.franja p.autora{margin-top:14px;opacity:.9}
.sobre{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:start}.sobre img{width:220px;height:220px;border-radius:50%;object-fit:cover}
@media (max-width:720px){.sobre{grid-template-columns:1fr}.sobre img{width:160px;height:160px}}
.formacion{margin-top:18px;padding:18px 20px;border-left:4px solid var(--oro);background:var(--tarjeta);border-radius:0 var(--r) var(--r) 0;font-size:16px;color:var(--suave)}
details{border-bottom:1px solid var(--linea);padding:16px 0}summary{cursor:pointer;font:600 20px var(--f-titulo);list-style:none;display:flex;justify-content:space-between;gap:12px;min-height:44px;align-items:center}
summary::after{content:"+";color:var(--oro-texto);font-size:26px}details[open] summary::after{content:"−"}details p{color:var(--suave);margin-top:8px}
.cierre{text-align:center;background:var(--tarjeta);border-radius:28px;padding:56px 24px}.cierre p{max-width:56ch;margin:12px auto 26px;color:var(--suave)}.cierre .amado{font:600 italic 24px var(--f-titulo);color:var(--oro-texto);margin-top:22px}
footer{padding:40px 0 56px;color:var(--suave);font-size:15px}footer .redes{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0}footer a{font-weight:600}
.entra{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.entra.visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.entra{opacity:1;transform:none;transition:none}.btn{transition:none}}

.texto-largo{max-width:68ch}.texto-largo h2{font:700 28px/1.2 var(--f-titulo);margin:34px 0 10px}.texto-largo p,.texto-largo li{color:var(--suave);margin-bottom:12px}.texto-largo ul{padding-left:22px}
.migas{font-size:14px;color:var(--suave);padding-top:24px}.migas a{color:var(--suave)}
.aviso-crisis{margin-top:26px;padding:16px 18px;border-radius:var(--r);border:1.5px solid var(--oro);background:var(--tarjeta);color:var(--tinta);font-size:16px}
.relacionadas{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.relacionadas a{padding:10px 16px;border:1px solid var(--linea);border-radius:999px;text-decoration:none;font-weight:600;font-size:15px;min-height:44px;display:inline-flex;align-items:center}
.saltar{position:absolute;left:-9999px;top:10px;z-index:10}.saltar:focus{left:12px}