:root{color-scheme:dark;--bg:#060c19;--panel:#0d1729;--line:#223047;--text:#f3f6ff;--muted:#a6b4cb;--cyan:#37d7fb;--blue:#2464f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}p{color:var(--muted);margin:0 0 20px}h1,h2,h3{line-height:1.1;margin:0 0 22px;letter-spacing:-.04em}h1{font-size:clamp(46px,5.2vw,76px);font-weight:780}h1 span{color:var(--cyan)}h2{font-size:clamp(32px,3.4vw,48px)}h3{font-size:19px;letter-spacing:-.02em}strong{color:var(--text)}.section{width:min(1200px,calc(100% - 64px));margin:auto;padding:88px 0}.header{position:sticky;top:0;z-index:10;background:#060c19f5;border-bottom:1px solid var(--line)}.nav-wrap{max-width:1420px;margin:auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:15px;line-height:1.25;white-space:nowrap}.brand img{width:48px;height:52px;object-fit:contain}.brand b{display:block}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:5px}nav{display:flex;align-items:center;gap:21px;font-size:12px;font-weight:600}nav a:hover,.text-link{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid transparent;border-radius:6px;background:var(--blue);color:white;padding:14px 22px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#3575ff;transform:translateY(-2px);color:#fff}.button.secondary{background:transparent;border-color:#43506a}.button.secondary:hover{background:#172239}.button.small{font-size:12px;padding:11px 15px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;padding-top:70px;padding-bottom:65px}.eyebrow{color:var(--cyan);font-size:11px;letter-spacing:.17em;font-weight:750;margin-bottom:24px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff3863;margin-right:8px;box-shadow:0 0 12px #ff386366}.lead{font-size:19px;max-width:530px}.muted{font-size:14px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 22px}.hero-note{font-size:13px}.hero-note span{margin:0 12px}.broadcast{border:1px solid #294164;border-radius:12px;background:#080e1b;box-shadow:0 24px 90px #0054e018;overflow:hidden}.screen-top,.screen-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px 18px;font-size:10px;letter-spacing:.08em;border-bottom:1px solid var(--line)}.label{font-size:8px;color:var(--muted)}.logo-stage{padding:14px 50px 0;background:radial-gradient(ellipse at center,#08244b,transparent 75%)}.logo-stage img{display:block;width:100%;height:auto;max-height:370px;object-fit:contain}.screen-bottom{border-bottom:0;font-size:11px;color:var(--muted)}.screen-bottom b{font-size:24px;color:white}.screen-bottom b span{font-size:15px}.signal-flow{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:21px 16px;border-top:1px solid var(--line);background:#0e1729;font-size:10px}.signal-flow small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.signal-flow b{color:var(--cyan)}.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:auto;border-block:1px solid var(--line);padding:27px 0}.spec-strip div{padding:0 32px;border-right:1px solid var(--line)}.spec-strip div:last-child{border:0}.spec-strip strong{display:block;font-size:26px;letter-spacing:-.04em}.spec-strip span{color:var(--muted);font-size:12px}.section-heading{margin-bottom:38px}.section-heading p:last-child{margin-bottom:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{padding:27px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(130deg,#101b2e,#0a1221)}.card:last-child{grid-column:span 3;display:grid;grid-template-columns:60px 220px 1fr;align-items:center;gap:15px}.card:last-child>*{margin:0}.card p{font-size:14px;margin:0}.icon{display:flex;align-items:center;justify-content:center;width:43px;height:38px;font-size:14px;font-weight:700;color:var(--cyan);background:#12304c;border-radius:6px;margin-bottom:24px}.tinted{background:#0a1221;border-block:1px solid #172338}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.steps article>span{display:block;font-size:38px;color:#42668e;margin-bottom:23px;font-weight:650}.steps p{font-size:14px}.pipeline{margin-top:30px;border:1px solid #30415a;padding:23px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-radius:6px;font-size:11px}.pipeline b{color:var(--muted);font-size:10px}.pipeline strong{color:var(--cyan)}.pricing-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.price-note{border-left:2px solid var(--blue);padding-left:22px;margin-top:36px;max-width:380px;font-size:14px}.price-note p:last-child{margin-bottom:0}.price-card{border:1px solid #3666ad;border-top:3px solid var(--cyan);border-radius:10px;background:linear-gradient(145deg,#142540,#0c1425);padding:36px;box-shadow:0 15px 60px #001a4c33}.price-title{display:flex;justify-content:space-between;gap:16px;align-items:center}.price-title h3{font-size:18px;margin:0}.price-title>span{font-size:8px;letter-spacing:.1em;color:var(--cyan)}.price{font-size:86px;letter-spacing:-.06em;line-height:1.2;font-weight:750;margin-top:22px}.price sup{font-size:34px;vertical-align:top;position:relative;top:17px}.price>span{font-size:16px;letter-spacing:0;color:var(--muted);font-weight:400;margin-left:10px}.activation{font-size:14px}.allowance{display:grid;gap:4px;padding:18px 0;border-block:1px solid #30435e}.allowance span{font-size:12px;color:var(--muted)}.check-list{list-style:none;margin:23px 0;padding:0;font-size:14px}.check-list li{padding:5px 0 5px 23px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--cyan)}.wide{width:100%}.consumption{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}.transfer{font-size:13px;color:var(--text)}.transfer span{color:var(--cyan);margin:0 8px}.settings{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.settings p,.settings small{font-size:12px;color:var(--muted)}dl{margin:20px 0}dl div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:10px 0;font-size:13px}dt{color:var(--muted)}dd{margin:0;text-align:right}.compatibility{text-align:center;padding-top:35px}.compatibility>p:last-child{max-width:690px;margin:25px auto 0;font-size:14px}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}.tools span{border:1px solid var(--line);padding:24px 10px;border-radius:6px;font-size:21px;font-weight:650;color:#ced9ef}.player-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.player-demo{border:1px solid #30425e;border-radius:9px;overflow:hidden;background:#060c19}.player-placeholder{min-height:270px;background:radial-gradient(ellipse at center,#123870,#080f1f 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px}.play-symbol{color:var(--cyan);font-size:65px;line-height:1}.player-placeholder small{font-size:11px;color:var(--muted)}.player-status{font-size:11px;margin:0;padding:12px 20px;border-top:1px solid var(--line)}video{width:100%;max-height:360px}.independent{display:grid;grid-template-columns:1fr 1fr;gap:80px}.channel-list{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:12px;list-style:none;padding:0;margin:0}.channel-list li{border:1px solid var(--line);border-radius:6px;padding:18px;font-size:13px;background:var(--panel)}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;border-top:1px solid var(--line)}.text-link{font-size:14px}.faq-items details{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:20px 25px 20px 0;font-size:15px;font-weight:600}details[open] summary{color:var(--cyan)}details p{font-size:14px;padding-right:20px}.contact-box{padding:60px 30px;text-align:center;border:1px solid #2a4673;border-radius:12px;background:radial-gradient(ellipse at top,#153865,#0c1525 75%)}.contact-box>p{max-width:650px;margin-left:auto;margin-right:auto}.contact-box .actions{justify-content:center}.contact-box>a{font-size:13px;color:var(--muted)}.contact-status:empty{display:none}.contact-status{font-size:14px;color:var(--cyan)}.footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;padding-top:38px;padding-bottom:28px;font-size:12px}.footer strong{font-size:16px}.footer p{margin:4px 0}.footer nav{flex-wrap:wrap}.copyright{width:100%;border-top:1px solid var(--line);padding-top:22px;color:#8798b2}.skip{position:fixed;top:-100px;left:15px;z-index:20;padding:12px;background:var(--blue)}.skip:focus{top:12px}[hidden]{display:none!important}@media(min-width:1600px){.hero{padding-top:90px;padding-bottom:90px}}@media(max-width:1150px){.nav-wrap{padding-inline:20px}nav{gap:12px;font-size:11px}.brand{font-size:12px}.hero{gap:30px}.pricing-layout{gap:50px}}@media(max-width:980px){.menu-toggle{display:block;background:transparent;color:white;border:1px solid var(--line);border-radius:5px;width:44px;height:44px;font-size:23px}.header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:22px;background:#0d1729;border-bottom:1px solid var(--line);align-items:stretch;font-size:14px;gap:4px}.header nav.open{display:flex;flex-direction:column}.header nav a{padding:10px}.hero{gap:25px}.logo-stage{padding-inline:20px}.features{grid-template-columns:repeat(2,1fr)}.card:last-child{grid-column:auto;display:block}.card:last-child .icon{margin-bottom:24px}.card:last-child h3{margin-bottom:22px}.steps{grid-template-columns:repeat(2,1fr)}.player-layout,.independent,.faq-layout{gap:35px}.tools span{font-size:17px}.consumption{gap:35px}}@media(max-width:700px){.section{width:calc(100% - 36px);padding:58px 0}.hero{grid-template-columns:1fr;padding-top:40px;gap:28px}.hero .eyebrow{font-size:10px;margin-bottom:18px}h1{font-size:clamp(42px,10vw,65px)}h2{font-size:34px}.lead{font-size:17px}.hero-note{margin-bottom:0}.broadcast{max-width:460px;width:100%;margin:auto}.logo-stage img{max-height:255px}.logo-stage{padding-top:5px}.spec-strip{margin:0 18px;grid-template-columns:repeat(2,1fr);gap:24px;padding:24px 0}.spec-strip div{padding:0 16px}.spec-strip div:nth-child(2){border:0}.spec-strip strong{font-size:23px}.features{gap:12px}.card{padding:20px}.card h3{font-size:17px}.card p{font-size:13px}.pricing-layout,.consumption,.player-layout,.independent,.faq-layout{grid-template-columns:1fr;gap:30px}.price-card{padding:26px}.price-note{max-width:none}.steps{gap:20px}.steps h3{font-size:17px}.pipeline{justify-content:center;text-align:center}.tools{grid-template-columns:repeat(2,1fr);gap:10px}.compatibility{padding-top:15px}.channel-list{gap:10px}.contact-box{padding:38px 20px}.contact-box h2{font-size:32px}.contact-box .button{width:100%}.footer nav{gap:17px}.actions .button{padding:13px 17px;font-size:13px}.eyebrow{font-size:10px}.settings{padding:22px}}@media(max-width:380px){.features{grid-template-columns:1fr}.signal-flow{font-size:9px;padding-inline:10px}.signal-flow small{font-size:8px}.channel-list{grid-template-columns:1fr}.hero .actions{flex-direction:column}.price-title{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* ==========================================================================
   BACK TO TOP BUTTON (LANDING PAGE ONLY)
   ========================================================================== */
.back-to-top {
  position: fixed;
  bottom: clamp(24px, 5vh, 32px);
  left: clamp(24px, 5vw, 32px);
  z-index: 50;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(10, 18, 33, 0.85);
  border: none;
  color: var(--cyan);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s, background 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 15px rgba(23, 186, 217, 0.15);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
@media (min-width: 1024px) {
  .back-to-top {
    width: 56px;
    height: 56px;
  }
}
@media (max-width: 700px) {
  .back-to-top {
    width: 48px;
    height: 48px;
    bottom: max(20px, env(safe-area-inset-bottom, 20px));
    left: max(20px, env(safe-area-inset-left, 20px));
  }
}
.back-to-top .back-to-top-icon {
  width: 24px;
  height: 24px;
  transition: transform 0.2s ease;
}
.back-to-top:hover, .back-to-top:focus-visible {
  background: rgba(23, 186, 217, 0.15);
  box-shadow: 0 6px 20px rgba(23, 186, 217, 0.3);
  outline: none;
}
.back-to-top:hover svg.back-to-top-icon {
  transform: translateY(-3px);
}
.back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .back-to-top {
    transition: visibility 0s, opacity 0s;
  }
  .back-to-top .back-to-top-icon {
    transition: none;
  }
}

/* SVG PROGRESS STYLES */
.back-to-top-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  transform: rotate(-90deg);
  pointer-events: none;
}
.back-to-top-progress circle {
  fill: none;
  stroke-width: 4;
}
.progress-bg {
  stroke: rgba(255, 255, 255, 0.1);
}
.progress-value {
  stroke: var(--cyan);
  stroke-linecap: round;
  /* El transition suaviza los micro-saltos de scroll pero debe ser rápido */
  transition: stroke-dashoffset 0.1s ease-out;
}
.back-to-top-icon {
  width: 24px;
  height: 24px;
  z-index: 2;
  transition: transform 0.2s ease;
}
.back-to-top:hover .back-to-top-icon {
  transform: translateY(-3px);
}
/* Cancel the old hover rule for all SVGs since we now target .back-to-top-icon */