:root{--bg:#050b18;--bg2:#071426;--panel:rgba(8,22,42,.88);--panel2:rgba(12,31,57,.92);--text:#f5fbff;--muted:#a7bed0;--cyan:#38ddff;--blue:#5b78ff;--violet:#a75cff;--green:#45e698;--pink:#ff4db8;--border:rgba(104,212,255,.2);--border-strong:rgba(104,212,255,.4);--shadow:0 24px 70px rgba(0,0,0,.36);--radius:24px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--text);background:linear-gradient(rgba(5,11,24,.86),rgba(5,11,24,.93)),url("../img/fondo.webp") center top/cover fixed,var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 10% 15%,rgba(56,221,255,.12),transparent 30%),radial-gradient(circle at 90% 20%,rgba(167,92,255,.12),transparent 26%),radial-gradient(circle at 50% 90%,rgba(91,120,255,.1),transparent 32%);pointer-events:none}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(var(--max),calc(100% - 36px));margin-inline:auto}.skip-link{position:fixed;z-index:1000;left:12px;top:-80px;padding:12px 16px;border-radius:10px;background:#fff;color:#000;font-weight:800}.skip-link:focus{top:12px}.topbar{position:sticky;z-index:100;top:0;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(4,10,22,.86);backdrop-filter:blur(18px)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(56,221,255,.35))}.brand strong{display:block;font-size:1.12rem;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:.75rem}.main-menu{display:flex;align-items:center;gap:18px;font-weight:780}.main-menu>a:not(.button){color:#d9e7ef}.main-menu>a:not(.button):hover{color:var(--cyan)}.menu-button{display:none;width:45px;height:45px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.04);padding:10px;cursor:pointer}.menu-button span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:5px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 20px;border:1px solid transparent;border-radius:14px;font-weight:900;letter-spacing:.005em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.button:hover{transform:translateY(-2px)}.button:focus-visible,.filter:focus-visible,.tutorial-toggle:focus-visible,.video-load:focus-visible,summary:focus-visible,a:focus-visible,.menu-button:focus-visible{outline:3px solid rgba(56,221,255,.55);outline-offset:3px}.primary{background:linear-gradient(135deg,var(--cyan),var(--blue) 52%,var(--violet));color:#020917;box-shadow:0 11px 28px rgba(63,160,255,.25)}.secondary{border-color:rgba(112,213,255,.3);background:rgba(255,255,255,.055);color:#ecfaff}.small{min-height:42px;padding-inline:16px}.full{width:100%}.hero{padding:78px 0 62px;min-height:690px;display:grid;align-items:center}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:52px}.eyebrow{display:inline-block;margin:0;color:#bff7ff;font-size:.8rem;font-weight:900;letter-spacing:.115em;text-transform:uppercase}.hero h1{max-width:760px;margin:16px 0 20px;font-size:clamp(2.75rem,6.4vw,5.4rem);line-height:1.01;letter-spacing:-.055em}.hero h1 span{display:block;color:var(--cyan);text-shadow:0 0 26px rgba(56,221,255,.28)}.lead{max-width:700px;color:#c4d5df;font-size:1.1rem;line-height:1.72}.hero-line{font-weight:900;color:#fff}.actions{display:flex;flex-wrap:wrap;gap:11px;margin:28px 0}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:650px}.hero-stats div{padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.035)}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{color:#fff;font-size:1.03rem}.hero-stats span{margin-top:2px;color:var(--muted);font-size:.78rem}.hero-visual{position:relative;min-height:500px;display:grid;place-items:center}.hero-logo{position:relative;z-index:2;width:min(480px,90%);filter:drop-shadow(0 0 25px rgba(56,221,255,.22))}.glow-ring{position:absolute;width:390px;height:390px;border:1px solid rgba(56,221,255,.45);border-radius:50%;box-shadow:0 0 80px rgba(56,221,255,.18),inset 0 0 50px rgba(167,92,255,.12);animation:pulse 5s ease-in-out infinite}.visual-chip{position:absolute;z-index:3;padding:10px 14px;border:1px solid var(--border-strong);border-radius:999px;background:rgba(6,18,35,.9);box-shadow:0 10px 30px rgba(0,0,0,.3);font-weight:850;font-size:.86rem}.chip-one{left:2%;top:24%}.chip-two{right:0;bottom:20%}@keyframes pulse{0%,100%{transform:scale(.96);opacity:.65}50%{transform:scale(1.04);opacity:1}}section{padding:74px 0}.section-heading{max-width:760px;margin-bottom:28px}.section-heading.center{text-align:center;margin-inline:auto}.section-heading h2,.content-cards h2,.bonus-card h2,.video-grid h2,.mexico-card h2,.final-card h2{margin:10px 0 13px;font-size:clamp(2rem,4.6vw,3.35rem);line-height:1.07;letter-spacing:-.045em}.section-heading p:last-child{color:var(--muted);font-size:1rem}.service-strip{padding-top:38px}.service-logos{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.service-logos article{display:grid;place-items:center;gap:10px;min-height:190px;padding:18px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(150deg,rgba(14,35,61,.78),rgba(4,14,29,.92));box-shadow:0 15px 40px rgba(0,0,0,.2)}.service-logos img{width:105px;height:105px;object-fit:contain}.service-logos strong{text-align:center}.content-cards{padding-top:30px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.content-grid article{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:23px;padding:24px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(145deg,rgba(11,29,53,.92),rgba(5,15,31,.95));box-shadow:var(--shadow)}.content-grid img{width:165px;height:165px;object-fit:contain}.content-grid h2{font-size:clamp(1.5rem,3vw,2.1rem)}.content-grid p:last-child{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{padding:21px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,rgba(10,29,52,.84),rgba(4,15,30,.94));transition:transform .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.feature-card img{width:88px;height:88px;object-fit:contain;margin-bottom:12px}.feature-card h3{margin:0 0 8px;font-size:1.04rem}.feature-card p{margin:0;color:var(--muted);font-size:.89rem}.banner-section{padding-top:45px}.image-panel{padding:11px;border:1px solid var(--border);border-radius:22px;background:rgba(5,14,28,.75);box-shadow:var(--shadow)}.image-panel img{width:100%;object-fit:contain;border-radius:15px}.accessible-note{max-width:980px;margin:18px auto 0;color:var(--muted);text-align:center;font-size:.9rem}.plans-section{position:relative;isolation:isolate;overflow:hidden}.plans-backdrop{position:absolute;z-index:-2;inset:0;background:linear-gradient(rgba(4,12,25,.86),rgba(4,12,25,.94)),url("../img/planes-fondo.webp") center/cover no-repeat}.plans-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 35%,rgba(56,221,255,.15),transparent 30%)}.plans-content{position:relative}.filter-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 28px}.filter{padding:10px 14px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.04);color:#d9e7ef;font-weight:850;cursor:pointer}.filter.active,.filter:hover{background:var(--cyan);border-color:var(--cyan);color:#03101b}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.plan-card{display:flex;flex-direction:column;overflow:hidden;padding:22px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(145deg,rgba(11,29,52,.95),rgba(4,14,29,.97));box-shadow:0 20px 48px rgba(0,0,0,.24)}.plan-card.is-hidden{display:none}.plan-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.plan-name{display:flex;align-items:center;gap:12px}.plan-logo{width:66px;height:66px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(103,213,255,.18);border-radius:17px;background:rgba(255,255,255,.045)}.plan-logo img{width:56px;height:56px;object-fit:contain}.plan-name h3{margin:0;font-size:1.35rem;letter-spacing:-.025em}.plan-name p{margin:3px 0 0;color:var(--muted);font-size:.84rem}.tag{padding:7px 10px;border:1px solid rgba(167,92,255,.3);border-radius:999px;background:rgba(167,92,255,.12);color:#eadfff;font-size:.72rem;font-weight:900;text-align:center}.plan-description{min-height:51px;color:#bfd0da}.price-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:4px 0 17px}.price-list div{padding:13px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.035)}.price-list span,.price-list strong{display:block}.price-list span{min-height:23px;color:var(--muted);font-size:.79rem}.price-list strong{margin-top:3px;font-size:1.04rem}.compatibility-text{padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(0,0,0,.14);color:#c5d5df;font-size:.88rem}.bonus-text{padding:12px 13px;border:1px solid rgba(69,230,152,.2);border-radius:13px;background:rgba(69,230,152,.075);color:#d9ffec;font-size:.86rem;font-weight:760}.plan-card>.button{margin-top:auto}.mexico-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:27px;border:1px solid rgba(56,221,255,.28);border-radius:23px;background:linear-gradient(135deg,rgba(56,221,255,.08),rgba(167,92,255,.08))}.mexico-card p{max-width:740px;color:#c6d8e2}.bonus-card{display:grid;grid-template-columns:250px 1fr;align-items:center;gap:36px;padding:32px;border:1px solid rgba(255,77,184,.25);border-radius:27px;background:linear-gradient(135deg,rgba(255,77,184,.08),rgba(8,22,42,.94));box-shadow:var(--shadow)}.bonus-card img{width:240px;height:240px;object-fit:contain}.bonus-card p:not(.eyebrow){color:var(--muted)}.video-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:center}.video-grid p:not(.eyebrow){color:var(--muted)}.video-placeholder{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,rgba(5,15,32,.72),rgba(4,12,25,.84)),url("../img/planes-fondo.webp") center/cover;box-shadow:var(--shadow)}.video-placeholder iframe{width:100%;height:100%;border:0}.video-load{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:8px;border:0;background:rgba(3,10,22,.18);color:#fff;cursor:pointer}.video-load strong{font-size:1.1rem}.video-load small{color:#b7cad5}.play-symbol{width:78px;height:78px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.8);border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--violet));box-shadow:0 0 36px rgba(255,77,184,.35)}.play-symbol:before{content:"";margin-left:7px;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:22px solid #fff}.download-code{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:21px;border:1px solid var(--border);border-radius:22px;background:rgba(8,24,45,.82)}.download-code img{width:88px;height:88px;object-fit:contain}.download-code div{margin-right:auto}.download-code span,.download-code strong{display:block}.download-code span{color:var(--muted);font-size:.82rem}.download-code strong{font-size:2rem;letter-spacing:.08em;color:var(--cyan)}.copy-status{width:100%;margin:0;color:var(--green);font-weight:800;min-height:24px}.tutorials{display:grid;gap:11px;margin-top:17px}.tutorial{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:rgba(8,24,45,.82)}.tutorial-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border:0;background:transparent;color:#fff;font-weight:900;text-align:left;cursor:pointer}.tutorial-toggle span:last-child{font-size:1.5rem;color:var(--cyan)}.tutorial-content{padding:0 20px 21px;color:#c5d5df}.tutorial-content ol{margin-top:0;padding-left:21px}.tutorial-content li{padding:7px 0}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-grid details{padding:17px 18px;border:1px solid var(--border);border-radius:16px;background:rgba(8,24,45,.74)}.faq-grid summary{cursor:pointer;font-weight:850}.faq-grid p{margin:11px 0 2px;color:var(--muted)}.final-cta{padding-top:40px}.final-card{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:28px;padding:30px;border:1px solid var(--border-strong);border-radius:27px;background:linear-gradient(135deg,rgba(56,221,255,.08),rgba(167,92,255,.09));box-shadow:var(--shadow)}.final-card img{width:145px;height:145px;object-fit:contain}.final-card p:not(.eyebrow){color:var(--muted)}footer{padding:58px 0 35px;border-top:1px solid rgba(255,255,255,.08);background:rgba(3,9,20,.88)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}.footer-brand img{width:110px;height:110px;object-fit:contain}.footer-grid h2{font-size:1rem}.footer-grid a{display:block;width:max-content;max-width:100%;padding:5px 0;color:#c3d4df}.footer-grid a:hover{color:var(--cyan)}.footer-grid p{max-width:430px;color:var(--muted)}.legal{margin-top:32px;padding-top:23px;border-top:1px solid rgba(255,255,255,.08);color:#859eae;font-size:.78rem}.whatsapp-floating{position:fixed;z-index:90;right:16px;bottom:16px;display:flex;align-items:center;gap:9px;padding:8px 15px 8px 8px;border:1px solid rgba(69,230,152,.5);border-radius:999px;background:#0c3928;color:#e9fff3;font-weight:900;box-shadow:0 16px 38px rgba(0,0,0,.35)}.whatsapp-floating img{width:43px;height:43px;object-fit:contain;border-radius:50%}@media(max-width:980px){.main-menu{position:absolute;top:76px;left:18px;right:18px;display:none;flex-direction:column;align-items:stretch;padding:16px;border:1px solid var(--border);border-radius:18px;background:rgba(4,13,27,.98);box-shadow:var(--shadow)}.main-menu.open{display:flex}.main-menu a{padding:9px}.menu-button{display:block}.hero-grid{grid-template-columns:1fr}.hero{padding-top:58px}.hero-visual{min-height:400px}.service-logos{grid-template-columns:repeat(3,1fr)}.content-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:1fr}.final-card{grid-template-columns:120px 1fr}.final-card .button{grid-column:1/-1}.footer-grid{grid-template-columns:1.4fr 1fr}}@media(max-width:700px){.container{width:min(var(--max),calc(100% - 22px))}.brand img{width:47px;height:47px}.brand small{display:none}.nav-wrap{min-height:66px}.main-menu{top:66px}.hero{min-height:auto;padding:47px 0 36px}.hero h1{font-size:clamp(2.55rem,14vw,4rem)}.hero-stats{grid-template-columns:1fr}.hero-visual{min-height:330px}.hero-logo{width:min(330px,90%)}.glow-ring{width:270px;height:270px}.visual-chip{font-size:.72rem}.service-logos{grid-template-columns:repeat(2,1fr)}.content-grid article{grid-template-columns:110px 1fr;padding:17px}.content-grid img{width:105px;height:105px}.feature-grid{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr}.plan-header{flex-direction:column}.tag{align-self:flex-start}.mexico-card{align-items:flex-start;flex-direction:column}.bonus-card{grid-template-columns:1fr;text-align:center}.bonus-card img{margin:auto;width:190px;height:190px}.price-list{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.final-card{grid-template-columns:1fr;text-align:center}.final-card img{margin:auto}.footer-grid{grid-template-columns:1fr}.download-code{align-items:flex-start}.download-code div{width:calc(100% - 110px);margin-right:0}.download-code .button{width:100%}.whatsapp-floating{left:10px;right:10px;justify-content:center}.whatsapp-floating img{width:36px;height:36px}}@media(max-width:430px){.service-logos{grid-template-columns:1fr 1fr}.service-logos article{min-height:150px}.service-logos img{width:82px;height:82px}.content-grid article{grid-template-columns:1fr;text-align:center}.content-grid img{margin:auto}.actions .button{width:100%}.filter-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.filter{white-space:nowrap}.section-heading h2,.content-cards h2,.bonus-card h2,.video-grid h2,.mexico-card h2,.final-card h2{font-size:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.feature-card{transition:none}.glow-ring{animation:none}body{background-attachment:scroll}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.locale-controls{display:flex;align-items:center;gap:6px;margin-left:auto}.locale-control{position:relative;display:inline-flex}.locale-control select{height:34px;min-width:52px;padding:0 22px 0 9px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background-color:rgba(255,255,255,.045);color:#dcebf4;font:800 .72rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.03em;cursor:pointer;appearance:auto}.currency-control select{min-width:66px}.locale-control select:hover,.locale-control select:focus{border-color:rgba(56,221,255,.55);background-color:rgba(56,221,255,.08);outline:none}.locale-control option{background:#08182d;color:#fff}.rate-note{max-width:820px;margin:10px auto 0;color:#8fa8b7!important;font-size:.76rem!important}.rate-note strong{color:#a9eefe;font-weight:750}.inline-price{display:inline!important;color:inherit!important;font:inherit!important}.nav-wrap>.locale-controls{order:2}.nav-wrap>.menu-button{order:3}.nav-wrap>.main-menu{order:4}@media(min-width:981px){.nav-wrap>.main-menu{margin-left:4px}.locale-controls{margin-left:auto}}@media(max-width:980px){.locale-controls{margin-left:auto}.menu-button{margin-left:2px}}@media(max-width:430px){.locale-controls{gap:4px}.locale-control select{height:32px;min-width:47px;padding-left:7px;padding-right:18px}.currency-control select{min-width:59px}}
/* ===== TEMA HAPPYPLAY ROJO + AZUL ===== */
:root{
  --bg:#080812;
  --bg2:#0d1122;
  --panel:rgba(20,14,28,.91);
  --panel2:rgba(13,24,46,.93);
  --text:#fff8fa;
  --muted:#b9c2d3;
  --cyan:#ff304b;
  --blue:#187cff;
  --violet:#b91e48;
  --pink:#ff5368;
  --border:rgba(255,57,83,.22);
  --border-strong:rgba(40,133,255,.43);
  --shadow:0 24px 70px rgba(0,0,0,.4)
}
body{
  background:
    linear-gradient(rgba(8,8,18,.88),rgba(8,9,20,.95)),
    url("../img/fondo.webp") center top/cover fixed,
    var(--bg)
}
body:before{
  background:
    radial-gradient(circle at 10% 15%,rgba(255,38,67,.18),transparent 31%),
    radial-gradient(circle at 90% 18%,rgba(24,124,255,.17),transparent 28%),
    radial-gradient(circle at 52% 92%,rgba(190,22,64,.13),transparent 34%)
}
.topbar{
  border-bottom-color:rgba(255,48,75,.18);
  background:rgba(8,7,17,.91)
}
.brand img{
  filter:drop-shadow(0 0 15px rgba(255,44,70,.44))
}
.main-menu>a:not(.button):hover{
  color:#ff5368
}
.button:focus-visible,
.filter:focus-visible,
.tutorial-toggle:focus-visible,
.video-load:focus-visible,
summary:focus-visible,
a:focus-visible,
.menu-button:focus-visible{
  outline-color:rgba(38,133,255,.62)
}
.primary{
  background:linear-gradient(135deg,#ff263f 0%,#ed2147 46%,#187cff 100%);
  color:#fff;
  box-shadow:0 12px 30px rgba(231,31,67,.27)
}
.primary:hover{
  box-shadow:0 15px 34px rgba(28,115,255,.24),0 10px 26px rgba(236,35,68,.22)
}
.secondary{
  border-color:rgba(39,132,255,.31);
  background:linear-gradient(135deg,rgba(255,43,70,.07),rgba(24,124,255,.08))
}
.eyebrow{
  color:#ff7b8d
}
.hero h1 span,
.gradient-text{
  background:linear-gradient(90deg,#ff304b 0%,#ff6072 44%,#2788ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent
}
.menu-button,
.locale-control select{
  border-color:rgba(255,61,85,.2);
  background-color:rgba(255,47,74,.055)
}
.locale-control select:hover,
.locale-control select:focus{
  border-color:rgba(37,133,255,.58);
  background-color:rgba(29,126,255,.09)
}
.filter{
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(135deg,rgba(255,45,71,.055),rgba(28,124,255,.055))
}
.filter.active,
.filter:hover{
  border-color:#ff304b;
  background:linear-gradient(135deg,#ff304b 0%,#e92249 58%,#187cff 100%);
  color:#fff
}
.mexico-card{
  border-color:rgba(255,47,75,.3);
  background:linear-gradient(135deg,rgba(255,42,69,.11),rgba(24,124,255,.11))
}
.final-card{
  border-color:rgba(31,128,255,.26);
  background:linear-gradient(135deg,rgba(255,43,69,.1),rgba(25,122,255,.1))
}
.feature-card,
.content-card,
.payment-card,
.tutorial,
.faq details,
.service-logos article{
  border-color:rgba(255,55,81,.17)
}
.feature-card:hover,
.content-card:hover,
.service-logos article:hover{
  border-color:rgba(31,130,255,.38)
}

/* Colores individuales por servicio */
.plan-card{
  --service:#ff304b;
  --service-rgb:255,48,75;
  position:relative;
  border-color:rgba(var(--service-rgb),.36);
  background:
    linear-gradient(145deg,rgba(var(--service-rgb),.11),rgba(8,14,29,.97) 45%,rgba(5,12,25,.99));
  box-shadow:0 20px 48px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.025)
}
.plan-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--service),rgba(var(--service-rgb),.2));
  pointer-events:none
}
.plan-card[data-service="happyplay"]{
  --service:#ff304b;
  --service-rgb:255,48,75
}
.plan-card[data-service="telelatino"]{
  --service:#ef3340;
  --service-rgb:239,51,64
}
.plan-card[data-service="oleada"]{
  --service:#1684ff;
  --service-rgb:22,132,255
}
.plan-card[data-service="stella"]{
  --service:#ff8a1f;
  --service-rgb:255,138,31
}
.plan-card[data-service="youtube"]{
  --service:#ff2138;
  --service-rgb:255,33,56
}
.plan-card .plan-logo{
  border-color:rgba(var(--service-rgb),.34);
  background:rgba(var(--service-rgb),.075);
  box-shadow:0 9px 26px rgba(var(--service-rgb),.09)
}
.plan-card .tag{
  border-color:rgba(var(--service-rgb),.42);
  background:rgba(var(--service-rgb),.14);
  color:var(--service)
}
.plan-card .price-list div{
  border-color:rgba(var(--service-rgb),.23);
  background:linear-gradient(145deg,rgba(var(--service-rgb),.105),rgba(255,255,255,.02))
}
.plan-card .price-list strong{
  color:var(--service);
  text-shadow:0 0 18px rgba(var(--service-rgb),.17)
}
.plan-card .price-list span{
  color:#c1cad8
}
.plan-card .plan-details{
  border-color:rgba(var(--service-rgb),.17);
  background:rgba(var(--service-rgb),.035)
}
.plan-card .bonus{
  border-color:rgba(var(--service-rgb),.2);
  background:rgba(var(--service-rgb),.07)
}
.plan-card>.button.primary{
  border-color:rgba(var(--service-rgb),.55);
  background:linear-gradient(135deg,var(--service),rgba(var(--service-rgb),.76));
  color:#fff;
  box-shadow:0 11px 27px rgba(var(--service-rgb),.2)
}
.plan-card[data-service="oleada"]>.button.primary{
  background:linear-gradient(135deg,#1684ff,#075dcc)
}
.plan-card[data-service="stella"]>.button.primary{
  background:linear-gradient(135deg,#ff971f,#ed6516)
}
.plan-card[data-service="youtube"]>.button.primary,
.plan-card[data-service="telelatino"]>.button.primary,
.plan-card[data-service="happyplay"]>.button.primary{
  background:linear-gradient(135deg,var(--service),#bd1837)
}

/* Identidad visual en filtros */
.filter[data-filter="happyplay"],
.filter[data-filter="telelatino"],
.filter[data-filter="youtube"]{
  border-color:rgba(255,45,68,.25)
}
.filter[data-filter="oleada"]{
  border-color:rgba(22,132,255,.34)
}
.filter[data-filter="stella"]{
  border-color:rgba(255,138,31,.34)
}
.filter[data-filter="oleada"]:hover,
.filter[data-filter="oleada"].active{
  border-color:#1684ff;
  background:#1684ff
}
.filter[data-filter="stella"]:hover,
.filter[data-filter="stella"].active{
  border-color:#ff8a1f;
  background:#ff8a1f
}
.filter[data-filter="happyplay"]:hover,
.filter[data-filter="happyplay"].active,
.filter[data-filter="telelatino"]:hover,
.filter[data-filter="telelatino"].active,
.filter[data-filter="youtube"]:hover,
.filter[data-filter="youtube"].active{
  border-color:#ff304b;
  background:#ff304b
}
@media(max-width:560px){
  .plan-card:before{height:2px}
}
/* ===== PARCHE FUTURISTA ROJO LIGERO ===== */
:root{
  --hp-red:#ff2947;
  --hp-red-soft:#ff6478;
  --hp-red-dark:#bd1539;
  --hp-blue:#187cff;
  --hp-orange:#ff8a1f
}

/* Logo rojo con brillo controlado */
.brand img,
.hero-logo,
.service-logos article:first-child img,
.plan-card[data-service="happyplay"] .plan-logo img,
.footer-brand img,
.final-card img{
  filter:drop-shadow(0 0 12px rgba(255,38,70,.28))
}


/* Bordes suaves en fotografías e iconos, sin aumentar mucho el peso */
.service-logos article img,
.content-grid article>img,
.feature-card>img,
.compatibility-panel>img,
.plan-logo img,
.youtube-card>img,
.payment-card img,
.install-box>img{
  border:1px solid rgba(255,255,255,.095);
  border-radius:18px;
  background:rgba(4,7,15,.32);
  box-shadow:inset 0 0 0 1px rgba(255,45,72,.025);
  object-fit:contain
}
.service-logos article:nth-child(4) img,
.plan-card[data-service="stella"] .plan-logo img{
  border-color:rgba(255,138,31,.31);
  background:#030303
}
.service-logos article:nth-child(3) img,
.plan-card[data-service="oleada"] .plan-logo img{
  border-color:rgba(22,132,255,.3)
}
.service-logos article:first-child img,
.plan-card[data-service="happyplay"] .plan-logo img,
.service-logos article:nth-child(2) img,
.plan-card[data-service="telelatino"] .plan-logo img,
.service-logos article:nth-child(5) img,
.plan-card[data-service="youtube"] .plan-logo img{
  border-color:rgba(255,46,72,.27)
}

/* Movimiento futurista: solo transform y opacidad */
.hero-visual{
  isolation:isolate;
  overflow:visible
}
.hero-visual:before,
.hero-visual:after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none
}
.hero-visual:before{
  width:82%;
  aspect-ratio:1;
  left:9%;
  top:8%;
  border:1px solid rgba(255,44,72,.22);
  border-radius:34% 66% 58% 42%/44% 40% 60% 56%;
  animation:hpOrbit 16s linear infinite
}
.hero-visual:after{
  inset:8% 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,48,74,.82),rgba(33,132,255,.72),transparent);
  opacity:.68;
  animation:hpScan 5.8s ease-in-out infinite
}
.hero-logo{
  animation:hpFloat 5.4s ease-in-out infinite;
  will-change:transform
}
.glow-ring{
  animation:hpOrbitReverse 22s linear infinite
}
.visual-chip{
  animation:hpChip 4.6s ease-in-out infinite;
  backdrop-filter:blur(9px)
}
.chip-two{animation-delay:-2.2s}

