:root{--ink:#130b28;--night:#0b0714;--violet:#7830f0;--lilac:#b985ff;--rose:#fa4d8a;--paper:#fff;--mist:#f3effb;--soft:#d9ccef;--shadow:0 24px 70px rgba(19,11,40,.32);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--night)}
*{box-sizing:border-box}
html{background:var(--night);scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--night);color:var(--ink)}
button,summary,[role="button"]{font:inherit}
button,[role="button"],summary{cursor:pointer}
button:focus-visible,[role="button"]:focus-visible,summary:focus-visible{outline:3px solid #ffd0e2;outline-offset:4px}
[hidden]{display:none!important}
.threshold-shell{min-height:100vh}
.offer-stage{position:relative;min-height:100vh;overflow:clip;isolation:isolate;background:#f8f6fc}
.backdrop-hit{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.82) 41%,rgba(255,255,255,.1) 72%),url("/images/vicendasegreta-background.webp");background-size:cover;background-position:center top;z-index:0}
.backdrop-hit::after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(0deg,rgba(11,7,20,.7),transparent)}
.brand-ribbon{position:absolute;z-index:3;top:clamp(20px,4vw,52px);left:clamp(20px,6vw,90px);display:flex;align-items:center;gap:11px;max-width:calc(100% - 40px);padding:9px 13px 9px 9px;border:1px solid rgba(120,48,240,.18);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 14px 42px rgba(35,18,65,.12);backdrop-filter:blur(12px)}
.brand-ribbon img{width:44px;height:44px;object-fit:contain}
.brand-word{font-size:clamp(1.05rem,2.2vw,1.45rem);font-weight:850;letter-spacing:-.04em;white-space:nowrap}
.brand-word span{color:var(--violet)}
.nav-account{margin-left:auto;border:1px solid #d9ccec;border-radius:999px;padding:7px 11px;background:#fff;color:#49385e;font-size:.74rem;font-weight:850}
.adult-mark{margin-left:7px;padding:6px 9px;border-radius:999px;background:var(--ink);color:#fff;font-size:.69rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.welcome-panel{position:relative;z-index:2;width:min(610px,52vw);padding:clamp(150px,22vh,220px) 0 150px clamp(24px,7vw,104px);pointer-events:none}
.welcome-panel button{pointer-events:auto}
.eyebrow{display:inline-flex;margin:0 0 18px;padding:8px 12px;border-radius:999px;background:#efe7ff;color:#5723bd;font-size:.78rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.display-line{max-width:580px;margin:0;font-size:clamp(2.55rem,5.5vw,5.5rem);font-weight:900;line-height:.93;letter-spacing:-.07em;text-wrap:balance}
.support-line{max-width:510px;margin:28px 0 0;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.65;color:#4e445f}
.choice-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.primary-action,.promo-enter,.article-finish button{border:0;border-radius:15px;padding:15px 22px;background:linear-gradient(135deg,var(--violet),#9b45ee);color:#fff;font-weight:850;box-shadow:0 14px 28px rgba(120,48,240,.26);transition:transform .2s ease,box-shadow .2s ease}
.primary-action:hover,.promo-enter:hover,.article-finish button:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(120,48,240,.34)}
.quiet-action{border:1px solid #ded2ee;border-radius:15px;padding:14px 19px;background:rgba(255,255,255,.82);color:var(--ink);font-weight:800}
.trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.trust-row span{padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.78);font-size:.76rem;font-weight:750;color:#4d3d68}
.portrait-stack{position:absolute;z-index:2;right:clamp(18px,5vw,74px);top:clamp(130px,19vh,190px);width:min(44vw,570px);height:min(67vh,610px);pointer-events:none}
.portrait-card{position:absolute;margin:0;overflow:hidden;border:8px solid rgba(255,255,255,.95);border-radius:28px;background:#fff;box-shadow:var(--shadow);pointer-events:auto;transition:transform .25s ease,box-shadow .25s ease}
.portrait-card:hover{box-shadow:0 30px 80px rgba(19,11,40,.43)}
.portrait-card img{display:block;width:100%;height:100%;object-fit:cover}
.portrait-card figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;border-radius:12px;background:rgba(18,10,36,.82);color:#fff;font-size:.78rem;font-weight:800;text-align:center;backdrop-filter:blur(8px)}
.portrait-main{inset:0 6% 6% 4%;transform:rotate(1.6deg)}
.portrait-main:hover{transform:rotate(.4deg) translateY(-5px)}
.portrait-side{width:44%;height:37%;right:-1%;top:4%;bottom:auto;transform:rotate(-4deg)}
.portrait-side:hover{transform:rotate(-1.5deg) translateY(-4px)}
.story-dock{position:relative;z-index:4;margin-top:-92px;padding:0 clamp(14px,4vw,64px) 46px}
.editorial-details{max-width:1060px;margin:0 auto;border:1px solid rgba(217,204,239,.8);border-radius:26px;background:rgba(255,255,255,.97);box-shadow:0 24px 70px rgba(14,7,27,.28);overflow:hidden}
.editorial-details>summary{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding:19px 25px;list-style:none;font-weight:850;color:#2d194e}
.editorial-details>summary::-webkit-details-marker{display:none}
.summary-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#eee4ff;color:#6427cc;font-size:1.3rem;transition:transform .25s ease}
.editorial-details[open] .summary-icon{transform:rotate(45deg)}
.editorial-body{padding:clamp(26px,6vw,72px);border-top:1px solid #e9e0f4;background:#fff}
.editorial-body h1{max-width:820px;margin:0 0 28px;font-size:clamp(2.1rem,5vw,4.6rem);line-height:1;letter-spacing:-.055em;color:#22133d}
.editorial-body h2{max-width:760px;margin:56px 0 18px;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.15;letter-spacing:-.035em;color:#3b1b68}
.editorial-body p{max-width:780px;margin:0 0 18px;font-size:1.02rem;line-height:1.82;color:#4c425b}
.article-finish{max-width:790px;margin:58px 0 0;padding:26px;border-radius:22px;background:linear-gradient(135deg,#f1e9ff,#fff0f6)}
.article-finish p{margin:0 0 16px;color:#2c174e;font-weight:800}
.notice-layer,.promo-layer{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:rgba(11,7,20,.68);backdrop-filter:blur(12px)}
.notice-card{width:min(470px,100%);padding:clamp(26px,6vw,44px);border:1px solid rgba(255,255,255,.45);border-radius:28px;background:linear-gradient(155deg,#fff 0%,#f7f1ff 100%);box-shadow:0 32px 90px rgba(0,0,0,.42);text-align:center}
.notice-emblem{display:grid;place-items:center;width:82px;height:82px;margin:-5px auto 17px;border-radius:24px;background:#eee4ff}
.notice-emblem img{width:64px;height:64px;object-fit:contain}
.notice-kicker,.promo-kicker{margin:0 0 8px;color:#6f2bd8;font-size:.74rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.notice-card h2{margin:0;font-size:clamp(1.9rem,6vw,3rem);letter-spacing:-.05em}
.notice-card>p:not(.notice-kicker):not(.notice-small){margin:17px auto 0;max-width:350px;line-height:1.6;color:#5b5069}
.notice-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}
.notice-actions button{min-height:50px;border-radius:14px;font-weight:850}
.notice-enter{border:0;background:var(--violet);color:#fff}
.notice-leave{border:1px solid #d9ccec;background:#fff;color:#49385e}
.notice-small{margin:18px 0 0;color:#82768e;font-size:.74rem;line-height:1.45}
.promo-layer{z-index:28}
.promo-card{position:relative;display:grid;grid-template-columns:.83fr 1.17fr;width:min(780px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:28px;background:#fff;box-shadow:0 32px 90px rgba(0,0,0,.48)}
.promo-close{position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:rgba(19,11,40,.82);color:#fff;font-size:1.4rem}
.promo-visual{min-height:390px;background:#eaddff}
.promo-visual img{display:block;width:100%;height:100%;object-fit:cover}
.promo-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,52px)}
.promo-copy h2{margin:0;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1;letter-spacing:-.055em}
.promo-copy>p:not(.promo-kicker){margin:18px 0 24px;line-height:1.58;color:#5c5268}
.promo-enter{width:100%}
.promo-later{margin-top:10px;border:0;background:transparent;color:#5d4c75;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.welcome-panel{width:59vw;padding-left:34px}.display-line{font-size:clamp(2.45rem,7vw,4.5rem)}.portrait-stack{right:18px;width:39vw}.story-dock{margin-top:-55px}.backdrop-hit{background-position:62% top}}
@media(max-width:680px){.offer-stage{padding-bottom:0}.backdrop-hit{height:760px;background-image:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 48%,rgba(255,255,255,.18) 76%,rgba(11,7,20,.72) 100%),url("/images/vicendasegreta-background.webp");background-position:66% top}.brand-ribbon{top:14px;left:14px;right:14px;max-width:none}.brand-ribbon img{width:38px;height:38px}.brand-word{font-size:1rem}.adult-mark{margin-left:auto}.welcome-panel{width:100%;min-height:690px;padding:112px 20px 270px}.display-line{font-size:clamp(2.45rem,13vw,4.1rem);max-width:520px}.support-line{margin-top:20px;font-size:.98rem}.choice-row{display:grid;grid-template-columns:1fr}.choice-row button{width:100%}.portrait-stack{top:465px;right:18px;bottom:auto;left:18px;width:auto;height:225px}.portrait-main{inset:0 16% 0 0}.portrait-side{width:41%;height:65%;right:0;top:5%;bottom:auto}.portrait-card{border-width:5px;border-radius:20px}.portrait-card figcaption{font-size:.68rem}.story-dock{margin-top:0;padding:0 10px 24px;background:var(--night)}.editorial-details{border-radius:20px}.editorial-details>summary{padding:17px;min-height:70px}.editorial-body{padding:28px 20px}.editorial-body h2{margin-top:42px}.notice-actions{grid-template-columns:1fr}.promo-card{grid-template-columns:1fr;max-height:calc(100vh - 28px);overflow:auto}.promo-visual{min-height:185px;max-height:230px}.promo-copy{padding:26px}.promo-copy h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.dialog-label{margin:0 0 14px;font-size:clamp(1.55rem,4vw,2.2rem);font-weight:800;line-height:1.1}