*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#170f27;color:#f9f0e8;font:17px/1.65 'Segoe UI',sans-serif}button,a{touch-action:manipulation}button{border:0;background:#eed08e;color:#25182d;padding:17px 25px;border-radius:40px;font:700 16px 'Segoe UI',sans-serif;cursor:pointer}button:hover{background:#ffe4ac;transform:translateY(-1px)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #edb5ff;outline-offset:5px}button:disabled{opacity:.45;cursor:default}.top{max-width:1260px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px 5%}.brand{font-weight:750;color:#eed08e;text-decoration:none;letter-spacing:-.6px;font-size:24px}.small{padding:11px 20px;font-size:14px}.hero{max-width:1260px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;padding:35px 5% 70px;gap:35px}.tag{font-size:11px;font-weight:800;letter-spacing:2px;color:#e4bb7d}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.06;letter-spacing:-1.9px}h1{font-size:clamp(46px,5.1vw,76px);margin:25px 0}h2{font-size:clamp(32px,3.7vw,49px)}h3{line-height:1.3;font-size:23px;letter-spacing:-.4px}em{color:#e9be7b;font-weight:400}.lead{font-size:22px;line-height:1.5}p{color:#cfc2d9;max-width:740px}.micro,.muted{font-size:13px;color:#bcaec8;margin-top:18px}.symbol{background-image:url(assets/simbolos.png);background-size:300% 300%;background-position:var(--x) var(--y);border-radius:50%;aspect-ratio:1;border:1px solid #ddba7955}.constellation{position:relative;aspect-ratio:1}.main{position:absolute;width:72%;left:14%;top:14%;box-shadow:0 0 0 14px #eac88d06,0 0 0 15px #eac88d20,0 0 100px #ac618e40}.orbit{position:absolute;width:27%}.one{top:0;right:0}.two{left:0;top:7%}.three{bottom:0;right:0}.floating{position:absolute;left:0;bottom:4%;background:#34213deb;border:1px solid #b28a6955;border-radius:17px;padding:15px 25px;transform:rotate(-5deg);color:#eac88d}.strip{text-align:center;background:#2d1e38;border-block:1px solid #eac88d22;padding:20px;font:italic 20px Georgia;color:#eed08e}.intro,.how{max-width:1160px;margin:70px auto;padding:0 5%}.scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.scenes article{border-top:1px solid #b28a6955;padding-top:22px}.scenes article>span{color:#c78ba9;font-family:Georgia;font-size:28px}.how{display:grid;grid-template-columns:280px 1fr;gap:70px;align-items:center}.how .symbol{width:100%}main{max-width:1020px;margin:auto;padding:0 22px}main section{background:#251a33;border:1px solid #c49b6c33;border-radius:28px;padding:38px;margin:25px 0}main h2{font-size:38px}main .card{background:#30213d;border:1px solid #a57d9633;border-radius:20px;padding:24px;margin:20px 0}.number{font-size:clamp(80px,15vw,140px);font-weight:800;line-height:1.1;color:#eed08e;letter-spacing:-7px}.result-visual{display:flex;justify-content:space-between;align-items:center;gap:25px}.result-symbol{width:180px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.grid .card{margin:0;font-size:15px}.bar,.progress{background:#ffffff15;height:8px;border-radius:8px;overflow:hidden}.bar i,.progress i{display:block;height:100%;background:linear-gradient(90deg,#b073a3,#f2d296)}.offers{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.offers article{background:linear-gradient(145deg,#482b4b,#30213d);border:1px solid #dbb37955;border-radius:22px;padding:25px}.quote{padding:18px 22px;border-left:3px solid #eac88d;background:#eac88d08;margin:20px 0}.notice{border:1px solid #e9be7b!important}.text{background:transparent;color:#e9be7b;padding:4px;font-size:13px}.quizhead{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#c9b8d6}.answers{display:grid;gap:12px;margin-top:30px}.answers button{background:#392849;color:#f6edf8;text-align:left;border:1px solid #b58aaf44;border-radius:14px;display:flex;gap:15px}.answers button.selected{background:#e9cb91;color:#21152d}.answers button:hover{border-color:#e9cb91}.back{background:transparent;color:#cfbedb;padding-left:0;margin-top:22px}select{padding:14px;background:#392849;color:white;border:1px solid #b58aaf66;border-radius:12px;font:inherit;width:100%;margin:8px 0 22px}label{display:block}footer{max-width:1160px;margin:65px auto 0;padding:30px 5%;border-top:1px solid #b28a6944;font-size:12px}footer b{font-size:20px;color:#e9be7b}li{margin:15px 0}[hidden]{display:none!important}@media(max-width:720px){.hero{grid-template-columns:1fr;padding-top:10px}.hero h1{font-size:49px}.constellation{max-width:440px;width:100%;margin:auto}.scenes,.how,.grid,.offers{grid-template-columns:1fr}.how{gap:25px}.how .symbol{max-width:220px;margin:auto}.intro{margin-top:45px}.brand{font-size:18px}.small{font-size:12px;padding:10px 14px}main section{padding:24px}.result-symbol{width:110px}.number{font-size:86px}.grid .card{padding:18px}main h2{font-size:32px}.strip{font-size:18px}}

/* v4: metáforas humanas, sin imaginería mística */
.symbol{background-image:url(assets/autonomia-v4.png);background-size:cover;background-position:center!important}
.main{background-image:url(assets/mascara-v4.png)}
.orbit.one{background-image:url(assets/control-v4.png);width:30%;right:-1%;top:2%}
.orbit.two{background-image:url(assets/autonomia-v4.png);width:29%;left:0;top:66%}
.floating{left:auto;right:0;bottom:4%}
.result-symbol,.how .symbol{background-image:url(assets/autonomia-v4.png)}