/* Cifras más comerciales */
.hero-stats>div{
  position:relative;
  overflow:hidden;
  transition:transform .24s ease,border-color .24s ease,background-color .24s ease
}
.hero-stats>div:after{
  content:"";
  position:absolute;
  inset:auto -30% 0;
  height:1px;
  background:linear-gradient(90deg,transparent,#ff3957,#2588ff,transparent);
  transform:translateX(-65%);
  opacity:0;
  transition:transform .45s ease,opacity .3s ease
}
.hero-stats>div:hover{
  transform:translateY(-4px);
  border-color:rgba(255,51,78,.36);
  background:rgba(255,38,67,.055)
}
.hero-stats>div:hover:after{
  transform:translateX(55%);
  opacity:1
}

/* Botones con barrido, sin librerías */
.button.primary{
  position:relative;
  overflow:hidden
}
.button.primary:after{
  content:"";
  position:absolute;
  inset:-70% auto -70% -35%;
  width:22%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);
  transform:skewX(-18deg) translateX(-280%);
  animation:hpButtonSweep 5.6s ease-in-out infinite;
  pointer-events:none
}
.actions .button.primary{
  animation:hpCtaBreath 3.8s ease-in-out infinite
}

/* Tarjetas con respuesta elegante al cursor */
.plan-card,
.service-logos article,
.feature-card,
.content-grid article{
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease
}
.plan-card:hover,
.service-logos article:hover,
.feature-card:hover,
.content-grid article:hover{
  transform:translateY(-5px)
}
.plan-card:hover{
  box-shadow:0 24px 56px rgba(0,0,0,.34),0 0 0 1px rgba(var(--service-rgb),.08)
}
.service-logos article img,
.feature-card>img,
.content-grid article>img{
  transition:transform .28s ease,filter .28s ease
}
.service-logos article:hover img,
.feature-card:hover>img,
.content-grid article:hover>img{
  transform:scale(1.025)
}

