:root{--ink:#12161f;--navy:#0e1626;--gray:#5a6070;--light:#f5f6f8;--line:#e4e6ea;--gold:#c5a04e;--max:1080px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid rgba(197,160,78,.6);outline-offset:3px}.wrap{max-width:var(--max);margin:auto;padding:0 24px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.header-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:10px;font-size:.92rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.brand-mark{display:block;width:42px;height:42px;flex:none;background:url('/imagenes/Logo Estudio Fondo Claro.png') center -1px/120px auto no-repeat}.back-link{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);white-space:nowrap}
.hero{background:var(--navy);color:#fff}.hero-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:70px;align-items:end;padding-top:82px;padding-bottom:86px}.eyebrow,.kicker{display:block;color:var(--gold);font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.hero h1{margin:17px 0 22px;font-size:clamp(2.4rem,5vw,3.5rem);font-weight:300;line-height:1.12}.hero h1 strong{font-weight:600}.hero p{margin:0;max-width:610px;color:#d7dbe2;font-size:1.05rem}.hero-note{padding:24px 0 0;border-top:2px solid var(--gold)}.hero-note span{display:block;margin-bottom:10px;color:var(--gold);font-size:.72rem;letter-spacing:.16em}.hero-note strong{display:block;font-size:1.45rem;font-weight:400;line-height:1.3}.hero-note p{margin-top:10px;font-size:.92rem}
.tool-section{padding-top:78px;padding-bottom:90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:44px;margin-bottom:36px}.section-heading h2{margin:10px 0 0;font-size:2rem;font-weight:400;line-height:1.2}.section-heading p{max-width:420px;margin:0;color:var(--gray);font-size:.93rem}.guide-form{background:var(--light);padding:34px 40px 40px}.guide-form fieldset{margin:0 0 30px;padding:0;border:0}.guide-form legend{width:100%;padding:0 0 14px;font-size:1.18rem;font-weight:600}.number{display:inline-block;margin-right:15px;color:var(--gold);font-size:.77rem;letter-spacing:.1em}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choices label{position:relative;display:block;cursor:pointer}.choices input{position:absolute;opacity:0;left:12px;top:12px}.choices label span{display:block;height:100%;min-height:96px;padding:19px 19px 17px;background:#fff;border:1px solid #dfe3e9;transition:border-color .2s,background .2s}.choices label strong{display:block;color:var(--ink);font-size:.92rem;line-height:1.35}.choices label small{display:block;margin-top:8px;color:var(--gray);font-size:.8rem;line-height:1.45}.choices input:checked+span{border-color:var(--gold);background:#fffaf0;box-shadow:inset 0 0 0 1px var(--gold)}.choices input:focus-visible+span{outline:3px solid rgba(197,160,78,.6);outline-offset:3px}.choices.compact label span{min-height:66px;display:flex;align-items:center}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 24px;border:1px solid var(--navy);background:var(--navy);color:#fff;font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-align:center}.secondary-button{background:#fff;color:var(--navy)}.primary-button:hover{background:#263247}.secondary-button:hover{background:var(--light)}
.topic-choices{margin-bottom:8px}.topic-choices label span{border-top:3px solid var(--gold)}.topic-questions[hidden]{display:none}
.result{margin-top:32px;padding:36px 40px;border:1px solid var(--line);border-top:3px solid var(--gold);background:#fff}.result[hidden]{display:none}.result h2{margin:12px 0 14px;font-size:2rem;font-weight:400;line-height:1.2}.result>p{max-width:760px;color:var(--gray)}.result h3{margin:30px 0 12px;font-size:1.05rem}.result ol{margin:0;padding-left:24px;max-width:800px}.result li{padding:7px 0}.result li::marker{color:var(--gold);font-weight:700}.result .scope{margin-top:26px;padding:17px 20px;border-left:3px solid var(--gold);background:var(--light);font-size:.9rem}.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.restart-button{display:block;margin-top:22px;padding:0;border:0;background:none;color:var(--gray);text-decoration:underline;text-underline-offset:4px}.disclaimer{max-width:780px;margin:34px 0 0;color:var(--gray);font-size:.86rem}.disclaimer strong{color:var(--ink)}.site-footer{padding:35px 0;background:var(--navy);color:#b8c1d0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.site-footer .logo{color:#fff;font-size:.76rem}.site-footer .brand-mark{display:none}.site-footer p,.site-footer span{margin:0;font-size:.78rem}
@media(max-width:760px){.hero-inner{grid-template-columns:1fr;gap:40px;padding-top:65px;padding-bottom:68px}.section-heading{display:block}.section-heading p{margin-top:14px}.choices{grid-template-columns:1fr}.choices label span{min-height:auto}.guide-form,.result{padding:25px 22px}.tool-section{padding-top:58px}.footer-inner{display:block}.footer-inner p{margin:13px 0}}
@media(max-width:520px){.logo{gap:7px;font-size:.72rem;letter-spacing:.075em}.brand-mark{width:36px;height:36px;background-size:103px auto}.back-link{font-size:.72rem}.hero h1{font-size:2.45rem}.result-actions>*{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}