/* TV PLAY — V1.9 | Refuerzo visual y experiencia comercial
   Todos los recursos de pantalla son ilustraciones CSS originales.
   No contienen imágenes ni material audiovisual de terceros. */

.nav{gap:21px}
.header-actions .desktop-contact{white-space:nowrap;cursor:pointer}
.tv-frame-v19{border-color:#243857;background:#051026;box-shadow:0 0 0 1px #35537d,0 36px 80px rgba(0,0,0,.58),0 0 70px rgba(45,124,237,.14)}
.tv-screen-v19{position:relative;display:flex;flex-direction:column;gap:11px;padding:18px 20px 16px;aspect-ratio:1.53 / 1}
.tv-screen-v19>*{position:relative;z-index:1}
.tv-screen-v19:before{z-index:0;opacity:.65}
.tv-v19-banner{background:radial-gradient(ellipse at 83% 62%,rgba(73,173,254,.45),transparent 46%),linear-gradient(117deg,#132440 4%,#15376a 58%,#105784 100%);border:1px solid rgba(80,170,240,.22);border-radius:11px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:15px 23px;flex:1;min-height:0;overflow:hidden}
.tv-v19-banner:after{content:"";position:absolute;right:-10px;top:-43px;width:200px;height:200px;border:1px solid rgba(135,229,255,.22);border-radius:50%;box-shadow:0 0 0 30px rgba(98,170,255,.05),0 0 0 62px rgba(98,170,255,.04);pointer-events:none}
.tv-v19-eyebrow{font-size:8px;font-weight:850;letter-spacing:1.6px;color:#92eaf4}
.tv-v19-banner strong{font-size:clamp(18px,2.55vw,30px);line-height:1.1;letter-spacing:-.05em;color:#fff;margin-top:10px;max-width:80%}
.tv-v19-banner em{color:#64e7f3;font-style:normal}
.tv-v19-banner small{color:#b5cfea;font-size:9px;margin-top:10px}
.tv-v19-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;height:96px;flex-shrink:0}
.tv-v19-tile{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(126,185,245,.2);border-radius:8px;padding:9px 10px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;isolation:isolate;background:#18365d}
.tv-v19-tile:before{content:"";position:absolute;z-index:-1;width:150%;height:130%;right:-38%;top:-27%;border-radius:50%;background:radial-gradient(circle,rgba(161,232,255,.26),transparent 60%)}
.tv-v19-live{background:linear-gradient(135deg,#0d435e,#122856)}
.tv-v19-film{background:linear-gradient(135deg,#25406e,#28317a)}
.tv-v19-series{background:linear-gradient(135deg,#234f79,#132951)}
.tv-v19-sport{background:linear-gradient(135deg,#124d65,#1d315e)}
.tv-v19-tile span{font-size:21px;font-weight:750;color:#8ce3f5}
.tv-v19-tile strong{font-size:8px;letter-spacing:.8px;color:#eaf8ff}
.tv-v19-disclaimer{text-align:center;font-size:8px;color:#809bbb;margin-top:0}
.hero .hero-facts{margin-top:27px}
.hero .hero-lede{margin-bottom:26px}

/* Interactive illustrated product experience */
.section-experience{padding-top:89px;padding-bottom:86px;background:radial-gradient(ellipse 55% 32% at 14% 10%,rgba(16,85,166,.15),transparent 75%),#080f20;border-bottom:1px solid #192b47}
.section-experience .section-top{max-width:760px}
.experience-layout{display:grid;grid-template-columns:1.08fr .92fr;min-height:435px;background:#0d192e;border:1px solid #293f63;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.2)}
.experience-visual{--mode-accent:#50b6f1;display:flex;flex-direction:column;min-width:0;padding:22px;gap:14px;background:radial-gradient(ellipse 65% 58% at 70% 35%,rgba(45,133,239,.12),transparent 82%),linear-gradient(142deg,#101f37,#080f20);transition:background .25s}
.experience-visual[data-mode="movies"]{--mode-accent:#a9a2ff;background:radial-gradient(ellipse 65% 58% at 70% 35%,rgba(110,88,238,.17),transparent 82%),linear-gradient(142deg,#161c3b,#090f21)}
.experience-visual[data-mode="series"]{--mode-accent:#67d9b6;background:radial-gradient(ellipse 65% 58% at 70% 35%,rgba(36,167,137,.14),transparent 82%),linear-gradient(142deg,#101e34,#090f20)}
.experience-visual[data-mode="sports"]{--mode-accent:#64d2f4;background:radial-gradient(ellipse 65% 58% at 70% 35%,rgba(52,179,226,.18),transparent 82%),linear-gradient(142deg,#12243b,#0a1124)}
.experience-window-head{display:flex;justify-content:space-between;align-items:center;gap:14px;color:#a4bbd6;font-size:11px}
.experience-mini-brand{display:flex;align-items:center;gap:7px;color:#f7fbff;font-weight:800;font-size:13px}
.experience-mini-brand img{border-radius:7px;object-fit:cover}
.experience-mini-brand b{color:#65e5f4}
.experience-view-label{font-size:10px;letter-spacing:.5px;padding:7px 10px;border:1px solid #2b3e59;border-radius:20px;color:#9cbad4}
.experience-window-main{flex:1;min-height:208px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:31px;border-radius:16px;overflow:hidden;position:relative;background:linear-gradient(110deg,rgba(20,60,112,.96),rgba(32,83,164,.82)),radial-gradient(circle,rgba(149,231,255,.3),transparent)}
.experience-window-main:after{content:"";position:absolute;right:-85px;top:-112px;width:300px;height:300px;border:1px solid rgba(146,223,245,.23);border-radius:50%;box-shadow:0 0 0 35px rgba(119,214,246,.06),0 0 0 75px rgba(119,214,246,.03)}
.experience-visual[data-mode="movies"] .experience-window-main{background:linear-gradient(110deg,#283362,#52419c)}
.experience-visual[data-mode="series"] .experience-window-main{background:linear-gradient(110deg,#11446b,#11645f)}
.experience-visual[data-mode="sports"] .experience-window-main{background:linear-gradient(110deg,#194875,#08738b)}
.experience-eyebrow{font-size:10px;color:#b4f1ff;letter-spacing:1.8px;font-weight:800;z-index:1}
.experience-window-main h3{font-size:clamp(23px,3.25vw,37px);line-height:1.07;color:#fff;max-width:72%;letter-spacing:-.055em;margin-top:15px;z-index:1}
.experience-window-main p{font-size:12px;color:#d6eafa;max-width:70%;z-index:1}
.experience-orb{position:absolute;right:9%;top:25%;width:100px;height:100px;border-radius:50%;border:1px solid rgba(172,245,255,.55);display:grid;place-items:center;color:#e7fbff;font-size:33px;box-shadow:0 0 0 18px rgba(143,233,249,.08),0 0 0 41px rgba(143,233,249,.05);opacity:.88}
.experience-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;height:78px}
.experience-tile{display:flex;justify-content:space-between;flex-direction:column;min-width:0;padding:9px 11px;border-radius:10px;border:1px solid rgba(133,198,253,.19);background:linear-gradient(136deg,#14426e,#101d40);color:#cbe0f4;font-size:10px}
.experience-tile span{color:#9ed8eb;font-weight:750}
.experience-tile b{font-size:9px;letter-spacing:.5px;color:#f2faff}
.experience-tile-two{background:linear-gradient(136deg,#24387f,#24214c)}
.experience-tile-three{background:linear-gradient(136deg,#1b5a69,#122b4b)}
.experience-tile-four{background:linear-gradient(136deg,#0b476e,#172b57)}
.experience-explainer{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:39px 41px 39px 35px;border-left:1px solid #293c5c}
.experience-explainer h3{font-size:clamp(26px,2.6vw,34px);line-height:1.1;margin-top:15px}
.experience-explainer>p{font-size:13px;color:#aebed5;line-height:1.8;max-width:450px;margin:14px 0 18px}
.experience-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%}
.experience-tab{border:1px solid #344866;background:#101f35;color:#c4d3e6;border-radius:9px;min-height:43px;font-size:12px;font-weight:720;cursor:pointer;transition:background .17s,border-color .17s}
.experience-tab:hover{background:#183559;border-color:#4773ab}
.experience-tab.active,.experience-tab[aria-selected="true"]{background:#17447c;border-color:#59b9e6;color:#fff;box-shadow:inset 0 0 0 1px rgba(120,214,242,.21)}
.experience-explainer .experience-detail{font-size:12px;color:#b3e9f5;min-height:48px;margin:16px 0 10px}
.experience-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.experience-actions .button{padding:13px 17px;min-height:47px;gap:15px;font-size:12px}
.experience-info-link{font-size:12px;font-weight:700;color:#81dceb;text-decoration:underline;text-underline-offset:4px}
.experience-info-link:hover{color:#c9f6ff}
.experience-honesty{font-size:11px;color:#7890ae;margin:16px 0 22px;line-height:1.65}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.category-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:26px 23px 24px;min-height:219px;background:linear-gradient(150deg,#11345b,#111f39 78%);border:1px solid #274366;border-radius:17px;isolation:isolate}
.category-card:before{content:"";position:absolute;z-index:-1;top:-48px;right:-53px;width:175px;height:175px;border-radius:50%;border:29px solid rgba(100,207,241,.075)}
.category-live{background:linear-gradient(135deg,#10374d,#102d5e)}
.category-films{background:linear-gradient(135deg,#23325a,#272047)}
.category-series{background:linear-gradient(135deg,#124c57,#142a4b)}
.category-sports{background:linear-gradient(135deg,#123c70,#10263e)}
.category-icon{font-size:32px;color:#77e4f6;margin-bottom:auto}
.category-overline{font-size:9px;letter-spacing:1.5px;font-weight:790;color:#93cbdc;margin-top:18px}
.category-card h3{font-size:22px;margin-top:6px}
.category-card p{font-size:12px;color:#b8d0e4;margin:7px 0 0;line-height:1.65}

/* Pricing comparison - reference values only */
.plan-comparison{border-top:1px solid #304761;border-bottom:1px solid #304761;padding:14px 0 13px;margin:21px 0 17px}
.comparison-row{display:flex;justify-content:space-between;gap:11px;align-items:start;color:#b1c5dd;font-size:12px;margin:5px 0}
.comparison-row strong{color:#f3f9ff;font-size:15px;text-align:right;font-variant-numeric:tabular-nums}
.comparison-savings{margin-top:9px}
.comparison-savings strong{color:#83edd1}
.plan-comparison small{font-size:10px!important;line-height:1.55!important;color:#88a2bc!important;text-align:left!important;margin:12px 0 0!important}
#planComparison[hidden],#savingsRow[hidden]{display:none!important}

/* Returning customers */
.section-customers{border-top:1px solid #1b3151;background:radial-gradient(ellipse 52% 76% at 80% 65%,rgba(26,75,142,.16),transparent),#091224;padding-top:76px;padding-bottom:86px}
.customer-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:35px;padding:45px 48px;background:linear-gradient(135deg,rgba(16,37,69,.92),rgba(11,23,41,.96));border:1px solid #2d4a71;border-radius:21px}
.customer-intro h2{font-size:clamp(29px,3vw,42px);line-height:1.13;margin:13px 0 14px}
.customer-intro p{color:#b3c5dc;font-size:14px;max-width:435px;line-height:1.76}
.customer-all-link{display:inline-block;color:#7ee6f3;text-decoration:underline;text-underline-offset:5px;font-weight:750;font-size:13px;margin-top:15px}
.customer-all-link span{margin-left:7px}
.customer-action-list{display:flex;flex-direction:column;gap:11px}
.customer-action{background:rgba(9,23,42,.85);border:1px solid #29476a;border-radius:13px;padding:17px 18px;display:flex;align-items:center;gap:16px;min-height:83px;transition:border-color .16s,background .16s}
.customer-action:hover{background:#142f52;border-color:#4b91c9}
.customer-action-icon{border-radius:11px;display:grid;place-items:center;flex-shrink:0;width:41px;height:41px;background:#123558;color:#7bddeb;font-size:25px}
.customer-action span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}
.customer-action strong{font-size:14px;color:#f5fbff}
.customer-action small{font-size:11px;color:#9eb5d2}
.customer-action>span:last-child{font-size:19px;color:#69d5ed}

/* Navigation and responsive balance */
@media(max-width:1060px){.desktop-nav,.desktop-contact{display:none!important}.menu-toggle{display:block!important}}
@media(max-width:1000px){
  .experience-layout{grid-template-columns:1fr}
  .experience-visual{min-height:368px}
  .experience-explainer{border-left:0;border-top:1px solid #2a4162;padding:32px 34px}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .customer-layout{gap:25px;padding:34px}
}
@media(max-width:600px){
  .hero .hero-buttons{flex-direction:column;align-items:stretch}
  .hero .hero-buttons .button{width:100%;min-width:0}
  .hero .hero-facts{margin-top:20px}
  .tv-screen-v19{padding:9px 10px 8px;gap:6px}
  .tv-v19-banner{padding:9px 13px;min-height:0}
  .tv-v19-eyebrow{font-size:5px;letter-spacing:.7px}
  .tv-v19-banner strong{font-size:16px;max-width:81%;margin-top:5px}
  .tv-v19-banner small{font-size:6px;margin-top:4px}
  .tv-v19-tiles{height:42px;gap:4px}
  .tv-v19-tile{padding:5px;border-radius:5px}
  .tv-v19-tile span{font-size:12px}
  .tv-v19-tile strong{font-size:5px;letter-spacing:0}
  .tv-v19-disclaimer{font-size:6px}
  .section-experience{padding-top:63px;padding-bottom:63px}
  .experience-layout{border-radius:16px}
  .experience-visual{min-height:0;padding:13px;gap:9px}
  .experience-window-head{font-size:10px}
  .experience-view-label{font-size:8px}
  .experience-window-main{min-height:165px;padding:22px}
  .experience-window-main h3{font-size:24px}
  .experience-window-main p{font-size:10px}
  .experience-eyebrow{font-size:8px}
  .experience-orb{width:60px;height:60px;font-size:21px;right:8%;top:30%;box-shadow:0 0 0 11px rgba(143,233,249,.08),0 0 0 24px rgba(143,233,249,.04)}
  .experience-thumbnails{height:61px;gap:5px}
  .experience-tile{padding:7px;border-radius:7px}
  .experience-tile b{font-size:7px;letter-spacing:0}
  .experience-explainer{padding:25px 20px}
  .experience-explainer h3{font-size:27px}
  .experience-actions{flex-direction:column;align-items:stretch;gap:16px;width:100%}
  .experience-actions .button{width:100%}
  .experience-info-link{text-align:center}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .category-card{min-height:185px;padding:20px 15px}
  .category-card h3{font-size:19px}
  .category-card p{font-size:11px}
  .category-icon{font-size:28px}
  .section-customers{padding-top:65px;padding-bottom:65px}
  .customer-layout{grid-template-columns:1fr;gap:24px;padding:23px 20px;border-radius:16px}
  .customer-intro h2{font-size:31px}
  .customer-action{padding:14px;gap:12px}
  .customer-action strong{font-size:13px}
  .customer-action small{font-size:10px}
  .plan-comparison{margin:18px 0 15px}
}
@media(max-width:360px){
  .experience-orb{right:2%;opacity:.5}
  .category-grid{grid-template-columns:1fr 1fr}
  .customer-action-icon{width:36px;height:36px}
}