/* Aparición al desplazarse */
.hp-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .55s ease,transform .55s ease
}
.hp-reveal.hp-visible{
  opacity:1;
  transform:none
}
.hp-reveal:nth-child(2n){transition-delay:.045s}
.hp-reveal:nth-child(3n){transition-delay:.09s}

/* Pequeña rejilla roja/azul, creada con CSS */
.hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.09;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,44,72,.24) 1px,transparent 1px),
    linear-gradient(90deg,rgba(26,126,255,.22) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 83%)
}
.hero{position:relative;isolation:isolate}

@keyframes hpFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(-.35deg)}
  50%{transform:translate3d(0,-10px,0) rotate(.45deg)}
}
@keyframes hpOrbit{
  to{transform:rotate(360deg)}
}
@keyframes hpOrbitReverse{
  to{transform:rotate(-360deg)}
}
@keyframes hpScan{
  0%,100%{transform:translateY(22px) scaleX(.78);opacity:.15}
  50%{transform:translateY(330px) scaleX(1);opacity:.72}
}
@keyframes hpChip{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}
@keyframes hpButtonSweep{
  0%,68%{transform:skewX(-18deg) translateX(-280%);opacity:0}
  74%{opacity:1}
  90%,100%{transform:skewX(-18deg) translateX(740%);opacity:0}
}
@keyframes hpCtaBreath{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}

