body{background:#0f0f12;color:#e9e2d8}.reality{min-height:80vh}.reality-inner{width:min(940px,calc(100% - 36px));margin:auto}.reality-hero{min-height:76vh;display:flex;align-items:center;text-align:center;padding:80px 0;background:radial-gradient(ellipse at 18% 65%,#4a1f2855,transparent 40%),radial-gradient(ellipse at 82% 65%,#25496a44,transparent 40%),#0f0f12}.eyebrow{color:#bba17c;font-size:.69rem;letter-spacing:.2em;font-weight:700}.reality h1,.reality h2,.reality h3{font-family:'Playfair Display',Georgia,serif}.reality h1{font-size:clamp(3rem,9vw,6.8rem);line-height:1.06;margin:25px 0}.reality h1 em{display:block;font-style:normal;color:#d4b487}.intro{font-size:clamp(1rem,2.2vw,1.35rem);color:#f4ede3}.subintro{max-width:600px;margin:16px auto 0;color:#aaa5a1;line-height:1.8}.hero-portals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:650px;margin:45px auto}.hero-portals span{display:grid;place-items:end center;min-height:150px;padding:16px 5px;border:1px solid #ffffff30;font-size:.65rem;letter-spacing:.17em;color:#ddd;background:linear-gradient(0deg,#08090c,#571b2755)}.hero-portals span:nth-child(2){background:linear-gradient(0deg,#08090c,#125e8455)}.hero-portals span:nth-child(3){background:linear-gradient(0deg,#08090c,#9b6d2b55)}.hero-actions,.stage-actions,.share{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.reality-btn{display:inline-block;background:#bba17c;border:1px solid #bba17c;color:#141216;font-weight:700;font-size:.85rem;padding:14px 23px;cursor:pointer;text-decoration:none;border-radius:2px}.reality-btn:hover{background:#e1c9a5;color:#141216}.reality-btn:disabled{opacity:.35;cursor:not-allowed}.reality-btn.outline{background:transparent;color:#dfc9aa}.text-btn{border:0;background:none;color:#c5b6a3;cursor:pointer;padding:12px}.stage,.import-stage,.result-stage{padding-top:75px;padding-bottom:95px}.stage h2,.import-stage h2,.result-stage h2{font-size:clamp(2rem,5vw,3.5rem);line-height:1.2;margin:25px 0 32px}.stage-top{display:flex;align-items:center;gap:22px}.progress{height:3px;background:#ffffff20;flex:1}.progress span{display:block;height:100%;background:#bba17c;transition:width .25s}.choices{display:grid;gap:13px}.choice{display:flex;align-items:center;gap:20px;width:100%;padding:22px;text-align:left;background:#1a1a20;border:1px solid #39353a;color:#eee7df;cursor:pointer;font-size:1rem;line-height:1.6}.choice:hover,.choice.selected{border-color:#c9aa7e;background:#262027}.choice-letter{display:grid;place-items:center;flex:0 0 48px;height:48px;border:1px solid #bd9972;border-radius:50%;font:1.3rem Georgia;color:#e7c7a0}.stage-actions{justify-content:space-between;margin-top:30px}.import-stage p{color:#c7c0b7}.import-stage form{display:grid;gap:14px;max-width:470px;margin:30px 0}.import-stage input{width:100%;padding:17px;background:#1a1a20;color:white;border:1px solid #81715e;font-size:1.2rem;letter-spacing:.12em}.form-error{color:#ffaaa7!important;min-height:1.3em}.result-subtitle{color:#aaa}.result-stage h2{color:#dfc099}.profile-lead{font-size:1.15rem;line-height:1.9;max-width:800px}.result-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:40px 0 16px}.panel{padding:28px;border:1px solid #ffffff22;background:#19191e}.panel p{line-height:1.8}.spaced{margin-top:28px}.bar-row{margin:20px 0}.bar-heading{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:9px}.bar-track{height:8px;background:#ffffff18}.bar-fill{height:100%;background:#bba17c}.bar-row:nth-child(2) .bar-fill{background:#7baac5}.bar-row:nth-child(3) .bar-fill{background:#a67c83}.tiny{font-size:.75rem;color:#999;line-height:1.7}.tag{display:inline-block;border:1px solid #625447;padding:7px 10px;margin:4px;color:#d6c5b1;font-size:.78rem}.analysis{margin:16px 0}.analysis p{border-bottom:1px solid #ffffff12;padding-bottom:12px}.analysis p:last-child{border:0}.recommendation h3{font-size:2rem;color:#dfc099}.share{margin:35px 0;align-items:center}.share p{width:100%;text-align:center}@media(max-width:650px){.result-columns{grid-template-columns:1fr}.choice{padding:16px;gap:13px}.hero-portals span{min-height:105px;font-size:.54rem}.reality-hero{padding:65px 0}.panel{padding:20px}}
/* Ilustraciones originales del carrusel, adaptadas a la experiencia web */
.hero-portals span{position:relative;overflow:hidden;isolation:isolate;min-height:205px;background-size:cover!important;background-position:center!important;border:1px solid #d6b38b55;box-shadow:0 15px 35px #0008;text-shadow:0 2px 10px #000,0 1px 3px #000;font-weight:700;transition:transform .25s,border-color .25s}
.hero-portals span::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#07080ce8 0%,transparent 60%)}
.hero-portals span:nth-child(1){background-image:url('../elige-tu-realidad/assets/hero-0.webp')!important}
.hero-portals span:nth-child(2){background-image:url('../elige-tu-realidad/assets/hero-1.webp')!important}
.hero-portals span:nth-child(3){background-image:url('../elige-tu-realidad/assets/hero-2.webp')!important}
.hero-portals span:hover{transform:translateY(-5px);border-color:#d6b38b}
.choice{overflow:hidden;padding:0;min-height:112px;position:relative}
.choice-visual{width:125px;align-self:stretch;flex:0 0 125px;object-fit:cover;object-position:center;filter:brightness(.83);border-right:1px solid #ffffff24}
.choice-letter{flex:0 0 42px;height:42px}
.choice-text{padding:16px 18px 16px 0;flex:1}
.choice.selected .choice-visual,.choice:hover .choice-visual{filter:brightness(1.08)}
@media(max-width:650px){.hero-portals span{min-height:140px}.choice-visual{width:84px;flex-basis:84px}.choice{gap:10px}.choice-text{font-size:.85rem;padding:12px 9px 12px 0}.choice-letter{flex-basis:32px;height:32px;font-size:1rem}}