@font-face{font-family:OrionTitle;src:url('../../assets/title.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:OrionBody;src:url('../../assets/body.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:OrionBody;src:url('../../assets/body-bold.otf') format('opentype');font-weight:600 900;font-display:swap}
.orion-page{background:#03111d}
.orion-page .header{position:sticky;top:0;z-index:100}
.or-skip{position:fixed;top:8px;left:12px;z-index:200;padding:12px 18px;background:#fff;color:#140c25;transform:translateY(-180%);border-radius:6px}
.or-skip:focus{transform:none}
.or-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#darkorion-page{--or-bg:#03111d;--or-text:#faf7ff;--or-muted:#d6cfe3;--or-line:#1b598c;color:var(--or-text);background:var(--or-bg);font-family:OrionBody,Arial,Helvetica,sans-serif;font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased}
#darkorion-page *,#darkorion-page *:before,#darkorion-page *:after{box-sizing:border-box}
#darkorion-page h1,#darkorion-page h2,#darkorion-page p{margin:0}
#darkorion-page a{color:inherit;text-decoration:none}
#darkorion-page button{font:inherit;cursor:pointer}
#darkorion-page button:focus-visible,#darkorion-page a:focus-visible{outline:3px solid #edbdff;outline-offset:5px}
#darkorion-page svg{flex-shrink:0}
.or-container{width:calc(100% - 64px);max-width:1344px;margin-inline:auto}
.or-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(520px,33.6vw,620px);overflow:hidden;background:#0d071c;border-bottom:1px solid #65439c}
.or-hero-media{position:absolute;inset:0;z-index:-2;pointer-events:none}
.or-hero-media>svg{display:block;width:100%;height:100%;stroke:none;fill:none}
.or-hero-media>.or-photo-mobile{display:none}
.or-hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#08071ac4 0%,#08071a94 30%,#08071a33 51%,transparent 69%),linear-gradient(0deg,#03111d70,transparent 22%)}
.or-hero-layout{padding-block:34px 32px}
.or-copy{width:54%;max-width:680px}
.or-eyebrow{font-size:13px;letter-spacing:.09em;margin-bottom:14px!important;color:#f7f1ff}
.or-title{width:max-content;max-width:100%;white-space:nowrap;font-family:OrionTitle,Georgia,'Times New Roman',serif;font-size:clamp(44px,4.66vw,82px);line-height:1.02;letter-spacing:-.025em;font-weight:400;text-shadow:0 0 10px #c18aff8c,0 0 27px #8a21e999}
.or-title span{color:#bd32f4;text-shadow:0 0 9px #d747ff9c,0 0 24px #9500ff99}
.or-lead{font-size:clamp(24px,1.9vw,32px);font-weight:700;line-height:1.2;margin-top:7px!important}
.or-description{max-width:535px;font-size:clamp(16px,1.2vw,20px);line-height:1.35;margin-top:9px!important;color:#f0e8f6;text-shadow:0 1px 8px #0007}
.or-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:9px 19px;border:1px solid #d6d1e3;border-radius:6px;background:#020b17a8;font-size:15px;font-weight:600;text-align:center;line-height:1.25;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s}
.or-button svg{width:19px;height:19px}
.or-button:hover{background:#221136;border-color:#e6afff;box-shadow:0 0 18px #b341fb40;transform:translateY(-1px)}
.or-filled{background:linear-gradient(105deg,#8377ff 0%,#a529f2 48%,#ed8cf7 100%);border-color:#e6b4ff;color:#fff!important;box-shadow:inset 0 0 8px #f9d4ff38,0 0 22px #b342f947}
.or-filled:hover{background:linear-gradient(105deg,#9c8eff,#b540ff 48%,#f4a3fb);box-shadow:0 0 26px #b342f96b}
.or-main-cta{width:var(--hero-title-width,100%);max-width:100%;min-height:56px;margin-top:21px;padding:13px 24px;border-radius:17px;font-size:22px;font-weight:700;gap:12px}
.or-main-cta>span{font-weight:400;font-size:26px;line-height:1}
.or-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:var(--hero-title-width,100%);max-width:100%;padding:0;margin:14px 0 0;list-style:none}
.or-benefits li{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;padding:6px 8px;background:#040b19bd;border:1px solid #7740a7a8;border-radius:14px;font-size:13px;line-height:1.2;text-align:center;box-shadow:inset 0 0 10px #4a168322}
.or-feature-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:7px;background:linear-gradient(150deg,#ca1bfc,#5a14df);box-shadow:0 0 10px #a12cff55}
.or-feature-icon svg{width:20px;height:20px;color:#fff;stroke-width:1.7}
.or-socials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:var(--hero-title-width,100%);max-width:100%;margin-top:14px}
.or-socials a{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:45px;padding:7px;background:#020b19ba;border:1px solid #284468;border-radius:12px;transition:border-color .2s,background .2s,box-shadow .2s}
.or-socials a:hover{border-color:#9a59d9;background:#1b0d2dbf;box-shadow:0 0 15px #a738d72e}
.or-socials a>span:last-child{min-width:0;line-height:1.25}
.or-socials strong{display:block;font-size:12px;font-weight:600}
.or-socials a>span:last-child>span{display:block;font-size:11px;color:#cbbbdc;white-space:nowrap}
.or-social-icon{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:25px;height:25px;border-radius:7px}
.or-social-icon svg{width:20px;height:20px}
.or-telegram{background:#08a5df;color:#fff;border-radius:50%}
.or-instagram{color:#f243d7;background:#120d27}
.or-tiktok{color:#fff;background:#070b15;filter:drop-shadow(-1px 0 0 #16d0db) drop-shadow(1px 0 0 #ec4069)}
.or-lower{padding-block:28px 42px}
.or-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1000px;margin-inline:auto;scroll-margin-top:115px}
.or-plan{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:21px 27px 19px;background:linear-gradient(140deg,#031522f7,#020c16fc);border:1px solid #155a99;border-radius:14px;text-align:center;transition:transform .22s,box-shadow .22s,border-color .22s}
#darkorion-page .or-plan h2{font-size:20px;line-height:1.2;font-weight:700}
.or-plan-line{display:block;width:49px;height:2px;margin:8px 0 3px;background:#ce2cf7;box-shadow:0 0 10px #bb29e735}
.or-old-price{min-height:19px;color:#a494b7;font-size:14px;line-height:19px}
.or-price{font-size:45px;font-weight:700;line-height:1.06;letter-spacing:-.035em;color:#fff;text-shadow:none;white-space:nowrap}
.or-price span{font-size:.9em}
.or-period{font-size:14px;color:#eae3f2;margin-top:4px!important}
.or-offer{display:flex;align-items:center;justify-content:center;min-height:39px;margin-block:5px 9px;width:100%}
.or-coupon{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;width:100%;padding:5px 4px;background:#030914a6;border:1px solid transparent;border-radius:9px;color:#f9f0ff;font-size:12px!important;line-height:1.2}
.or-coupon:hover{border-color:#a34cdb;color:#fff}
.or-coupon b{font-weight:600}
.or-coupon svg{width:13px;height:13px;margin-left:4px;stroke-width:1.7;fill:none;stroke:currentColor}
.or-discount{color:#ef4af9;white-space:nowrap}
.or-copy-done{color:#eac3ff;box-shadow:0 0 14px #b248eb22}
.or-subscribe{width:100%;min-height:34px;padding:7px 14px;font-size:14px;margin-top:auto;border-radius:5px}
.or-recommended{background:linear-gradient(140deg,#1b072df2,#080b25fa);border:2px solid #b230fa;padding:20px 26px 18px;box-shadow:0 0 8px #da3cff80,inset 0 0 14px #7c24e633,0 0 24px #a92ae82b}
.or-recommended .or-price{color:#f8eaff;text-shadow:0 0 8px #da93ff66,0 0 22px #a650eb55}
.or-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-60%);padding:5px 20px;min-width:120px;background:linear-gradient(105deg,#af22f8,#ef7df6);color:#fff;border-radius:25px;font-size:13px;font-weight:600;box-shadow:0 0 16px #d435e54a;white-space:nowrap}
.or-recommended .or-subscribe{color:#170e27!important}
.or-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1280px;margin:42px auto 0}
.or-channel{position:relative;isolation:isolate;overflow:hidden;min-height:245px;border:1px solid #8140b7;border-radius:12px;background:#100a22;transition:transform .22s,box-shadow .22s,border-color .22s}
.or-channel-photo{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;stroke:none;fill:none}
.or-channel:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#020b1ae8 0%,#040a1cca 34%,#05091b50 62%,transparent 88%)}
.or-channel-content{position:relative;padding:24px;display:flex;flex-direction:column;align-items:flex-start;height:100%;max-width:100%}
.or-channel-eyebrow{font-size:14px;font-weight:600;margin-bottom:3px!important}
#darkorion-page .or-channel h2{font-family:OrionTitle,Georgia,serif;font-weight:400;font-size:clamp(28px,2.4vw,41px);line-height:1.1;letter-spacing:-.02em;white-space:nowrap}
.or-channel-description{font-size:17px;line-height:1.25;max-width:285px;margin-block:9px 15px!important;color:#f7effd}
.or-channel-button{min-width:220px;max-width:100%;min-height:38px;padding:8px 16px;font-size:14px;margin-top:auto}
@media(hover:hover) and (pointer:fine){.or-plan:hover,.or-channel:hover{transform:scale(1.02);z-index:3;box-shadow:0 10px 30px #0006,0 0 22px #a934e646;border-color:#cc68f3}.or-recommended:hover{box-shadow:0 0 10px #d93aff88,0 12px 32px #0007,0 0 30px #b329ff55}}
.or-channel:focus-within{border-color:#dc98ff;box-shadow:0 0 22px #a934e646}
@media(min-width:1900px){.or-hero-layout{max-width:1480px}.or-copy{max-width:720px}.or-title{font-size:86px}.or-hero{min-height:650px}}
@media(max-width:1200px){.or-container{width:90%}.or-copy{width:57%;max-width:650px}.or-title{font-size:5vw}.or-main-cta{font-size:20px}.or-benefits{gap:7px}.or-benefits li{font-size:11px;gap:5px;padding:6px}.or-feature-icon{width:25px;height:25px}.or-socials{gap:7px}.or-socials a{gap:5px;padding:7px 4px}.or-socials a>span:last-child>span{font-size:10px}.or-hero-layout{padding-block:36px}.or-channel-content{padding:23px 20px}.or-channel-description{font-size:16px}}
@media(max-width:1000px){
 .or-hero{display:block;min-height:0;padding-top:295px;background:#03111d}
 .or-hero-media{height:470px;bottom:auto}
 .or-hero-media>.or-photo-desktop{display:none}
 .or-hero-media>.or-photo-mobile{display:block}
 .or-hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#03111d99 72%,#03111d 100%)}
 .or-hero:after{background:linear-gradient(90deg,#050b1722,transparent 55%)}
 .or-hero-layout{padding-block:24px 32px}
 .or-copy{width:100%;max-width:660px}
 .or-title{font-size:clamp(44px,7.8vw,74px)}
 .or-lead{font-size:28px}
 .or-description{font-size:18px;max-width:600px}
 .or-main-cta{min-height:58px}
 .or-benefits li{font-size:13px;min-height:45px}
 .or-socials a{min-height:46px;gap:9px}
 .or-socials strong{font-size:13px}
 .or-socials a>span:last-child>span{font-size:11px}
 .or-plans{gap:13px;scroll-margin-top:100px}
 .or-plan{padding:21px 15px 18px}
 .or-recommended{padding:20px 14px 17px}
 .or-coupon{font-size:11px!important;gap:3px}
 .or-coupon svg{margin-left:1px}
 .or-channel{min-height:235px}
 #darkorion-page .or-channel h2{font-size:30px}
 .or-channel-description{font-size:15px;max-width:220px}
 .or-channel-button{min-width:185px;font-size:13px}
}
@media(max-width:760px){
 .or-container{width:90%}
 .or-hero{padding-top:280px}
 .or-hero-media{height:420px}
 .or-copy{max-width:none}
 .or-eyebrow{font-size:10px;letter-spacing:.075em;margin-bottom:12px!important}
 .or-title{font-size:clamp(30px,9vw,62px);letter-spacing:-.03em}
 .or-lead{font-size:25px;line-height:1.2;margin-top:9px!important}
 .or-description{font-size:16px;line-height:1.4;margin-top:10px!important}
 .or-main-cta,.or-benefits,.or-socials{width:100%;max-width:100%;min-width:0}
 .or-main-cta{display:flex;min-height:58px;margin-top:21px;padding:14px 15px;border-radius:15px;font-size:20px}
 .or-benefits{gap:6px;margin-top:14px}
 .or-benefits li{flex-direction:column;gap:7px;min-height:72px;padding:9px 4px;font-size:11px;border-radius:12px;line-height:1.25}
 .or-feature-icon{width:25px;height:25px}
 .or-feature-icon svg{width:19px;height:19px}
 .or-socials{gap:6px;margin-top:12px}
 .or-socials a{flex-direction:column;gap:6px;padding:10px 3px;min-height:83px;text-align:center;border-radius:12px}
 .or-socials strong{font-size:12px}
 .or-socials a>span:last-child>span{font-size:10px;letter-spacing:-.02em}
 .or-social-icon{width:24px;height:24px}
 .or-lower{padding-block:30px 30px}
 .or-plans{grid-template-columns:1fr;gap:29px;max-width:500px}
 .or-plan{padding:24px 25px 23px;border-radius:13px}
 .or-recommended{padding:23px 24px 22px}
 #darkorion-page .or-plan h2{font-size:22px}
 .or-plan-line{margin-top:10px;margin-bottom:6px}
 .or-old-price{font-size:15px;min-height:20px}
 .or-price{font-size:52px}
 .or-period{font-size:16px;margin-top:6px!important}
 .or-offer{min-height:43px;margin-block:7px 13px}
 .or-coupon{width:auto;padding:7px 12px;font-size:13px!important;gap:6px}
 .or-subscribe{min-height:47px;font-size:16px;border-radius:7px}
 .or-plan:first-child .or-old-price{display:none}
 .or-plan:first-child .or-offer{min-height:13px;margin-block:6px}
 .or-channels{grid-template-columns:1fr;gap:22px;max-width:500px;margin-top:38px}
 .or-channel{min-height:250px}
 .or-channel-photo{width:100%;height:100%}
 .or-channel:after{background:linear-gradient(90deg,#020b1ae8 0%,#040a1cc9 38%,#05091b66 68%,#05091b11)}
 .or-channel-content{padding:25px 20px}
 .or-channel-eyebrow{font-size:13px}
 #darkorion-page .or-channel h2{font-size:clamp(29px,8.2vw,39px)}
 .or-channel-description{max-width:255px;font-size:16px;margin-top:11px!important}
 .or-channel-button{min-width:210px;min-height:44px;font-size:14px}
}
@media(max-width:350px){.or-main-cta{font-size:18px}.or-socials a>span:last-child>span{font-size:9px}.or-socials strong{font-size:11px}.or-benefits li{font-size:10px}.or-feature-icon{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){#darkorion-page *,#darkorion-page *:before,#darkorion-page *:after{transition:none!important}.or-button:hover,.or-channel:hover,.or-plan:hover{transform:none}html{scroll-behavior:auto}}

/* V53: mismo componente y estilos de suscripción que DusterTwink */
#darkorion-page .ds-plans{font-family:OrionBody,Arial,sans-serif;font-size:18px;line-height:1.5;color:#f7f4ff;width:88vw;max-width:1440px;position:relative;left:50%;transform:translateX(-50%);margin:0}
#darkorion-page .ds-plan h2{font-family:OrionTitle,Georgia,serif;font-weight:400;font-feature-settings:'smcp' 0,'c2sc' 0;font-variant-caps:normal}
#darkorion-page .ds-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#darkorion-page .ds-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 25px;border:1px solid #d7c5ea;border-radius:9px;background:#080c1ccc;color:#fff;font-size:16px;line-height:1.3;text-decoration:none;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}
#darkorion-page .ds-button:hover{background:#211436;transform:translateY(-2px)}
#darkorion-page .ds-filled{background:linear-gradient(105deg,#8926ff,#d476f1);border-color:#c776f4;box-shadow:0 6px 24px #9e28ef30;color:white}
#darkorion-page .ds-filled:hover{background:linear-gradient(105deg,#9b42ff,#e28cff);box-shadow:0 8px 28px #9e28ef55}
#darkorion-page .ds-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;scroll-margin-top:110px}
#darkorion-page .ds-plan{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 28px 24px;border:1px solid #424566;border-radius:10px;background:linear-gradient(140deg,#11182a,#070d19);transition:transform .22s,box-shadow .22s,border-color .22s}
#darkorion-page .ds-plan:hover{transform:scale(1.02);border-color:#b077e6;box-shadow:0 14px 36px #0005}
#darkorion-page .ds-plan h2{font-size:clamp(26px,2.2vw,38px);text-transform:uppercase;line-height:1.2;margin:0 0 16px}
#darkorion-page .ds-rule{display:block;width:38px;height:2px;background:#c579ed;margin:0 auto 18px}
#darkorion-page .ds-old{height:28px;font-size:18px;color:#b7a9ca}
#darkorion-page .ds-price{font-size:clamp(46px,4.8vw,70px);line-height:1.1;font-weight:700;margin:6px 0}
#darkorion-page .ds-period{font-size:18px;margin:0 0 20px}
#darkorion-page .ds-offer{width:min(100%,280px);min-height:72px;margin:auto 0 20px;padding:7px;border:1px solid #4d4268;border-radius:8px}
#darkorion-page .ds-offer strong{display:block;font-size:24px;line-height:1.1;color:#d78aff}
#darkorion-page .ds-offer button{border:0;background:none;color:#e6dcec;font-size:13px;padding:5px;display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:center}
#darkorion-page .ds-offer b{color:#d68bfd}
#darkorion-page .ds-offer svg{width:14px;height:14px}
#darkorion-page .ds-empty{border-color:transparent}
#darkorion-page .ds-plan>.ds-button{width:100%;margin-top:auto}
#darkorion-page .ds-recommended{border:2px solid #b676ed;background:linear-gradient(150deg,#1b142d,#090e1c);box-shadow:0 0 24px #a245cf15}
#darkorion-page .ds-badge{position:absolute;top:-17px;left:50%;transform:translateX(-50%);border-radius:22px;background:linear-gradient(100deg,#b477ed,#eb91f7);color:#1c082c;font-weight:700;padding:5px 24px;font-size:14px;white-space:nowrap}
#darkorion-page .ds-channel .ds-rule{margin:0 0 14px}
#darkorion-page .ds-channel .ds-button{min-width:190px}
#darkorion-page .ds-channel .ds-button svg{width:19px;height:19px}
@media(max-width:1100px){#darkorion-page .ds-plan{padding:27px 18px 22px}
#darkorion-page .ds-plans{gap:16px}}
@media(max-width:650px){#darkorion-page .ds-plans{grid-template-columns:1fr;gap:30px;max-width:430px;margin:auto;scroll-margin-top:90px}
#darkorion-page .ds-plan{padding:26px 23px 22px}
#darkorion-page .ds-plan h2{font-size:31px}
#darkorion-page .ds-price{font-size:57px}
#darkorion-page .ds-empty{min-height:0;margin-bottom:10px;padding:0}
#darkorion-page .ds-old:has(del){height:24px}
#darkorion-page .ds-plan:not(.ds-recommended):first-child .ds-old{display:none}
#darkorion-page .ds-plan .ds-button{min-height:50px}
#darkorion-page .ds-channel .ds-button{font-size:14px;min-width:170px;min-height:46px;padding:10px 16px}}
@media(prefers-reduced-motion:reduce){#darkorion-page .ds-button,#darkorion-page .ds-plan{transition:none}
#darkorion-page .ds-plan:hover,#darkorion-page .ds-button:hover{transform:none}}
#darkorion-page .ds-price{color:#f4dcff;text-shadow:0 0 9px #d398ff70,0 0 24px #a34fed8c,0 0 38px #7f39cd50}
#darkorion-page .ds-offer svg{stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#darkorion-page .ds-plan:not(.ds-recommended) .ds-price{color:#f7f4ff;text-shadow:none}
@media(max-width:650px){#darkorion-page .ds-plans{width:90vw;max-width:430px;margin:0}}