@media(max-width:640px){
  .quality-note{
    width:100%;
    justify-content:center;
    border-radius:14px;
    text-align:center
  }
  .hero-visual:after{display:none}
  .hero-logo{animation-duration:6.5s}
}
@media(prefers-reduced-motion:reduce){
  .hero-logo,
  .glow-ring,
  .visual-chip,
  .button.primary,
  .button.primary:after,
  .hero-visual:before,
  .hero-visual:after{
    animation:none!important
  }
  .hp-reveal{
    opacity:1!important;
    transform:none!important;
    transition:none!important
  }
  .plan-card,
  .service-logos article,
  .feature-card,
  .content-grid article,
  .service-logos article img,
  .feature-card>img,
  .content-grid article>img{
    transition:none!important
  }
}
/* ===== PARCHE NEON HAPPYPLAY FINAL ===== */

/* Logo HappyPlay con borde rojo neón */
.brand img,
.hero-logo,
.plan-card[data-service="happyplay"] .plan-logo img,
.service-logos article:first-child img{
  border:2px solid rgba(255,49,79,.82)!important;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  box-shadow:
    0 0 0 1px rgba(255,56,86,.35),
    0 0 14px rgba(255,37,68,.48),
    0 0 28px rgba(255,37,68,.22),
    inset 0 0 10px rgba(255,255,255,.04)!important;
  filter:drop-shadow(0 0 11px rgba(255,43,72,.42))
}

/* Stella visible con fondo blanco */
.plan-card[data-service="stella"] .plan-logo,
.service-logos article:nth-child(4){
  background:linear-gradient(135deg,#ffffff,#f6f6f6)!important;
  border-color:rgba(255,138,31,.42)!important;
  box-shadow:0 0 0 1px rgba(255,138,31,.18),0 10px 28px rgba(255,138,31,.12)
}
.plan-card[data-service="stella"] .plan-logo img,
.service-logos article:nth-child(4) img{
  background:#fff!important;
  border:1px solid rgba(255,138,31,.34)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.8), 0 10px 26px rgba(255,138,31,.12)!important
}

/* Más luces y ambiente comercial */
.hero::before{
  content:"";
  position:absolute;
  inset:-10% -5% auto;
  height:65%;
  pointer-events:none;
  z-index:-3;
  background:
    radial-gradient(circle at 18% 28%,rgba(255,46,74,.19),transparent 23%),
    radial-gradient(circle at 82% 22%,rgba(24,124,255,.17),transparent 22%),
    radial-gradient(circle at 55% 55%,rgba(255,129,33,.09),transparent 26%);
  filter:blur(16px);
  animation:hpAmbientPulse 9s ease-in-out infinite
}

.hero .actions{
  position:relative
}
.hero .actions:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-18px;
  height:22px;
  background:radial-gradient(circle at center,rgba(255,49,79,.18),transparent 68%);
  filter:blur(8px);
  pointer-events:none;
  animation:hpActionGlow 4.8s ease-in-out infinite
}

.hero-stats>div{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02), 0 10px 24px rgba(0,0,0,.18)
}
.hero-stats>div strong{
  text-shadow:0 0 14px rgba(255,46,74,.16)
}

/* tarjetitas con barridos de luz */
.plan-card{
  overflow:hidden
}
.plan-card:after{
  content:"";
  position:absolute;
  top:-14%;
  bottom:-14%;
  left:-18%;
  width:26%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);
  transform:skewX(-17deg) translateX(-240%);
  animation:hpCardSweep 8.5s ease-in-out infinite;
  pointer-events:none
}
.plan-card:nth-child(2n):after{animation-delay:-2.1s}
.plan-card:nth-child(3n):after{animation-delay:-4.2s}

