/* StellaTV: estilos compartidos por todas las páginas públicas.
   Diseño 2026-10 (vista privada de GPT): styles.css + pages.css del
   prototipo, sin lo que era solo del prototipo. Al final, lo propio del
   sitio real que el prototipo no tenía: la burbuja de Mi STELLA, "Volver al
   chat" y los ajustes de la barra y el pie con sus links reales.
   Ver .claude/DESIGN.md. */
:root{color-scheme:dark;--bg:#0a0f1a;--surface:#121a29;--raised:#192235;--border:#2b3750;--control:#6f7d98;--text:#f3f6fb;--muted:#b4bfd2;--accent:#ff8f7e;--pink:#d6304a;--green:#90e0bd;--yellow:#f1d69a;--radius:14px;font-family:'Onest',Arial,Helvetica,sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:104px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{cursor:wait;opacity:.6}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button,a,summary{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12}h2{font-size:clamp(30px,3.3vw,43px);letter-spacing:-1.5px;font-weight:600}h3{font-size:21px;letter-spacing:-.5px}p{color:var(--muted)}[hidden]{display:none!important}.container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-100px;z-index:1000;background:var(--pink);padding:12px}.skip:focus{top:0}.header{position:sticky;top:0;background:#050b15f5;backdrop-filter:blur(16px);z-index:20;border-bottom:1px solid #ffffff0b}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:24px;letter-spacing:-.8px;font-weight:700}.brand b{color:var(--accent);font-weight:500}.brand img{object-fit:contain}nav{display:flex;align-items:center;gap:29px}nav>a{font-size:15px;color:#c1cfe4;min-height:44px;display:flex;align-items:center}nav>a:hover,.text-link:hover{color:white}.client-link{border-left:1px solid var(--border);padding:0 0 0 27px;line-height:1.3;text-align:left;font-size:15px;min-height:44px}.client-link span{color:var(--accent);padding-left:12px}.client-link small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:55px;padding-top:78px;padding-bottom:72px;align-items:center;position:relative}.eyebrow{color:var(--accent);letter-spacing:2px;font-size:11px;font-weight:600;margin-bottom:22px;line-height:1.6}.hero .eyebrow{display:flex;align-items:center;gap:10px}.little-line{height:1px;width:24px;background:var(--accent)}h1{font-size:clamp(40px,4.2vw,57px);letter-spacing:-2.4px;font-weight:600;line-height:1.09}h1>span{color:var(--accent)}.hero-description{font-size:18px;line-height:1.65;margin-top:24px;max-width:475px}.hero-price{margin-top:27px;font-size:16px;color:var(--muted)}.hero-price strong{color:var(--text);font-size:23px;letter-spacing:-.6px;margin-left:4px}.hero-price>span{margin-left:4px}.hero-actions{display:flex;gap:12px;margin-top:24px}.btn{min-height:54px;border-radius:9px;padding:14px 20px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:16px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s}.primary{background:var(--pink);color:white;border:1px solid transparent}.primary:hover{background:#b5132b}.secondary{border:1px solid #4b5e7b;background:transparent;color:var(--text)}.secondary:hover{background:#ffffff08;border-color:#8099bd}.reassurance{display:flex;align-items:center;gap:9px;margin-top:16px;font-size:14px;line-height:1.5}.reassurance>span:first-child{color:var(--green)}.dot{color:#536785}.hero-visual{position:relative;padding-top:30px;isolation:isolate}.hero-visual:before{content:'';position:absolute;inset:-110px -35px -60px -70px;background:radial-gradient(ellipse,#5c0c1465,transparent 66%);z-index:-1;pointer-events:none}.visual-caption{font-size:10px;letter-spacing:1.9px;color:#afc8ed;display:flex;gap:9px;align-items:center;margin-bottom:18px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:100%;flex-shrink:0}.tv-set{border:6px solid #1c2634;background:#0a090c;border-radius:15px;box-shadow:0 20px 60px #0006;overflow:hidden;transform:perspective(1300px) rotateY(-5deg)}.tv-top{padding:14px 13px;display:flex;gap:18px;align-items:center;background:#0d1118;font-size:10px}.mini-brand{display:flex;align-items:center;gap:7px;color:white;font-size:12px;font-weight:700;letter-spacing:.8px}.tv-top>.mini-brand{margin-right:auto;font-size:11px;letter-spacing:.3px}.hd-label{border:1px solid #5d708c;padding:0 4px;color:#c8d5e8;line-height:1.6;font-size:9px}.tv-picture{aspect-ratio:1.9;overflow:hidden;position:relative}.tv-picture>img{height:100%;width:100%;object-fit:cover;transform:scale(1.17)}.tv-picture:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#000b)}.tv-categories{display:flex;justify-content:space-around;gap:4px;padding:10px 8px;background:#0d131d;color:#8c9fba;font-size:11px}.tv-categories>span{padding:5px 7px}.tv-categories>.active{background:#152845;border-radius:5px;color:var(--accent)}.tv-foot{height:22px;background:linear-gradient(90deg,transparent 25%,#1e2b3f 40%,#18263a 60%,transparent 75%);width:70%;margin:auto;clip-path:polygon(40% 0,60% 0,65% 65%,90% 90%,90% 100%,10% 100%,10% 90%,35% 65%)}.image-note{font-size:10px;margin:13px 0 0;text-align:right;color:#8ca3c3}.section{padding-top:91px;padding-bottom:91px;scroll-margin-top:0}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:38px}.section-head .eyebrow{margin-bottom:14px}.section-head>p,.section-head>div>p:not(.eyebrow){font-size:16px;line-height:1.75}.compat-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:36px}.device-list{display:grid;gap:9px}.device-option{display:flex;align-items:center;gap:17px;text-align:left;padding:18px 20px;border:1px solid var(--border);border-radius:10px;background:#071120;width:100%}.device-option.selected{border-color:#d86d6c;background:#0d1c32}.device-icon{color:#96aed3;display:flex;align-items:center;flex-shrink:0}.device-icon svg{width:25px;height:25px}.device-option.selected .device-icon{color:var(--accent)}.device-option strong{display:block;font-size:16px;font-weight:500}.device-option small{display:block;font-size:13px;color:var(--muted);margin-top:3px}.device-arrow{margin-left:auto;color:#87a0c4}.device-option.selected .device-arrow{color:var(--accent)}.compat-result{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:30px 32px;display:flex;flex-direction:column;align-items:start}.compat-result h3{font-size:25px;margin-bottom:14px}.compat-result>p{font-size:16px}.compat-checks{list-style:none;padding:0;margin:4px 0 20px;width:100%}.compat-checks li{padding:13px 0;border-bottom:1px solid var(--border);display:flex;gap:11px;align-items:start;font-size:16px;line-height:1.5}.compat-checks li:last-child{border:0}.compat-checks li>span:first-child{color:var(--green);font-size:16px}.compat-checks strong{font-weight:500;color:var(--text)}.compat-checks small{display:block;color:var(--muted);font-size:14px;margin-top:3px}.compat-checks .conditional>span:first-child{color:var(--yellow)}.compat-result .btn{margin-top:auto;width:auto}.text-link{padding:10px 0;color:var(--accent);min-height:44px;text-align:left;display:inline-flex;gap:18px;align-items:center;font-size:15px;line-height:1.5}.text-link>span{margin-left:auto}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.steps li{border-top:1px solid #304565;padding-top:24px}.steps h3{margin:18px 0 12px;font-size:20px}.steps p{font-size:16px;line-height:1.65;max-width:310px}.currency-switch{display:flex;border:1px solid #3e5373;border-radius:8px;padding:4px;margin-top:20px;width:max-content;background:#0a1320}.currency-switch button{padding:9px 17px;min-height:44px;border-radius:5px;font-size:14px;color:var(--muted)}.currency-switch button[aria-pressed=true]{color:var(--text);background:#182b49;box-shadow:inset 0 0 0 1px #864a49}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan-card{border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;background:var(--surface);padding:23px 22px 21px;position:relative}.plan-card.featured{border-color:#ca5758;background:linear-gradient(180deg,#0b1c35,#091424)}.plan-label{font-size:10px;letter-spacing:1.3px;color:#a1b9dc;min-height:26px;display:flex;gap:6px;align-items:start}.featured .plan-label{color:var(--accent)}.plan-card h3{font-size:26px;font-weight:500}.price{font-size:29px;letter-spacing:-1px;font-weight:600;margin-top:20px;white-space:nowrap;line-height:1.3;font-variant-numeric:tabular-nums}.price>span{font-size:12px;font-weight:400;letter-spacing:0;margin-right:5px;color:var(--muted)}.one-payment{font-size:13px;margin-top:4px;color:var(--muted)}.plan-includes{list-style:none;padding:18px 0;margin:18px 0 0;border-top:1px solid var(--border);display:grid;gap:11px;font-size:15px}.plan-includes li{display:flex;gap:8px;align-items:start}.plan-includes li:before{content:'✓';color:#768db1;font-size:13px}.plan-includes strong{font-weight:500}.equivalent{font-size:13px;min-height:49px;margin-top:12px;padding-bottom:16px;line-height:1.55}.plan-card .btn{width:100%;margin-top:auto;min-height:48px;font-size:14px;padding-inline:8px;gap:10px}.plans-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:17px;font-size:14px}.plans-foot p{font-size:14px}.compare-wrap{margin-top:20px;border:1px solid var(--border);border-radius:10px;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th,td{padding:16px;border-bottom:1px solid var(--border)}th{font-weight:500;color:#acc2e2;background:#0e1c2f}td small{display:block;color:var(--muted);margin-top:3px}caption{text-align:left;padding:16px;font-size:16px}tbody tr:last-child td{border:0}select{padding:14px 38px 14px 15px;width:100%;min-height:52px;border:1px solid var(--control);border-radius:8px;color:var(--text);background:#0c1c34;font-size:16px}.faq-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq-layout>div>p:not(.eyebrow){margin:22px 0 10px;line-height:1.75}.faq-list{border-top:1px solid #364b6b}.faq-list details{border-bottom:1px solid var(--border)}summary{list-style:none;cursor:pointer;padding:21px 28px 21px 0;font-size:16px;position:relative;min-height:64px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;color:var(--accent);font-size:22px;top:15px}details[open]>summary:after{content:'−'}.faq-list details>p{padding:0 25px 24px 0;line-height:1.8;font-size:16px}.faq-list a{text-decoration:underline;color:var(--accent);text-underline-offset:3px}.final-section{border:1px solid #2c4160;background:radial-gradient(ellipse at 75% 80%,#52161966,transparent 70%),#081527;border-radius:16px;padding:46px 49px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:80px}.final-section h2{font-size:44px;line-height:1.12}.final-section h2>span{color:var(--accent)}.final-section .eyebrow{margin-bottom:17px}.final-section p:not(.eyebrow):not(.reassurance){margin-top:20px;font-size:16px}.final-section .reassurance{font-size:13px;justify-content:center}.footer{padding-bottom:25px}.footer-bottom{display:flex;gap:20px;justify-content:space-between;margin-top:24px;font-size:11px;color:#859bbb}.footer-bottom>div{display:flex;gap:20px}.footer-bottom button{padding:0;font-size:11px;text-decoration:underline;min-height:24px}form{margin-top:23px}.error{color:#ff9e9a;font-size:14px;display:block;margin-top:6px}.full{width:100%}.message{max-width:94%;background:#102139;border:1px solid #2a3e5c;border-radius:10px 10px 10px 2px;padding:14px 16px;font-size:15px;line-height:1.7}.message small{display:block;font-size:11px;color:var(--accent);margin-bottom:5px}.message p{color:var(--text)}.message.user{align-self:end;background:#1c304e;border-color:#7d4341;border-radius:10px 10px 2px 10px}.message.user p{white-space:pre-wrap;overflow-wrap:anywhere}.header button.client-link:focus-visible{outline-offset:5px}.faq-list summary:hover{color:var(--accent)}
@media(min-width:1600px){.hero{padding-top:95px;padding-bottom:90px}.hero h1{font-size:60px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}nav{gap:20px}.hero{gap:26px;padding-block:60px}h1{font-size:45px}.hero-actions{gap:9px}.hero-actions .btn{padding-inline:15px;font-size:15px}.plans-grid{grid-template-columns:repeat(2,1fr);gap:20px}.price{font-size:32px}.plan-card{padding:24px}.plan-label{min-height:30px}.plan-includes{grid-template-columns:1fr 1fr}.equivalent{min-height:auto}.section{padding-block:70px}.faq-layout{gap:45px}.final-section{padding:40px}}
@media(max-width:800px){.nav-wrap{min-height:70px}.brand{font-size:23px}.brand img{width:35px;height:34px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;border:1px solid var(--border);border-radius:8px}.menu-toggle span{display:block;width:19px;height:1px;background:white;margin:auto 0;margin-left:6px}.menu-toggle span:first-child{margin-bottom:0}.menu-toggle span:last-child{margin-top:0}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#081425;border-bottom:1px solid #884e4d;padding:12px 24px 20px;align-items:stretch;gap:0;box-shadow:0 20px 30px #0006}nav.open{display:flex;flex-direction:column}nav>a{padding:12px 0;font-size:16px;border-bottom:1px solid var(--border)}.client-link{border-left:0;padding:16px 0 0}.client-link small{display:inline;margin-left:12px}.hero{grid-template-columns:1fr;gap:24px;padding-top:49px;padding-bottom:40px}.hero-copy{max-width:640px}.hero h1{font-size:51px}.hero h1 br:first-child{display:none}.hero-description{max-width:550px;font-size:18px}.hero-visual{padding-top:22px;max-width:530px;width:100%;margin-inline:auto}.hero-visual:before{inset:-30px 0}.visual-caption{justify-content:center}.tv-set{transform:none}.image-note{text-align:center;margin-top:11px}.section-head{align-items:start;flex-direction:column;gap:20px}.section-head p br{display:none}.compat-layout{gap:22px;grid-template-columns:1fr 1.15fr}.compat-result{padding:24px}.compat-result h3{font-size:23px}.device-option{padding:16px 13px;gap:12px}.device-option small{font-size:12px}.device-option strong{font-size:14px}.device-arrow{display:none}.steps{gap:24px}.steps h3{font-size:18px}.steps p{font-size:15px}.plan-includes{grid-template-columns:1fr}.plans-head{flex-direction:row;align-items:end}.plans-head h2{font-size:31px}.plans-head>div:last-child{max-width:280px;font-size:14px}.plans-head>div>p:not(.eyebrow){font-size:14px}.faq-layout{grid-template-columns:1fr;gap:32px}.faq-layout>div>p:not(.eyebrow) br{display:none}.faq-layout>div>.text-link{margin-top:0}.final-section h2{font-size:35px}.final-section{padding:30px;gap:24px;align-items:start}.final-section .eyebrow{font-size:10px}.final-section .btn{font-size:14px;padding-inline:14px;gap:10px;white-space:nowrap}.final-section>div:last-child{align-self:center}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:last-child{margin-right:120px}}
@media(max-width:600px){:root{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.header .container{width:calc(100% - 32px)}.nav-wrap{min-height:65px}nav{top:65px}.brand{font-size:21px;gap:8px}.brand img{width:32px;height:31px}.hero{padding-top:36px;padding-bottom:31px;gap:17px}.hero .eyebrow{font-size:9px;letter-spacing:1.55px;margin-bottom:19px}.hero h1{font-size:39px;line-height:1.12;letter-spacing:-1.6px}.hero h1 br:first-child{display:block}.hero-description{font-size:16px;line-height:1.7;margin-top:20px}.hero-price{margin-top:19px;font-size:14px;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.hero-price strong{font-size:22px;margin-left:0}.hero-price>span{margin-left:0}.hero-actions{margin-top:20px;display:grid;grid-template-columns:1fr auto;gap:9px}.hero-actions .btn{min-height:53px;padding-inline:14px;font-size:14px;gap:13px}.reassurance{font-size:12px;gap:7px;margin-top:13px;flex-wrap:wrap}.hero-visual{padding-top:10px}.visual-caption{font-size:8px;letter-spacing:1.4px;margin-bottom:11px}.tv-set{border-width:4px;border-radius:12px}.tv-top{padding:11px 9px;gap:12px}.tv-picture{aspect-ratio:1.85}.tv-top>.mini-brand{font-size:9px}.tv-top>.mini-brand img{width:17px;height:17px}.tv-top>span{font-size:9px}.tv-categories{font-size:9px;padding:5px}.tv-categories>span{padding:5px}.tv-foot{height:15px}.image-note{font-size:9px;margin-top:10px}.section{padding-block:52px}.eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:15px}h2{font-size:31px;letter-spacing:-1.1px}.section-head{gap:17px;margin-bottom:27px}.section-head>p,.section-head>div>p:not(.eyebrow){font-size:16px;line-height:1.7}.compat-layout{grid-template-columns:1fr;gap:20px}.device-list{grid-template-columns:1fr 1fr;gap:9px}.device-option{padding:15px 13px;gap:12px;align-items:start;flex-direction:column;min-height:130px}.device-option strong{font-size:14px;line-height:1.4}.device-option small{font-size:11px;line-height:1.5;margin-top:4px}.device-icon svg{width:23px;height:23px}.compat-result{padding:24px}.compat-result h3{font-size:23px}.compat-checks li{font-size:15px}.compat-checks small{font-size:14px}.compat-result .btn{width:100%;font-size:15px}.steps{grid-template-columns:1fr;gap:24px}.steps li{padding:22px 0 0 45px;position:relative}.steps h3{margin:0 0 10px;font-size:19px}.steps p{font-size:16px;max-width:none}.plans-head{flex-direction:column;align-items:start}.plans-head h2{font-size:31px}.plans-head>div:last-child{max-width:none}.plans-head>div>p:not(.eyebrow){font-size:16px}.currency-switch{margin-top:17px}.plans-grid{grid-template-columns:1fr;gap:15px}.plan-card{padding:24px}.plan-label{min-height:24px;font-size:10px}.plan-card h3{font-size:28px}.price{margin-top:14px;font-size:34px}.plan-includes{grid-template-columns:1fr;gap:10px;margin-top:16px;padding-block:16px;font-size:16px}.equivalent{font-size:14px;min-height:0;margin-top:0}.plan-card .btn{min-height:50px;font-size:16px}.plans-foot{align-items:start;flex-direction:column;gap:6px;margin-top:20px}.plans-foot p{font-size:14px}.compare-wrap table,.compare-wrap tbody,.compare-wrap tr,.compare-wrap td{display:block}.compare-wrap thead{display:none}.compare-wrap tbody tr{padding:13px 16px;border-top:1px solid var(--border)}.compare-wrap td{display:flex;justify-content:space-between;align-items:center;border:0;padding:7px 0;gap:16px;text-align:right;font-size:14px}.compare-wrap td:before{content:attr(data-label);text-align:left;color:var(--muted)}.compare-wrap td>span{display:block}.compare-wrap caption{display:block;padding:18px 16px}.compare-wrap .text-link{min-height:44px}.faq-layout{gap:26px}.faq-layout>div>p:not(.eyebrow){font-size:16px;margin-top:17px}.faq-list summary{font-size:16px;padding-block:20px}.faq-list details>p{font-size:16px;padding-right:7px}.final-section{margin-bottom:49px;padding:28px 23px;flex-direction:column;gap:25px}.final-section h2{font-size:35px}.final-section .eyebrow{font-size:9px}.final-section p:not(.eyebrow):not(.reassurance){font-size:16px;margin-top:18px}.final-section>div:last-child{align-self:stretch}.final-section .btn{width:100%;font-size:16px;gap:22px}.final-section .reassurance{font-size:12px}.footer{padding-bottom:90px}.footer-bottom{font-size:11px;gap:13px;flex-direction:column}.footer-bottom>span:last-child{margin:0}.footer-bottom>div{gap:23px}.footer-bottom button{min-height:36px}.message{max-width:100%;font-size:15px;padding:13px}}
@media(max-width:359px){.container{width:calc(100% - 32px)}.hero h1{font-size:34px}.hero-actions{grid-template-columns:1fr}.hero-actions>.secondary{min-height:44px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.device-list{gap:8px}.device-option{padding:13px 10px}.device-option strong{font-size:13px}.device-option small{font-size:11px}.final-section h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Higher emphasis on price, trial and controls; restrained brand accents. */
.hero-price{display:inline-flex;align-items:baseline;gap:6px;background:#0d1d35;border:1px solid #455b7c;border-radius:9px;padding:10px 14px;color:#ccdbf1}.hero-price strong{color:#fff;font-size:25px}.hero-price>span{color:#c6d8f2}.hero-actions .primary{box-shadow:0 4px 22px #cb313d2c;border-color:#f66a6b}.hero-actions .secondary{background:#0b1b34;border-color:#6980a3}.reassurance{color:#c0d0e8}.reassurance>span:first-child{color:#a1eac9}.visual-caption{color:#bcd5fb}.price{color:white}.one-payment{color:#c3d3eb}.plan-includes li:before{color:#b7e3cc}.plan-card.featured{border-color:#fc8684;box-shadow:inset 0 3px 0 #ff918f}.plan-label{color:#b8d1f5}.compat-checks li>span:first-child{font-weight:700}.device-option.selected{box-shadow:inset 3px 0 0 var(--accent)}
.video-picture{aspect-ratio:16/9!important;background:#000;position:relative}.video-picture:after{display:none!important}.video-picture video{display:block;width:100%;height:100%;object-fit:contain}.video-play{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:5px;background:#031128e8;border:1px solid #feb3b0;padding:14px 21px;border-radius:12px;box-shadow:0 8px 35px #0008;min-width:170px;color:#fff}.video-play>span{background:var(--pink);border:1px solid #ffaba8;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:16px;padding-left:3px}.video-play>strong{font-size:14px;font-weight:500;white-space:nowrap}.video-play>small{font-size:11px;color:#c0d6f6}.tv-top .hd-label{color:#bed7fb;letter-spacing:.3px;white-space:nowrap}.image-note{color:#9fb8dd}
.resource-section{padding-block:76px;border-bottom:1px solid var(--border)}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.resource-grid article{padding:25px 0;border-top:1px solid #8b5250}.resource-number{color:var(--accent);font-size:12px;letter-spacing:1px}.resource-grid h3{margin:18px 0 12px;font-size:23px}.resource-grid p{font-size:16px;line-height:1.7;min-height:82px}.resource-grid a{color:#f6b2af;display:block;border-top:1px solid #1a2d48;padding:13px 0;font-size:15px}.resource-grid a:hover{color:white}.site-footer{padding-top:7px;padding-bottom:80px}.footer-brand-row{display:flex;gap:28px;align-items:center;padding-bottom:34px;border-bottom:1px solid var(--border)}.footer-brand-row>p{font-size:14px;line-height:1.6}.footer-brand-row>.text-link{margin-left:auto}.footer-columns{display:grid;grid-template-columns:1fr 1.25fr 1.3fr .9fr;gap:25px;padding-block:36px}.footer-columns h2{font-size:14px;letter-spacing:0;line-height:1.6;font-weight:600;margin-bottom:13px;color:#d6e5fc}.footer-columns a{display:block;min-height:38px;color:#a4b9d9;font-size:13px;line-height:1.6;padding:8px 0}.footer-columns a:hover{color:var(--accent)}.site-footer .footer-bottom{padding-top:20px;border-top:1px solid var(--border)}
/* Shared long-form pages: readable content, a compact table of contents, and complete source text. */
.article-page{padding-bottom:75px}.breadcrumbs.container{display:flex;position:static;flex-direction:row;flex-wrap:wrap;justify-content:start;align-items:center;gap:9px;padding:25px 0 0;background:none;border:0;box-shadow:none;font-size:12px;color:#9db6da}.breadcrumbs>a{min-height:30px;padding:3px 0;border:0;font-size:12px;color:#adc6ec}.breadcrumbs>span[aria-current]{color:var(--accent)}.article-intro{padding:43px 0 42px;border-bottom:1px solid #2a3f5e;display:block;width:100%;max-width:none}.article-intro .article-wrap{width:100%;margin:0}.article-intro .eyebrow{display:block;margin-bottom:18px}.article-intro h1{font-size:clamp(35px,4.3vw,57px);max-width:930px;line-height:1.13;letter-spacing:-2px;margin-bottom:25px}.article-intro h1 span,.article-accent{color:var(--accent)}.article-intro .lead,.article-intro>.article-wrap>p,.article-intro .texto,.rv-intro{font-size:19px;line-height:1.75;max-width:850px;color:#b8cbe7;margin-top:18px}.article-page .btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:25px 0 18px}.article-page .btn{min-height:50px;font-size:15px;line-height:1.5;white-space:normal}.article-page .updated,.rv-updated{display:block;color:#8ca3c5;font-size:12px;margin-top:20px}.article-page .cta-nota{font-size:14px!important;line-height:1.7!important;color:#a9c0e0}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:66px;padding-top:38px}.article-body{min-width:0;overflow-wrap:anywhere}.article-body .article-wrap{max-width:none;width:100%;margin:0}.article-section{padding:28px 0 34px;border-bottom:1px solid #1a2d48}.article-section:first-child{padding-top:4px}.article-body h2{font-size:31px;line-height:1.23;letter-spacing:-1px;margin:0 0 23px;scroll-margin-top:110px}.article-body h3{font-size:21px;line-height:1.3;margin:24px 0 12px;letter-spacing:-.4px}.article-body p{font-size:16px;line-height:1.85;margin:14px 0;color:#b2c4dd}.article-body p b,.article-body p strong{color:#e4eeff;font-weight:600}.article-page a.inline-link,.article-body p a,.article-body li a:not(.btn),.article-intro p a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.article-body ul,.article-body ol{padding-left:23px;margin:22px 0;color:#b2c4dd}.article-body li{font-size:16px;line-height:1.8;padding:6px 0}.article-body li b,.article-body li strong{color:#e4eeff;font-weight:500}.article-body .check{list-style:none;padding:0}.article-body .check>li{border-bottom:1px solid #1a2a42;padding:14px 0 14px 26px;position:relative}.article-body .check>li:before{content:'✓';position:absolute;left:0;color:#a1d8ba}.article-body .check>li:last-child{border:0}.article-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.article-card{padding:23px;border:1px solid #2a3f5e;border-radius:11px;background:#081427;min-width:0}.article-card h3{margin:0 0 12px}.article-card p{font-size:15px;line-height:1.75;margin:9px 0}.article-card .cita{font-size:17px;color:#d8e8ff;line-height:1.7}.article-card .cita-meta{color:#93acd1;font-size:12px;margin-top:16px}.article-steps{display:grid;gap:14px;counter-reset:article-step;margin:24px 0}.article-step{border:1px solid #2a3f5e;border-radius:10px;padding:19px 20px 19px 60px;position:relative;background:#081427}.article-step:before{counter-increment:article-step;content:counter(article-step,decimal-leading-zero);position:absolute;top:20px;left:20px;color:var(--accent);font-size:13px}.article-step p{margin:0}.article-step h3{margin-top:0}.article-page .warn,.article-page .ok,.article-page .note,.article-page .tldr{border:1px solid #394f6e;border-radius:10px;padding:19px 22px;background:#0b1d37;color:#baceeb;font-size:15px;line-height:1.8;margin:23px 0}.article-page .warn{border-left:3px solid #e2b96e;background:#19202b}.article-page .ok{border-left:3px solid #8dd9b3;background:#15271e}.article-page .tldr{border-left:3px solid var(--accent)}.article-page .warn>b,.article-page .ok>b,.article-page .tldr>b{color:white}.article-page .fuente{font-size:12px;color:#97afd2;display:block;margin-top:15px;line-height:1.8}.article-page .fuente a{color:#adc6ec}.article-page details{border-top:1px solid #2c405f}.article-page details:last-child{border-bottom:1px solid #2c405f}.article-page summary{font-size:16px;padding-block:21px;line-height:1.65;font-weight:500}.article-page details>p,.article-page details>div{padding:0 20px 20px 0;margin-top:0}.article-final{padding:30px;border-radius:13px;background:#081b37;border:1px solid #974d4c;margin-top:36px}.article-final h2{font-size:31px}.article-final .btns{margin-bottom:0}.article-sidebar{min-width:0}.sidebar-inner{position:sticky;top:107px;max-height:calc(100dvh - 128px);overflow:auto;padding:9px 1px 20px}.sidebar-inner>.eyebrow{font-size:10px;margin-bottom:16px}.article-sidebar nav{display:grid;position:static;top:auto;left:auto;right:auto;gap:0;box-shadow:none;background:none;padding:0;border:0;align-items:stretch}.article-sidebar nav a{font-size:13px;line-height:1.65;color:#b0c9ef;border-bottom:1px solid #192d4a;padding:12px 0;min-height:43px}.article-sidebar nav a:hover{color:var(--accent)}.sidebar-help{padding:20px 17px;background:#0b1f3b;border:1px solid #874847;border-radius:11px;margin-top:25px}.sidebar-help strong{font-size:15px;color:white}.sidebar-help p{font-size:14px;line-height:1.65;margin:11px 0 20px}.sidebar-help .btn{font-size:14px;min-height:46px;padding:10px}.article-sidebar .text-link{font-size:13px;margin-top:12px}.article-page .solo-lector{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.article-page svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.article-page .tw,.article-page .table-scroll{overflow:auto;width:100%;border:1px solid #324867;border-radius:10px;margin:23px 0}.article-page table{font-size:14px;min-width:580px;background:#091323}.article-page th{background:#0f223f;color:#e4effe;font-size:13px;line-height:1.65}.article-page td{font-size:14px;line-height:1.75;vertical-align:top;color:#b2c9e9}.article-page th,.article-page td{padding:16px 15px;border-bottom:1px solid #253a58}.article-page .yes{color:#9ee2bd;font-weight:600}.article-page .no{color:#fab5b2}.article-page .mid{color:#edd09b}.article-page .col-stella{background:#102440;color:#fff}.article-page .moneda-tabla{display:inline-flex;border:1px solid #89514f;background:#08172e;padding:4px;border-radius:9px;margin:0 0 10px}.moneda-tabla button{padding:11px 16px;min-height:45px;border-radius:6px;color:#a8c2e7;font-size:14px}.moneda-tabla button[aria-pressed=true]{background:#223755;color:#fff;box-shadow:inset 0 0 0 1px #d37775}.article-page .tabla-planes td[data-label="Pagás en total"] b{font-size:20px;color:#fff;white-space:nowrap;display:block}.article-page .tabla-planes .btn{font-size:13px;min-height:44px;padding:11px 13px}.article-page .swipe{display:none}.article-page .codigo{display:flex;gap:12px;align-items:center;background:#040c1c;border:1px solid #7c4341;border-radius:8px;padding:11px 13px;max-width:100%;margin:9px 0}.article-page code{font-size:21px;font-weight:500;color:#ffe1ac;letter-spacing:1px;overflow-wrap:anywhere}.article-page .copiar{border:1px solid #b16c69;border-radius:7px;min-height:42px;padding:8px 12px;color:#bdd7fe;margin-left:auto;font-size:13px}.article-page .codes{display:grid;gap:15px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.article-page .code-card{border:1px solid #2c4160;border-radius:11px;padding:22px;background:#07162d}.article-page .code-label{font-size:12px;letter-spacing:1.5px;color:var(--accent)}.article-page .code-help{font-size:14px}.article-page .dls{display:flex;gap:12px;flex-wrap:wrap;margin:21px 0}.article-page .dls .btn{font-size:14px}.article-page .sintomas{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.article-page .sintomas a{border:1px solid #834645;background:#0e203b;border-radius:8px;padding:11px 13px;color:#bad4fa;font-size:14px}.article-page .path{color:#d2e4fe;background:#0e1e35;border:1px solid #632d2d;padding:15px;border-radius:8px;line-height:1.75;margin:18px 0}.article-page .legal{max-width:800px;padding:20px 0}.article-page .legal p{line-height:1.85;margin:18px 0}.article-page .legal h2{margin-top:28px}.article-page .legal li{margin:8px 0}
/* Tutorial and reseller pages keep their specialized interactions and data. */
.g-title-row{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:28px}.g-title-row h1{font-size:42px;max-width:740px;margin-bottom:10px}.g-duration{font-size:14px;color:#a3bce1}.g-tools{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px}.g-video-area{min-width:0}.video-box{border:1px solid #4c6283;border-radius:11px;overflow:hidden;background:#000}.video-box video{display:block;width:100%;aspect-ratio:16/9}.g-codes{border:1px solid #8e514f;border-radius:11px;padding:23px;background:#091c37}.g-codes h2{font-size:24px;letter-spacing:-.7px;line-height:1.2;margin-bottom:23px}.g-code-row{margin-bottom:22px}.g-code-label{font-size:15px;color:#e3eefe;display:flex;justify-content:space-between;gap:10px;align-items:center}.g-code-label small{font-size:12px;color:#9db6db}.g-downloads-label{font-size:13px;margin:10px 0}.g-downloads{display:grid;gap:9px}.g-downloads .btn{font-size:13px;gap:8px;min-height:44px}.g-video-tools{grid-column:1/-1}.g-jump-label{color:#bad4fa;font-size:13px;margin-bottom:12px}.ee-botones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}.ee-botones button{border:1px solid #975554;background:#0d213d;border-radius:7px;padding:12px 8px;text-align:left;font-size:12px;line-height:1.5;min-height:67px}.ee-botones button span{display:block;color:#deecff}.ee-botones button small{color:var(--accent);font-size:11px;display:block;margin-top:4px}.ee-botones button:hover{background:#243857;border-color:var(--accent)}.g-controls-end{display:flex;align-items:center;justify-content:space-between;gap:20px}.vel{display:flex;gap:5px;align-items:center;font-size:12px;flex-wrap:wrap}.vel>span{color:#a4bde2;margin-right:7px}.vel button{border:1px solid #3d5373;border-radius:6px;padding:8px 12px;min-height:42px;font-size:12px}.vel button[aria-pressed=true]{background:#703333;border-color:#e98785;color:#fff}.g-help-link{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:14px}.g-reading,.g-notes{padding-top:28px}.g-reading-head h2{font-size:31px}.chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:25px}.chap{border:1px solid #653130;background:#06152c;border-radius:11px;padding:20px;min-width:0}.chap h3{margin:0 0 15px}.chap-main{display:flex;gap:9px;align-items:start;text-align:left;padding:0;width:100%;min-height:50px}.chap-main b{font-size:16px;font-weight:500;display:block}.chap-main small{font-size:11px;color:#d59795;display:block;margin-top:6px}.chap-main .play{color:var(--accent);padding-top:5px}.chap-main svg{width:11px;height:11px;fill:currentColor;stroke:none}.chap ol{list-style:none;padding:0;margin:0}.chap li{padding:0;border-top:1px solid #1f3351}.chap li button{display:flex;gap:12px;align-items:start;width:100%;text-align:left;padding:11px 0;font-size:13px;line-height:1.55;min-height:43px}.chap .t{color:var(--accent);font-size:12px;min-width:30px}.g-link-row{display:flex;flex-wrap:wrap;gap:15px;margin:15px 0 25px}.g-link-row a{color:var(--accent);font-size:14px;text-decoration:underline;text-underline-offset:4px}.g-android-note{border-left:3px solid #d4ad6a;padding-left:22px}.g-notes-copy>div{padding-block:15px;border-bottom:1px solid var(--border)}.g-help-close{padding:25px;border:1px solid #9d5150;background:#0d213d;border-radius:11px;margin-top:30px}.g-help-close h2{font-size:28px}.g-help-close .btn{margin-top:12px}.rv-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:55px;align-items:center}.rv-hero-grid h1 span{display:block}.rv-payment{border-left:3px solid #e1b978;padding:14px 20px;margin:22px 0;background:#1c2531;font-size:16px;color:#fae4bc;border-radius:0 9px 9px 0}.rv-payment p{font-size:14px;color:#dbc8b1;margin-top:6px}.rv-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px}.rv-text-link{display:flex;gap:12px;align-items:center;color:var(--accent)}.rv-contact{font-size:13px;margin-top:19px;color:#a0b9de}.rv-contact a{color:#b7d1f6}.rv-credit{border:1px solid #934f4e;background:#0b1e3b;border-radius:15px;padding:28px}.rv-equation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0}.rv-equation>div{display:grid;justify-items:center}.rv-equation b{font-size:73px;color:#ffe0aa;font-weight:500;line-height:1}.rv-equation span{color:#a4bee3;font-size:15px;margin-top:10px}.rv-equation .rv-equals{font-size:29px;margin:0;color:var(--accent)}.rv-credit-example{font-size:14px;text-align:center}.rv-credit-foot{border-top:1px solid #394f6f;margin-top:24px;padding-top:16px}.rv-credit-foot p{display:flex;align-items:start;gap:10px;margin:10px 0;font-size:14px;color:#afc7ec}.rv-credit-foot svg{color:#b8dfc0}.rv-section{padding-bottom:32px}.rv-section-top h2{margin-bottom:16px}.rv-start strong{font-size:25px;display:inline-block;margin-left:7px;color:#ffe0a9}.rv-table th,.rv-table td{vertical-align:middle!important}.rv-plan-name{font-size:17px;display:block}.rv-scope,.rv-gift{display:block;font-size:11px;color:#9eb7dc;margin-top:7px;font-weight:400}.rv-gift{color:#f5c788}.rv-pack>strong{font-size:15px;color:#fff}.rv-unit strong{font-size:16px;white-space:nowrap}.rv-unit small{font-size:11px}.rv-total a{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid #ab5f5d;background:#162a47;padding:12px;border-radius:9px;color:white;min-width:140px}.rv-total strong{font-size:23px;font-weight:500}.rv-currency{font-size:11px}.rv-choose{display:block;color:#b7d1f7;font-size:11px;margin-top:6px}.rv-table-note p{font-size:14px}.rv-support{background:#0f213b;padding:18px;border-left:3px solid #ec8986;margin:25px 0}.rv-close{padding:26px;background:#091c39;border:1px solid #ae5c5a;border-radius:12px;margin-top:30px}.rv-close h2{font-size:30px}.rv-close .btn{margin-top:14px}
/* Searchable hub and download/support entry points. */
.directory-hero{padding-top:52px;padding-bottom:47px;border-bottom:1px solid #283d5c}.directory-hero h1{font-size:clamp(36px,4.3vw,57px);max-width:850px;line-height:1.15}.directory-hero h1>span{color:var(--accent)}.directory-hero>p:not(.eyebrow){font-size:18px;line-height:1.75;max-width:720px;margin-top:22px}.directory-hero>label{display:block;font-size:14px;color:#c4dbfe;margin:28px 0 10px}.directory-hero>input{width:min(600px,100%);min-height:56px;border:1px solid #bd7674;border-radius:9px;background:#071a35;color:white;padding:15px 18px;font:inherit}.directory-hero #search-status{font-size:14px;color:var(--accent);margin-top:10px;min-height:25px}.directory-groups{padding-top:35px}.directory-group{padding:24px 0 30px}.directory-group h2{font-size:28px;margin-bottom:24px}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.directory-card{display:flex;flex-direction:column;border:1px solid #334868;background:#07152a;border-radius:11px;padding:23px;min-width:0}.directory-card:hover{border-color:#da8986;background:#0c1e39}.directory-card h3{font-size:21px;line-height:1.3}.directory-card p{font-size:14px;line-height:1.75;margin:15px 0 22px}.directory-card>span{color:var(--accent);font-size:13px;margin-top:auto}
@media(max-width:1100px){.article-layout{grid-template-columns:minmax(0,1fr) 215px;gap:35px}.article-intro h1{font-size:47px}.article-body h2{font-size:29px}.g-tools{grid-template-columns:minmax(0,1fr) 255px;gap:20px}.g-codes{padding:20px}.ee-botones{grid-template-columns:repeat(2,minmax(0,1fr))}.ee-botones button{min-height:57px}.rv-hero-grid{gap:30px}.rv-credit{padding:23px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-columns{gap:22px}}
@media(max-width:800px){.resource-grid{gap:20px}.resource-grid p{min-height:109px;font-size:15px}.resource-grid h3{font-size:21px}.resource-grid a{font-size:14px}.footer-brand-row{flex-wrap:wrap;gap:20px}.footer-brand-row>.text-link{margin-left:0}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px}.article-layout{grid-template-columns:1fr;gap:0}.article-sidebar{display:none}.breadcrumbs.container{display:flex!important;gap:8px}.article-intro h1{font-size:43px;letter-spacing:-1.7px}.article-intro .lead{font-size:18px}.g-tools{grid-template-columns:1fr}.g-codes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.g-codes h2,.g-downloads-label,.g-downloads{grid-column:1/-1}.g-codes h2{margin-bottom:0}.g-code-row{margin:0}.g-code-label{display:block;font-size:14px}.g-code-label small{display:block;margin-top:5px}.g-codes .codigo{flex-wrap:wrap}.g-codes .copiar{margin-left:0}.g-downloads{display:flex;flex-wrap:wrap}.g-title-row h1{font-size:37px}.g-title-row{align-items:start}.g-contratar{flex-shrink:0}.g-controls-end{flex-wrap:wrap}.ee-botones{grid-template-columns:repeat(4,minmax(0,1fr))}.rv-hero-grid{grid-template-columns:1fr 270px;gap:24px}.rv-hero-grid h1{font-size:38px}.rv-intro{font-size:17px}.rv-equation b{font-size:59px}.article-body .rv-table{min-width:680px}}
@media(max-width:600px){.hero-price{padding:9px 12px;gap:4px}.hero-price strong{font-size:22px}.video-play{padding:10px 16px;min-width:150px;gap:4px}.video-play>span{width:34px;height:34px;font-size:13px}.video-play>strong{font-size:12px}.video-play>small{font-size:10px}.resource-section{padding-block:49px}.resource-section .section-head{gap:12px}.resource-grid{grid-template-columns:1fr;gap:14px}.resource-grid article{padding-block:22px}.resource-grid p{min-height:0;font-size:16px;margin-bottom:18px}.resource-grid h3{font-size:23px;margin-top:13px}.resource-grid a{font-size:15px;padding-block:14px}.footer-brand-row{gap:16px;padding-bottom:26px}.footer-brand-row>p{font-size:14px}.footer-brand-row>.text-link{font-size:14px;width:100%}.footer-columns{gap:27px 23px;padding-top:28px}.footer-columns h2{font-size:14px;line-height:1.5}.footer-columns a{font-size:12px;line-height:1.7;min-height:44px}.site-footer{padding-bottom:90px}.breadcrumbs.container{font-size:11px;padding-top:20px;gap:7px}.breadcrumbs>a{font-size:11px;min-height:28px}.article-intro{padding-top:29px;padding-bottom:29px}.article-intro h1{font-size:34px;letter-spacing:-1.2px;line-height:1.17;margin-bottom:19px;overflow-wrap:anywhere}.article-intro .lead,.article-intro>.article-wrap>p,.rv-intro{font-size:16px;line-height:1.8}.article-page .btns{display:grid;grid-template-columns:1fr;margin-top:22px;gap:10px}.article-page .btns .btn{width:100%;min-height:51px;font-size:15px}.article-layout{padding-top:22px}.article-body h2{font-size:27px;letter-spacing:-.8px;line-height:1.25;margin-bottom:19px}.article-body h3{font-size:21px}.article-body p,.article-body li{font-size:16px;line-height:1.8}.article-section{padding-block:25px}.article-cards{grid-template-columns:1fr;gap:13px}.article-card{padding:21px}.article-card p{font-size:16px}.article-card .cita{font-size:17px}.article-step{padding:18px 18px 18px 52px}.article-step:before{left:16px}.article-page .warn,.article-page .ok,.article-page .note,.article-page .tldr{padding:17px 18px;font-size:15px}.article-page .cta-nota{font-size:14px!important}.article-page .updated{font-size:11px}.article-final{padding:25px 21px;margin-top:26px}.article-final h2{font-size:28px}.article-page summary{padding-right:24px;font-size:16px;line-height:1.65}.article-page details>p{padding-right:0}.article-page .codes{grid-template-columns:1fr}.article-page .code-card{padding:21px}.article-page .dls{display:grid;grid-template-columns:1fr}.article-page .tabla-planes,.article-page .tabla-planes tbody,.article-page .tabla-planes tr,.article-page .tabla-planes td{display:block;min-width:0;width:100%}.article-page .tabla-planes thead{display:none}.article-page .tabla-planes tr{padding:17px;border-bottom:1px solid #874b4a}.article-page .tabla-planes tr:last-child{border:0}.article-page .tabla-planes td{display:flex;justify-content:space-between;align-items:start;padding:10px 0;gap:14px;border:0;font-size:14px;text-align:right}.article-page .tabla-planes td:before{content:attr(data-label);font-size:13px;text-align:left;color:#a3bde2;max-width:40%}.article-page .tabla-planes td[data-label="Plan"]{color:#fff;font-size:17px}.article-page .tabla-planes td[data-label="Pagás en total"] b{font-size:24px}.article-page .tabla-planes small{font-size:11px;max-width:190px}.article-page .tabla-planes .btn{width:100%;font-size:15px;min-height:48px}.article-page .tabla-planes td:last-child{display:block}.article-page .tabla-planes td:last-child:before{display:none}.article-page .rv-table,.article-page .rv-table tbody,.article-page .rv-table tr,.article-page .rv-table td,.article-page .rv-table th{display:block;min-width:0;width:100%}.article-page .rv-table thead{display:none}.article-page .rv-table tr{padding:20px;border-bottom:1px solid #874b4a}.article-page .rv-table td,.article-page .rv-table th{border:0;padding:9px 0;background:none}.article-page .rv-table td:not(.rv-total):before{content:attr(data-label);display:block;font-size:11px;color:#97b0d5;margin-bottom:5px}.article-page .rv-total a{width:100%;padding:14px 16px}.article-page .rv-scope{margin-top:5px}.article-page .rv-gift{font-size:13px}.rv-table-note p{font-size:14px}.g-title-row{flex-direction:column;gap:16px}.g-title-row h1{font-size:34px}.g-title-row>.btn{align-self:start;font-size:14px;min-height:44px}.g-tools{gap:18px}.g-codes{grid-template-columns:1fr;padding:22px}.g-code-row{margin-bottom:9px}.g-code-label{display:flex;font-size:15px;align-items:center}.g-code-label small{margin-top:0}.g-codes .codigo{flex-wrap:nowrap}.g-codes .copiar{margin-left:auto}.g-downloads{display:grid;grid-template-columns:1fr 1fr;gap:9px}.g-downloads .btn{font-size:12px;padding-inline:9px}.g-codes h2{font-size:25px;margin-bottom:8px}.ee-botones{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ee-botones button{padding:11px 12px;min-height:64px;font-size:12px}.ee-botones button small{font-size:11px}.g-controls-end{gap:18px}.vel{gap:4px;font-size:11px}.vel>span{width:100%;margin-bottom:4px}.vel button{padding:8px 11px;font-size:12px;min-height:44px}.g-help-link{font-size:14px;min-height:42px}.chapters{grid-template-columns:1fr;gap:13px}.chap{padding:21px}.chap-main b{font-size:18px;line-height:1.4}.chap-main small{font-size:12px}.chap li button{font-size:15px;padding-block:13px}.chap .t{font-size:13px}.g-link-row a{font-size:15px;line-height:1.7}.g-notes-copy>div{padding-block:16px}.g-help-close{padding:23px}.g-help-close .btn{width:100%}.rv-hero-grid{grid-template-columns:1fr;gap:25px}.rv-hero-grid h1{font-size:35px}.rv-intro{font-size:17px}.rv-credit{padding:25px}.rv-equation{justify-content:center;gap:44px}.rv-equation b{font-size:64px}.rv-payment{font-size:15px;padding:15px 17px}.rv-payment p{font-size:14px}.rv-actions{gap:13px}.rv-actions>.btn{width:100%}.rv-text-link{font-size:15px;min-height:44px}.rv-contact{font-size:13px;line-height:1.8}.rv-close{padding:23px}.rv-close h2{font-size:28px}.rv-close .btn{width:100%}.directory-hero{padding-top:36px;padding-bottom:32px}.directory-hero h1{font-size:35px;letter-spacing:-1.3px;line-height:1.18}.directory-hero>p:not(.eyebrow){font-size:16px}.directory-hero>label{font-size:14px;line-height:1.7}.directory-hero>input{min-height:54px;font-size:16px}.directory-groups{padding-top:24px}.directory-group h2{font-size:26px}.directory-grid{grid-template-columns:1fr;gap:14px}.directory-card{padding:22px}.directory-card p{font-size:15px}.directory-card h3{font-size:22px}.article-page{padding-bottom:55px}}
@media(max-width:359px){.hero-price{font-size:12px;gap:3px;padding-inline:10px}.hero-price strong{font-size:20px}.video-play{min-width:140px;padding:8px 13px}.video-play>span{width:30px;height:30px}.video-play>strong{font-size:11px}.video-play>small{display:none}.article-intro h1,.g-title-row h1,.rv-hero-grid h1{font-size:30px}.directory-hero h1{font-size:31px}.footer-columns{grid-template-columns:1fr;gap:20px}.footer-columns a{font-size:14px}.g-downloads{grid-template-columns:1fr}.ee-botones button{font-size:11px;padding-inline:9px}.article-page .codigo{gap:8px;padding-inline:10px}.article-page code{font-size:20px}.article-page .copiar{padding-inline:10px;font-size:12px}}

/* Compact homepage: offer, compatibility, then plans. Keep article spacing unchanged. */
#inicio.hero{padding-block:56px}
#compatibilidad{padding-top:48px;padding-bottom:36px;border-top:1px solid var(--border)}
#planes{padding-top:40px}
#compatibilidad .section-head,#planes .section-head{margin-bottom:28px}
@media(max-width:800px){#inicio.hero{padding-top:36px;padding-bottom:28px}}
@media(max-width:600px){
 #inicio .hero-description{margin-top:16px;line-height:1.6}
 #compatibilidad{padding-top:32px;padding-bottom:24px}
 #planes{padding-top:32px}
 #compatibilidad .section-head,#planes .section-head{gap:12px;margin-bottom:22px}
 #compatibilidad .device-option{min-height:112px;padding:13px;gap:8px}
 #compatibilidad .compat-result{padding:20px}
 #compatibilidad .compat-checks li{padding-block:10px}
}

/* Price and included gifts remain prominent in both currencies. */
#planes .plan-card.featured{background:#0b1f3b;border:2px solid #ff918f;padding:22px 21px 20px;box-shadow:0 0 0 3px #ff918f12}
#planes .plan-label{font-size:11px;letter-spacing:1px;min-height:29px;align-items:center;margin-bottom:9px}
#planes .featured .plan-label{align-self:flex-start;min-height:29px;border-radius:5px;background:#ffbdba;color:#112441;font-weight:700;padding:5px 10px}

#planes .plan-price{margin-top:17px;padding:14px 12px;background:#050b15;border:1px solid #425878;border-radius:9px}
#planes .featured .plan-price{border-color:#dc7a78;background:#051123}
#planes .price{font-size:clamp(30px,3vw,38px);line-height:1.2;letter-spacing:-1px;margin:0;color:#fff;font-weight:750;white-space:normal;overflow-wrap:normal}
#planes .price>span{display:block;color:#c4d7f2;font-size:12px;letter-spacing:.7px;margin:0 0 4px}
#planes .one-payment{font-size:13px;margin-top:7px;color:#c1d3ed}

@media(max-width:600px){
 .video-play>span{display:none}
 .video-play{min-height:48px}
 #planes .plan-card.featured{padding:23px}
 #planes .price{font-size:42px}
 
 
}

.page-precios .tabla-planes td[data-label="Pagás en total"] b{font-size:25px;line-height:1.3;color:#fff}
.page-precios .recommended-plan-row{background:#0c1f3b;box-shadow:inset 3px 0 0 #ff918f}
.page-precios .table-recommended{display:block;width:fit-content;margin-top:9px;background:#ffbdba;color:#112441;border-radius:4px;padding:5px 8px;font-size:11px;font-weight:700}
.page-precios .table-plan-gift{display:block;color:#ffe0aa;font-size:15px;font-weight:700;margin-top:5px}

/* Keep the reseller entry prominent without overcrowding narrower headers. */
#nav .reseller-nav{color:#ffbdba;font-weight:600}
@media(min-width:801px) and (max-width:1050px){
 .nav-wrap{min-height:70px}
 .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;border:1px solid var(--border);border-radius:8px}
 .menu-toggle span{display:block;width:19px;height:1px;background:white;margin:0 0 0 6px}
 #nav{display:none;position:absolute;top:70px;left:0;right:0;background:#081425;border-bottom:1px solid #884e4d;padding:12px 24px 20px;align-items:stretch;gap:0;box-shadow:0 20px 30px #0006}
 #nav.open{display:flex;flex-direction:column}
 #nav>a{padding:12px 0;font-size:16px;border-bottom:1px solid var(--border)}
}

/* ═══ SITIO REAL ═══ */

/* Tokens del diseño anterior que usan la burbuja y el aviso de "Volver al
   chat" (soporte-burbuja.js y sitio.js arman ese HTML), con los colores del
   diseño nuevo. */
:root {
  --negro: #0a0f1a; --oscuro: #121a29; --card: #192235; --card-alto: #0b1c36;
  --rosa: #ff8f7e; --rosa-fuerte: #d6304a; --rosa-texto: #ff8f7e; --violeta: #c56967;
  --cyan: #ff8f7e; --dorado: #f1d69a; --verde: #90e0bd; --rojo: #fe908d;
  --blanco: #fff; --texto: #f3f6fb; --suave: #b4bfd2; --texto-rojo: #feb5b2;
  --linea-suave: #ffffff0b; --linea: #2b3750; --linea-fuerte: #495f7f;
  --rosa-fondo: #ff918f14; --rosa-borde: #ff918f66; --violeta-borde: #c5696780;
  --cyan-fondo: #ff918f12; --cyan-borde: #ff918f59;
  --dorado-borde: #f1d69a59; --verde-borde: #90e0bd59; --rojo-fondo: #fe908d14;
  --grad-boton: linear-gradient(#d6304a, #d6304a);
  --glow-verde: 0 0 0 transparent; --sombra-elev: 0 20px 60px #0007;
  --f-texto: inherit;
  --fs-xs: .75rem; --fs-sm: .875rem; --fs-base: 1rem; --fs-md: 1.125rem; --fs-lg: 1.35rem;
  --e1: 4px; --e2: 8px; --e3: 12px; --e4: 16px; --e5: 24px; --e6: 32px; --e7: 48px; --e8: 64px;
  --r-sm: 8px; --r-md: 10px; --r-lg: 12px; --r-xl: 16px; --r-pill: 999px;
  --alto-barra: 82px;
}
.solo-lector { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Barra: los links reales, "Mi cuenta y chat" como acceso de cliente y el
   botón de la demo. */
a.client-link { display: flex; align-items: center; }
.brand > span { text-transform: uppercase; }
.nav-cta { min-height: 44px; padding: 10px 16px; gap: 8px; font-size: 15px; white-space: nowrap; }
nav > a[aria-current="page"] { color: #fff; }
@media (max-width: 1100px) {
  .nav-cta { margin-top: 16px; width: 100%; }
}

/* Pie: los títulos de columna van como párrafo (no suman títulos a la página). */
.footer-columns { align-items: start; }
.footer-columns .footer-h { font-size: 14px; letter-spacing: 0; line-height: 1.6; font-weight: 600; margin-bottom: 13px; color: #d6e5fc; }
@media (max-width: 600px) { .footer-columns .footer-h { line-height: 1.5; } }
.footer-columns a[aria-current="page"] { color: var(--accent); }

/* Home: las secciones del sitio real que el prototipo no tenía, con sus
   mismos componentes (hero con el video, tarjetas, pasos, planes). */

.visual-caption > span:last-child { text-transform: uppercase; }
.visual-title { font-size: 15px; letter-spacing: 0; font-weight: 600; color: #d6e5fc; margin: -8px 0 16px; }
.video-play { cursor: pointer; }
.video-play > span { display: flex !important; }

.device-list .device-option { cursor: pointer; }
.compat-result[hidden] { display: none; }
.device-option .device-icon { width: 25px; justify-content: center; font-size: 20px; font-weight: 600; }

.device-option small a, .compat-checks small a, .compat-checks a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }

.cat-grid article { position: relative; }
.cat-grid .resource-number { font-size: 26px; letter-spacing: 0; line-height: 1; }
.cat-grid h3 span { color: var(--accent); }
.cat-grid p { min-height: 0 !important; }
.cat-badge { position: absolute; top: 25px; right: 0; border: 1px solid var(--yellow); color: var(--yellow); border-radius: 50px; padding: 2px 10px; font-size: 12px; font-weight: 600; }

.moneda-nota { margin-top: 10px; font-size: 13px; }

.plan-card .plan-name { font-size: 26px; font-weight: 500; line-height: 1.12; letter-spacing: -.5px; color: var(--text); }

.plan-card .price { font-size: 34px; font-weight: 600; letter-spacing: -1px; color: var(--text); margin-top: 18px; line-height: 1.1; }
.plan-card .price > span { font-size: 15px; font-weight: 500; color: var(--muted); margin-right: 4px; letter-spacing: 0; }
.plan-card .plan-ahorro { color: var(--green); }
.plan-card .pa-sub { display: block; color: var(--muted); }
.plan-includes li.regalo strong { color: var(--yellow); font-weight: 500; }

.plans-foot { flex-wrap: wrap; justify-content: flex-start; gap: 6px 28px; }
.plans-foot a { color: var(--accent); }

#revendedores { padding-top: 0; }
@media (max-width: 800px) { .cat-badge { top: 22px; } }

/* Guía: el script de la página marca el capítulo que se está viendo con .on. */
.chap.on { border-color: #f29d9a; background: #0e223e; }
.video-box.cargando::after { content: 'Cargando el video…'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 8px 16px; border-radius: 9px; background: #050b15e6; color: #fff; font-size: 14px; font-weight: 600; pointer-events: none; }
.video-box { position: relative; }

/* ─── AYUDANTE FLOTANTE ───
   Reemplaza al botón de WhatsApp: un robot que pregunta qué necesitás y te
   lleva a la demo, los precios, la guía o el chat. Sin JS es un link al chat. */
.ayudante { position: fixed; right: 20px; bottom: 20px; z-index: 90; display: inline-flex; align-items: center; gap:var(--e2); min-height: 56px; padding:var(--e3) var(--e5) var(--e3) var(--e3); border: 0; border-radius: var(--r-pill); background: var(--card); border: 1px solid var(--linea-fuerte); color: var(--texto); font-family: inherit; font-weight: 700; font-size: var(--fs-base); text-decoration: none; cursor: pointer; box-shadow: 0 8px 24px rgba(0,0,0,.45); transition: transform .2s, box-shadow .2s, bottom .2s; }
/* Discreto (revision visual): sin celeste ni pulso, para no competir con el
   boton principal. Se abre solo si lo tocan. */
@media (hover: hover) { .ayudante:hover { transform: scale(1.05); } }
.ayudante:active { transform: scale(.97); }
.ayudante:focus-visible { outline: 3px solid var(--blanco); outline-offset: 3px; }
.ayudante svg { width: 28px; height: 28px; fill: currentColor; flex-shrink: 0; }
/* Barra fija del celular: aparece cuando el botón principal sale de pantalla.
   El robot queda adentro, a la derecha, en vez de flotar encima. */
.barra-demo { display: none; }
@media (max-width: 600px) {
  .barra-demo { position: fixed; left: 0; right: 0; bottom: 0; z-index: 89; display: flex; align-items: center; padding:var(--e2) var(--espacio-chat, 116px) calc(var(--e2) + env(safe-area-inset-bottom)) var(--e3); background: rgba(7,7,16,0.96); border-top: 1px solid var(--linea); box-shadow: 0 -6px 24px rgba(0,0,0,0.5); transform: translateY(110%); transition: transform .25s; }
  .barra-demo a { flex: 1; display: flex; align-items: center; justify-content: center; min-height: 52px; border-radius:var(--r-md); background: var(--grad-boton); color: var(--blanco); font-weight: 800; font-size: var(--fs-base); text-decoration: none; }
  body.ver-barra .barra-demo { transform: none; }
  body.ver-barra .ayudante { bottom: calc(10px + env(safe-area-inset-bottom)); right: 12px; }
  body.ver-barra .ayudante-menu { bottom: 80px; }
}
.ayudante-menu { position: fixed; right: 20px; bottom: 84px; z-index: 91; width: min(320px, calc(100vw - 32px)); padding:var(--e4); border-radius:var(--r-lg); background: var(--card); border: 1px solid var(--linea-fuerte); box-shadow: var(--sombra-elev); }
.ayudante-menu[hidden] { display: none; }
/* Con el celular apaisado o la letra grande, el menú no entraba y la primera
   opción quedaba fuera de pantalla. */
.ayudante-menu { max-height: calc(100vh - 100px - var(--alto-barra-real, var(--alto-barra))); max-height: calc(100dvh - 100px - var(--alto-barra-real, var(--alto-barra))); overflow-y: auto; }
.ayudante-menu:not([hidden]) { animation: ay-abrir .2s ease-out; }
@keyframes ay-abrir { from { opacity: 0; transform: translateY(8px); } }

.ayudante-menu ul { list-style: none; margin:0; padding:0; display: grid; gap:var(--e2); }
.ayudante-menu a { display: flex; align-items: center; gap:var(--e2); min-height: 48px; padding:var(--e2) var(--e3); border-radius:var(--r-md); background: rgba(255,255,255,0.04); border: 1px solid var(--linea); color: var(--texto); font-weight: 700; font-size: var(--fs-base); text-decoration: none; }
@media (hover: hover) { .ayudante-menu a:hover { border-color: var(--rosa); } }

@media (max-width: 600px) {
  .ayudante { right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); padding:var(--e3); }
  .ayudante .ay-txt { display: inline; }
  
  .ayudante { gap:var(--e1); min-height:48px; font-size:var(--fs-sm); }
  .ayudante svg { width:24px; height:24px; }
  .ayudante-menu { right: 16px; bottom: 80px; }
}
@media (prefers-reduced-motion: reduce) { .ayudante, .barra-demo { transition: none; } .ayudante:hover { transform: none; } }
@media (max-width: 600px) { .pie { padding-bottom:150px; } }

/* ─── VOLVER AL CHAT ───
   El que pidió la demo y salió a instalar la app: durante 3 horas, en el
   resto del sitio, un aviso para volver al chat, que es donde le llega su
   usuario (lo arma sitio.js). Dorado mientras espera, verde cuando ya la vio.
   En la compu va abajo a la izquierda (el robot sigue a la derecha); en el
   celular ocupa el lugar de la barra de abajo y del robot hasta que lo cierran. */
.vuelta-chat { position: fixed; left: 20px; bottom: 20px; z-index: 92; width: min(400px, calc(100vw - 220px)); display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: var(--e3); padding: var(--e4); border-radius: var(--r-lg); background: var(--card); border: 1px solid var(--dorado-borde); box-shadow: var(--sombra-elev); animation: ay-abrir .25s ease-out; }
.vuelta-chat.lista { border-color: var(--verde-borde); }
.vuelta-chat .vc-ico { font-size: var(--fs-lg); line-height: 1.2; }
.vuelta-chat .vc-txt { font-size: var(--fs-sm); line-height: 1.45; color: var(--texto); }
.vuelta-chat .vc-txt b { display: block; margin-bottom: 2px; color: var(--blanco); font-size: var(--fs-base); line-height: 1.3; }
/* Llegó la demo mientras miraba otra página: un pulso verde corto. */
.vuelta-chat.llego { animation: vuelta-llego .7s ease-out 2; }
@keyframes vuelta-llego { 0% { box-shadow: var(--sombra-elev); } 40% { box-shadow: var(--glow-verde), var(--sombra-elev); transform: translateY(-4px); } 100% { box-shadow: var(--sombra-elev); } }
.vuelta-chat .vc-cerrar { width: 44px; height: 44px; margin: calc(-1 * var(--e3)) calc(-1 * var(--e3)) 0 0; border: 0; border-radius: var(--r-pill); background: transparent; color: var(--suave); font-family: inherit; font-size: var(--fs-lg); line-height: 1; cursor: pointer; }
.vuelta-chat .vc-ir { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 var(--e4); border-radius: var(--r-md); background: var(--grad-boton); color: var(--blanco); font-weight: 800; font-size: var(--fs-base); text-decoration: none; transition: transform .15s, filter .15s; }
.vuelta-chat .vc-ir:focus-visible, .vuelta-chat .vc-cerrar:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
@media (hover: hover) { .vuelta-chat .vc-ir:hover { transform: translateY(-2px); } .vuelta-chat .vc-cerrar:hover { color: var(--blanco); } }
.vuelta-chat .vc-ir:active { transform: translateY(1px); filter: brightness(.9); }
body.con-vuelta .pie { padding-bottom: 200px; }
@media (max-width: 600px) {
  .vuelta-chat { left: 0; right: 0; bottom: 0; width: auto; padding: var(--e3) var(--e4) calc(var(--e3) + env(safe-area-inset-bottom)); border-width: 1px 0 0; border-radius: var(--r-lg) var(--r-lg) 0 0; }
  body.con-vuelta .barra-demo, body.con-vuelta .ayudante { display: none; }
}
@media (prefers-reduced-motion: reduce) { .vuelta-chat, .vuelta-chat.llego { animation: none; } .vuelta-chat .vc-ir { transition: none; } .vuelta-chat .vc-ir:hover { transform: none; } }

/* Mi STELLA: la conversación acompaña la guía; /soporte sigue completo. */
body.con-burbuja .vuelta-chat{display:none}
body.con-burbuja .stella-lanzador{display:inline-flex}
body.con-burbuja.con-vuelta .pie{padding-bottom:100px}


.ayudante.stella-lanzador { width:104px; min-height:56px; justify-content:center; padding:var(--e2); gap:var(--e2); border:1px solid var(--violeta-borde); background:var(--card); color:var(--texto); font-size:var(--fs-sm); bottom:calc(16px + env(safe-area-inset-bottom)); right:16px; z-index:105; }
.stella-lanzador svg { width:24px; height:24px; fill:none; stroke:var(--rosa-texto); }
.con-mini-chat .stella-lanzador { visibility:hidden; }
.stella-contador { position:absolute; right:-4px; top:-7px; display:grid; place-items:center; min-width:24px; height:24px; padding:0 var(--e1); border:2px solid var(--negro); border-radius:var(--r-pill); background:var(--rosa-fuerte); color:var(--blanco); font-size:var(--fs-xs); }
.stella-contador[hidden], .stella-mini [hidden], .stella-mini[hidden], .stella-aviso[hidden] { display:none!important; }
.stella-aviso { position:fixed; bottom:calc(83px + env(safe-area-inset-bottom)); right:16px; z-index:104; max-width:260px; min-height:44px; padding:var(--e3) var(--e4); border:1px solid var(--linea-fuerte); border-radius:var(--r-md) var(--r-md) 2px var(--r-md); background:var(--card); color:var(--texto); font:600 var(--fs-sm) var(--f-texto); text-align:left; cursor:pointer; }
.stella-mini { padding:0; position:fixed; right:16px; bottom:calc(20px + env(safe-area-inset-bottom)); z-index:110; width:min(420px,calc(100vw - 32px)); height:min(680px,calc(100dvh - 40px)); display:flex; flex-direction:column; overflow:hidden; background:var(--oscuro); color:var(--texto); border:1px solid var(--linea-fuerte); border-radius:var(--r-xl); box-shadow:var(--sombra-elev); font:400 var(--fs-base)/1.5 var(--f-texto); text-align:left; color-scheme:dark; }
.stella-mini * { box-sizing:border-box; }
.stella-mini :is(h2,p) { margin:0; }
.stella-mini button, .stella-mini a { font-family:inherit; cursor:pointer; }
.stella-mini :is(button,a,textarea,[tabindex]):focus-visible, .stella-aviso:focus-visible { outline:2px solid var(--cyan); outline-offset:-3px; }
.stella-mini .sm-cabecera { display:flex; align-items:center; gap:var(--e3); flex-shrink:0; min-height:76px; padding:var(--e3) var(--e4); border-bottom:1px solid var(--linea); background:var(--card); }
.stella-mini .sm-cabecera img { object-fit:contain; flex:0 0 34px; }
.stella-mini .sm-cabecera>div { flex:1; min-width:0; }
.stella-mini .sm-cabecera strong { display:block; font-size:var(--fs-base); font-weight:800; }
.stella-mini .sm-estado { display:block; color:var(--suave); font-size:var(--fs-xs); line-height:1.4; margin-top:var(--e1); }
.stella-mini .sm-completo, .stella-mini .sm-minimizar { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; border:1px solid var(--linea); border-radius:var(--r-md); background:transparent; color:var(--texto); text-decoration:none; }
.stella-mini .sm-cabecera svg { width:20px; height:20px; }
.stella-mini .sm-acceso { padding:var(--e5); min-height:0; overflow:auto; flex:1; display:flex; flex-direction:column; justify-content:flex-start; gap:var(--e4); }
.stella-mini .sm-sello { font-size:var(--fs-xs); letter-spacing:.1em; font-weight:700; color:var(--cyan); }
.stella-mini .sm-acceso h2 { font:800 1.75rem/1.15 var(--f-texto); letter-spacing:-.03em; color:var(--blanco); text-transform:none; }
.stella-mini .sm-acceso p { font-size:var(--fs-sm); color:var(--suave); }
.stella-mini .sm-guia { display:grid; gap:var(--e2); }
.stella-mini .sm-guia a { display:flex; align-items:center; min-height:48px; padding:var(--e3); border:1px solid var(--linea); border-radius:var(--r-md); color:var(--texto); font-size:var(--fs-base); text-decoration:none; background:var(--card); }
.stella-mini .sm-guia a:hover { border-color:var(--cyan); }
.stella-mini .sm-ingresar { display:grid; place-items:center; min-height:48px; padding:var(--e3); border-radius:var(--r-md); background:var(--grad-boton); color:var(--blanco); font-size:var(--fs-sm); font-weight:700; text-decoration:none; }
.stella-mini p.sm-ayuda { font-size:var(--fs-xs); }
.stella-mini .sm-revisar { min-height:44px; padding:var(--e2); border:1px solid var(--linea-fuerte); border-radius:var(--r-md); background:transparent; color:var(--texto); font-size:var(--fs-sm); }
.stella-mini .sm-trabajo { min-height:0; flex:1; display:flex; flex-direction:column; }
.stella-mini .sm-hilo { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:var(--e4); scrollbar-width:thin; scrollbar-color:var(--linea-fuerte) transparent; }
.stella-mini .sm-mensaje { width:fit-content; max-width:92%; padding:var(--e3) var(--e4); margin-bottom:var(--e3); border:1px solid var(--linea); border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--r-sm); background:var(--card); overflow-wrap:anywhere; }
.stella-mini .sm-mensaje.sm-mio { margin-left:auto; background:var(--rosa-fondo); border-color:var(--rosa-borde); border-radius:var(--r-lg) var(--r-lg) var(--r-sm) var(--r-lg); }
.stella-mini .sm-mensaje.sm-auto { background:var(--cyan-fondo); border-color:var(--cyan-borde); }
.stella-mini .sm-firma { display:block; margin-bottom:var(--e1); font-size:var(--fs-xs); font-weight:600; color:var(--cyan); }
.stella-mini .sm-mio .sm-firma { color:var(--rosa-texto); }
.stella-mini .txt { white-space:pre-wrap; font-size:var(--fs-base); line-height:1.55; }
.stella-mini .sm-hora { display:block; text-align:right; margin-top:var(--e2); font-size:var(--fs-xs); color:var(--suave); }
.stella-mini .sm-mensaje a { color:var(--cyan); text-decoration:underline; text-underline-offset:3px; }
.stella-mini .sm-tarjeta { width:100%; max-width:100%; }
.stella-mini .sm-tarjeta .sm-firma { margin-bottom:var(--e3); }
.stella-mini .sm-etiqueta { display:block; color:var(--suave); font-size:var(--fs-xs); }
.stella-mini .sm-plan { display:block; font-size:var(--fs-base); font-weight:700; }
.stella-mini .sm-precio { display:block; margin-top:var(--e1); font-size:var(--fs-lg); font-weight:800; color:var(--blanco); }
.stella-mini p.sm-detalle { margin-top:var(--e2); color:var(--suave); font-size:var(--fs-sm); }
.stella-mini .sm-mensaje .sm-accion { display:flex; justify-content:center; align-items:center; min-height:44px; padding:var(--e2) var(--e3); margin-top:var(--e3); border:1px solid var(--linea-fuerte); border-radius:var(--r-md); background:var(--negro); color:var(--texto); font-size:var(--fs-sm); font-weight:700; text-decoration:none; }
.stella-mini .sm-media { display:block; min-height:44px; }
.stella-mini .sm-media img, .stella-mini .sm-mensaje video { display:block; width:100%; max-height:260px; object-fit:contain; border-radius:var(--r-sm); }
.stella-mini .sm-mensaje audio { width:100%; max-width:100%; height:44px; }
.stella-mini .sm-rapidas { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--e2); padding:var(--e2) var(--e4); flex-shrink:0; }
.stella-mini .sm-rapidas :is(button,a) { display:flex; align-items:center; justify-content:center; min-width:0; min-height:44px; padding:var(--e2); border:1px solid var(--linea-fuerte); border-radius:var(--r-md); background:var(--card); color:var(--texto); font:600 var(--fs-sm)/1.3 var(--f-texto); text-align:center; text-decoration:none; }
.stella-mini .sm-rapidas .sm-contratar { background:var(--grad-boton); border-color:transparent; color:var(--blanco); }
.stella-mini .sm-composer { display:flex; align-items:flex-end; gap:var(--e1); flex-shrink:0; padding:var(--e3); border-top:1px solid var(--linea); background:var(--card); }
.stella-mini .sm-composer button { flex:0 0 44px; width:44px; height:44px; padding:var(--e3); border:0; border-radius:50%; background:transparent; color:var(--suave); }
.stella-mini .sm-composer button svg { display:block; width:20px; height:20px; }
.stella-mini .sm-composer .sm-enviar { background:var(--grad-boton); color:var(--blanco); }
.stella-mini .sm-composer textarea { width:100%; min-width:0; flex:1; min-height:44px; max-height:120px; padding:var(--e3); resize:none; border:1px solid var(--linea); border-radius:var(--r-md); background:var(--negro); color:var(--texto); font:400 var(--fs-base)/1.4 var(--f-texto); }
.stella-mini textarea::placeholder { color:var(--suave); }
.stella-mini button:disabled { opacity:.5; cursor:wait; }
.stella-mini .sm-error { padding:var(--e3); background:var(--rojo-fondo); color:var(--texto-rojo); font-size:var(--fs-sm); flex-shrink:0; border-top:1px solid var(--linea); }
.stella-mini .sm-error button { display:inline-block; margin-left:var(--e2); min-height:44px; padding:var(--e2); border:1px solid currentColor; border-radius:var(--r-sm); background:none; color:inherit; }
.stella-mini .sm-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:600px) {
  body.con-mini-chat { overflow:hidden; }
  .stella-mini { top:var(--sm-arriba,0); left:0; right:0; bottom:auto; width:100%; height:var(--sm-alto,100dvh); border:0; border-radius:0; }
  .stella-mini .sm-cabecera { padding-top:max(var(--e3),env(safe-area-inset-top)); }
  .stella-mini .sm-composer { padding-bottom:max(var(--e3),env(safe-area-inset-bottom)); }
}
@media(max-height:500px) { .stella-mini .sm-rapidas { display:none; } }

/* Un saludo visible y un contador reservado para mensajes reales sin leer. */
.stella-aviso{display:flex;flex-direction:column;gap:var(--e1);max-width:244px;font-size:var(--fs-sm);font-weight:500;line-height:1.4}
.stella-aviso-marca{display:flex;align-items:center;gap:var(--e2);color:var(--cyan);font-size:var(--fs-xs);font-weight:800}
.stella-aviso-marca img{width:22px;height:22px;object-fit:contain}
.stella-aviso-abrir{color:var(--suave);font-size:var(--fs-xs);font-weight:600}
.stella-mini .sm-instalar{display:flex;align-items:center;gap:var(--e3);flex-shrink:0;padding:var(--e3) var(--e4);border-bottom:1px solid var(--cyan-borde);background:var(--cyan-fondo);color:var(--texto);text-decoration:none}
.stella-mini .sm-instalar img{width:28px;height:28px;flex-shrink:0;object-fit:contain}
.stella-mini .sm-instalar span{flex:1;min-width:0}
.stella-mini .sm-instalar strong{display:block;font-size:var(--fs-sm)}
.stella-mini .sm-instalar small{display:block;color:var(--suave);font-size:var(--fs-xs)}
.stella-mini .sm-instalar svg{width:20px;height:20px;flex-shrink:0;color:var(--cyan)}
@media(max-width:600px){
 .stella-aviso{bottom:calc(16px + env(safe-area-inset-bottom));right:132px;max-width:calc(100vw - 148px);padding:var(--e2) var(--e3)}
 .stella-aviso-abrir{display:none}
}

/* La burbuja de Mi STELLA con el aspecto del botón "¿Te ayudo?" del diseño. */
.ayudante, .ayudante.stella-lanzador { width: auto; min-height: 52px; padding: 13px 20px; gap: 10px; right: 25px; bottom: 24px; border: 1px solid #c56967; border-radius: 50px; background: #10223e; color: var(--text); box-shadow: 0 4px 28px #0005; font-size: 14px; font-weight: 400; }
.stella-lanzador svg, .ayudante svg { width: 21px; height: 21px; color: var(--accent); stroke: var(--accent); }
.stella-contador { background: var(--pink); border-color: #061122; }
.stella-aviso { right: 25px; bottom: 88px; width: 248px; max-width: calc(100vw - 30px); padding: 15px 16px; border: 1px solid #495f7f; border-radius: 11px; background: #0a1629; color: var(--text); box-shadow: 0 10px 35px #0006; }
.stella-aviso:hover { border-color: #f28d8b; background: #081b37; }
.stella-aviso-marca { color: var(--accent); letter-spacing: 1px; }
.stella-aviso-abrir { color: var(--accent); }
.stella-mini { background: #081324; border-color: #445a7b; border-radius: 14px; }
.stella-mini .sm-cabecera, .stella-mini .sm-composer { background: #0a1629; }
.vuelta-chat { background: #0a1629; border-radius: 12px; }
@media (max-width: 600px) {
  .ayudante, .ayudante.stella-lanzador { min-height: 48px; padding: 11px 16px; right: 15px; bottom: calc(15px + env(safe-area-inset-bottom)); font-size: 13px; gap: 8px; }
  .stella-aviso { right: 15px; bottom: calc(76px + env(safe-area-inset-bottom)); width: 228px; }
}

/* /guia: los 4 pasos de cada equipo con captura (21/10/2026). El chat de la
   demo enlaza a #celu, #tele, #fire y #compu. */
.g-pasos { padding-top: 34px; }
.g-pasos > h2 { font-size: 31px; margin-bottom: 16px; }
.gp-equipos { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.gp-equipos a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1px solid #975554; border-radius: 999px; background: #0d213d; color: #deecff; font-size: 14px; text-decoration: none; }
.gp-equipos a:hover { border-color: var(--accent); background: #243857; }
.gp-equipo { padding-top: 26px; scroll-margin-top: 90px; }
.gp-equipo:target h3 { color: var(--accent); }
.gp-equipo h3 { font-size: 21px; margin-bottom: 14px; }
.gp-lista { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; counter-reset: gp; }
.gp-lista.gp-cel { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.gp-lista li { counter-increment: gp; border: 1px solid #653130; background: #06152c; border-radius: 11px; overflow: hidden; }
.gp-lista img { display: block; width: 100%; height: auto; }
.gp-lista p { padding: 14px 16px 16px; font-size: 16px; line-height: 1.5; }
.gp-lista p::before { content: counter(gp); display: inline-grid; place-items: center; width: 28px; height: 28px; margin-right: 10px; border-radius: 50%; background: #cb313d; color: #fff; font-weight: 700; font-size: 15px; vertical-align: 1px; }
.gp-lista a, .gp-nota a { color: var(--accent); }
.gp-nota { margin-top: 12px; padding: 12px 16px; border-left: 3px solid #d4ad6a; background: #171d27; border-radius: 0 9px 9px 0; font-size: 15px; }
.gp-entrar { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; align-items: center; margin-top: 30px; padding: 22px; border: 1px solid #9d5150; background: #0d213d; border-radius: 11px; }
.gp-entrar img { width: 100%; height: auto; border-radius: 9px; }
.gp-entrar h3 { font-size: 23px; margin-bottom: 10px; }
.gp-entrar p { font-size: 16px; margin-bottom: 16px; }
@media (max-width: 800px) {
  .gp-lista.gp-cel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .gp-lista, .gp-lista.gp-cel { grid-template-columns: 1fr; }
  .gp-entrar { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .gp-entrar img { max-width: 220px; }
  .gp-entrar .btn { width: 100%; }
}

/* Letra (25/10/2026, opción C «Noche de partido»): Chivo para títulos, Onest para el texto.
   Woff2 variables recortadas a latín, servidas desde /fuentes/ (OFL). Si cambia una fuente, cambiá el -v1 del nombre: /fuentes/ tiene caché de un año. */
@font-face{font-family:'Chivo';src:url(/fuentes/chivo-latin-v1.woff2) format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'Onest';src:url(/fuentes/onest-latin-v1.woff2) format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
h1,h2,h3,.brand,.price,.plan-card .plan-name,.plan-card h3,.hero-price strong,.final-section h2{font-family:'Chivo',Arial,sans-serif}
h1{font-weight:800;letter-spacing:-1.4px}h2,.final-section h2{font-weight:800;letter-spacing:-.8px}

/* Tablas en el celular (25/10/2026): cada fila es un bloque, con el nombre del dato arriba (chico, a la izquierda) y el valor abajo como texto normal.
   Antes la celda era flex con space-between y text-align:right: cada pedazo de texto y cada link o negrita del valor quedaba como una columna aparte.
   Vale para la tabla de la home (.compare-wrap, nombre en el th) y la de planes de /precios y /renovar (.tabla-planes, nombre en el data-label). /revendedores ya era así. */
/* Tablas de las guías (.article-body): heredaban overflow-wrap:anywhere del texto, y en el celular la tabla achicaba las columnas cortando las palabras por la mitad («Stell aTV», «Reprodu ctor»). Con break-word cada columna es al menos tan ancha como su palabra más larga y la tabla se desliza, como ya avisa «Deslizá para ver la tabla completa». */
.article-body table { overflow-wrap: break-word; }
/* Los links dentro de la tabla de la home se veían igual que el texto (también en la compu): van subrayados, como en el resto de las páginas. */
.compare-wrap td a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 600px) {
  .compare-wrap tbody tr { padding: 15px 16px; }
  .compare-wrap tbody tr:first-child { border-top: 0; }
  .compare-wrap th { display: block; padding: 0 0 5px; border: 0; background: none; font-size: 13px; font-weight: 600; line-height: 1.4; color: #acc2e2; }
  .compare-wrap td { display: block; padding: 0; text-align: left; line-height: 1.65; overflow-wrap: break-word; }
  .compare-wrap td:not([data-label]):before { content: none; }
  .compare-wrap td[data-label]:before { display: block; margin-bottom: 5px; font-size: 13px; }
  .article-page .tabla-planes td { display: block; padding: 8px 0; text-align: left; overflow-wrap: break-word; }
  .article-page .tabla-planes td:before { display: block; max-width: none; margin-bottom: 3px; font-size: 12px; line-height: 1.4; }
  .article-page .tabla-planes td[data-label="Plan"] { padding-top: 0; }
  .article-page .tabla-planes td[data-label="Plan"] .table-recommended { margin-top: 8px; }
  .article-page .tabla-planes td:last-child { padding-top: 12px; }
  .article-page .rv-table td, .article-page .rv-table th { overflow-wrap: break-word; }
}

/* Pasos numerados de las guías (25/10/2026): `ol.steps` dentro de .article-body tomaba la grilla de 3 columnas y el list-style:none de los pasos de la portada (.steps), que numeran con un <span class="step-number"> que las guías no tienen, y el padding-left:23px de .article-body ol. Quedaban sin número, 23 px más adentro que el texto y, en la compu, en 3 columnas. Ahora van en una columna, alineados con el texto y con el mismo número que .article-step (01, 02…). */
.article-body ol.steps { grid-template-columns: 1fr; gap: 14px; padding-left: 0; counter-reset: article-step; }
.article-body ol.steps > li { position: relative; padding: 6px 0 0 40px; }
.article-body ol.steps > li:before { counter-increment: article-step; content: counter(article-step, decimal-leading-zero); position: absolute; left: 0; top: 7px; color: var(--accent); font-size: 13px; line-height: 28.8px; }
.article-page span.path { padding: 1px 6px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* Tablas de hora por país (bloque horarios-pais de /donde-ver-f1, /superclasico y /ver-futbol-gratis). En la compu, tabla; en el celular, una tarjeta por fila con la hora de cada país. */
.article-page .tabla-pais { min-width: 0; width: 100%; }
.article-page .tabla-pais th, .article-page .tabla-pais td { padding: 12px 10px; text-align: left; }
.article-page .tabla-pais td { white-space: nowrap; }
.article-page .tabla-pais tbody th { color: #fff; font-weight: 600; min-width: 140px; }
@media (max-width: 600px) {
  .article-page .tw-pais { border: 0; overflow: visible; }
  .article-page .tabla-pais, .article-page .tabla-pais tbody, .article-page .tabla-pais tr, .article-page .tabla-pais th, .article-page .tabla-pais td { display: block; width: 100%; min-width: 0; }
  .article-page .tabla-pais thead { display: none; }
  .article-page .tabla-pais tr { border: 1px solid #324867; border-radius: 10px; padding: 12px 14px; margin-bottom: 10px; }
  .article-page .tabla-pais th, .article-page .tabla-pais td { border: 0; padding: 3px 0; background: none; }
  .article-page .tabla-pais tbody th { font-size: 16px; padding-bottom: 6px; }
  .article-page .tabla-pais td { display: flex; justify-content: space-between; gap: 12px; text-align: right; white-space: normal; }
  .article-page .tabla-pais td:before { content: attr(data-label); color: #a3bde2; text-align: left; }
}
/* WEB-09 (auditoría 26/10): los links dentro de un párrafo van subrayados, no solo de otro color. Especificidad 0 (:where), así no pisa reglas propias como las del hero. */
:where(main) :where(p) a:where(:not([class*="btn"])){text-decoration:underline;text-underline-offset:3px}
/* Revisión final (26/10): la insignia de la burbuja va dentro del botón y no sobresale sobre la página. Sin mensajes: un punto de 8 px en el borde derecho del botón. Con mensajes sin leer: el número, al lado de «Chat». Reemplaza al globo del saludo, que ya no se muestra. */
.ayudante .stella-contador{position:absolute;top:8px;right:8px;width:8px;min-width:0;height:8px;padding:0;border:0;font-size:0;line-height:0}
.ayudante .stella-contador.stella-contador-num{position:static;width:auto;min-width:20px;height:20px;padding:0 4px;margin-left:2px;font-size:var(--fs-xs);line-height:1}
/* Botón «Chat» mientras se baja o se sube por la página (26/10, pedido de Axel): se esconde para no tapar contenido y vuelve 700 ms después de parar (sitio.js agrega y saca .chat-oculto). Sigue en el orden del teclado: al recibir el foco vuelve a verse. Con movimiento reducido no hay animación, solo se esconde y aparece. */
.ayudante{transition:transform .2s,box-shadow .2s,bottom .2s,opacity .2s}
.ayudante.chat-oculto{opacity:0;pointer-events:none;transform:translateY(12px)}
@media (prefers-reduced-motion: reduce){.ayudante{transition:none}.ayudante.chat-oculto{transform:none}}