:root{color-scheme:light dark; --bg:#fff; --soft:#f5f5f7; --ink:#1d1d1f; --gray:#6e6e73; --gray2:#6e6e73; --line:#d2d2d7; --blue:#0071e3; --ease:cubic-bezier(.16,1,.3,1)}
@media (prefers-color-scheme: dark){:root{--bg:#000; --soft:#1c1c1e; --ink:#f5f5f7; --gray:#86868b; --gray2:#a1a1a6; --line:#424245; --blue:#2997ff}}
@font-face{font-family:"InterW";font-weight:400;font-display:swap;src:url(/assets/f400.woff2) format("woff2")}
@font-face{font-family:"InterW";font-weight:600;font-display:swap;src:url(/assets/f600.woff2) format("woff2")}
@font-face{font-family:"InterW";font-weight:700;font-display:swap;src:url(/assets/f700.woff2) format("woff2")}
*{box-sizing:border-box;margin:0;padding:0}
html:not(.en) [data-l="en"], html.en [data-l="es"]{display:none !important}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","InterW","Segoe UI",Arial,sans-serif; background:var(--bg); color:var(--ink); -webkit-font-smoothing:antialiased; letter-spacing:-.01em; line-height:1.5}
a{color:var(--blue); text-decoration:none}
a:hover{text-decoration:underline}
.gnav{height:48px; background:rgba(0,0,0,.8); backdrop-filter:saturate(180%) blur(20px); -webkit-backdrop-filter:saturate(180%) blur(20px); color:#f5f5f7}
.gnav .wrap{max-width:1024px; margin:0 auto; padding:0 22px; height:100%; display:flex; align-items:center; gap:24px}
.gnav a{color:inherit}
.gnav a:hover{text-decoration:none}
.gnav .logo{display:flex; align-items:center; gap:9px; font-size:14px; font-weight:600; letter-spacing:0; white-space:nowrap}
.gnav .logo img{width:22px; height:22px; border-radius:5px}
.gnav .navl{margin-left:auto; display:flex; gap:24px; font-size:12px; opacity:.85; white-space:nowrap}
.gnav .navl a:hover{opacity:1}
.lang{display:flex; gap:2px; font-size:12px}
.lang button{all:unset; cursor:pointer; padding:4px 7px; border-radius:6px; color:#a1a1a6}
html:not(.en) .lang .es, html.en .lang .en{color:#fff; background:rgba(255,255,255,.14)}
main{max-width:740px; margin:0 auto; padding:80px 22px 90px}
.back{display:none}
h1{font-size:clamp(40px,7vw,64px); font-weight:700; letter-spacing:-.035em; line-height:1.05; margin-bottom:14px; animation:up 1.1s var(--ease) both}
.lead{font-size:clamp(19px,2.4vw,24px); line-height:1.35; color:var(--gray2); margin-bottom:36px; animation:up 1.1s var(--ease) .1s both}
.date{font-size:17px; color:var(--gray); margin-bottom:36px; animation:up 1.1s var(--ease) .1s both}
@keyframes up{from{opacity:0; transform:translateY(20px)}}
h2{font-size:28px; font-weight:700; letter-spacing:-.025em; margin:48px 0 14px}
p, li{font-size:17px; line-height:1.55; color:var(--gray2)}
p strong, li strong, b{color:var(--ink); font-weight:600}
ul{padding-left:22px; margin:8px 0 14px}
li{margin:8px 0}
p + p{margin-top:12px}
.box{background:var(--soft); border:none; border-radius:18px; padding:22px 24px; margin-bottom:8px}
.box p{color:var(--ink)}
a.mail{display:flex; align-items:center; gap:14px; padding:18px 22px; border-radius:18px; background:var(--soft); color:var(--ink); margin:0 0 22px; transition:transform .4s var(--ease); box-shadow:none}
a.mail:hover{text-decoration:none; transform:translateY(-2px)}
a.mail svg{width:26px; height:26px; color:var(--blue); flex:none}
a.mail b{display:block; font-size:17px; color:var(--ink)}
a.mail small{font-size:15px; color:var(--blue); opacity:1}
details{border:none; border-bottom:1px solid var(--line); border-radius:0; background:none; margin:0}
details:first-of-type{border-top:1px solid var(--line)}
summary{list-style:none; cursor:pointer; padding:20px 0; font-weight:600; font-size:19px; letter-spacing:-.015em; display:flex; justify-content:space-between; gap:16px; color:var(--ink)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+"; float:none; font-size:26px; font-weight:300; color:var(--gray); line-height:1; transition:transform .4s var(--ease)}
details[open] summary::after{content:"+"; transform:rotate(45deg)}
details p{padding:0 0 20px; font-size:17px}
footer{margin-top:60px; padding-top:18px; border-top:1px solid var(--line); font-size:12px; color:var(--gray)}
footer a{color:var(--gray)}
@media (max-width:600px){ .gnav .navl{display:none} .lang{margin-left:auto} }
@media (prefers-reduced-motion: reduce){ *{animation:none !important} }

/* Ayuda: accesos rápidos */
.qgrid{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:0 0 34px; animation:up 1.1s var(--ease) .18s both}
@media (max-width:560px){.qgrid{grid-template-columns:1fr}}
.qcard{display:flex; flex-direction:column; gap:4px; padding:20px 22px; border-radius:18px; background:var(--soft); color:var(--ink); transition:transform .35s var(--ease), box-shadow .35s}
.qcard:hover{text-decoration:none; transform:translateY(-3px); box-shadow:0 14px 30px -18px rgba(0,0,0,.35)}
.qcard:active{transform:scale(.98)}
.qcard .qi{width:40px; height:40px; border-radius:12px; background:var(--blue); color:#fff; display:flex; align-items:center; justify-content:center; margin-bottom:8px}
.qcard .qi svg{width:22px; height:22px}
.qcard b{font-size:18px; letter-spacing:-.01em}
.qcard small{font-size:15px; color:var(--gray2)}
h2[id]{scroll-margin-top:70px}
p.more{margin-top:22px; font-size:16px}