/* imágenes y logos más suaves */
.plan-logo img,
.service-logos article img,
.feature-card img,
.content-grid article img{
  border-radius:20px!important
}

/* bonus más vendedor */
.bonus{
  position:relative;
  border-radius:16px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)
}
.bonus:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  border-radius:16px 0 0 16px;
  background:linear-gradient(180deg,#ff2d4b,#ff8a1f,#1d82ff)
}

/* CTA principal más llamativo sin ser pesado */
.actions .button.primary,
.final-card .button.primary{
  box-shadow:0 0 0 1px rgba(255,52,80,.2),0 12px 30px rgba(255,44,72,.22),0 0 22px rgba(36,129,255,.12)
}
.actions .button.primary:hover,
.final-card .button.primary:hover{
  transform:translateY(-2px) scale(1.012)
}

@keyframes hpAmbientPulse{
  0%,100%{opacity:.92;transform:scale(1)}
  50%{opacity:1;transform:scale(1.03)}
}
@keyframes hpActionGlow{
  0%,100%{opacity:.35;transform:scaleX(.86)}
  50%{opacity:.85;transform:scaleX(1)}
}
@keyframes hpCardSweep{
  0%,72%{transform:skewX(-17deg) translateX(-240%);opacity:0}
  78%{opacity:1}
  94%,100%{transform:skewX(-17deg) translateX(650%);opacity:0}
}

@media(prefers-reduced-motion:reduce){
  .hero::before,.hero .actions:after,.plan-card:after{
    animation:none!important
  }
}
/* ===== PANEL, NEWSLETTER Y CORRECCIÓN STELLA ===== */

/* Stella: solo el logotipo pequeño usa blanco; la tarjeta conserva el tema oscuro */
.service-logos article:nth-child(4){
  background:linear-gradient(150deg,rgba(14,35,61,.78),rgba(4,14,29,.92))!important;
  border-color:rgba(255,138,31,.24)!important;
  box-shadow:0 15px 40px rgba(0,0,0,.2)!important
}
.service-logos article:nth-child(4) img,
.plan-card[data-service="stella"] .plan-logo img{
  background:#fff!important;
  padding:7px!important;
  border:1px solid rgba(255,138,31,.38)!important;
  border-radius:18px!important;
  box-shadow:0 8px 22px rgba(255,138,31,.13)!important
}
.plan-card[data-service="stella"] .plan-logo{
  background:rgba(255,138,31,.075)!important
}

