/* NEOX v04: popup híbrido visual premium. Arte WebP + contenido/controles HTML reales. */
#neox-promo{width:min(1240px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid transparent;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#020916,#02050f 70%,#05051a) padding-box,linear-gradient(115deg,#23b9ff,#315dff 48%,#b540ff) border-box;color:#f8fbff;color-scheme:dark;font-family:'Outfit',sans-serif;box-shadow:0 0 4px #71d3ff,0 0 34px #006dff4b,0 0 70px #8b35ff3d,0 36px 130px #000f}
#neox-promo[open]{display:flex;flex-direction:column;animation:neox-promo-enter .32s ease-out}
#neox-promo::backdrop{background:#000815cf;backdrop-filter:blur(8px)}
#neox-promo *,#neox-promo *::before,#neox-promo *::after{box-sizing:border-box}
#neox-promo p{max-width:none}#neox-promo button,#neox-promo a{font-family:inherit}#neox-promo button{cursor:pointer}
#neox-promo :focus-visible{outline:2px solid #77dcff;outline-offset:4px}
.neox-promo-top{position:relative;z-index:7;display:flex;align-items:center;justify-content:space-between;padding:22px 40px 0;flex:0 0 auto}
.neox-promo-top img{display:block;width:185px;height:62px;object-fit:contain;filter:drop-shadow(0 0 16px #35a7ff42)}
#neox-promo .neox-promo-close{display:grid;place-items:center;width:50px;height:50px;padding:0 0 3px;border:1px solid #a5e0ff;border-radius:50%;color:#fff;background:#09122de8;font:32px/1 sans-serif;box-shadow:0 0 0 4px #603dff4c,0 0 20px #27b7ff6b,inset 0 0 14px #8d48ff48;transition:.2s ease}
#neox-promo .neox-promo-close:hover{transform:scale(1.06);box-shadow:0 0 0 4px #6d48ff70,0 0 30px #45c8ff8a}
.neox-promo-scroll{flex:1 1 auto;min-height:0;padding:4px 40px 0;overflow-x:hidden;overflow-y:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#526ce0 #061126}
.neox-promo-grid{position:relative;display:grid;grid-template-columns:48% 52%;align-items:center;gap:0;min-height:clamp(350px,52dvh,410px)}
.neox-promo-copy{position:relative;z-index:4;padding:10px 0 18px}
#neox-promo .neox-promo-kicker{display:inline-block;margin:0 0 18px;padding:7px 2px;color:#55d7ff;font-size:12px;font-weight:600;letter-spacing:5px;border-block:1px solid transparent;border-image:linear-gradient(90deg,#17b8ff,#674cff88,transparent) 1;text-shadow:0 0 14px #0aa6ffb5;line-height:1.2}
#neox-promo h2{margin:0 0 28px;color:#fff;font-size:clamp(42px,4vw,66px);line-height:.99;font-weight:780;letter-spacing:-2px;text-align:left;text-shadow:0 5px 22px #000c}
#neox-promo h2 span{display:block;font-size:1.08em;background:linear-gradient(100deg,#21c6ff 4%,#67c7ff 30%,#7b72ff 62%,#b24cff 94%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px #694eff50)}
#neox-promo .neox-promo-price{position:relative;display:inline-block;margin:6px 0 4px;padding:22px 28px 17px;border:2px solid transparent;border-radius:20px;background:linear-gradient(120deg,#031126ef,#080b1cef) padding-box,linear-gradient(110deg,#b36cff,#1f87ff 47%,#a43cff) border-box;box-shadow:0 0 6px #a9c6ff,0 0 24px #7141ffa0,0 0 44px #304fff3d,inset 0 0 20px #1e6cff28;white-space:nowrap;text-align:left}
#neox-promo .neox-promo-price>span{position:absolute;top:-14px;left:22px;padding:0 9px;background:#040d1f;color:#fff;font-size:19px;line-height:1.2}
#neox-promo .neox-promo-price strong{color:#fff;font-size:clamp(52px,5vw,72px);font-weight:680;line-height:1;letter-spacing:-2px;text-shadow:0 0 5px #7cb6ff,0 0 17px #465fff}
#neox-promo .neox-promo-price small{font-size:20px;font-weight:500;text-shadow:none}
.neox-promo-art{position:relative;align-self:stretch;min-height:clamp(350px,52dvh,410px);overflow:visible;isolation:isolate}
.neox-promo-art::before{content:'';position:absolute;inset:-6% -10% -8% -12%;z-index:-1;background:radial-gradient(circle at 66% 42%,#0a80ff58,transparent 40%),radial-gradient(circle at 90% 50%,#be28ff58,transparent 34%);filter:blur(18px)}
.neox-promo-art img{position:absolute;z-index:1;right:-75px;top:-128px;width:790px;height:630px;max-width:none;object-fit:cover;object-position:58% 50%;border:0;filter:saturate(1.12) contrast(1.06) brightness(1.03);mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 100%);drop-shadow:0 0 20px #206dff44}
#neox-promo .neox-promo-benefits{position:relative;z-index:5;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:18px 12px;margin:0 0 0;border:1px solid #2c6fba8c;border-radius:18px;background:linear-gradient(110deg,#03152eee,#080b20ee);box-shadow:inset 0 0 28px #0750d01f,0 10px 30px #0006}
#neox-promo .neox-promo-benefits li{display:flex;align-items:center;justify-content:center;gap:15px;padding:0 18px;color:#f2f7ff;font-size:15px;font-weight:550;line-height:1.3;text-align:left}
#neox-promo .neox-promo-benefits li+li{border-left:1px solid #3b82d28a}
.neox-promo-benefits svg{flex:0 0 auto;width:42px;height:42px;stroke:#38caff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px #0d91ffc9)}
#neox-promo .neox-promo-benefits li:nth-child(2) svg{stroke:#9aa3ff;filter:drop-shadow(0 0 9px #8157ffca)}
#neox-promo .neox-promo-toggle{position:relative;z-index:10;display:block;width:max-content;max-width:100%;margin:13px auto 11px;padding:10px 30px;border:1px solid #6595ff;border-radius:28px;color:#e8f3ff;background:#071632d1;font-size:13px;line-height:1.2;box-shadow:inset 0 0 13px #3160df2b,0 0 14px #526dff2c;transition:.2s ease}
#neox-promo .neox-promo-toggle:hover{box-shadow:inset 0 0 18px #3160df48,0 0 20px #526dff50}
.neox-promo-details{position:relative;z-index:9;display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .35s ease,visibility .35s}
.neox-promo-details.is-open{grid-template-rows:1fr;visibility:visible}
.neox-promo-details-inner{min-height:0;overflow:hidden}
#neox-promo .neox-promo-details ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;padding:14px 0 7px 19px;margin:0;border-top:1px solid #4579c34d;color:#dce6f5;font-size:13px;line-height:1.4;text-align:left}
#neox-promo .neox-promo-details li::marker{color:#53d1ff}
#neox-promo .neox-promo-note{margin:10px 0;color:#aebed6;font-family:'Inter',sans-serif;font-size:10.5px;line-height:1.55;text-align:left}
.neox-promo-footer{position:relative;z-index:6;flex:0 0 auto;padding:12px 40px 18px;background:linear-gradient(180deg,#020916f2,#020711);text-align:center;border-top:1px solid #ffffff0b}
#neox-promo .neox-promo-cta{position:relative;display:flex;align-items:center;justify-content:center;gap:17px;width:min(800px,100%);min-height:64px;margin:0 auto;padding:13px 24px;border:2px solid #32ff9f;border-radius:42px;background:radial-gradient(ellipse at 50% 0,#18f584,#00a34a 86%);color:#fff;font-size:18px;font-weight:780;letter-spacing:.15px;line-height:1.2;text-decoration:none;text-shadow:0 1px 3px #005b27;box-shadow:0 0 6px #8dffc4,0 0 22px #00ed82aa,0 0 46px #00ff555a,inset 0 0 18px #4affaa8b;animation:neox-promo-breathe 4s ease-in-out infinite;transition:.2s ease}
#neox-promo .neox-promo-cta:hover{filter:brightness(1.12);transform:translateY(-1px)}
.neox-promo-cta svg{width:32px;height:32px;flex:0 0 auto;filter:drop-shadow(0 0 6px #4dffb3)}
#neox-promo .neox-promo-continue{display:block;min-height:30px;margin:5px auto 0;padding:7px 18px 0;border:0;background:none;color:#b7e2ff;font-size:15px;line-height:1.2;text-decoration:underline;text-underline-offset:4px}
#neox-promo.neox-details-open .neox-promo-scroll{overflow-y:auto}
@keyframes neox-promo-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes neox-promo-breathe{0%,100%{box-shadow:0 0 6px #8dffc4,0 0 22px #00ed82aa,0 0 46px #00ff555a,inset 0 0 18px #4affaa8b}50%{box-shadow:0 0 8px #c0ffdf,0 0 30px #00ed82c0,0 0 58px #00ff5570,inset 0 0 22px #4affaaa0}}
@media(min-width:1051px) and (max-height:820px){
 .neox-promo-top{padding-top:14px}
 .neox-promo-top img{width:170px;height:56px}
 #neox-promo .neox-promo-close{width:46px;height:46px;font-size:29px}
 .neox-promo-grid{min-height:350px}
 .neox-promo-art{min-height:350px}
 .neox-promo-art img{top:-150px;right:-70px;width:770px;height:615px}
 #neox-promo .neox-promo-kicker{margin-bottom:13px}
 #neox-promo h2{margin-bottom:22px}
 #neox-promo .neox-promo-benefits{padding-block:14px}
 #neox-promo .neox-promo-toggle{margin:9px auto 8px;padding:8px 26px}
 .neox-promo-footer{padding-top:10px;padding-bottom:12px}
 #neox-promo .neox-promo-cta{min-height:58px}
}
@media(max-width:1050px) and (min-width:701px){
 #neox-promo{width:calc(100% - 26px)}.neox-promo-top,.neox-promo-scroll,.neox-promo-footer{padding-inline:24px}
 .neox-promo-grid{grid-template-columns:48% 52%;min-height:350px}#neox-promo h2{font-size:42px}#neox-promo .neox-promo-price strong{font-size:49px}
 .neox-promo-art{min-height:350px}.neox-promo-art img{width:690px;height:550px;right:-120px;top:-110px}
 #neox-promo .neox-promo-benefits li{font-size:12.5px;gap:9px;padding-inline:10px}.neox-promo-benefits svg{width:32px;height:32px}
}
@media(max-width:700px){
 #neox-promo{width:calc(100% - 14px);max-height:calc(100dvh - 14px);border-radius:22px}
 .neox-promo-top{padding:10px 14px 0}.neox-promo-top img{width:112px;height:38px}#neox-promo .neox-promo-close{width:36px;height:36px;font-size:25px}
 .neox-promo-scroll{padding:5px 14px 0;overflow-y:auto}.neox-promo-grid{display:flex;flex-direction:column;min-height:0}.neox-promo-copy{width:100%;padding:0;text-align:center}
 #neox-promo .neox-promo-kicker{margin-bottom:8px;padding:5px 2px;font-size:8.5px;letter-spacing:3px}#neox-promo h2{margin-bottom:14px;font-size:29px;line-height:1.03;text-align:center}
 #neox-promo .neox-promo-price{margin:0 auto;padding:15px 14px 10px;border-radius:14px}#neox-promo .neox-promo-price>span{top:-10px;left:12px;font-size:13px}#neox-promo .neox-promo-price strong{font-size:39px}#neox-promo .neox-promo-price small{font-size:13px}
 .neox-promo-art{width:100%;min-height:190px;height:190px;margin-top:4px}.neox-promo-art img{top:-78px;right:50%;width:520px;height:415px;transform:translateX(50%);object-position:59% 50%;mask-image:linear-gradient(180deg,#000 0%,#000 75%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 75%,transparent 100%)}
 #neox-promo .neox-promo-benefits{grid-template-columns:1fr;gap:5px;margin-top:0;padding:9px 12px;border-radius:13px}#neox-promo .neox-promo-benefits li{justify-content:flex-start;min-height:27px;padding:0;font-size:11.5px;gap:10px}#neox-promo .neox-promo-benefits li+li{border-left:0}#neox-promo .neox-promo-benefits br{display:none}.neox-promo-benefits svg{width:24px;height:24px}
 #neox-promo .neox-promo-toggle{margin:9px auto 8px;padding:8px 20px;font-size:11.5px}#neox-promo .neox-promo-details ul{grid-template-columns:1fr;font-size:12px;gap:7px}
 .neox-promo-footer{padding:9px 14px 11px}#neox-promo .neox-promo-cta{min-height:50px;padding:9px 12px;gap:9px;font-size:12px}.neox-promo-cta svg{width:25px;height:25px}#neox-promo .neox-promo-continue{font-size:12px;min-height:25px;padding-top:4px}
}
@media(max-width:700px) and (max-height:720px){
 .neox-promo-top{padding-top:6px}.neox-promo-top img{width:92px;height:30px}.neox-promo-scroll{padding-top:2px}#neox-promo .neox-promo-kicker{margin-bottom:5px;font-size:7.5px}#neox-promo h2{margin-bottom:10px;font-size:22px}
 #neox-promo .neox-promo-price{padding:10px 11px 7px}#neox-promo .neox-promo-price strong{font-size:31px}.neox-promo-art{min-height:105px;height:105px}.neox-promo-art img{top:-105px;width:410px;height:327px}
 #neox-promo .neox-promo-benefits{gap:2px;padding:5px 9px}#neox-promo .neox-promo-benefits li{font-size:10.5px;min-height:20px}.neox-promo-benefits svg{width:19px;height:19px}#neox-promo .neox-promo-toggle{margin:6px auto 4px;padding:6px 15px;font-size:10px}.neox-promo-footer{padding:6px 14px}#neox-promo .neox-promo-cta{min-height:43px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){#neox-promo[open],#neox-promo .neox-promo-cta{animation:none}#neox-promo .neox-promo-details,#neox-promo .neox-promo-cta{transition:none}}

#neox-promo .neox-promo-projects{display:inline-block;margin:9px 12px 0;color:#57d8ff;font-size:14px;font-weight:750;text-decoration:none;text-underline-offset:4px}
#neox-promo .neox-promo-projects:hover{text-decoration:underline;color:#a9ecff}
@media(max-width:600px){#neox-promo .neox-promo-projects{margin-top:7px;font-size:11.5px}}