:root{font:18px/1.6 system-ui,sans-serif;color:#171f34;background:#f7f6fb;--ink:#211852;--accent:#5640a9;--line:#dcd5ef}
*{box-sizing:border-box}
body{margin:0}
.wrap{width:min(1110px,92vw);margin:auto}
.top{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1rem;flex-wrap:wrap}
.brand,nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.brand{font-weight:850;text-decoration:none;color:var(--ink)}
a{color:#473292;text-underline-offset:.2em}
a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #4e30a7;outline-offset:4px}
.skip{position:absolute;left:1rem;top:-5rem;background:white;padding:.5rem;z-index:1}
.skip:focus{top:1rem}
section{margin:3rem 0}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;background:#eae3ff;border-radius:32px;padding:clamp(1.3rem,5vw,3.5rem);margin-top:1rem}
.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#473292}
h1,h2{line-height:1.08;color:var(--ink);margin:.4em 0;letter-spacing:-.045em}
h1{font-size:clamp(2.5rem,6vw,4.4rem);max-width:14ch}
h2{font-size:clamp(1.8rem,4vw,2.8rem)}
.art{width:100%;height:auto}
.button{display:inline-block;background:var(--accent);color:white;font-weight:750;text-decoration:none;padding:.65rem 1rem;border-radius:12px}
details{background:white;border:1px solid var(--line);border-radius:14px;margin:.65rem 0;padding:.9rem 1.15rem}
summary{cursor:pointer;font-weight:750;color:var(--ink)}
details p{max-width:70ch}
.check{padding:clamp(1.2rem,4vw,2.5rem);background:#def6e8;border-radius:24px}
.check label{display:flex;align-items:baseline;gap:.6rem;margin:.5rem 0}
input{accent-color:#473292;inline-size:1rem;block-size:1rem;flex-shrink:0}
#avance{font-weight:750}
footer{border-top:1px solid var(--line);padding:1.5rem 0 2.5rem}
@media(max-width:720px){.hero{grid-template-columns:1fr;gap:.7rem}.art{max-width:420px;margin:auto}}
.responsable{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-top:1rem}.responsable img{object-fit:cover;border-radius:14px}.responsable h3{margin:0}.responsable p{margin:.4rem 0}#privacidad{scroll-margin-top:1rem}