/* Promoción programada desde el panel */
.promotion-bar{
  --promo-primary:#ff304b;
  --promo-secondary:#187cff;
  position:relative;
  overflow:hidden;
  border-bottom:1px solid color-mix(in srgb,var(--promo-primary) 32%,transparent);
  background:
    radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--promo-primary) 19%,transparent),transparent 28%),
    radial-gradient(circle at 88% 30%,color-mix(in srgb,var(--promo-secondary) 17%,transparent),transparent 30%),
    #0a0c16
}
.promotion-bar:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.1;
  background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);
  background-size:32px 32px
}
.promotion-inner{
  position:relative;
  z-index:1;
  min-height:150px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-block:24px
}
.promotion-inner h2{margin:8px 0 6px;font-size:clamp(1.7rem,4vw,2.7rem)}
.promotion-inner p{max-width:760px;margin:0;color:#c5ccda}
.promotion-badge{
  display:inline-flex;
  padding:6px 10px;
  border:1px solid color-mix(in srgb,var(--promo-primary) 52%,transparent);
  border-radius:999px;
  color:#fff;
  background:color-mix(in srgb,var(--promo-primary) 17%,transparent);
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em
}
.promotion-side{display:grid;justify-items:end;gap:11px;flex:0 0 auto}
.promotion-countdown{font-size:1.1rem;color:#fff;text-shadow:0 0 16px color-mix(in srgb,var(--promo-primary) 35%,transparent)}

.price-list div.has-promo{border-color:rgba(var(--service-rgb),.42)}
.regular-price{
  display:block!important;
  margin-top:4px;
  color:#8e99aa!important;
  font-size:.78rem!important;
  text-decoration-thickness:1px
}
.promo-price{
  color:var(--service)!important;
  font-size:1.14rem!important
}

/* Boletín colocado después de planes */
.newsletter-section{padding:22px 0 78px}
.newsletter-card{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:30px;
  align-items:center;
  padding:30px;
  border:1px solid rgba(255,48,79,.25);
  border-radius:26px;
  background:
    linear-gradient(135deg,rgba(255,48,79,.1),rgba(24,124,255,.08)),
    rgba(9,13,25,.94);
  box-shadow:0 22px 55px rgba(0,0,0,.28)
}
.newsletter-card h2{margin:10px 0 12px;font-size:clamp(2rem,4.6vw,3.2rem);line-height:1.05}
.newsletter-card>div>p{color:#c2ccda}
.newsletter-card ul{padding-left:20px;color:#aeb9c9}
.newsletter-form{
  display:grid;
  gap:12px;
  padding:20px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  background:rgba(3,7,16,.58)
}
.newsletter-email{display:grid;gap:7px;color:#eef1f7;font-size:.82rem;font-weight:850}
.newsletter-email input{
  width:100%;
  min-height:49px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:13px;
  background:#080d19;
  color:#fff;
  outline:none
}
.newsletter-email input:focus{border-color:rgba(38,132,255,.66);box-shadow:0 0 0 3px rgba(38,132,255,.11)}
.newsletter-consent{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;color:#b4becd;font-size:.76rem}
.newsletter-consent input{margin-top:3px;accent-color:#ff304b}
.newsletter-form small{color:#8792a4;font-size:.7rem}
.newsletter-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Desactivar animaciones desde el panel o por accesibilidad */
body[data-animations="0"] *,
body[data-animations="0"] *:before,
body[data-animations="0"] *:after{
  animation:none!important;
  transition-duration:.01ms!important;
  scroll-behavior:auto!important
}

@media(max-width:850px){
  .promotion-inner,.newsletter-card{grid-template-columns:1fr;display:grid}
  .promotion-side{justify-items:start}
}
@media(max-width:560px){
  .promotion-inner{padding-block:19px}
  .promotion-side{width:100%}
  .promotion-side .button{width:100%}
  .newsletter-card{padding:20px}
}

/* ===== PRODUCTOS, OFERTAS Y CANAL PREMIUM ===== */
.service-logos article{
  position:relative;
  border-color:rgba(var(--service-rgb),.24)
}
.service-logos article:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  border-radius:20px 20px 0 0;
  background:var(--service)
}
.price-list div.has-promo{
  position:relative;
  padding-top:31px!important;
  border-color:rgba(var(--service-rgb),.38)!important;
  background:linear-gradient(145deg,rgba(var(--service-rgb),.15),rgba(255,255,255,.025))!important
}
.offer-pill{
  position:absolute;
  top:7px;
  right:8px;
  max-width:calc(100% - 16px);
  padding:4px 8px;
  border:1px solid rgba(var(--service-rgb),.4);
  border-radius:999px;
  background:rgba(var(--service-rgb),.16);
  color:var(--service);
  font-size:.64rem;
  font-weight:950;
  line-height:1.1;
  text-transform:uppercase;
  letter-spacing:.04em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.telegram-premium-section{padding:20px 0 72px}
.telegram-premium-card{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  align-items:center;
  gap:30px;
  padding:28px;
  border:1px solid rgba(255,48,79,.25);
  border-radius:26px;
  background:
    radial-gradient(circle at 5% 10%,rgba(255,48,79,.13),transparent 31%),
    radial-gradient(circle at 95% 90%,rgba(38,132,255,.11),transparent 33%),
    linear-gradient(145deg,rgba(18,20,35,.97),rgba(7,11,22,.98));
  box-shadow:0 22px 55px rgba(0,0,0,.28);
  overflow:hidden
}
.telegram-premium-image{
  width:170px;
  aspect-ratio:1;
  padding:6px;
  border:1px solid rgba(255,54,82,.3);
  border-radius:25px;
  background:linear-gradient(145deg,rgba(255,48,79,.14),rgba(38,132,255,.11));
  box-shadow:0 0 26px rgba(255,48,79,.14)
}
.telegram-premium-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.1)
}
.telegram-premium-card h2{
  margin:9px 0 11px;
  font-size:clamp(1.8rem,4vw,3rem);
  line-height:1.05
}
.telegram-premium-card p{color:#c0ccda}
.telegram-premium-card ul{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  list-style:none;
  padding:0;
  margin:17px 0
}
.telegram-premium-card li{
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:12px;
  background:rgba(255,255,255,.025);
  color:#d7dfeb;
  font-size:.8rem
}
.telegram-disclaimer{
  display:block;
  margin-top:12px;
  color:#8390a3;
  font-size:.68rem
}
@media(max-width:720px){
  .telegram-premium-card{grid-template-columns:1fr;text-align:center}
  .telegram-premium-image{width:120px;margin:auto}
  .telegram-premium-card ul{grid-template-columns:1fr;text-align:left}
}

/* Corrección dinámica: las tarjetas de logos siempre son oscuras */
.service-logos article,
.service-logos article:nth-child(4){
  background:linear-gradient(150deg,rgba(14,35,61,.78),rgba(4,14,29,.92))!important;
  border-color:rgba(var(--service-rgb),.24)!important;
  box-shadow:0 15px 40px rgba(0,0,0,.2)!important
}
.service-logos article img,
.service-logos article:nth-child(4) img{
  background:rgba(4,7,15,.32)!important;
  border-color:rgba(var(--service-rgb),.28)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important
}
.service-logos article[data-service="stella"]{
  background:linear-gradient(150deg,rgba(14,35,61,.78),rgba(4,14,29,.92))!important
}
.service-logos article[data-service="stella"] img{
  background:#fff!important;
  border-color:rgba(255,138,31,.38)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.75),0 10px 25px rgba(255,138,31,.12)!important
}

/* ===== PARCHE MÓVIL + PAGOS + DOWNLOADER ===== */
.payment-icon-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px
}
.payment-method-card{
  padding:18px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(18,21,38,.96),rgba(7,11,21,.97));
  text-align:center;
  box-shadow:0 18px 40px rgba(0,0,0,.18)
}
.payment-method-card img{
  width:88px;height:88px;object-fit:contain;margin:0 auto 12px;display:block
}
.payment-method-card h3{margin:0 0 6px}
.payment-method-card p{margin:0;color:#bcc9d6;font-size:.85rem;line-height:1.45}
.download-multi{
  display:block!important;
  padding:22px;
}
.download-code-heading{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:18px
}
.download-code-heading img{width:72px;height:72px;object-fit:contain}
.download-code-heading strong{display:block;font-size:1.1rem;color:#fff}
.download-code-heading small{display:block;margin-top:4px;color:#8ca0b7}
.download-variant-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px
}
.download-variant-card{
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(7,10,20,.7));
  box-shadow:0 18px 45px rgba(0,0,0,.18)
}
.download-variant-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px
}
.download-variant-head h3{margin:0;font-size:1.03rem;line-height:1.25}
.download-badge{
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(255,53,84,.32);
  background:rgba(255,53,84,.12);
  color:#ff7390;
  font-size:.67rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em
}
.download-variant-code{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px;border:1px solid rgba(38,132,255,.2);border-radius:14px;background:rgba(21,32,58,.4);
  margin-bottom:10px
}
.download-variant-code span{color:#9db0c3;font-size:.78rem}
.download-variant-code strong{font-size:1.35rem;letter-spacing:.02em}
.download-variant-card p{margin:0 0 12px;color:#c6d2dd;font-size:.88rem;line-height:1.45}
.download-variant-actions{display:flex;flex-wrap:wrap;gap:10px}
.download-variant-actions .button{flex:1 1 180px}
.download-variant-card .copy-status{margin-top:10px;min-height:18px}

@media(max-width:900px){
  .payment-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .download-variant-grid{grid-template-columns:1fr}
}

@media(max-width:760px){
  .topbar .nav-wrap{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    min-height:auto;
    padding-top:12px;
    padding-bottom:12px
  }
  .brand{gap:10px;min-width:0}
  .brand img{width:54px!important;height:54px!important}
  .brand span{min-width:0}
  .brand span strong{
    font-size:1.06rem!important;
    line-height:1.05;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
  }
  .brand span small{display:none!important}
  .locale-controls{
    margin-left:0!important;
    width:100%;
    min-width:0;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px
  }
  .locale-control{
    min-width:0!important;
    width:100%;
    padding:0!important
  }
  .locale-control select{
    width:100%!important;
    min-width:0!important;
    height:48px;
    padding:0 28px 0 14px!important;
    font-size:1rem!important
  }
  .menu-button{
    justify-self:end;
    margin-left:0!important;
    width:54px;height:54px
  }
  .whatsapp-floating{
    right:12px!important;
    left:auto!important;
    bottom:92px!important;
    width:auto!important;
    min-width:0!important;
    max-width:unset!important;
    padding:10px 13px!important;
    border-radius:18px!important;
    box-shadow:0 14px 32px rgba(0,0,0,.3)!important
  }
  .whatsapp-floating img{width:30px!important;height:30px!important}
  .whatsapp-floating span{font-size:.95rem!important}
}

@media(max-width:560px){
  .container{width:min(var(--max),calc(100% - 18px))!important}
  .topbar .nav-wrap{
    grid-template-columns:auto 1fr auto;
    gap:8px
  }
  .brand img{width:48px!important;height:48px!important}
  .brand span strong{font-size:.98rem!important}
  .locale-control select{
    height:46px;
    font-size:.95rem!important;
    padding-right:24px!important
  }
  .hero{padding-top:28px!important}
  .hero .container{padding-top:8px}
  .payment-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .payment-method-card{padding:14px 10px;border-radius:18px}
  .payment-method-card img{width:72px;height:72px;margin-bottom:10px}
  .payment-method-card h3{font-size:1rem}
  .payment-method-card p{font-size:.78rem}
  .download-multi{padding:16px}
  .download-code-heading{align-items:flex-start}
  .download-code-heading img{width:58px;height:58px}
  .download-code-heading strong{font-size:1rem}
  .download-variant-card{padding:14px}
  .download-variant-code{flex-direction:column;align-items:flex-start}
  .download-variant-code strong{font-size:1.25rem}
  .download-variant-actions .button{flex:1 1 100%}
}

@media(max-width:390px){
  .brand span strong{font-size:.92rem!important;max-width:98px}
  .locale-controls{grid-template-columns:1fr 1fr}
  .locale-control select{font-size:.88rem!important}
  .menu-button{width:50px;height:50px}
}


/* ===== PARCHE MÓVIL + POPUP + CLIC EN SERVICIOS ===== */
html,body{max-width:100%;overflow-x:clip}
body{overflow-x:clip}
section,.container,.nav-wrap,.hero,.plans-section,.service-logos,.payment-icon-grid,.download-variant-grid{max-width:100%}
.service-logo-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.service-logo-card:focus-visible,.service-logo-card:hover{transform:translateY(-2px);border-color:rgba(var(--service-rgb),.55);box-shadow:0 18px 40px rgba(0,0,0,.26),0 0 0 2px rgba(var(--service-rgb),.16)}
.service-logos-note{margin-top:8px;color:#9ab0c7;font-size:.9rem}
.plan-card-pulse{animation:planPulse 1.6s ease}
@keyframes planPulse{0%{transform:translateY(0);box-shadow:0 16px 36px rgba(0,0,0,.22)}35%{transform:translateY(-4px);box-shadow:0 0 0 2px rgba(var(--service-rgb),.30),0 22px 48px rgba(0,0,0,.34)}100%{transform:translateY(0);box-shadow:0 16px 36px rgba(0,0,0,.22)}}
.entry-popup[hidden]{display:none!important}
.entry-popup{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px}
.entry-popup-backdrop{position:absolute;inset:0;background:rgba(4,9,18,.72);backdrop-filter:blur(6px)}
.entry-popup-dialog{position:relative;z-index:1;display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;align-items:center;width:min(760px,100%);padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(145deg,rgba(14,18,34,.98),rgba(7,10,20,.98));box-shadow:0 30px 90px rgba(0,0,0,.45)}
.entry-popup-media{padding:10px;border-radius:24px;background:linear-gradient(145deg,rgba(255,48,79,.16),rgba(38,132,255,.12));border:1px solid rgba(255,255,255,.08)}
.entry-popup-media img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:18px;background:rgba(255,255,255,.04)}
.entry-popup-content h2{margin:6px 0 10px;font-size:clamp(2rem,5vw,3rem);line-height:1.05}
.entry-popup-content p{color:#d0d9e7;line-height:1.6}
.entry-popup-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.entry-popup-close{position:absolute;top:12px;right:12px;width:42px;height:42px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.05);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer}
html.popup-open,html.popup-open body{overflow:hidden}
.popup-wa-en{display:none}
html[lang="en"] .popup-wa-es{display:none}
html[lang="en"] .popup-wa-en{display:inline-flex}
@media(max-width:980px){.service-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-popup-dialog{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:760px){.topbar .nav-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand menu" "controls controls";gap:8px;align-items:center;padding-top:10px;padding-bottom:10px}.brand{grid-area:brand;min-width:0}.menu-button{grid-area:menu;justify-self:end;width:54px;height:54px}.locale-controls{grid-area:controls;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:0}.locale-control{min-width:0!important;width:100%}.locale-control select{width:100%!important;min-width:0!important;height:46px;padding:0 24px 0 12px!important}.brand span{min-width:0}.brand span strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.whatsapp-floating{right:10px!important;left:auto!important;bottom:84px!important;padding:8px 12px!important;border-radius:18px!important;gap:10px!important}.whatsapp-floating img{width:28px!important;height:28px!important}.whatsapp-floating span{font-size:.92rem!important}.entry-popup-dialog{grid-template-columns:1fr;text-align:center;padding:18px}.entry-popup-media{width:min(170px,60vw);margin:auto}.entry-popup-actions .button{flex:1 1 100%}}
@media(max-width:560px){.container{width:min(var(--max),calc(100% - 16px))!important}.service-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-logos article{min-height:142px;padding:14px}.service-logos img{width:76px;height:76px}.service-logos strong{font-size:1rem;line-height:1.2}.payment-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-method-card{padding:14px 10px}.payment-method-card img{width:74px;height:74px}.download-variant-grid,.feature-grid,.footer-grid,.content-grid,.video-grid{overflow-x:clip}.final-card{grid-template-columns:1fr}.brand img{width:48px!important;height:48px!important}.brand span strong{font-size:1rem!important;max-width:160px}.menu-button{width:52px;height:52px}}
@media(max-width:390px){.brand span strong{max-width:118px;font-size:.94rem!important}.locale-control select{font-size:.9rem!important}.whatsapp-floating{padding:8px 10px!important}.whatsapp-floating span{font-size:.88rem!important}}

/* FINAL RESPONSIVE/STABILITY PATCH */
*,*::before,*::after{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}img,svg,video,iframe{max-width:100%;height:auto}.container,.nav-wrap,.hero-grid,.service-logos,.content-grid,.feature-grid,.plan-grid,.payment-icon-grid,.download-variant-grid,.footer-grid{min-width:0}.container>*{min-width:0}.service-logo-card{cursor:pointer}.service-logo-card,.plan-card,.feature-card,.payment-method-card{will-change:transform}.service-logo-card:hover,.service-logo-card:focus-visible{transform:translateY(-3px)}footer{margin-top:0}.final-cta{padding-bottom:42px}.whatsapp-floating{max-width:calc(100vw - 24px)}
@media(max-width:760px){section{padding:54px 0}.topbar .nav-wrap{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand menu" "controls controls"!important}.brand{grid-area:brand}.menu-button{grid-area:menu}.locale-controls{grid-area:controls}.final-card{grid-template-columns:1fr!important;text-align:center;gap:18px;padding:22px}.final-card img{width:100px;height:100px;margin:auto}.footer-grid{grid-template-columns:1fr!important;gap:20px}.footer-brand img{width:90px;height:90px}.whatsapp-floating{right:10px!important;bottom:82px!important}.hero:after{display:none}.hero-visual:before,.hero-visual:after{display:none}}
@media(max-width:560px){section{padding:44px 0}.container{width:calc(100% - 16px)!important}.service-logos{grid-template-columns:repeat(2,minmax(0,1fr))!important}.service-logos article{min-height:138px!important;padding:12px!important}.service-logos img{width:72px!important;height:72px!important}.payment-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.content-grid article{grid-template-columns:82px minmax(0,1fr)!important;gap:12px!important;padding:14px!important}.content-grid img{width:78px!important;height:78px!important}.hero h1{font-size:clamp(2.25rem,12vw,3.3rem)!important}.whatsapp-floating span{display:none}.whatsapp-floating{width:48px!important;height:48px!important;padding:8px!important;border-radius:50%!important;display:grid!important;place-items:center}.whatsapp-floating img{width:30px!important;height:30px!important}.telegram-premium-card{padding:18px!important}.download-multi{padding:14px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* PARCHE FINAL: botón de campaña hacia ofertas */
html{scroll-behavior:smooth}
#opciones{scroll-margin-top:96px}
.promotion-offers-link{white-space:nowrap}
@media(max-width:760px){#opciones{scroll-margin-top:132px}}


/* ===== BIENVENIDA: IDIOMA Y MONEDA ===== */
.locale-welcome[hidden]{display:none!important}
.locale-welcome{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:18px}
.locale-welcome-backdrop{position:absolute;inset:0;background:rgba(4,7,16,.78);backdrop-filter:blur(7px)}
.locale-welcome-dialog{position:relative;z-index:1;width:min(620px,100%);padding:26px;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(145deg,rgba(20,13,29,.98),rgba(7,17,34,.98));box-shadow:0 30px 90px rgba(0,0,0,.48);text-align:center;animation:localeWelcomeIn .28s ease both}
.locale-welcome-logo{width:88px;height:88px;object-fit:contain;margin:0 auto 12px;border-radius:22px;filter:drop-shadow(0 0 15px rgba(255,44,74,.32))}
.locale-welcome-copy h2{margin:8px 0 10px;font-size:clamp(2rem,7vw,3rem);line-height:1.04}
.locale-welcome-copy>p:not(.eyebrow){max-width:500px;margin:0 auto;color:#c5d1df;line-height:1.55}
.locale-welcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 12px;text-align:left}
.locale-welcome-grid label{display:grid;gap:7px;color:#eaf2fb;font-weight:850}
.locale-welcome-grid select{width:100%;min-width:0;height:52px;padding:0 38px 0 14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#11192b;color:#fff;font:800 1rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.locale-welcome-grid select:focus{outline:3px solid rgba(38,132,255,.35);border-color:rgba(38,132,255,.7)}
.locale-welcome-detected{margin:8px 0 15px;color:#9eb2c8;font-size:.9rem;font-weight:750}
.locale-welcome-confirm{width:100%;min-height:54px}
.locale-welcome-dialog>small{display:block;margin-top:12px;color:#8fa1b4;line-height:1.45}
html.locale-welcome-open,html.locale-welcome-open body{overflow:hidden}
@keyframes localeWelcomeIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:560px){.locale-welcome{padding:10px}.locale-welcome-dialog{padding:20px 15px;border-radius:23px}.locale-welcome-logo{width:74px;height:74px}.locale-welcome-grid{grid-template-columns:1fr;gap:10px;margin-top:18px}.locale-welcome-grid select{height:50px}.locale-welcome-copy h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.locale-welcome-dialog{animation:none}}


/* ===== HAPPYPLAY DOWNLOADER RESPONSIVE V4 ===== */
html,body{max-width:100%;overflow-x:clip}
#instalacion{overflow:visible;padding-bottom:112px}
.download-code.download-multi{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:clamp(16px,2.4vw,24px)!important;overflow:hidden!important}
.download-multi div{margin-right:0!important}
.download-code-heading{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;align-items:center!important;gap:16px!important;width:100%!important;min-width:0!important;margin:0 0 20px!important}
.download-code-heading>div{width:100%!important;min-width:0!important}
.download-code-heading img{display:block!important;width:72px!important;height:72px!important;max-width:100%!important;object-fit:contain!important}
.download-code-heading span,.download-code-heading strong,.download-code-heading small{max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;letter-spacing:normal!important}
.download-code-heading strong{font-size:clamp(1rem,2vw,1.2rem)!important;line-height:1.3!important;color:#fff!important}
.download-variant-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
.download-variant-card{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important;height:100%!important;margin:0!important;padding:18px!important;overflow:hidden!important;border-radius:20px!important}
.download-variant-card>*{max-width:100%!important;min-width:0!important}
.download-variant-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:10px 12px!important;width:100%!important;margin:0 0 14px!important}
.download-variant-head h3{flex:1 1 190px!important;min-width:0!important;margin:0!important;font-size:clamp(1.05rem,2vw,1.28rem)!important;line-height:1.2!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
.download-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 1 auto!important;max-width:100%!important;padding:7px 10px!important;line-height:1.15!important;text-align:center!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
.download-variant-code{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 13px!important;padding:14px 15px!important}
.download-variant-code span{min-width:0!important;font-size:.82rem!important;line-height:1.25!important;white-space:normal!important;word-break:normal!important}
.download-variant-code strong{display:block!important;min-width:max-content!important;font-size:clamp(1.5rem,4vw,2.1rem)!important;line-height:1!important;letter-spacing:.02em!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;color:var(--cyan)!important}
.download-variant-card>p:not(.copy-status){width:100%!important;margin:0 0 14px!important;line-height:1.5!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
.download-variant-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-top:auto!important}
.download-variant-actions .button{display:inline-flex!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:46px!important;padding:11px 14px!important;white-space:normal!important;text-align:center!important}
.download-variant-card .copy-status{width:100%!important;min-height:18px!important;margin:9px 0 0!important}
@media(max-width:900px){.download-variant-grid{grid-template-columns:1fr!important}.download-variant-card{height:auto!important}}
@media(max-width:560px){#instalacion{padding-bottom:96px}.download-code.download-multi{padding:15px!important;border-radius:19px!important}.download-code-heading{grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;align-items:start!important}.download-code-heading img{width:58px!important;height:58px!important}.download-variant-grid{gap:12px!important}.download-variant-card{padding:15px!important;border-radius:17px!important}.download-variant-head{display:grid!important;grid-template-columns:1fr!important}.download-badge{justify-self:start!important}.download-variant-code{grid-template-columns:minmax(0,1fr) auto!important;padding:13px!important}.download-variant-code strong{font-size:clamp(1.45rem,8vw,1.9rem)!important}.download-variant-actions{grid-template-columns:1fr!important}.whatsapp-floating{width:54px!important;height:54px!important;min-width:54px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;bottom:18px!important}.whatsapp-floating span{display:none!important}.whatsapp-floating img{width:31px!important;height:31px!important;margin:0!important}}
@media(max-width:360px){.download-code-heading{grid-template-columns:1fr!important}.download-variant-code{grid-template-columns:1fr!important;align-items:start!important}.download-variant-code strong{min-width:0!important;font-size:1.65rem!important}.download-variant-head h3{font-size:1.08rem!important}}

/* CSP-safe helper used by the copy-code fallback. */
.copy-helper-input{position:fixed!important;left:-9999px!important;top:0!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}

/* HP_INSIGHTS_TRIAL_V1 */
.trial-section{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(5,11,24,.98),rgba(8,25,40,.98));padding:76px 0}
.trial-section:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(36,215,255,.2),transparent 68%);right:-140px;top:-140px;pointer-events:none}
.trial-card{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:28px;align-items:stretch;padding:clamp(20px,4vw,42px);border:1px solid rgba(86,218,255,.22);border-radius:30px;background:linear-gradient(145deg,rgba(14,35,53,.96),rgba(5,15,28,.96));box-shadow:0 28px 80px rgba(0,0,0,.34);overflow:hidden}
.trial-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 35%);pointer-events:none}
.trial-copy,.trial-console{position:relative;z-index:1;min-width:0}
.trial-copy h2{margin:.25rem 0 .8rem;font-size:clamp(2rem,5vw,3.45rem);line-height:1.03}
.trial-copy>p{max-width:680px;color:var(--muted);line-height:1.65}
.trial-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0;padding:0;list-style:none}
.trial-points li{display:flex;flex-direction:column;gap:4px;min-width:0;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.035)}
.trial-points strong{color:var(--cyan);font-size:1.08rem;overflow-wrap:anywhere}.trial-points span{font-size:.82rem;color:var(--muted);line-height:1.35}
.trial-claim-button{min-height:50px}.trial-status{min-height:24px;margin:12px 0 0!important;color:var(--cyan)!important;font-weight:700}.trial-status.is-error{color:#ff9ba9!important}
.trial-small,.trial-technical-note{font-size:.82rem!important;color:rgba(221,237,248,.68)!important}.trial-technical-note{margin:14px auto 0;max-width:920px;text-align:center}
.trial-console{display:flex;flex-direction:column;min-height:390px;border:1px solid rgba(89,224,255,.24);border-radius:24px;background:rgba(2,10,18,.9);box-shadow:inset 0 0 50px rgba(29,203,255,.055);overflow:hidden}
.trial-console-top{display:flex;align-items:center;gap:7px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035)}
.trial-console-top span{width:10px;height:10px;border-radius:50%;background:#ff5f56}.trial-console-top span:nth-child(2){background:#ffbd2e}.trial-console-top span:nth-child(3){background:#27c93f}.trial-console-top strong{margin-left:auto;color:#9deeff;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.trial-countdown{padding:18px 18px 0;color:var(--cyan);font-size:clamp(1.35rem,4vw,2.1rem);font-weight:900;letter-spacing:.08em;font-variant-numeric:tabular-nums;text-align:center}
.trial-placeholder{display:grid;place-items:center;align-content:center;gap:10px;min-height:260px;padding:24px;text-align:center;color:var(--muted)}.trial-placeholder>span{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),#187cff);color:#04121c;font-size:1.7rem}.trial-placeholder strong{color:#fff;font-size:1.18rem}.trial-placeholder p{max-width:320px;margin:0;line-height:1.5}
.trial-success-head{display:flex;align-items:center;gap:12px;padding:18px 18px 10px}.trial-success-head>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#1d9d62;color:white;font-weight:900}.trial-success-head div{display:flex;flex-direction:column;min-width:0}.trial-success-head strong{color:#fff;font-size:1.1rem}.trial-success-head small{color:var(--muted);line-height:1.35}
.trial-credentials{display:grid;gap:10px;padding:8px 18px 14px}.trial-field{display:grid;grid-template-columns:minmax(82px,.65fr) minmax(0,1.35fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.035)}.trial-field span{color:var(--muted);font-size:.82rem}.trial-field strong{min-width:0;color:#fff;font-size:1.05rem;overflow-wrap:anywhere}.trial-field button{border:0;border-radius:10px;padding:9px 11px;background:rgba(50,211,255,.14);color:var(--cyan);font-weight:800;cursor:pointer}
.trial-instructions{margin:0 18px 14px!important;padding:13px;border-left:3px solid var(--cyan);background:rgba(50,211,255,.06);color:var(--muted)!important;line-height:1.5}.trial-download-link{margin:0 18px 18px;width:calc(100% - 36px)}.trial-message{margin:24px;padding:20px;border-radius:16px;text-align:center}.trial-message.expired{background:rgba(255,73,97,.1);color:#ffc7cf}
@media(max-width:900px){.trial-card{grid-template-columns:1fr}.trial-console{min-height:350px}.trial-points{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.trial-section{padding:50px 0}.trial-card{padding:16px;border-radius:21px;gap:18px}.trial-points{grid-template-columns:1fr}.trial-points li{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center}.trial-console{min-height:330px;border-radius:18px}.trial-field{grid-template-columns:1fr auto}.trial-field span{grid-column:1/-1}.trial-field strong{font-size:1rem}.trial-success-head{align-items:flex-start}.trial-countdown{font-size:1.45rem}.trial-copy h2{font-size:clamp(1.85rem,10vw,2.7rem)}}

/* HappyPlay OTTPanel automatic demo v1 */
.trial-turnstile{margin:18px 0 12px;min-height:65px}.trial-result-actions{display:flex;flex-wrap:wrap;gap:10px;padding:4px 18px 14px}.trial-result-actions .button{flex:1 1 180px;justify-content:center}.trial-message.expired{margin:18px;padding:18px;border-radius:15px;background:rgba(255,255,255,.06);line-height:1.5}.trial-small{max-width:720px}.trial-console .trial-placeholder[hidden]{display:none!important}@media(max-width:620px){.trial-result-actions{flex-direction:column}.trial-result-actions .button{width:100%;flex-basis:auto}.trial-turnstile{overflow:hidden;max-width:100%}}