:root{--bg:#05070c;--bg2:#091019;--panel:#0c131d;--panel2:#111a25;--text:#f7f9fb;--muted:#94a3b2;--line:rgba(255,255,255,.09);--blue:#159cff;--cyan:#35d7ff;--orange:#ff7a16;--pink:#ff2b88;--green:#25d366;--yellow:#ffc247;--page-a:#061223;--page-b:#071a33;--page-c:#111034;--page-d:#24122a;--ambient-1:#0d5dff;--ambient-2:#ff6a1a;--ambient-3:#6a2dff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-6;background:radial-gradient(circle at 82% 14%,rgba(13,93,255,.15),transparent 22%),radial-gradient(circle at 18% 78%,rgba(255,106,26,.11),transparent 26%),linear-gradient(180deg,var(--page-a) 0%,var(--page-b) 34%,var(--page-c) 68%,var(--page-d) 100%);transition:background .35s linear;pointer-events:none}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:104px 0;position:relative}.ambient{position:fixed;z-index:-3;border-radius:50%;filter:blur(120px);opacity:.22;pointer-events:none;transition:background .35s linear,opacity .35s linear}.ambient-a{width:430px;height:430px;top:-150px;right:-80px;background:var(--ambient-1)}.ambient-b{width:500px;height:500px;left:-240px;top:55%;background:var(--ambient-2)}.site-header{position:sticky;top:0;z-index:100;background:rgba(4,7,12,.83);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px)}.nav-shell{height:84px;display:flex;align-items:center;gap:30px}.brand img{width:78px;height:70px;object-fit:contain;display:block}.nav-links{margin-left:auto;display:flex;align-items:center;gap:29px;font-size:13px;color:#bec8d1}.nav-links a{transition:.2s}.nav-links a:hover{color:white}.menu-toggle{display:none;margin-left:auto;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;padding:13px 19px;font-weight:800;font-size:13px;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#0675ff,#20baff);box-shadow:0 12px 30px rgba(0,128,255,.2)}.btn-primary:hover{box-shadow:0 16px 40px rgba(0,153,255,.33)}.btn-ghost,.btn-plan{border-color:#2a3948;background:rgba(255,255,255,.035)}.btn-ghost:hover,.btn-plan:hover{border-color:#53c7ff;background:rgba(40,169,255,.08)}.btn-small{padding:11px 17px}.btn-large{padding:15px 22px;font-size:14px}.hero{min-height:700px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 78% 48%,rgba(0,160,255,.20),transparent 32%),radial-gradient(circle at 87% 28%,rgba(255,122,22,.14),transparent 24%),radial-gradient(circle at 66% 74%,rgba(255,43,136,.08),transparent 18%),linear-gradient(115deg,rgba(5,7,12,.88) 20%,rgba(7,24,48,.84) 61%,rgba(18,9,32,.88) 100%)}.hero-backdrop:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,black,transparent 70%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:20px;padding:80px 0}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:.19em;color:#4bcfff}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{width:8px;height:8px;background:#31e795;border-radius:50%;box-shadow:0 0 14px #31e795}.hero h1{font-size:clamp(54px,6vw,84px);line-height:.98;letter-spacing:-.055em;margin:19px 0 24px;max-width:720px}.hero h1 span{background:linear-gradient(90deg,#42cfff,#247cff 45%,#ff5a73 78%,#ff8b20);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:18px;line-height:1.75;color:#abb7c3;max-width:640px}.hero-actions{display:flex;gap:12px;margin:31px 0 38px}.hero-metrics{display:flex;gap:36px;flex-wrap:wrap}.hero-metrics div{display:flex;flex-direction:column}.hero-metrics strong{font-size:25px}.hero-metrics span{font-size:11px;color:#788796;text-transform:uppercase;letter-spacing:.13em;margin-top:3px}.hero-visual{height:530px;position:relative;display:grid;place-items:center}.hero-logo{width:min(480px,94%);max-height:490px;object-fit:contain;position:relative;z-index:3;filter:drop-shadow(0 30px 55px rgba(0,0,0,.45))}.hero-orbit{position:absolute;border-radius:50%;border:1px solid rgba(82,198,255,.25)}.orbit-one{width:460px;height:460px;box-shadow:inset 0 0 70px rgba(0,155,255,.07)}.orbit-two{width:590px;height:590px;border-color:rgba(255,125,39,.10)}.float-badge{position:absolute;z-index:4;display:flex;flex-direction:column;padding:13px 16px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(10,17,27,.72);backdrop-filter:blur(14px);box-shadow:0 20px 45px rgba(0,0,0,.25)}.float-badge b{font-size:13px}.float-badge span{font-size:10px;color:#8292a0;margin-top:3px}.badge-a{left:10px;top:105px}.badge-b{right:0;bottom:105px}.marquee{overflow:hidden;border-bottom:1px solid var(--line);background:#090e15}.marquee-track{min-width:max-content;height:58px;display:flex;align-items:center;gap:30px;animation:scroll 28s linear infinite;font-size:12px;font-weight:900;letter-spacing:.16em;color:#9eacb9}.marquee-track b{color:#1baaff}@keyframes scroll{to{transform:translateX(-40%)}}.app-showcase{background:radial-gradient(circle at 75% 45%,rgba(25,127,255,.10),transparent 30%)}.app-layout{display:grid;grid-template-columns:.76fr 1.24fr;gap:65px;align-items:center}.app-copy h2,.device-copy h2,.faq-copy h2{font-size:clamp(40px,4.2vw,58px);line-height:1.02;letter-spacing:-.04em;margin:12px 0 22px}.app-copy p,.device-copy p,.faq-copy p{color:var(--muted);line-height:1.75;font-size:15px}.mini-features{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:25px 0;color:#c7d2dc;font-size:13px}.mini-features span{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.02)}.text-link{display:inline-flex;margin-top:7px;color:#54caff;font-weight:800;font-size:13px}.tv-frame{position:relative;padding:12px 12px 24px;border-radius:24px;background:linear-gradient(150deg,#293340,#0b1016 50%,#303945);box-shadow:0 38px 75px rgba(0,0,0,.4)}.tv-screen{overflow:hidden;border-radius:15px;border:1px solid rgba(255,255,255,.13);aspect-ratio:16/9;background:#000}.tv-stand{position:absolute;width:27%;height:22px;background:#242d37;left:36.5%;bottom:-20px;clip-path:polygon(36% 0,64% 0,100% 100%,0 100%)}.v7-home{position:relative;width:100%;height:100%;background:url('assets/fondo_inicio_v7.jpg') center/cover no-repeat}.v7-shade{position:absolute;inset:0;background:rgba(0,0,0,.26)}.v7-logo{position:absolute;left:7px;top:5px;width:10.5%;height:11%;object-fit:contain}.v7-actions{position:absolute;right:3%;top:4%;display:flex;gap:7px;font-size:8px;align-items:center}.v7-actions span{background:#6750a4;border-radius:12px;padding:6px 9px}.v7-cards{position:absolute;left:9%;right:9%;top:31%;bottom:17%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v7-card{position:relative;border-radius:10px;border:1px solid rgba(255,255,255,.58);background:rgba(20,31,42,.42);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:.2s;overflow:hidden}.v7-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.54));z-index:0}.v7-card img{width:38%;height:38%;position:relative;z-index:1}.v7-card strong{font-size:9px;position:relative;z-index:1}.v7-card.selected{border:2px solid #f8f5ff;box-shadow:inset 0 0 0 2px var(--yellow),0 0 18px rgba(255,194,71,.27)}.section-heading{text-align:center;max-width:760px;margin:0 auto 47px}.section-heading h2{font-size:clamp(39px,4vw,56px);line-height:1.04;letter-spacing:-.045em;margin:12px 0 15px}.section-heading p{color:var(--muted);line-height:1.7}.entertainment-section{background:linear-gradient(180deg,#05070c,#080d15 50%,#05070c)}.entertainment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.media-tile{min-height:310px;padding:27px;border:1px solid var(--line);border-radius:22px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;isolation:isolate}.media-tile:before,.media-tile:after{content:"";position:absolute;border-radius:50%;z-index:-1;filter:blur(2px)}.media-tile:before{width:230px;height:230px;right:-70px;top:-70px;background:radial-gradient(circle,var(--tile),transparent 67%);opacity:.42}.media-tile:after{inset:0;border-radius:22px;background:linear-gradient(to top,rgba(6,10,16,.95),rgba(8,12,18,.34));z-index:-2}.media-tile.live{--tile:#0f8dff;background:#0a1827}.media-tile.movies{--tile:#ff347f;background:#21101c}.media-tile.series{--tile:#ff8a16;background:#23170d}.media-tile.family{--tile:#725cff;background:#171329}.tile-icon{position:absolute;top:26px;left:28px;width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.09);font-size:23px}.media-tile>span{font-size:9px;letter-spacing:.18em;font-weight:900;color:#67d2ff}.media-tile h3{font-size:24px;margin:8px 0}.media-tile p{font-size:12px;color:#9aabba;line-height:1.65;margin:0}.devices-section{overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,0))}.device-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.device-visual{height:430px;position:relative}.device-tv{position:absolute;width:78%;left:0;top:35px;padding:10px 10px 18px;background:#171f28;border-radius:20px;box-shadow:0 32px 70px rgba(0,0,0,.38)}.device-tv:after{content:"";position:absolute;left:40%;bottom:-27px;width:20%;height:27px;background:#222c36;clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)}.device-screen{aspect-ratio:16/9;border-radius:11px;background:radial-gradient(circle at 60% 40%,#10357a,#050810 62%);display:grid;place-items:center;overflow:hidden;position:relative}.custom-device-screen,.custom-phone-screen{position:relative;overflow:hidden}.device-media{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.device-fallback-logo{position:absolute;inset:0;margin:auto;width:45%;max-width:240px;height:auto;filter:drop-shadow(0 15px 25px rgba(0,0,0,.35));pointer-events:none;opacity:0}.custom-device-screen.fallback .device-fallback-logo,.custom-phone-screen.fallback .device-fallback-logo{opacity:1}.custom-device-screen.fallback .device-tv-media,.custom-phone-screen.fallback .device-phone-media{display:none}.device-phone{position:absolute;width:145px;height:286px;right:4%;bottom:12px;padding:8px;background:#171f28;border-radius:27px;box-shadow:0 25px 50px rgba(0,0,0,.45)}.custom-phone-screen{height:100%;border-radius:21px;background:radial-gradient(circle at 50% 42%,#172d67,#05070b 70%);display:block}.phone-fallback{width:80%}.device-stick{position:absolute;left:8%;bottom:8px;width:128px;height:44px;border-radius:11px;background:linear-gradient(135deg,#1a2430,#0c1117);border:1px solid #34424f;display:grid;place-items:center;color:#48c8ff;font-weight:900;box-shadow:0 15px 30px rgba(0,0,0,.3)}.device-tags{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.device-tags span,.reseller-pills span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);font-size:11px;color:#bdc9d3}.plans-section{background:#070b11}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;align-items:stretch}.plans-grid-four{grid-template-columns:repeat(4,1fr)}.plan-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,#0e1620,#090e15);overflow:hidden}.plan-card:before{content:"";position:absolute;width:180px;height:180px;right:-70px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(23,153,255,.19),transparent 70%)}.plan-card.featured{border-color:#168cff;box-shadow:0 28px 65px rgba(0,118,255,.14);transform:translateY(-10px)}.popular{position:absolute;right:18px;top:17px;font-size:8px;letter-spacing:.13em;font-weight:900;padding:7px 9px;background:#087cff;border-radius:999px}.plan-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.plan-number{color:#71808e;font-size:11px;letter-spacing:.18em}.screen-dots{display:flex;gap:5px}.screen-dots i{width:19px;height:14px;border:2px solid #4ac9ff;border-radius:3px;display:block}.plan-card h3{font-size:25px;margin:0 0 8px}.plan-desc{color:#8796a4;font-size:13px}.plan-catalog{display:grid;grid-template-columns:auto 1fr;gap:7px 9px;margin:25px 0;padding:17px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);border-radius:14px}.plan-catalog strong{font-size:15px}.plan-catalog span{font-size:11px;color:#8795a2;align-self:center}.plan-card ul{list-style:none;padding:0;margin:22px 0}.plan-card li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:12px;color:#bdc7d0}.plan-card li:before{content:"✓";color:#35dc8a;margin-right:8px}.plan-card .btn{width:100%}.how-section{background:radial-gradient(circle at 50% 50%,rgba(0,118,255,.07),transparent 45%)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-card{position:relative;padding:31px;border-radius:21px;border:1px solid var(--line);background:#0b1119;min-height:275px}.step-card>span{position:absolute;right:23px;top:22px;color:#3f4c59;font-size:12px;font-weight:900}.step-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#086eff,#2bc7ff);font-size:23px;margin-bottom:33px;box-shadow:0 13px 28px rgba(0,126,255,.19)}.step-card h3{font-size:22px;margin:0 0 10px}.step-card p{color:#8f9eab;line-height:1.65;font-size:13px}.downloads-section{background:linear-gradient(180deg,#080e16,#05070c)}.downloads-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.downloads-header h2{font-size:clamp(42px,5vw,65px);letter-spacing:-.05em;line-height:1;margin:10px 0 8px}.downloads-header p{color:var(--muted)}.download-logo img{width:125px;height:125px;object-fit:contain}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.download-card{padding:26px;border:1px solid var(--line);border-radius:20px;background:#0d141d;transition:.22s}.download-card:hover{transform:translateY(-5px);border-color:rgba(55,196,255,.35);box-shadow:0 24px 50px rgba(0,0,0,.25)}.download-icon{width:60px;height:60px;border-radius:17px;background:linear-gradient(135deg,#0875ff,#27c1ff);display:grid;place-items:center;font-weight:900;margin-bottom:25px}.download-card small{font-size:9px;letter-spacing:.15em;color:#53caff}.download-card h3{font-size:22px;margin:8px 0}.download-card p{color:#83929f;font-size:12px;line-height:1.6;min-height:39px}.download-btn{margin-top:18px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid #2e4352;border-radius:10px;background:#151f29;font-size:12px;font-weight:800}.download-btn b{color:#56d2ff}.download-help{margin-top:18px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;display:flex;justify-content:space-between;color:#9eacb8;font-size:12px}.download-help a{color:#52ceff;font-weight:800}.reseller-section{background:linear-gradient(180deg,#080c1b 0%,#090d20 48%,#070b18 100%);border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.035);overflow:hidden}.reseller-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -20%,rgba(98,74,255,.14),transparent 42%),radial-gradient(circle at 90% 80%,rgba(0,174,255,.07),transparent 32%);pointer-events:none}.reseller-heading{position:relative;text-align:center;max-width:850px;margin:0 auto 50px}.reseller-kicker{color:#836dff}.reseller-heading h2{font-size:clamp(38px,4vw,56px);line-height:1.05;letter-spacing:-.04em;margin:14px 0 16px}.reseller-heading h2 span{background:linear-gradient(90deg,#7d62ff,#2ccaff);-webkit-background-clip:text;background-clip:text;color:transparent}.reseller-heading p{max-width:780px;margin:0 auto;color:#93a5bf;font-size:15px;line-height:1.7}.reseller-benefits{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.reseller-benefit{min-height:215px;padding:25px 25px 24px;border:1px solid rgba(125,130,190,.18);border-radius:17px;background:linear-gradient(155deg,rgba(27,28,56,.93),rgba(20,22,43,.96));text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.reseller-benefit:hover{transform:translateY(-6px);border-color:rgba(94,122,255,.42);box-shadow:0 22px 45px rgba(0,0,0,.2)}.reseller-icon{width:58px;height:58px;margin:0 auto 20px;border-radius:13px;display:grid;place-items:center;font-size:24px;font-weight:900;color:#fff;border:1px solid rgba(117,94,255,.35);background:linear-gradient(145deg,#302964,#153952);box-shadow:0 10px 24px rgba(0,0,0,.18)}.money-icon{color:#ffd400}.panel-icon{color:#44d8ff}.chart-icon{color:#77f19c}.shield-icon{color:#ff5757}.reseller-benefit h3{font-size:16px;margin:0 0 11px;letter-spacing:-.015em}.reseller-benefit p{font-size:12.5px;line-height:1.55;color:#8e9bb2;margin:0}.reseller-cta{position:relative;display:flex;justify-content:center;margin-top:34px}.reseller-cta .btn{min-width:220px}.reseller-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.faq-section{background:#060a10}.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.faq-copy{position:sticky;top:130px;align-self:start}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:20px 3px;cursor:pointer;font-weight:800;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#4dcfff;font-size:20px}.faq-list p{margin:0;padding:0 3px 19px;color:#8e9daa;line-height:1.7;font-size:13px}.cta-card{position:relative;display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:30px;padding:43px;border:1px solid rgba(255,255,255,.11);border-radius:25px;background:#0b121b;overflow:hidden}.cta-card img{width:125px;height:125px;object-fit:contain;z-index:1}.cta-card>div:not(.cta-glow),.cta-card>a{z-index:1}.cta-card h2{font-size:40px;margin:7px 0}.cta-card p{color:#8e9da9}.cta-glow{position:absolute;width:450px;height:450px;left:-80px;top:-160px;background:radial-gradient(circle,rgba(0,144,255,.23),transparent 67%)}.site-footer{border-top:1px solid var(--line);padding:50px 0 18px;background:#030509}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr .8fr;gap:35px}.footer-brand img{width:90px;height:90px;object-fit:contain}.footer-brand p{max-width:280px;color:#778692;font-size:12px;line-height:1.6}.footer-links,.footer-contact{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#95a4b0}.footer-links strong,.footer-contact strong{color:white;margin-bottom:5px}.footer-contact a{color:#54cfff}.footer-bottom{margin-top:35px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;color:#5e6b76;font-size:10px}.wa-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:var(--green);display:grid;place-items:center;z-index:80;box-shadow:0 15px 35px rgba(37,211,102,.3)}.wa-float span{font-size:12px;font-weight:900}/* V26 COMPAT: el contenido es visible por defecto. Solo se oculta cuando JS confirma que puede animarlo. */
.reveal{opacity:1;transform:none;transition:.7s ease}
.animations-ok .reveal{opacity:0;transform:translateY(18px)}
.animations-ok .reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}
@media(max-width:1000px){.nav-links{position:absolute;top:83px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;background:#0a1018;border:1px solid #293442;padding:16px;border-radius:15px}.nav-links.open{display:flex}.nav-shell>.btn{display:none}.menu-toggle{display:block}.hero-grid,.app-layout,.device-layout,.faq-layout{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{padding:70px 0}.hero-visual{height:430px}.app-copy{max-width:800px}.entertainment-grid{grid-template-columns:repeat(2,1fr)}.device-visual{order:2}.plans-grid-four{grid-template-columns:repeat(2,1fr)}.steps-grid,.download-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.reseller-benefits{grid-template-columns:repeat(2,1fr)}.cta-card{grid-template-columns:120px 1fr}.cta-card>.btn{grid-column:1/3}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-contact{grid-column:2}.faq-copy{position:static}.downloads-header{align-items:flex-end}}
@media(max-width:650px){.container{width:min(100% - 24px,1180px)}.section{padding:76px 0}.nav-shell{height:72px}.brand img{width:62px;height:60px}.nav-links{top:72px}.hero-grid{padding:48px 0}.hero h1{font-size:49px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-metrics{gap:23px}.hero-metrics strong{font-size:20px}.hero-visual{height:340px}.hero-logo{width:310px}.orbit-one{width:300px;height:300px}.orbit-two{width:380px;height:380px}.float-badge{padding:9px 11px}.badge-a{left:0;top:45px}.badge-b{right:0;bottom:45px}.marquee-track{height:50px}.app-copy h2,.device-copy h2,.faq-copy h2{font-size:39px}.mini-features{grid-template-columns:1fr}.tv-frame{padding:7px 7px 17px;border-radius:14px}.v7-actions{font-size:5px}.v7-actions span{padding:4px 6px}.v7-card strong{font-size:6px}.entertainment-grid{grid-template-columns:1fr}.media-tile{min-height:250px}.device-visual{height:320px}.device-tv{width:80%;top:20px}.device-phone{width:100px;height:205px;right:0}.device-stick{width:92px;height:36px;bottom:0}.section-heading h2{font-size:39px}.plans-grid,.steps-grid,.download-grid{gap:12px}.downloads-header{align-items:flex-start}.download-logo img{width:85px;height:85px}.downloads-header h2{font-size:42px}.download-help{flex-direction:column;gap:8px}.reseller-benefits{grid-template-columns:1fr;gap:12px}.reseller-heading{margin-bottom:30px}.reseller-heading h2{font-size:36px}.reseller-benefit{min-height:auto;padding:23px}.reseller-cta .btn{width:100%}.cta-card{grid-template-columns:1fr;text-align:left;padding:26px}.cta-card img{width:90px;height:90px}.cta-card>.btn{grid-column:auto;width:100%}.cta-card h2{font-size:33px}.faq-layout{gap:25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}.footer-contact{grid-column:auto}.footer-bottom{flex-direction:column;gap:7px}}


/* V7: planes más amplios y equilibrados */
.plans-container{max-width:1080px}
.plans-grid-premium{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.premium-plan{padding:32px 34px;min-height:445px;display:flex;flex-direction:column;background:linear-gradient(145deg,#101924 0%,#0a1018 100%);border:1px solid rgba(255,255,255,.10);overflow:visible}
.premium-plan.featured{transform:none;border-color:#238fff;box-shadow:0 22px 55px rgba(0,126,255,.16),inset 0 0 0 1px rgba(35,143,255,.16)}
.premium-plan .popular{top:18px;right:20px;padding:8px 12px;font-size:9px;background:linear-gradient(90deg,#7458ff,#18bce8)}
.plan-headline{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:10px;padding-right:4px}
.plan-label{display:block;color:#48cfff;font-size:9px;font-weight:900;letter-spacing:.19em;margin-bottom:7px}
.plan-headline h3{font-size:31px;line-height:1.05;margin:0;letter-spacing:-.035em}
.device-count{min-width:106px;text-align:center;border:1px solid rgba(73,199,255,.24);background:rgba(18,126,190,.07);border-radius:15px;padding:12px 10px;color:#55d4ff;font-size:27px;font-weight:900;line-height:1}
.device-count small{display:block;font-size:8px;letter-spacing:.12em;color:#8ba2b5;margin-top:6px}
.premium-plan .plan-desc{font-size:13px;line-height:1.55;min-height:40px;margin:4px 0 18px;color:#93a5b5}
.catalog-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:5px 0 18px}
.catalog-stats>div{padding:16px 10px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);text-align:center}
.catalog-stats strong{display:block;font-size:18px;color:#fff}
.catalog-stats span{display:block;font-size:9px;letter-spacing:.05em;color:#8192a0;margin-top:4px}
.premium-plan ul{margin:7px 0 24px}
.premium-plan li{padding:10px 0;font-size:12px}
.premium-plan .btn{margin-top:auto;width:100%;min-height:47px}
.device-stick{display:none!important}
@media(max-width:850px){.plans-grid-premium{grid-template-columns:1fr}.premium-plan{min-height:auto}.plan-headline h3{font-size:27px}}
@media(max-width:520px){.premium-plan{padding:25px 22px}.plan-headline{gap:12px}.device-count{min-width:88px;font-size:23px}.catalog-stats{grid-template-columns:1fr}.catalog-stats>div{text-align:left;display:flex;align-items:center;justify-content:space-between}.catalog-stats span{margin:0}.premium-plan .popular{position:static;display:inline-block;align-self:flex-start;margin-bottom:14px}}


/* V8: carátulas simuladas por categoría */
.media-tile{justify-content:flex-start;padding-top:26px}
.media-tile .tile-icon{position:relative;top:auto;left:auto;margin-bottom:18px}
.cover-stack{position:relative;display:flex;gap:10px;align-items:flex-end;margin:6px 0 22px;min-height:138px;width:100%}
.mini-cover{position:relative;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);padding:12px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.mini-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,.18) 58%,rgba(255,255,255,.05));}
.mini-cover>*{position:relative;z-index:1}
.mini-cover b{font-size:11px;line-height:1.05;letter-spacing:.08em}
.mini-cover small{font-size:9px;letter-spacing:.16em;color:#eef6ff}
.live-stack{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:12px;min-height:146px}
.live-card{height:146px}
.live-football{background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.25),transparent 18%),linear-gradient(180deg,rgba(12,109,34,.15),rgba(2,17,8,.4)),linear-gradient(135deg,#0c8037,#062212)}
.live-football:after{content:"";position:absolute;left:0;right:0;top:22px;bottom:22px;background:repeating-linear-gradient(90deg,transparent 0 28%,rgba(255,255,255,.12) 28% 29%,transparent 29% 100%),linear-gradient(180deg,transparent 48%,rgba(255,255,255,.16) 49% 51%,transparent 52%);opacity:.7}
.live-news{background:radial-gradient(circle at 70% 22%,rgba(255,255,255,.18),transparent 20%),linear-gradient(135deg,#143562,#070f1e)}
.live-news:after{content:"";position:absolute;inset:18px 14px 42px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.03));border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.06) inset}
.live-fight{background:radial-gradient(circle at 74% 26%,rgba(255,255,255,.15),transparent 18%),linear-gradient(135deg,#70230f,#140707)}
.live-fight:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(255,145,72,.18),transparent 28%),linear-gradient(0deg,rgba(255,102,0,.18),transparent 36%)}
.movie-stack{min-height:156px;align-items:flex-end}
.poster{width:31%;height:156px}
.poster:nth-child(2){transform:translateY(-8px)}
.poster:nth-child(3){transform:translateY(6px)}
.poster-a{background:radial-gradient(circle at 72% 18%,rgba(255,208,132,.22),transparent 16%),linear-gradient(155deg,#05204b,#130512 48%,#4d0a28)}
.poster-b{background:radial-gradient(circle at 60% 16%,rgba(255,255,255,.18),transparent 16%),linear-gradient(155deg,#061634,#0b3054 42%,#0f5ca5)}
.poster-c{background:radial-gradient(circle at 64% 14%,rgba(255,255,255,.15),transparent 16%),linear-gradient(155deg,#331006,#6d200a 48%,#190805)}
.series-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;min-height:146px}
.season{height:146px}
.season-a{background:radial-gradient(circle at 68% 20%,rgba(255,255,255,.15),transparent 18%),linear-gradient(150deg,#3f2505,#0d0b0c 52%,#0c2947)}
.season-b{background:radial-gradient(circle at 68% 20%,rgba(255,255,255,.18),transparent 18%),linear-gradient(150deg,#241d3d,#0f0b16 55%,#3d0f19)}
.season-c{background:radial-gradient(circle at 72% 18%,rgba(255,255,255,.18),transparent 18%),linear-gradient(150deg,#083348,#071018 52%,#0e5d68)}
.family-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;min-height:146px}
.mix{height:68px}
.mix-a{background:linear-gradient(135deg,#7a3cff,#2d9bff)}
.mix-b{background:linear-gradient(135deg,#ff6b1a,#ff2174)}
.mix-c{background:linear-gradient(135deg,#00a38a,#1443d2)}
.mix-d{background:linear-gradient(135deg,#bd8a00,#5c2aff)}
.media-tile>span{margin-top:auto}
.media-tile p{margin-top:4px}
@media(max-width:650px){.cover-stack{min-height:auto}.live-stack,.series-stack,.family-stack{grid-template-columns:1fr}.live-card,.season,.mix,.poster{width:100%;height:100px;transform:none!important}.movie-stack{display:grid;grid-template-columns:1fr}.mix{height:84px}}


/* V9: posters personalizados subidos por el usuario */
.posters-grid .media-tile{justify-content:flex-start;padding-top:26px}
.posters-grid .media-tile .tile-icon{position:relative;top:auto;left:auto;margin-bottom:18px}
.media-poster{width:100%;height:190px;border-radius:18px;border:1px solid rgba(255,255,255,.12);margin:4px 0 24px;box-shadow:0 20px 40px rgba(0,0,0,.25);background-size:cover;background-position:center;position:relative;overflow:hidden}
.media-poster:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,7,12,.14),rgba(4,7,12,.18)),linear-gradient(to bottom,rgba(255,255,255,.02),rgba(0,0,0,.22))}
.poster-live{background-image:linear-gradient(135deg,rgba(8,90,170,.55),rgba(2,19,34,.82)),url("imagenes%20de%20poster/tv-en-vivo.jpg")}
.poster-movies{background-image:linear-gradient(135deg,rgba(147,26,110,.52),rgba(25,8,20,.84)),url("imagenes%20de%20poster/peliculas.jpg")}
.poster-series{background-image:linear-gradient(135deg,rgba(167,89,17,.48),rgba(19,12,6,.86)),url("imagenes%20de%20poster/series.jpg")}
.poster-varied{background-image:linear-gradient(135deg,rgba(88,58,179,.50),rgba(12,9,28,.86)),url("imagenes%20de%20poster/variado.jpg")}
.posters-grid .media-tile>span{margin-top:auto}
.posters-grid .media-tile p{margin-top:4px}
@media(max-width:650px){.media-poster{height:150px;margin-bottom:18px}}

/* =========================================================
   V10 · NAVEGACIÓN Y VISUALIZACIÓN OPTIMIZADA PARA TV
   ========================================================= */

/* Foco visible para teclado / controles remotos */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 4px solid #ffd400;
  outline-offset: 5px;
  border-radius: 12px;
  box-shadow: 0 0 0 2px rgba(0,0,0,.92), 0 0 26px rgba(255,212,0,.68);
}

body.tv-focus-active a:focus,
body.tv-focus-active button:focus,
body.tv-focus-active summary:focus,
body.tv-focus-active [tabindex]:focus {
  outline: 4px solid #ffd400 !important;
  outline-offset: 5px;
  border-radius: 12px;
  box-shadow: 0 0 0 2px rgba(0,0,0,.92), 0 0 30px rgba(255,212,0,.72) !important;
}

body.tv-focus-active .btn:focus,
body.tv-focus-active .download-btn:focus,
body.tv-focus-active .text-link:focus,
body.tv-focus-active .nav-links a:focus,
body.tv-focus-active .brand:focus,
body.tv-focus-active .wa-float:focus {
  transform: scale(1.055);
  position: relative;
  z-index: 120;
}

/* Evita que el header tape destinos y elementos enfocados */
section[id], header[id] { scroll-margin-top: 105px; }

/* Controles más cómodos cuando la pantalla es grande (TV / 1080p / 4K) */
@media (min-width: 1500px) {
  .container { width: min(1480px, calc(100% - 120px)); }
  .nav-shell { height: 96px; }
  .brand img { width: 92px; height: 82px; }
  .nav-links { gap: 36px; font-size: 15px; }
  .btn { min-height: 50px; padding: 15px 22px; font-size: 15px; }
  .btn-large { min-height: 56px; padding: 17px 26px; font-size: 16px; }
  .section { padding: 120px 0; }
  .hero { min-height: 760px; }
  .hero-copy > p { font-size: 20px; max-width: 720px; }
  .media-tile { min-height: 350px; }
  .media-poster { height: 220px; }
  .premium-plan { min-height: 475px; }
  .download-card { min-height: 285px; }
  .reseller-benefit { min-height: 235px; }
  .wa-float { width: 68px; height: 68px; right: 32px; bottom: 32px; }
}

/* 4K: evita que todo quede demasiado pequeño en el centro */
@media (min-width: 2300px) {
  .container { width: min(1820px, calc(100% - 180px)); }
  body { font-size: 18px; }
  .nav-shell { height: 112px; }
  .brand img { width: 110px; height: 98px; }
  .nav-links { font-size: 18px; gap: 44px; }
  .btn { font-size: 17px; min-height: 58px; }
  .section { padding: 150px 0; }
  .hero { min-height: 900px; }
  .hero-copy > p { font-size: 23px; }
  .media-poster { height: 270px; }
  .media-tile h3 { font-size: 30px; }
  .media-tile p { font-size: 15px; }
  .premium-plan { min-height: 525px; }
}

/* En pantallas táctiles el foco amarillo no estorba al tocar */
@media (hover: none) and (pointer: coarse) and (max-width: 1100px) {
  body:not(.tv-focus-active) a:focus,
  body:not(.tv-focus-active) button:focus,
  body:not(.tv-focus-active) summary:focus {
    outline: none;
    box-shadow: none;
  }
}


/* V11: carátulas verticales 1070x1470 sin recorte ni filtro oscuro */
.posters-grid .media-tile{min-height:610px;padding:26px 26px 28px;display:flex;flex-direction:column}
.posters-grid .media-tile .tile-icon{margin-bottom:18px}
.posters-grid .media-poster{display:block;width:100%;height:auto;aspect-ratio:1070 / 1470;object-fit:cover;object-position:center;border-radius:18px;border:1px solid rgba(255,255,255,.16);margin:4px 0 22px;box-shadow:0 18px 38px rgba(0,0,0,.34);background:none}
.posters-grid .media-poster:before{display:none!important}
.posters-grid .media-tile>span{margin-top:0}
.posters-grid .media-tile h3{margin-top:8px}
@media(max-width:1000px){.posters-grid .media-tile{min-height:auto}}
@media(max-width:650px){.posters-grid .media-poster{width:min(100%,360px);margin-left:auto;margin-right:auto;aspect-ratio:1070 / 1470;height:auto}.posters-grid .media-tile{padding:22px}}


/* V13 · fondo dinámico WolfTV y pantallas configurables */
body.has-third-ambient:after{content:"";position:fixed;inset:auto auto 10% 72%;width:380px;height:380px;border-radius:50%;background:var(--ambient-3);filter:blur(120px);opacity:.18;z-index:-4;pointer-events:none;transition:background .35s linear,opacity .35s linear}
@media(max-width:650px){body.has-third-ambient:after{width:240px;height:240px;left:auto;right:-80px;bottom:18%}}


/* =========================================================
   V14 · Fondo dinámico premium WolfTV
   ========================================================= */
:root{
  --wolf-blue:#0a75ff;
  --wolf-cyan:#19d7ff;
  --wolf-purple:#6b4bff;
  --wolf-pink:#ff2b88;
  --wolf-orange:#ff7a16;
  --bg-shift-1:#06111f;
  --bg-shift-2:#0a1c35;
  --bg-shift-3:#17113a;
  --bg-shift-4:#351229;
  --glow-a:#0a75ff;
  --glow-b:#6b4bff;
  --glow-c:#ff2b88;
  --glow-d:#ff7a16;
}

body{
  background:#05070c;
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-10;
  pointer-events:none;
  background:
    radial-gradient(circle at 84% 12%, color-mix(in srgb,var(--glow-a) 24%,transparent), transparent 29%),
    radial-gradient(circle at 13% 40%, color-mix(in srgb,var(--glow-b) 18%,transparent), transparent 31%),
    radial-gradient(circle at 82% 72%, color-mix(in srgb,var(--glow-c) 18%,transparent), transparent 30%),
    radial-gradient(circle at 18% 92%, color-mix(in srgb,var(--glow-d) 14%,transparent), transparent 27%),
    linear-gradient(180deg,var(--bg-shift-1) 0%,var(--bg-shift-2) 32%,var(--bg-shift-3) 66%,var(--bg-shift-4) 100%);
  transition:background .55s ease;
}

body:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-9;
  pointer-events:none;
  opacity:.32;
  background:
    linear-gradient(120deg,transparent 0 38%,rgba(255,255,255,.015) 42%,transparent 47%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 72px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.010) 0 1px,transparent 1px 72px);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),rgba(0,0,0,.16));
}

.ambient{
  filter:blur(145px);
  opacity:.20;
  transition:background .55s ease, opacity .55s ease, transform .55s ease;
}
.ambient-a{
  background:var(--glow-a);
  transform:scale(1.08);
}
.ambient-b{
  background:var(--glow-d);
  transform:scale(1.04);
}
body.has-third-ambient:after{
  display:none;
}

/* Las secciones dejan pasar un poco más el fondo dinámico */
.hero,
.app-showcase,
.entertainment-section,
.devices-section,
.plans-section,
.how-section,
.downloads-section,
.reseller-section,
.faq-section{
  background-color:transparent;
}

.app-showcase{
  background-image:radial-gradient(circle at 76% 44%,rgba(25,215,255,.09),transparent 31%);
}
.entertainment-section{
  background-image:linear-gradient(180deg,rgba(4,7,12,.32),rgba(8,10,19,.20) 50%,rgba(4,7,12,.30));
}
.devices-section{
  background-image:radial-gradient(circle at 14% 48%,rgba(255,122,22,.08),transparent 28%);
}
.plans-section{
  background-image:radial-gradient(circle at 82% 30%,rgba(107,75,255,.10),transparent 34%);
}
.how-section{
  background-image:radial-gradient(circle at 50% 45%,rgba(25,215,255,.07),transparent 40%);
}
.downloads-section{
  background-image:linear-gradient(180deg,rgba(5,12,22,.35),rgba(5,7,12,.18));
}
.reseller-section{
  background-image:
    radial-gradient(circle at 50% -10%,rgba(107,75,255,.12),transparent 40%),
    radial-gradient(circle at 92% 78%,rgba(25,215,255,.06),transparent 34%);
}
.faq-section{
  background-image:linear-gradient(180deg,rgba(5,7,12,.20),rgba(10,7,18,.24));
}

.site-header{
  background:rgba(4,7,12,.76);
  box-shadow:0 8px 28px rgba(0,0,0,.16);
}

/* Brillo WolfTV sutil en títulos grandes */
.hero h1 span,
.reseller-heading h2 span{
  background-size:180% 180%;
  animation:wolfGradientShift 9s ease-in-out infinite;
}
@keyframes wolfGradientShift{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

@media (prefers-reduced-motion: reduce){
  .hero h1 span,.reseller-heading h2 span{animation:none}
  .ambient{transition:none}
}


/* =========================================================
   V15 · Fondo largo configurable por imagen
   ========================================================= */
body{
  background-color:#05070c;
  background-image:
    linear-gradient(180deg, rgba(5,7,12,.22) 0%, rgba(5,7,12,.28) 16%, rgba(5,7,12,.34) 38%, rgba(5,7,12,.40) 62%, rgba(5,7,12,.50) 100%),
    url("imagenes%20fondo/fondo-largo.jpg");
  background-repeat:no-repeat,no-repeat;
  background-position:top center, top center;
  background-size:100% auto, 100% auto;
}
body:before{content:none !important}
.ambient, body.has-third-ambient:after{display:none !important}
.site-header{background:rgba(4,7,12,.88)}
.hero-backdrop{
  background:linear-gradient(115deg, rgba(5,7,12,.60) 15%, rgba(6,13,24,.38) 45%, rgba(9,7,18,.54) 100%) !important
}
.hero-backdrop:after{opacity:.25}
.section, .devices-section, .downloads-section, .app-showcase, .entertainment-section, .plans-section, .reseller-section, .faq-section, .contact-section{background:transparent !important}
.hero, .site-header, .site-footer, .downloads-section, .contact-section, .faq-section, .plans-section, .reseller-section{position:relative}
.section-heading p, .hero-copy>p, .device-copy p, .step-card p, .download-copy p, .faq-item p, .footer-copy p{color:#c3d0db}
.app-shell,.media-tile,.premium-plan,.reseller-benefit,.faq-panel,.contact-card,.download-item,.device-tv,.device-phone,.cta-card,.feature-card,.step-card,.faq-item,.download-help,.footer-grid>div,.footer-brand,.footer-contact{background:rgba(9,14,22,.62) !important;backdrop-filter:blur(8px);border-color:rgba(255,255,255,.09) !important}
.plan-card,.plan-card.featured{background:rgba(9,14,22,.62) !important}
.media-poster{box-shadow:0 18px 38px rgba(0,0,0,.24)}
.download-logo,.tile-icon,.reseller-icon{backdrop-filter:blur(8px)}
@media (max-width: 1200px){body{background-size:1200px auto,1200px auto}}
@media (max-width: 900px){body{background-size:1300px auto,1300px auto}.hero-backdrop:after{opacity:.14}}
@media (max-width: 640px){body{background-size:1500px auto,1500px auto}.app-shell,.media-tile,.premium-plan,.reseller-benefit,.faq-panel,.contact-card,.download-item,.device-tv,.device-phone,.cta-card,.feature-card,.step-card,.faq-item{background:rgba(8,12,19,.72) !important}}


/* =========================================================
   V16 · Fondos independientes por bloque
   ========================================================= */
body{
  background:#05070c !important;
  background-image:none !important;
}
.bg-section{
  position:relative;
  isolation:isolate;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center center !important;
  overflow:hidden;
}
.bg-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(3,6,11,.48),rgba(4,7,13,.60));
  pointer-events:none;
}
.bg-inicio{background-image:url("imagenes%20fondo/01-inicio.jpg") !important;background-position:center 35% !important}
.bg-app{background-image:url("imagenes%20fondo/02-app.jpg") !important}
.bg-catalogo{background-image:url("imagenes%20fondo/03-catalogo.jpg") !important}
.bg-dispositivos{background-image:url("imagenes%20fondo/04-dispositivos.jpg") !important}
.bg-planes{background-image:url("imagenes%20fondo/05-planes.jpg") !important}
.bg-como{background-image:url("imagenes%20fondo/06-como-funciona.jpg") !important}
.bg-descargas{background-image:url("imagenes%20fondo/07-descargas.jpg") !important}
.bg-revendedores{background-image:url("imagenes%20fondo/08-revendedores.jpg") !important}
.bg-final{background-image:url("imagenes%20fondo/09-final.jpg") !important}
.hero.bg-inicio .hero-backdrop{background:linear-gradient(115deg,rgba(2,5,10,.50),rgba(4,8,16,.28) 55%,rgba(5,5,12,.38)) !important}
.app-showcase,.entertainment-section,.devices-section,.plans-section,.how-section,.downloads-section,.reseller-section,.faq-section,.final-cta{background-color:transparent !important}
.marquee{background:rgba(5,9,15,.88) !important;backdrop-filter:blur(10px)}
.site-footer{background:rgba(3,5,9,.94) !important}
/* paneles semitransparentes para dejar ver el fondo */
.media-tile,.premium-plan,.step-card,.download-card,.reseller-benefit,.faq-list details,.cta-card,.device-tv,.device-phone,.mini-features span,.download-help{
  background-color:rgba(8,13,21,.72) !important;
  backdrop-filter:blur(7px);
}
/* evita el oscurecimiento excesivo heredado de versiones anteriores */
.entertainment-section::before,.plans-section::before,.downloads-section::before,.reseller-section::before,.faq-section::before{background:linear-gradient(180deg,rgba(3,6,11,.45),rgba(3,6,11,.58))}
@media(max-width:650px){
  .bg-section{background-position:center center !important}
  .bg-section::before{background:linear-gradient(180deg,rgba(3,6,11,.58),rgba(3,6,11,.68))}
}


/* =========================================================
   V17 · Fondos más visibles + escritura premium de contenido
   ========================================================= */
.bg-section{background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important}
.bg-section::before{background:linear-gradient(180deg,rgba(3,6,11,.14),rgba(4,7,13,.22)) !important}
.hero.bg-inicio .hero-backdrop{background:linear-gradient(115deg,rgba(2,5,10,.22),rgba(4,8,16,.10) 55%,rgba(5,5,12,.18)) !important}
.hero-backdrop:after{opacity:.10 !important}
.entertainment-section::before,.plans-section::before,.downloads-section::before,.reseller-section::before,.faq-section::before,.final-cta::before,.app-showcase::before,.devices-section::before,.how-section::before{background:linear-gradient(180deg,rgba(3,6,11,.12),rgba(3,6,11,.20)) !important}
.bg-faq{background-image:url("imagenes%20fondo/09-faq.jpg") !important}
.bg-final{background-image:url("imagenes%20fondo/10-final.jpg") !important}
/* paneles más transparentes para no apagar tanto las imágenes */
.app-shell,.media-tile,.premium-plan,.reseller-benefit,.faq-panel,.contact-card,.download-item,.device-tv,.device-phone,.cta-card,.feature-card,.step-card,.faq-item,.download-help,.footer-grid>div,.footer-brand,.footer-contact,.mini-features span,.faq-list details{background:rgba(8,13,21,.46) !important;backdrop-filter:blur(5px);border-color:rgba(255,255,255,.08) !important}
.plan-card,.plan-card.featured{background:rgba(8,13,21,.48) !important}
.float-badge{background:rgba(10,17,27,.48) !important}
.tile-icon,.download-logo,.reseller-icon{background:rgba(255,255,255,.12) !important}
.cta-card{overflow:hidden}

/* efecto de aparición tipo programa */
.bg-section .program-type,.bg-section .program-fade,.bg-section .program-pop{opacity:1;transform:none;filter:none;clip-path:none}.bg-section .program-type{position:relative}
.animations-ok .bg-section .program-type,.animations-ok .bg-section .program-fade,.animations-ok .bg-section .program-pop{opacity:0;will-change:transform,opacity,filter,clip-path}
.animations-ok .bg-section.is-program-ready .program-type{transform:translate3d(-28px,0,0);filter:blur(10px);clip-path:inset(0 100% 0 0)}
.animations-ok .bg-section.is-program-ready .program-fade{transform:translate3d(0,20px,0);filter:blur(10px)}
.animations-ok .bg-section.is-program-ready .program-pop{transform:scale(.88);filter:blur(8px)}
.bg-section.run-program .program-type.program-show{animation:programWrite var(--program-write-duration,1.4s) cubic-bezier(.22,.9,.25,1) forwards}
.bg-section.run-program .program-fade.program-show{animation:programFade var(--program-element-duration,.7s) cubic-bezier(.2,.9,.22,1) forwards}
.bg-section.run-program .program-pop.program-show{animation:programPop var(--program-element-duration,.7s) cubic-bezier(.2,.9,.22,1) forwards}
.bg-section.run-program .program-type.program-show::after{content:"";position:absolute;right:-.08em;top:.08em;width:2px;height:88%;background:rgba(255,255,255,.82);box-shadow:0 0 10px rgba(85,202,255,.45);animation:programCaret var(--program-write-duration,1.4s) step-end forwards}
@keyframes programWrite{0%{opacity:0;transform:translate3d(-28px,0,0);filter:blur(10px);clip-path:inset(0 100% 0 0)}16%{opacity:1}100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0);clip-path:inset(0 0 0 0)}}
@keyframes programFade{0%{opacity:0;transform:translate3d(0,20px,0);filter:blur(10px)}100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes programPop{0%{opacity:0;transform:scale(.88);filter:blur(8px)}100%{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes programCaret{0%,88%{opacity:1}100%{opacity:0}}
@media(max-width:650px){.bg-section::before{background:linear-gradient(180deg,rgba(3,6,11,.20),rgba(3,6,11,.28)) !important}.hero.bg-inicio .hero-backdrop{background:linear-gradient(115deg,rgba(2,5,10,.28),rgba(4,8,16,.16) 55%,rgba(5,5,12,.24)) !important}}


/* V18 · duraciones controladas desde config.js */
:root{--program-write-duration:1.4s;--program-element-duration:.7s}


/* =========================================================
   V21 · Base V18 + separadores + final unido + texto configurable
   ========================================================= */
.final-combined{padding-bottom:92px}
.final-combined-cta{margin-top:76px}
.final-combined::before{background:linear-gradient(180deg,rgba(3,6,11,.12),rgba(3,6,11,.20)) !important}

/* Franja física en cada unión de fondos */
.junction-marquee{
  position:relative;z-index:12;height:58px;margin:0;overflow:hidden;
  border-top:1px solid rgba(92,207,255,.18);border-bottom:1px solid rgba(255,126,35,.16);
  background:linear-gradient(90deg,rgba(3,7,13,.98),rgba(7,15,27,.96) 48%,rgba(3,7,13,.98));
  box-shadow:0 -10px 28px rgba(0,0,0,.18),0 10px 28px rgba(0,0,0,.22);
  backdrop-filter:blur(10px)
}
.junction-marquee .junction-marquee-track{
  --junction-speed:28s;height:58px;display:flex;align-items:center;gap:30px;min-width:max-content;
  animation:junctionScroll var(--junction-speed) linear infinite !important;
  color:#b9c6d3;font-size:12px;font-weight:900;letter-spacing:.16em;white-space:nowrap
}
.junction-marquee.reverse .junction-marquee-track{animation-name:junctionScrollReverse !important}
.junction-marquee span{white-space:nowrap;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.junction-marquee b{color:#20baff;text-shadow:0 0 14px rgba(32,186,255,.7)}
@keyframes junctionScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes junctionScrollReverse{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* Reutiliza el look de "Una sola experiencia." sin ocultar el contenido.
   V26: color cian como fallback; el texto transparente solo se activa si el navegador
   soporta background-clip:text. */
.wolf-text-animated,
.wolf-text-animated > span{
  color:#42cfff !important;
  -webkit-text-fill-color:#42cfff !important;
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .wolf-text-animated,
  .wolf-text-animated > span{
    background-image:var(--wolf-text-gradient,linear-gradient(90deg,#00E5FF,#157BFF,#4C2CFF,#FF1493,#FF2A2A,#FF7A00,#FFD400,#FFFFFF,#00E5FF)) !important;
    background-size:420px 100% !important;
    background-repeat:repeat-x !important;
    background-position:0 50%;
    -webkit-background-clip:text !important;background-clip:text !important;
    color:transparent !important;-webkit-text-fill-color:transparent !important;
    animation:wolfTextSweep var(--wolf-text-speed,5.2s) linear infinite !important
  }
}
@keyframes wolfTextSweep{
  from{background-position:0 50%}
  to{background-position:420px 50%}
}

@media(max-width:650px){
  .junction-marquee,.junction-marquee .junction-marquee-track{height:52px}
  .junction-marquee .junction-marquee-track{font-size:10px;gap:23px}
  .final-combined{padding-bottom:72px}.final-combined-cta{margin-top:48px}
}
@media(prefers-reduced-motion:reduce){
  .junction-marquee .junction-marquee-track{animation:none !important}
  .wolf-text-animated,.wolf-text-animated > span{animation:none !important;background-position:120px 50% !important}
}


/* =========================================================
   V22 · FIX: "wolf" + animación de entrada compatibles
   ========================================================= */
:root{--wolf-text-speed:5.2s}

/* El gradiente ya no secuestra la animación de entrada.
   Cuando el elemento aún no ha entrado, se conserva oculto por V17/V18.
   Cuando recibe program-show, ejecuta AMBAS animaciones. */
.bg-section.run-program .program-type.program-show.wolf-text-animated{
  animation:
    programWrite var(--program-write-ms, 1.4s) cubic-bezier(.22,.9,.25,1) forwards,
    wolfTextSweep var(--wolf-text-speed) ease-in-out infinite !important;
}
.bg-section.run-program .program-fade.program-show.wolf-text-animated{
  animation:
    programFade var(--program-fade-ms, .7s) cubic-bezier(.2,.9,.22,1) forwards,
    wolfTextSweep var(--wolf-text-speed) ease-in-out infinite !important;
}
.bg-section.run-program .program-pop.program-show.wolf-text-animated{
  animation:
    programPop var(--program-fade-ms, .7s) cubic-bezier(.2,.9,.22,1) forwards,
    wolfTextSweep var(--wolf-text-speed) ease-in-out infinite !important;
}

/* Elementos con wolf que no participan en la animación de entrada. */
.wolf-text-animated:not(.program-type):not(.program-fade):not(.program-pop){
  animation:wolfTextSweep var(--wolf-text-speed) ease-in-out infinite !important;
}

/* Fallback: si background-clip:text no está disponible, jamás dejar el texto invisible. */
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .wolf-text-animated,.wolf-text-animated > span{
    background:none !important;
    color:#42cfff !important;
    -webkit-text-fill-color:#42cfff !important;
    animation:none !important;
  }
}


/* =========================================================
   V24 · Cajas configurables para texto + ajuste de teléfono
   ========================================================= */
.text-panel-config{
  position:relative;
  padding:var(--text-box-padding,24px);
  border-radius:var(--text-box-radius,24px);
  background:rgba(7,12,18,var(--text-box-opacity,0.28));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 22px 48px rgba(0,0,0,.26);
  backdrop-filter:blur(var(--text-box-blur,12px));
  -webkit-backdrop-filter:blur(var(--text-box-blur,12px));
}
.text-panel-config.text-panel-soft{box-shadow:0 16px 36px rgba(0,0,0,.20)}
.device-copy.text-panel-config{max-width:640px}
.section-heading.text-panel-config,.faq-copy.text-panel-config,.app-copy.text-panel-config,.hero-copy.text-panel-config,.downloads-header > div.text-panel-config,.reseller-heading.text-panel-config{display:block}
.device-phone{transform:translate(var(--device-phone-x,18px),var(--device-phone-y,18px)) scale(var(--device-phone-scale,.92));transform-origin:bottom right;z-index:3}
.device-tv{z-index:2}
@media (max-width: 980px){
  .device-phone{transform:translate(calc(var(--device-phone-x,18px) * .55),calc(var(--device-phone-y,18px) * .55)) scale(calc(var(--device-phone-scale,.92) + .03))}
}
@media (max-width: 640px){
  .text-panel-config{padding:18px;border-radius:20px}
  .device-phone{transform:translate(8px,10px) scale(.94)}
}

/* =========================================================
   V25 · Multidispositivo más visible y sin superposición
   ========================================================= */
.device-visual{
  isolation:isolate;
}
.device-visual::before{
  content:"";
  position:absolute;
  inset:10% 3% 8%;
  z-index:-1;
  border-radius:42px;
  background:
    radial-gradient(circle at 28% 48%,rgba(0,210,255,.22),transparent 44%),
    radial-gradient(circle at 82% 48%,rgba(255,122,0,.18),transparent 38%);
  filter:blur(18px);
  pointer-events:none;
}
.device-tv,
.device-phone{
  background:linear-gradient(145deg,rgba(48,64,79,.98),rgba(12,18,26,.98)) !important;
  border:2px solid rgba(111,220,255,.68) !important;
  box-shadow:
    0 28px 65px rgba(0,0,0,.54),
    0 0 0 1px rgba(255,255,255,.07) inset,
    0 0 34px rgba(29,185,255,.18) !important;
}
.device-phone{
  border-color:rgba(255,156,72,.72) !important;
  box-shadow:
    0 25px 55px rgba(0,0,0,.56),
    0 0 0 1px rgba(255,255,255,.07) inset,
    0 0 30px rgba(255,122,22,.18) !important;
}
.custom-device-screen,
.custom-phone-screen{
  box-shadow:0 0 0 1px rgba(255,255,255,.14) inset;
}
.device-tv-media,
.device-phone-media{
  filter:brightness(1.08) saturate(1.12) contrast(1.04);
}

/* Modo nuevo: ambos dispositivos quedan uno al lado del otro. */
.device-visual.devices-separated{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--device-gap,24px);
  height:430px;
  padding:24px 0 36px;
}
.device-visual.devices-separated .device-tv{
  position:relative;
  left:auto;
  top:auto;
  width:calc(100% - 175px);
  max-width:420px;
  flex:1 1 auto;
  transform:translate(var(--device-tv-x,0px),var(--device-tv-y,0px)) scale(var(--device-tv-scale,1));
  transform-origin:center;
}
.device-visual.devices-separated .device-phone{
  position:relative;
  right:auto;
  bottom:auto;
  width:138px;
  height:276px;
  flex:0 0 auto;
  transform:translate(var(--device-phone-x,0px),var(--device-phone-y,0px)) scale(var(--device-phone-scale,1));
  transform-origin:center;
}

@media (max-width:1000px){
  .device-visual.devices-separated{
    max-width:700px;
    margin:0 auto;
  }
  .device-visual.devices-separated .device-tv{
    width:min(72%,480px);
    max-width:480px;
  }
  .device-visual.devices-separated .device-phone{
    width:142px;
    height:286px;
  }
}

@media (max-width:650px){
  .device-visual.devices-separated{
    height:280px;
    gap:var(--device-gap-mobile,12px);
    padding:18px 0 26px;
  }
  .device-visual.devices-separated::before{
    inset:10% 0 6%;
  }
  .device-visual.devices-separated .device-tv{
    width:calc(100% - 102px);
    max-width:none;
    left:auto;
    top:auto;
  }
  .device-visual.devices-separated .device-phone{
    width:86px;
    height:176px;
    right:auto;
    bottom:auto;
    transform:translate(0,0) scale(1);
  }
}


/* =========================================================
   V26 · Fallback universal: nunca dejar la web atrapada invisible
   ========================================================= */
html.compat-force-visible .reveal,
html.compat-force-visible .bg-section .program-type,
html.compat-force-visible .bg-section .program-fade,
html.compat-force-visible .bg-section .program-pop{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
  clip-path:none !important;
  animation:none !important;
  visibility:visible !important;
}
@media(prefers-reduced-motion:reduce){
  .reveal,.bg-section .program-type,.bg-section .program-fade,.bg-section .program-pop{
    opacity:1 !important;transform:none !important;filter:none !important;clip-path:none !important;animation:none !important
  }
}