/* Final block: evidence from the actual five answers, followed by MEI and YouTube. */
body:has(.end-screen:not(.hidden)){--green:#53fca3;--bg:#001510;--muted:#b0c8bd;--line:#2a493e;background:#001510;color:#f4f7f5;font-family:Arial,sans-serif}
body:has(.end-screen:not(.hidden)) .ambient{background:radial-gradient(ellipse at 90% 14%,#07573742,transparent 40%),radial-gradient(ellipse at 10% 80%,#07573718,transparent 40%),#001510}
body:has(.end-screen:not(.hidden)) .ambient:before,body:has(.end-screen:not(.hidden)) .ambient:after{display:none}
body:has(.end-screen:not(.hidden)) .mast{height:108px;width:min(85.2%,1060px);border-color:#648d7d55;position:relative;z-index:3}
body:has(.end-screen:not(.hidden)) .brand{font:800 39px/1 Arial,sans-serif;letter-spacing:-.025em;gap:13px}
body:has(.end-screen:not(.hidden)) .brand b{font:400 22px/1.2 Arial,sans-serif;letter-spacing:0;color:#f4f7f5}
body:has(.end-screen:not(.hidden)) .mast-d{font:500 18px/1 Arial,sans-serif;letter-spacing:-.025em;padding:12px 18px;border:1px solid #69ffad;color:#b6ffcf;background:#00191066;gap:11px}
body:has(.end-screen:not(.hidden)) .mast-d svg{order:-1;width:34px;height:26px}
body:has(.end-screen:not(.hidden)) .mast-label-default{display:none}
body:has(.end-screen:not(.hidden)) .mast-label-hero{display:inline}
body:has(.end-screen:not(.hidden)) #photoToggle{display:none}
body:has(.end-screen:not(.hidden)) .foot{border-color:#2a493e;color:#89a798;width:min(85.2%,1060px)}
.end-screen{width:min(85.2%,1060px);font-family:Arial,sans-serif}
.end-screen .narrow{max-width:820px;padding:30px 0 45px}
.end-screen .eyebrow{font:600 11px/1.4 Arial,sans-serif;letter-spacing:.14em;color:#7bf584}
.end-screen h2,.end-screen h3{font-family:Georgia,serif;color:#f7faf7;letter-spacing:-.035em;text-wrap:initial}
.end-screen .btn{display:flex;align-items:center;justify-content:center;gap:25px;min-height:64px;width:100%;border:0;border-radius:999px;padding:18px 25px;font:700 20px/1.25 Arial,sans-serif;letter-spacing:-.025em;background:linear-gradient(180deg,#80ffbc,#45f6a6 44%,#1eeda0);color:#00160e;box-shadow:inset 0 1px 1px #d6ffe6aa,0 6px 30px #09ff9c10}
.end-screen .btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
/* The original capture step is retained. */
.gate-screen h2{font-size:43px;line-height:1.1;margin:17px 0}
.gate-screen .lead{font:400 17px/1.65 Arial,sans-serif;color:#b8cfc2;max-width:670px}
.gate-screen .gate{padding:30px;border:1px solid #3c644b;border-radius:18px;background:linear-gradient(135deg,#123523,#082119);margin-top:28px}
.gate-screen .gate h3{font-size:29px;line-height:1.2;margin:14px 0 25px}
.gate-screen .gate label{font:400 14px/1.5 Arial,sans-serif;color:#d8e9de}
.gate-screen .gate input{background:#041c12;border:1px solid #4c7258;color:#eef9f0;border-radius:11px;padding:15px 16px;font-size:16px}
.gate-screen .gate input::placeholder{color:#819e8a}
.gate-screen .gate input:focus{border-color:#64f6a4;outline:2px solid #64f6a433;outline-offset:2px}
.gate-screen .fine{font:400 12px/1.6 Arial,sans-serif;color:#a3c4af;margin-top:17px}
.gate-screen .err{color:#ffd09c;font-size:13px}
/* Completion portrait uses only the extracted alpha over the unaltered source photo. */
.result-intro{position:relative;isolation:isolate;min-height:385px;padding:13px 0 42px}
.result-intro:before{content:"";position:absolute;z-index:-1;right:-30px;top:-60px;width:470px;height:470px;border-radius:50%;border:1px solid #52f5a539;background:radial-gradient(ellipse at 30% 25%,#13e99212,transparent 65%);box-shadow:-20px -5px 45px -40px #1bffa7;mask-image:linear-gradient(125deg,transparent,#000 34%,transparent 75%)}
.result-intro-copy{position:relative;z-index:1;max-width:75%;pointer-events:none}
.result-complete{display:flex;align-items:center;gap:14px;font:600 12px/1.2 Arial,sans-serif;letter-spacing:.12em;color:#76f999;margin-bottom:28px}
.result-complete svg{width:42px;height:42px;flex:0 0 42px;fill:#0b3622;stroke:#8effbb;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px #34ff9833)}
.result-screen #resultTitle{font:700 61px/1.04 Georgia,serif;letter-spacing:-.04em;margin:0 0 23px;color:#fafcf9;max-width:600px;text-shadow:0 2px 18px #001510}
#resultTitle em{color:#69f99d;font-style:italic;font-weight:400}
.result-intro-copy>p:last-child{max-width:410px;font:400 19px/1.5 Arial,sans-serif;color:#c4d8ca;text-shadow:0 2px 12px #001510}
.result-portrait{position:absolute;right:-48px;top:-17px;height:510px;width:334px;margin:0;z-index:0;pointer-events:none}
.result-portrait img{width:100%;height:100%;object-fit:contain;max-width:none}
body:has(.result-screen:not(.hidden)) .result-portrait img{mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 95%),url('assets/stephanie-resultado-mascara.png'),linear-gradient(to right,transparent 0%,#000 25%);mask-size:100% 100%,95% 100%,100% 100%;mask-position:center;mask-repeat:no-repeat;mask-mode:alpha;mask-composite:intersect}
.result-person{position:relative;z-index:1;font:400 13px/1.6 Arial,sans-serif;color:#b6d0be;margin:0 0 15px;max-width:740px}
.result-screen .result-score{position:relative;z-index:1;display:grid;grid-template-columns:210px 1fr;align-items:center;gap:28px;border:1px solid #4b775b;border-radius:20px;padding:27px 30px;background:linear-gradient(130deg,#103b2bf2,#06271fef);box-shadow:inset 0 1px 1px #a4ffc51a;overflow:hidden}
.result-score>div{padding-right:20px;border-right:1px solid #58856380}
.result-screen .result-score span{display:block;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.14em;color:#8affad}
.result-screen .result-score strong{display:block;font:700 58px/1.08 Georgia,serif;letter-spacing:-.04em;color:#68fb9d;margin-top:12px}
.result-score small{display:block;font-size:12px;line-height:1.5;color:#aacfb5;margin-top:6px}
.result-screen .result-score p{font:400 17px/1.65 Arial,sans-serif;color:#e3f0e7;margin:0}
.result-scope{font:400 12px/1.7 Arial,sans-serif;color:#94b39f;margin:16px 3px 32px;max-width:710px}
.result-screen .result-pattern{border:0;background:transparent;padding:0;margin:0 0 32px}
.result-pattern h3{font:700 31px/1.15 Georgia,serif;letter-spacing:-.03em;margin:15px 0 12px}
.result-screen .result-pattern>p:last-child{font:400 16px/1.7 Arial,sans-serif;color:#bed3c4;max-width:730px}
.result-priorities ol{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:24px}
.result-priorities li{display:flex;gap:18px;align-items:flex-start}
.priority-icon{width:53px;height:53px;flex:0 0 53px;display:grid;place-items:center;border:1px solid #38694d;border-radius:13px;background:linear-gradient(135deg,#123f2b,#06291b);box-shadow:inset 0 1px 1px #abffcc0c}
.priority-icon svg{width:29px;height:29px;fill:none;stroke:#64fca3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.result-priorities h4{font:600 18px/1.4 Arial,sans-serif;letter-spacing:-.02em;margin:0 0 6px;color:#f4f9f5}
.result-priorities li p{font:400 15px/1.7 Arial,sans-serif;color:#b4cdbd;margin:0;max-width:700px}
.result-details{margin:30px 0 38px;border:1px solid #335e43;border-radius:13px;background:#09271b66;overflow:hidden}
.result-details summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;cursor:pointer;font:400 14px/1.5 Arial,sans-serif;color:#c7e1d0;list-style:none}
.result-details summary::-webkit-details-marker{display:none}.result-details summary>span{font-size:23px;line-height:1;color:#71faaa}
.result-details[open] summary>span{transform:rotate(45deg)}.result-details[open] summary{border-bottom:1px solid #335e43}
.result-screen .etapas{margin:0;padding:15px 18px}
.result-screen .et{background:transparent;border:0;border-radius:0;border-bottom:1px solid #294c36;margin:0;padding:17px 0;gap:14px;display:flex;align-items:flex-start}
.result-screen .et:last-child{border-bottom:0}
.result-screen .et .ic{height:24px;width:24px;flex:0 0 24px;display:grid;place-items:center;background:#1b4b2e;border:0;border-radius:50%;color:#8dffb1;font-size:13px}
.result-screen .et.x .ic{color:#eac69e;background:#443823}
.result-screen .et b{display:block;font:500 15px/1.5 Arial,sans-serif;color:#e4f3e9}
.result-screen .et small{display:block;font:400 12px/1.6 Arial,sans-serif;color:#adcab6;margin:5px 0}
.result-screen .et p{font:400 13px/1.7 Arial,sans-serif;color:#a9c4b3;margin:5px 0 0}
.result-next{padding-top:29px;border-top:1px solid #335e43}
.result-next h3{font:700 39px/1.12 Georgia,serif;letter-spacing:-.035em;max-width:690px;margin:17px 0}
.result-next>p:not(.eyebrow):not(.result-cta-note){font:400 16px/1.75 Arial,sans-serif;color:#bfd4c6;max-width:710px}
.result-video-placeholder{display:grid;grid-template-columns:42% 1fr;gap:24px;align-items:center;border:1px solid #456a53;border-radius:18px;padding:18px;margin:27px 0 25px;background:linear-gradient(130deg,#14382af2,#08221a);box-shadow:inset 0 1px 0 #aaffcc0b}
.result-video-cover{position:relative;overflow:hidden;aspect-ratio:5/4;border-radius:12px;background:#183322}
.result-video-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 11%}
.result-video-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#00160b55)}
.placeholder-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid #ebfff2aa;border-radius:50%;height:53px;width:53px;background:#001b1180;opacity:.72}
.placeholder-play svg{width:25px;height:25px;fill:#f8fff9}
.placeholder-label{font:600 9px/1.5 Arial,sans-serif;letter-spacing:.13em;color:#8cd8a5}
.result-video-placeholder strong{display:block;font:400 25px/1.2 Georgia,serif;letter-spacing:-.025em;color:#eef8f0;margin-top:10px}
.result-video-placeholder p{font:400 12px/1.6 Arial,sans-serif;color:#a4c4b0;margin:12px 0 0}
.mei-support{list-style:none;padding:0;margin:23px 0 29px;display:grid;gap:12px}
.mei-support li{display:flex;align-items:flex-start;gap:12px;font:400 15px/1.5 Arial,sans-serif;color:#d1e5d8}
.mei-support li:before{content:'✓';flex:0 0 20px;display:grid;place-items:center;color:#7effad;font-size:16px}
.result-cta-note{text-align:center;font:400 12px/1.65 Arial,sans-serif;color:#a3c2ad;margin:15px auto 0;max-width:600px}
.result-free{display:flex;gap:16px;align-items:flex-start;padding:28px 0 0;border-top:1px solid #2d503b;margin-top:34px}
.youtube-icon{width:44px;height:44px;flex:0 0 44px;border:1px solid #385e45;border-radius:11px;background:#103121;display:grid;place-items:center}
.youtube-icon svg{width:26px;height:20px;fill:none;stroke:#79f7a6;stroke-width:1.5}.youtube-icon svg path{fill:#79f7a6;stroke:none}
.result-free h3{font:600 18px/1.4 Arial,sans-serif;letter-spacing:-.02em;color:#dceee2;margin:0 0 10px}
.result-free p{font:400 14px/1.7 Arial,sans-serif;color:#a7c5b1;margin:0 0 9px}
.result-free a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#8affb3;font:500 15px/1.5 Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
.result-free a:hover{color:#c2ffd8}
.result-screen #restart{display:block;margin:25px auto 0;min-height:44px;padding:10px 14px;font:400 12px/1.5 Arial,sans-serif;color:#95b6a1;border-radius:8px}
.result-screen #restart:hover{background:#163d2844;color:#d3ebda}
.review-bar button:disabled{opacity:.4;cursor:default}
@media(max-width:900px){
 body:has(.end-screen:not(.hidden)) .mast{width:85.2%;height:18vw;min-height:64px;max-height:115px;gap:8px}
 body:has(.end-screen:not(.hidden)) .brand{font-size:6.1vw;gap:1.5vw;letter-spacing:-.025em}
 body:has(.end-screen:not(.hidden)) .brand b{font:400 3.2vw/1.2 Arial,sans-serif;letter-spacing:0}
 body:has(.end-screen:not(.hidden)) .mast-d{padding:1.8vw 2.5vw;gap:1.6vw;font-size:3.15vw}
 body:has(.end-screen:not(.hidden)) .mast-d svg{width:6vw;height:4.5vw}
 .end-screen .narrow{padding:23px 0 30px}
 .end-screen .eyebrow{font-size:10px;letter-spacing:.12em}
 .end-screen .btn{font-size:16px;min-height:58px;padding:17px 19px;gap:20px}
 .gate-screen h2{font-size:33px;line-height:1.08;margin:16px 0}
 .gate-screen .lead{font-size:14px;line-height:1.65}
 .gate-screen .gate{padding:23px 19px;border-radius:15px;margin-top:25px}
 .gate-screen .gate h3{font-size:26px;line-height:1.2;margin:13px 0 23px}
 .gate-screen .gate label{font-size:13px}
 .gate-screen .gate input{padding:14px;font-size:16px}
 .gate-screen .fine{font-size:11px;line-height:1.65}
 .result-screen{overflow:clip;container-type:inline-size}
 .result-screen .narrow{padding-top:0}
 .result-intro{min-height:64cqw;padding:6cqw 0 7cqw}
 .result-intro:before{width:95cqw;height:95cqw;top:-5cqw;right:-48cqw;box-shadow:none}
 .result-intro-copy{max-width:78%;position:relative;z-index:1}
 .result-complete{font-size:2.7cqw;letter-spacing:.07em;gap:9px;line-height:1.4;margin:0 0 6cqw}
 .result-complete svg{height:8.4cqw;width:8.4cqw;flex-basis:8.4cqw;stroke-width:2}
 .result-screen #resultTitle{font-size:10.3cqw;line-height:1.04;letter-spacing:-.04em;margin:0 0 5cqw;max-width:75cqw}
 .result-intro-copy>p:last-child{font-size:4.05cqw;line-height:1.5;max-width:52cqw}
 .result-portrait{height:101cqw;width:66cqw;right:-12cqw;top:0}
 .result-person{font-size:12px;line-height:1.6;margin:0 0 13px}
 .result-screen .result-score{grid-template-columns:110px 1fr;gap:16px;border-radius:15px;padding:19px 17px}
 .result-score>div{padding-right:14px}
 .result-screen .result-score span{font-size:9px;letter-spacing:.1em;line-height:1.5}
 .result-screen .result-score strong{font-size:42px;line-height:1.1;margin-top:10px}
 .result-score small{font-size:10px;line-height:1.5;margin-top:5px}
 .result-screen .result-score p{font-size:13px;line-height:1.6}
 .result-scope{font-size:11px;line-height:1.65;margin:14px 2px 28px}
 .result-screen .result-pattern{margin-bottom:28px}
 .result-pattern h3{font-size:28px;line-height:1.15;margin:14px 0 12px}
 .result-screen .result-pattern>p:last-child{font-size:14px;line-height:1.75}
 .result-priorities ol{margin-top:20px;gap:23px}
 .result-priorities li{gap:13px}
 .priority-icon{width:43px;height:43px;flex-basis:43px;border-radius:11px}
 .priority-icon svg{width:25px;height:25px}
 .result-priorities h4{font-size:15px;line-height:1.5;margin-bottom:5px}
 .result-priorities li p{font-size:13px;line-height:1.75}
 .result-details{margin:28px 0 30px;border-radius:12px}
 .result-details summary{font-size:12px;padding:15px 16px}
 .result-screen .etapas{padding:10px 15px}
 .result-screen .et{padding:15px 0;gap:11px}
 .result-screen .et b{font-size:14px}.result-screen .et small{font-size:11px}.result-screen .et p{font-size:12px}
 .result-next{padding-top:25px}
 .result-next h3{font-size:32px;line-height:1.13;margin:15px 0}
 .result-next>p:not(.eyebrow):not(.result-cta-note){font-size:14px;line-height:1.75}
 .result-video-placeholder{grid-template-columns:40% 1fr;gap:15px;padding:12px;border-radius:14px;margin:24px 0 22px;align-items:start}
 .result-video-cover{aspect-ratio:3/4;border-radius:10px}
 .result-video-cover img{object-position:50% 11%}
 .placeholder-play{width:40px;height:40px}.placeholder-play svg{width:20px;height:20px}
 .placeholder-label{font-size:8px;line-height:1.5;letter-spacing:.09em}
 .result-video-placeholder strong{font-size:21px;line-height:1.2;margin-top:8px}
 .result-video-placeholder p{font-size:11px;line-height:1.6;margin-top:9px}
 .mei-support{gap:11px;margin:22px 0 26px}
 .mei-support li{font-size:13px;line-height:1.6;gap:10px}
 .result-cta-note{font-size:11px;line-height:1.65;margin-top:14px}
 .result-free{gap:12px;padding-top:25px;margin-top:29px}
 .youtube-icon{height:38px;width:38px;flex-basis:38px;border-radius:10px}.youtube-icon svg{width:23px;height:18px}
 .result-free h3{font-size:16px;line-height:1.4;margin-bottom:10px}
 .result-free p{font-size:13px;line-height:1.7}
 .result-free a{font-size:14px;line-height:1.5;min-height:44px}
 .result-screen #restart{font-size:11px;margin-top:22px}
}
@media(max-width:360px){.result-screen .result-score{grid-template-columns:94px 1fr;gap:13px;padding:17px 13px}.result-screen .result-score strong{font-size:36px}.result-screen .result-score p{font-size:12px}.result-screen .result-score span{font-size:8px}.result-score small{font-size:9px}.result-next h3{font-size:29px}.result-video-placeholder{grid-template-columns:1fr;gap:13px;padding:13px}.result-video-cover{aspect-ratio:16/9}.result-video-cover img{object-position:50% 17%}.result-video-placeholder strong{font-size:24px}.result-video-placeholder p{font-size:12px}.placeholder-label{font-size:9px}}

.result-screen .result-person{margin:17px 3px 0}
.mei-support li:before{display:none}.mei-support li>span{flex:0 0 20px;color:#7effad;font-size:16px}
@media(max-width:900px){.result-scope{font-size:12px;line-height:1.65}.result-screen .result-person{font-size:12px;margin-top:15px}}
.result-video-cover img{object-position:50% 0%}
@media(max-width:900px){.result-video-cover img{object-position:50% 0%}}
@media(max-width:360px){.result-video-cover img{object-position:50% 0%}}

/* Final refinements approved for the original page. */
.result-screen .result-pattern #xPatP{font:400 16px/1.7 Arial,sans-serif;color:#bed3c4;max-width:730px}
.result-pattern .result-priorities{margin-top:24px}
.result-video-placeholder{display:block;padding:0;overflow:hidden}
.result-video-placeholder .result-video-cover{aspect-ratio:16/9;border-radius:0}
.result-video-placeholder .result-video-cover img{object-position:50% 0%}
.result-video-placeholder .placeholder-play{left:22px;top:auto;bottom:20px;transform:none;opacity:.8}
.result-video-placeholder .placeholder-label{position:absolute;z-index:1;right:16px;bottom:18px;border:1px solid #89cfa85c;border-radius:7px;background:#001c12cf;padding:5px 9px;font:400 11px/1.4 Arial,sans-serif;letter-spacing:0;color:#e0f4e6}
.result-free{display:block}
.result-free>h3{font-size:22px;line-height:1.35;max-width:690px;margin:0 0 12px}
.result-free>p{max-width:690px;margin-bottom:21px}
.youtube-channel-card{display:grid;grid-template-columns:minmax(0,489px) minmax(205px,1fr);align-items:center;overflow:hidden;border:1px solid #42674d;border-radius:16px;background:linear-gradient(130deg,#133726,#08251a)}
.result-free .youtube-channel-preview{display:block;min-height:0;line-height:0;overflow:hidden;text-decoration:none}
.youtube-channel-preview img{display:block;width:100%;height:auto;aspect-ratio:489/312;object-fit:cover}
.youtube-channel-preview:hover img{filter:brightness(1.05)}
.youtube-channel-action{display:flex;flex-direction:column;align-items:flex-start;padding:24px;min-width:0}
.youtube-channel-label{font-size:9px;letter-spacing:.14em;color:#92cba5;font-weight:600}
.youtube-channel-action strong{font:400 25px/1.15 Georgia,serif;color:#f0f8f2;letter-spacing:-.02em;display:block;margin-top:12px}
.youtube-channel-handle{font:400 12px/1.5 Arial,sans-serif;color:#b7d2c0;margin-top:7px}
.result-free .youtube-channel-button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:48px;border:1px solid #6bcb92;border-radius:999px;background:#174b2e;color:#d8ffe6;padding:12px 19px;text-decoration:none;font:600 14px/1.35 Arial,sans-serif;white-space:nowrap;margin-top:20px}
.result-free .youtube-channel-button:hover{background:#23623d;color:#effff3}
@media(max-width:900px){
 .result-screen .result-pattern #xPatP{font-size:14px;line-height:1.75}
 .result-pattern .result-priorities{margin-top:22px}
 .result-video-placeholder{padding:0;display:block}
 .result-video-placeholder .result-video-cover{aspect-ratio:16/9}
 .result-video-placeholder .placeholder-play{left:15px;bottom:15px;width:42px;height:42px}
 .result-video-placeholder .placeholder-label{right:12px;bottom:15px;font-size:10px;padding:4px 7px}
 .result-free>h3{font-size:19px;line-height:1.4}
 .youtube-channel-card{display:block;border-radius:13px}
 .youtube-channel-action{padding:19px 18px;align-items:center;text-align:center}
 .youtube-channel-action strong{font-size:25px;margin-top:9px}
 .youtube-channel-handle{font-size:12px}
 .result-free .youtube-channel-button{width:100%;min-height:49px;font-size:14px;margin-top:17px}
}

.result-live .result-video-placeholder>div:last-child{padding:16px 18px 20px}.result-live .result-video-placeholder strong{display:block;margin:6px 0 8px}