:root{--bg:#090909;--bg-2:#11100f;--surface:#151412;--surface-2:#201c18;--line:rgba(255,255,255,.11);--text:#fffaf5;--muted:#b8afa7;--primary:#ff7200;--primary-dark:#211006;--blue:#ffad52;--orange:#ff7200;--red:#ff5a42;--max:1180px;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:-30vh -20vw auto;z-index:-1;height:70vh;background:radial-gradient(circle at 60% 20%,rgba(36,126,198,.16),transparent 38%),radial-gradient(circle at 20% 30%,rgba(82,241,190,.08),transparent 30%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.section{max-width:var(--max);margin:auto;padding:104px 24px}.topbar{height:74px;padding:0 max(24px,calc((100vw - var(--max))/2 + 24px));display:flex;align-items:center;gap:32px;position:sticky;top:0;z-index:50;background:rgba(6,16,30,.82);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.1rem;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--primary),#34cfa6);color:#06201a;font-weight:900}.desktop-nav{display:flex;gap:25px;margin:auto;font-size:.89rem;color:#b8c6d5}.desktop-nav a:hover,.footer-main a:hover{color:var(--primary)}.button{border:0;border-radius:12px;min-height:49px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:700;cursor:pointer;transition:.25s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--primary);color:#062019;box-shadow:0 10px 30px rgba(70,231,179,.16)}.button-primary:hover{background:#8bface}.button-secondary{border:1px solid var(--line);background:rgba(255,255,255,.04)}.button-ghost{border:1px solid var(--line);background:transparent}.button-light{background:white;color:#081626}.button-small{min-height:42px;padding:0 16px;font-size:.84rem}.button-full{width:100%}.menu-button,.mobile-menu{display:none}.hero{min-height:680px;padding-top:110px;display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center}.eyebrow,.kicker{font-weight:800;font-size:.73rem;letter-spacing:.14em;text-transform:uppercase;color:var(--primary)}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(118,241,194,.18);border-radius:99px;background:rgba(118,241,194,.06)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px var(--primary)}h1{font-size:clamp(3.2rem,6vw,5.6rem);line-height:.99;letter-spacing:-.065em;margin:24px 0}h1 span,.promo-card h2 span{color:var(--primary)}.hero-copy>p{font-size:1.12rem;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:12px;margin:32px 0}.trust-row{display:flex;gap:24px;flex-wrap:wrap;color:#b1c0ce;font-size:.78rem}.trust-row span::first-letter{color:var(--primary)}.hero-panel{border:1px solid var(--line);border-radius:28px;padding:25px;background:linear-gradient(150deg,rgba(17,37,59,.95),rgba(8,23,39,.95));box-shadow:var(--shadow);transform:rotate(1deg);position:relative}.hero-panel:before{content:"";position:absolute;inset:-12px;z-index:-1;border-radius:34px;border:1px solid rgba(118,241,194,.08)}.panel-head{display:flex;justify-content:space-between;align-items:start;padding-bottom:19px;border-bottom:1px solid var(--line)}.panel-head div{display:grid}.panel-head small{font-size:.66rem;color:var(--muted);letter-spacing:.12em}.panel-head strong{font-size:1.2rem}.secure-pill{font-size:.7rem;color:var(--primary);background:rgba(118,241,194,.07);padding:5px 9px;border-radius:99px}.mini-service{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.mini-service div:nth-child(2){display:grid}.mini-service small{color:var(--muted);font-size:.75rem}.service-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#1a2d43;font-weight:900}.netflix{color:#ff3245;background:#2a141c}.spotify{color:#56e98c;background:#112c21}.canva{color:#74d9ff;background:#102938}.youtube{color:#ff666e;background:#2b151c}.status{font-size:.66rem;font-weight:800;border-radius:99px;padding:5px 9px}.status.active{color:#72e7b5;background:rgba(64,213,162,.1)}.status.warning{color:#ffd270;background:rgba(255,190,63,.1)}.status.today{color:var(--orange);background:rgba(255,143,70,.1)}.panel-link{display:flex;justify-content:space-between;color:var(--primary);font-weight:700;font-size:.83rem;padding-top:20px}.benefits-strip{border-block:1px solid var(--line);background:rgba(255,255,255,.018);display:grid;grid-template-columns:repeat(4,1fr);padding:28px max(24px,calc((100vw - var(--max))/2 + 24px))}.benefits-strip>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;padding:2px 22px;border-right:1px solid var(--line)}.benefits-strip>div:last-child{border:0}.benefits-strip span{grid-row:1/3;color:var(--primary);font-size:1.3rem}.benefits-strip strong{font-size:.84rem}.benefits-strip small{color:var(--muted);font-size:.7rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:38px}.section-heading h2,.form-intro h2,.renew-visual h2,.support-copy h2{font-size:clamp(2rem,4vw,3.15rem);line-height:1.12;letter-spacing:-.045em;margin:9px 0 8px}.section-heading p,.form-intro p,.renew-visual p,.support-copy p{color:var(--muted);margin:0}.section-heading.centered{text-align:center;justify-content:center}.text-link{color:var(--primary);font-size:.84rem;font-weight:700}.catalog-tools{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:28px}.search-box{width:min(380px,100%);display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:0 14px}.search-box input{width:100%;height:46px;background:transparent;border:0;color:white;outline:0}.filters{display:flex;gap:8px;overflow:auto;padding:2px}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:99px;padding:9px 14px;cursor:pointer;white-space:nowrap;font-size:.75rem}.filter.active{background:var(--primary);border-color:var(--primary);color:#062019;font-weight:800}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{display:flex;flex-direction:column;min-height:318px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,rgba(16,35,56,.88),rgba(8,21,36,.88));transition:.25s ease}.service-card:hover{transform:translateY(-4px);border-color:rgba(118,241,194,.28);box-shadow:0 18px 45px rgba(0,0,0,.2)}.service-card-head{display:flex;justify-content:space-between;align-items:start}.category-chip{font-size:.62rem;color:var(--muted);border:1px solid var(--line);padding:4px 7px;border-radius:99px}.service-card h3{margin:17px 0 5px;font-size:1.08rem}.service-card p{font-size:.75rem;color:var(--muted);margin:0 0 auto}.service-meta{display:flex;justify-content:space-between;align-items:end;margin:20px 0 14px}.service-meta small{display:block;color:var(--muted);font-size:.63rem}.price{font-size:1.28rem;font-weight:800}.availability{color:#6ae0b0;font-size:.65rem}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.card-actions button{border:1px solid var(--line);border-radius:9px;min-height:39px;background:transparent;color:white;font-weight:700;font-size:.7rem;cursor:pointer}.card-actions button:last-child{background:var(--primary);color:#062019;border-color:var(--primary)}.empty-state{text-align:center;padding:70px 20px;border:1px dashed var(--line);border-radius:var(--radius)}.empty-state span{font-size:2rem}.empty-state h3{margin-bottom:0}.empty-state p{color:var(--muted)}.process-section{max-width:none;background:#081523}.process-section>*{max-width:var(--max);margin-inline:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article{position:relative;padding:28px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02)}.steps article>span{position:absolute;right:21px;top:18px;color:#23384c;font-size:2rem;font-weight:800}.step-icon{width:45px;height:45px;border-radius:12px;background:rgba(118,241,194,.1);color:var(--primary);display:grid;place-items:center;font-size:1.2rem}.steps h3{margin:22px 0 5px}.steps p{color:var(--muted);font-size:.84rem;margin:0}.promo-card{min-height:390px;border-radius:30px;padding:54px 60px;background:linear-gradient(120deg,#143e5b,#105f67 55%,#138977);display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;position:relative}.promo-label{font-size:.7rem;font-weight:800;letter-spacing:.12em;background:rgba(0,0,0,.18);padding:7px 10px;border-radius:99px}.promo-card h2{font-size:clamp(2.2rem,5vw,4rem);line-height:1.02;letter-spacing:-.05em;margin:20px 0 12px}.promo-card p{color:#d4eced;max-width:470px}.promo-visual{height:280px;position:relative}.promo-center,.orbit{position:absolute;display:grid;place-items:center;border-radius:50%;font-weight:900;box-shadow:0 20px 60px rgba(0,0,0,.25)}.promo-center{width:110px;height:110px;background:white;color:#126f6c;font-size:3rem;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit{width:68px;height:68px;background:#0b1722;border:1px solid rgba(255,255,255,.2)}.orbit-one{left:9%;top:8%;color:#ff3245}.orbit-two{right:7%;top:15%;color:#a7d4ff}.orbit-three{right:16%;bottom:0;color:#b8dfff}.form-zone,.support-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.form-intro,.support-copy{position:sticky;top:110px}.info-note{display:grid;gap:3px;margin-top:30px;padding:19px;border-left:3px solid var(--primary);background:rgba(118,241,194,.05);font-size:.78rem}.info-note span{color:var(--muted)}.smart-form,.compact-form-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.form-progress{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:20px}.progress-label{font-weight:800;color:white}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:7px;margin-bottom:16px;font-size:.78rem;font-weight:700}label small{color:var(--muted);font-weight:500}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#091727;color:white;padding:12px 13px;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:rgba(118,241,194,.55);box-shadow:0 0 0 3px rgba(118,241,194,.07)}textarea{resize:vertical}.form-error{background:rgba(255,107,118,.1);color:#ff9ba3;border:1px solid rgba(255,107,118,.2);padding:10px;border-radius:9px;font-size:.75rem;margin-bottom:14px}.privacy-note{display:block;color:var(--muted);font-size:.67rem;text-align:center;margin-top:12px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;background:linear-gradient(120deg,transparent,rgba(54,145,204,.05))}.compact-form-card h2{font-size:2rem;margin:8px 0}.compact-form-card>p{color:var(--muted);font-size:.84rem}.demo-label{margin-top:15px;text-align:center;color:#71869a;font-size:.64rem}.renew-visual{padding:40px}.renew-stat{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}.renew-stat>div{padding:20px;border:1px solid var(--line);border-radius:15px;display:grid}.renew-stat span{color:var(--muted);font-size:.75rem}.demo-badge{color:#9bb0c3;border:1px solid var(--line);border-radius:99px;padding:7px 10px;font-size:.67rem}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.account-card{padding:22px;border:1px solid var(--line);border-radius:19px;background:var(--surface)}.account-top{display:flex;justify-content:space-between}.account-card h3{font-size:1.25rem}.account-details{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);margin:14px 0}.account-details span{display:grid;padding:13px 4px;color:var(--muted);font-size:.66rem}.account-details strong{color:white;font-size:.78rem}.account-details .paid{color:var(--primary)}.account-details .pending,.account-details .soon{color:#ffd270}.account-details .today-text{color:var(--orange)}.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.account-actions button{border:1px solid var(--line);border-radius:9px;background:transparent;color:white;padding:9px;cursor:pointer;font-weight:700;font-size:.7rem}.account-actions button:first-child{background:rgba(118,241,194,.08);color:var(--primary)}.security-banner{display:flex;align-items:center;gap:15px;margin-top:17px;padding:18px 22px;border:1px solid rgba(108,167,255,.16);background:rgba(108,167,255,.045);border-radius:15px}.security-banner>span{font-size:1.5rem;color:var(--blue)}.security-banner p{margin:0;color:var(--muted);font-size:.75rem}.support-options{display:grid;gap:8px;margin-top:25px}.support-option{border:1px solid var(--line);border-radius:12px;padding:13px 15px;background:transparent;color:#c3d0dc;text-align:left;cursor:pointer;font-size:.78rem}.support-option.active{color:var(--primary);border-color:rgba(118,241,194,.35);background:rgba(118,241,194,.06)}.smart-form h3{margin-top:0}.faq-section{max-width:900px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 3px;background:none;border:0;color:white;text-align:left;font-weight:700;cursor:pointer}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--muted);font-size:.85rem}.faq-item.open .faq-answer{max-height:130px}.faq-answer p{margin:0 0 21px}.faq-question span{font-size:1.2rem;color:var(--primary)}footer{border-top:1px solid var(--line);background:#040c16;padding:60px max(24px,calc((100vw - var(--max))/2 + 24px)) 24px}.footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.footer-main>div{display:flex;flex-direction:column;align-items:start;gap:9px}.footer-main p{color:var(--muted);font-size:.8rem;max-width:340px}.footer-main strong{margin-bottom:10px;font-size:.8rem}.footer-main a:not(.brand){color:var(--muted);font-size:.76rem}.footer-main .whatsapp-link{color:var(--primary)!important}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:45px;padding-top:20px;color:#64778b;font-size:.68rem}.floating-whatsapp{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:99px;background:#21c771;color:white;box-shadow:0 12px 35px rgba(0,0,0,.35);font-weight:800;font-size:.78rem}.floating-whatsapp em{font-style:normal}.modal{width:min(620px,calc(100% - 28px));max-height:90vh;overflow:auto;color:white;background:#0b192a;border:1px solid var(--line);border-radius:24px;padding:0;box-shadow:var(--shadow)}.modal::backdrop{background:rgba(1,7,13,.78);backdrop-filter:blur(6px)}.modal-close{position:sticky;float:right;top:15px;right:15px;z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#14263a;color:white;cursor:pointer}.detail-content{padding:36px}.detail-hero{display:flex;gap:18px;align-items:center;margin-bottom:25px}.detail-hero .service-icon{width:60px;height:60px;font-size:1.3rem}.detail-hero h2{margin:0;font-size:2rem}.detail-hero p{margin:0;color:var(--muted)}.detail-price{padding:18px;background:rgba(118,241,194,.05);border:1px solid rgba(118,241,194,.12);border-radius:15px;display:flex;justify-content:space-between}.detail-section{margin:25px 0}.detail-section h4{margin-bottom:8px}.detail-section ul{padding-left:20px;color:var(--muted);font-size:.85rem}.detail-note{padding:13px;background:rgba(255,255,255,.035);border-radius:10px;color:var(--muted);font-size:.75rem}.summary-head{text-align:center;padding:38px 36px 18px}.success-icon{width:54px;height:54px;margin:auto;border-radius:50%;display:grid;place-items:center;background:rgba(118,241,194,.12);color:var(--primary);font-size:1.5rem}.summary-head h2{margin-bottom:4px}.summary-head p{color:var(--muted);font-size:.8rem}.summary-list{margin:0 32px 22px;padding:16px;border:1px solid var(--line);border-radius:14px}.summary-list div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;font-size:.75rem;border-bottom:1px solid var(--line)}.summary-list div:last-child{border:0}.summary-list span{color:var(--muted)}.summary-actions{padding:0 32px 32px}.toast{position:fixed;left:50%;bottom:25px;z-index:90;transform:translate(-50%,120px);padding:12px 18px;border:1px solid var(--line);border-radius:12px;background:#12253a;box-shadow:var(--shadow);transition:.3s;font-size:.8rem}.toast.show{transform:translate(-50%,0)}.reveal{animation:fadeUp .65s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:960px){.desktop-nav,.desktop-only{display:none}.menu-button{display:block;margin-left:auto;background:transparent;border:0;color:white;font-size:1.5rem}.mobile-menu{position:absolute;left:16px;right:16px;top:66px;background:#0c1b2d;border:1px solid var(--line);border-radius:15px;padding:12px;box-shadow:var(--shadow)}.mobile-menu.open{display:grid}.mobile-menu a{padding:11px;border-radius:8px}.hero{grid-template-columns:1fr;gap:45px;padding-top:75px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-panel{max-width:560px;margin:auto;width:100%}.benefits-strip{grid-template-columns:1fr 1fr}.benefits-strip>div:nth-child(2){border:0}.benefits-strip>div{margin:9px 0}.service-grid{grid-template-columns:repeat(3,1fr)}.form-zone,.support-section{gap:35px}.form-intro,.support-copy{position:static}.account-grid{grid-template-columns:1fr 1fr}.account-card:last-child{grid-column:1/-1}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-main>div:last-child{grid-column:2}.promo-card{padding:45px}}
@media(max-width:720px){.section{padding:76px 18px}.topbar{height:66px;padding-inline:18px}.hero{padding-top:58px;min-height:auto}.hero-copy{text-align:left}.hero-actions,.trust-row{justify-content:flex-start}.hero-actions{display:grid}.trust-row{gap:10px 16px}h1{font-size:3.25rem}.benefits-strip{padding:19px 12px}.benefits-strip>div{padding:5px 12px}.benefits-strip small{display:none}.section-heading{align-items:start}.section-heading .text-link{display:none}.catalog-tools{display:grid}.search-box{width:100%}.filters{width:calc(100vw - 36px)}.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:300px}.steps{grid-template-columns:1fr}.promo-card{grid-template-columns:1fr;padding:34px 25px}.promo-visual{height:220px}.form-zone,.support-section,.split-section{grid-template-columns:1fr}.form-zone{gap:28px}.field-row{grid-template-columns:1fr}.compact-form-card{padding:22px}.renew-visual{padding:10px}.account-grid{grid-template-columns:1fr}.account-card:last-child{grid-column:auto}.support-options{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.footer-main>div:last-child{grid-column:auto}.footer-bottom{display:grid;gap:5px}.floating-whatsapp em{display:none}.floating-whatsapp{width:50px;height:50px;padding:0;justify-content:center}.modal{border-radius:20px}.detail-content{padding:28px 21px}.summary-list{margin-inline:20px}.summary-actions{padding-inline:20px}}
@media(max-width:480px){h1{font-size:2.8rem}.service-grid{grid-template-columns:1fr}.service-card{min-height:275px}.benefits-strip{grid-template-columns:1fr 1fr}.benefits-strip strong{font-size:.74rem}.support-options{grid-template-columns:1fr}.hero-panel{padding:18px}.status{font-size:.57rem}.promo-card h2{font-size:2.5rem}.footer-main{gap:30px 18px}.section-heading h2,.form-intro h2,.renew-visual h2,.support-copy h2{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Selección múltiple y pedido */
.text-button{border:0;background:transparent;cursor:pointer}.cart-top{gap:8px}.cart-count{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:99px;background:var(--primary);color:#062019;font-size:.7rem}.service-card.selected{border-color:rgba(118,241,194,.55);box-shadow:0 0 0 1px rgba(118,241,194,.14),0 18px 45px rgba(0,0,0,.2)}.service-card.selected .card-actions button:last-child{background:rgba(118,241,194,.12);color:var(--primary)}.plan-line{display:grid;gap:2px;margin-top:16px;padding:11px 12px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.plan-line span{font-size:.61rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.plan-line strong{font-size:.75rem}.service-meta>div{display:grid;grid-template-columns:auto auto;align-items:end;gap:7px}.service-meta>div small{grid-column:1/-1}.order-section{max-width:var(--max)}.order-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:start}.order-selection{padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,rgba(16,35,56,.92),rgba(8,21,36,.92));position:sticky;top:94px}.order-head{display:flex;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.order-head>div{display:grid}.order-head small{color:var(--muted);font-size:.7rem}.clear-cart{border:0;background:transparent;color:#ff9ba3;cursor:pointer;font-size:.72rem}.cart-items{display:grid;gap:10px;padding:16px 0}.cart-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.cart-item .service-icon{width:39px;height:39px;border-radius:10px;font-size:.76rem}.cart-item>div:nth-child(2){display:grid}.cart-item span{color:var(--muted);font-size:.65rem}.cart-item b{font-size:.78rem}.cart-item button{width:29px;height:29px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.cart-empty{display:grid;place-items:center;text-align:center;padding:32px 15px;color:var(--muted)}.cart-empty>span{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:rgba(118,241,194,.08);color:var(--primary);font-size:1.4rem;margin-bottom:10px}.cart-empty strong{color:white}.cart-empty p{margin:3px 0;font-size:.74rem}.add-more-link{display:block;text-align:center;padding:11px;border:1px dashed rgba(118,241,194,.25);border-radius:11px;color:var(--primary);font-size:.74rem;font-weight:700}.order-total{display:flex;justify-content:space-between;align-items:end;margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.order-total span{color:var(--muted);font-size:.72rem}.order-total strong{font-size:1.45rem}.fixed-plan{display:grid;gap:3px;margin:16px 0 22px;padding:16px;border:1px solid rgba(108,167,255,.18);border-radius:14px;background:rgba(108,167,255,.055)}.fixed-plan span{font-size:.67rem;color:var(--blue);text-transform:uppercase;letter-spacing:.09em;font-weight:800}.fixed-plan small{color:var(--muted);font-size:.7rem}.mobile-cart-bar{display:none}.order-layout .smart-form{box-shadow:none}
@media(max-width:720px){body{padding-bottom:74px}.order-layout{grid-template-columns:1fr}.order-selection{position:static;padding:20px}.mobile-cart-bar:not([hidden]){position:fixed;z-index:70;left:12px;right:12px;bottom:12px;min-height:54px;padding:0 18px;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:var(--primary);color:#062019;display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 40px rgba(0,0,0,.45);font-weight:800}.mobile-cart-bar .cart-count{background:#062019;color:var(--primary)}.floating-whatsapp{bottom:82px}.cart-item{grid-template-columns:auto 1fr auto}.cart-item b{grid-column:2}.cart-item button{grid-column:3;grid-row:1/3}.service-card{min-height:340px}}

/* V3: recorrido directo y compacto */
.hero{min-height:420px;grid-template-columns:1fr;padding-top:82px;padding-bottom:62px}.hero-copy{max-width:820px}.hero-copy>p{max-width:690px}.hero h1{font-size:clamp(3rem,6vw,5.2rem);max-width:760px}.catalog-section{padding-top:72px}.service-card p{font-size:.84rem;line-height:1.55}.plan-line strong,.cart-item span,.order-head small,.order-total span,.add-more-link,.privacy-note{font-size:.75rem}label{font-size:.875rem}.card-actions button{font-size:.78rem}.checkout-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:-4px 0 22px}.checkout-steps span{padding:8px 6px;border-radius:8px;background:rgba(255,255,255,.035);color:var(--muted);font-size:.68rem;text-align:center}.checkout-steps .done{color:var(--primary);background:rgba(118,241,194,.07)}.checkout-steps .current{color:white;border:1px solid rgba(118,241,194,.22)}.process-section{padding-top:72px;padding-bottom:72px}.steps article{padding:23px}.faq-section{padding-top:82px}.smart-form input,.smart-form select,.smart-form textarea,.compact-form-card input,.compact-form-card select{min-height:48px}.cart-empty p{font-size:.78rem}
@media(max-width:720px){.hero{min-height:auto;padding-top:54px;padding-bottom:52px}.hero h1{font-size:clamp(2.75rem,14vw,4rem);margin:19px 0}.hero-copy>p{font-size:1rem}.catalog-section{padding-top:58px}.section-heading{margin-bottom:26px}.service-grid{gap:11px}.service-card{min-height:0;padding:18px}.service-card p{font-size:.82rem}.process-section{padding-block:58px}.checkout-steps span{font-size:.64rem}.order-section{padding-top:62px}}

/* Identidad visual Also Store */
.brand-logo{width:42px;height:42px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px rgba(255,114,0,.35),0 8px 24px rgba(255,87,0,.18)}.topbar{background:rgba(9,9,9,.9)}body:before{background:radial-gradient(circle at 65% 5%,rgba(255,86,0,.16),transparent 34%),radial-gradient(circle at 18% 18%,rgba(255,143,0,.1),transparent 27%)}.button-primary,.filter.active,.card-actions button:last-child,.mobile-cart-bar:not([hidden]){background:linear-gradient(135deg,#ff8a00,#ff4d00);color:#160800;border-color:#ff7200}.button-primary:hover{background:linear-gradient(135deg,#ff9d26,#ff641f)}.service-card:hover,.service-card.selected{border-color:rgba(255,114,0,.46)}.service-card.selected{box-shadow:0 0 0 1px rgba(255,114,0,.16),0 18px 45px rgba(0,0,0,.28)}.service-card.selected .card-actions button:last-child{background:rgba(255,114,0,.13);color:#ff9d42}.eyebrow{border-color:rgba(255,114,0,.22);background:rgba(255,114,0,.07)}.order-selection{background:linear-gradient(150deg,rgba(34,25,19,.96),rgba(14,13,12,.96))}.smart-form,.compact-form-card{background:#171513}.process-section{background:#100e0d}.fixed-plan{border-color:rgba(255,114,0,.22);background:rgba(255,114,0,.055)}.fixed-plan span{color:#ff9d42}.plan-line small{display:block;margin-top:5px;color:#d2b9a5;font-size:.7rem;line-height:1.35;font-weight:600}.cart-item small{display:block;color:#c6aa94;font-size:.66rem;margin-top:2px}.availability{color:#ffad52}.live-dot{background:#ff7200;box-shadow:0 0 12px #ff7200}.category-chip{background:rgba(255,114,0,.035)}.service-card{background:linear-gradient(150deg,rgba(31,26,22,.95),rgba(14,13,12,.96))}.search-box,input,select,textarea{background:#120f0d}.checkout-steps .done{color:#ff9d42;background:rgba(255,114,0,.08)}.checkout-steps .current{border-color:rgba(255,114,0,.25)}.success-icon{background:rgba(255,114,0,.12)}.add-more-link{border-color:rgba(255,114,0,.3)}.cart-empty>span,.step-icon{background:rgba(255,114,0,.1)}.support-option.active{border-color:rgba(255,114,0,.4);background:rgba(255,114,0,.07)}.detail-price{background:rgba(255,114,0,.055);border-color:rgba(255,114,0,.15)}footer{background:#070605}.modal{background:#15120f}.modal-close{background:#241b15}.toast{background:#241b15}
@media(max-width:720px){.brand-logo{width:38px;height:38px}.topbar .brand span{font-size:1rem}}

/* V4: planes claros, contraste y armonía de marca */
.cart-top,.button-ghost{color:#fffaf5!important;border-color:rgba(255,126,32,.38);background:rgba(255,255,255,.055)}
.cart-top:hover{color:#fff!important;border-color:#ff7a16;background:rgba(255,114,0,.12)}
.cart-top .cart-count{color:#1a0900;background:linear-gradient(135deg,#ff9b2f,#ff5a00);font-weight:900}
.hero-copy>p{color:#d8cdc5}.hero h1 span{color:#ff7a16}.trust-row span{color:#d5c8be}
.service-card{border-color:rgba(255,255,255,.085)}.service-card h3{letter-spacing:-.025em}.service-card .price{color:#fff}
.availability{font-weight:800;font-size:.68rem}.availability:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#ff7a16;box-shadow:0 0 10px rgba(255,114,0,.8)}
.card-actions button{min-height:42px}.card-actions button:last-child{font-weight:900}
.plan-picker-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:25px 0 10px}.plan-picker-head span{font-weight:900}.plan-picker-head small{color:var(--muted);font-size:.68rem}
.plan-options{display:grid;gap:9px}.plan-option{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.025);transition:.2s}
.plan-option:hover,.plan-option.selected{border-color:rgba(255,114,0,.4);background:rgba(255,114,0,.055)}
.plan-option-copy{display:grid}.plan-option-copy>span{color:#ff9d42;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.plan-option-copy>strong{font-size:.82rem}.plan-option-copy>small{color:var(--muted);font-size:.66rem;margin-top:2px}
.plan-option-action{display:grid;justify-items:end;gap:7px}.plan-option-action b{font-size:.82rem}.plan-option-action button{min-width:82px;border:1px solid rgba(255,114,0,.34);border-radius:9px;padding:7px 11px;background:rgba(255,114,0,.1);color:#ffad62;font-size:.7rem;font-weight:900;cursor:pointer}.plan-option.selected .plan-option-action button{background:rgba(255,255,255,.06);border-color:var(--line);color:#d9c8ba}
.button-secondary.button-full{width:100%;margin-top:8px}.order-selection,.smart-form{border-color:rgba(255,139,54,.14)}
@media(max-width:560px){.plan-option{grid-template-columns:1fr;gap:12px}.plan-option-action{grid-template-columns:1fr auto;align-items:center;justify-items:stretch}.plan-option-action button{justify-self:end}.plan-picker-head{display:grid}.cart-top{color:white!important}}

/* V5: sistema visual cálido y formularios contextuales */
:root{--bg:#080706;--bg-2:#0e0c0a;--surface:#15120f;--surface-2:#1d1814;--line:rgba(255,177,108,.14);--text:#fffaf5;--muted:#b9ada4;--primary:#ff7817;--primary-dark:#261006;--blue:#ffc077;--orange:#ff7817;--shadow:0 24px 70px rgba(0,0,0,.48)}
body{background:linear-gradient(180deg,#080706 0%,#090807 48%,#070707 100%)}
body:before{background:radial-gradient(circle at 68% 3%,rgba(255,100,17,.15),transparent 32%),radial-gradient(circle at 12% 32%,rgba(255,158,66,.055),transparent 24%)}
.topbar{border-bottom-color:rgba(255,147,64,.13);box-shadow:0 10px 35px rgba(0,0,0,.22)}
.desktop-nav{color:#c8beb7}.desktop-nav a:hover{color:#ff9c4d}
.service-card{background:radial-gradient(circle at 100% 0,rgba(255,126,34,.055),transparent 38%),linear-gradient(150deg,#181410,#100e0c);border-color:rgba(255,177,108,.13);box-shadow:0 16px 36px rgba(0,0,0,.15)}
.service-card:hover{box-shadow:0 20px 48px rgba(0,0,0,.32),0 0 0 1px rgba(255,122,23,.08)}
.service-card-head{align-items:flex-start}.service-tags{display:grid;justify-items:end;gap:7px}.category-chip{font-size:.7rem;padding:5px 9px;color:#c9bdb4;background:rgba(255,255,255,.025)}
.availability{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:4px 8px;border:1px solid rgba(88,211,142,.18);border-radius:99px;background:rgba(67,190,122,.075);color:#86dda9!important;font-size:.7rem!important;line-height:1;font-weight:800}
.availability:before{content:"";width:6px;height:6px;margin:0;box-shadow:0 0 9px rgba(92,223,149,.6);background:#63d995}
.service-meta{display:block;margin:19px 0 15px}.service-meta>div{display:block}.service-meta small{margin-bottom:3px;font-size:.72rem}.service-card .price{display:block;white-space:nowrap;font-size:1.48rem;line-height:1.15;letter-spacing:-.035em}
.plan-line{border-color:rgba(255,177,108,.12);background:rgba(255,255,255,.025);padding:13px}.plan-line span{font-size:.68rem}.plan-line strong{font-size:.82rem}.plan-line small{color:#cab8aa;font-size:.74rem}
.button-primary,.filter.active,.card-actions button:last-child,.mobile-cart-bar:not([hidden]){background:linear-gradient(135deg,#ff941f,#ff5a0a);color:#1b0900;box-shadow:0 12px 26px rgba(255,91,10,.16)}
.button-primary:hover{background:linear-gradient(135deg,#ffa43d,#ff6c21)}
.smart-form,.compact-form-card,.order-selection{background:linear-gradient(145deg,rgba(27,23,20,.98),rgba(17,15,13,.98));border-color:rgba(255,177,108,.16)}
.split-section{background:radial-gradient(circle at 78% 50%,rgba(255,118,23,.07),transparent 35%)}
input,select,textarea,.search-box{background:#100e0c;border-color:rgba(255,177,108,.16)}
input:focus,select:focus,textarea:focus{border-color:rgba(255,126,32,.68);box-shadow:0 0 0 3px rgba(255,114,0,.09)}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#fffaf5;caret-color:#fffaf5;box-shadow:0 0 0 1000px #100e0c inset!important;transition:background-color 9999s ease-out}
select:disabled{color:#746b65;cursor:not-allowed;opacity:.72}
.activation-data{display:grid;gap:10px;margin:5px 0 18px;padding:16px;border:1px solid rgba(255,145,62,.2);border-radius:15px;background:linear-gradient(145deg,rgba(255,117,20,.07),rgba(255,255,255,.018))}
.activation-data[hidden]{display:none}.activation-heading{display:grid;padding-bottom:11px;border-bottom:1px solid rgba(255,177,108,.13)}.activation-heading>span{font-size:.88rem;font-weight:900}.activation-heading>small{color:var(--muted);font-size:.75rem}
.activation-block{display:grid;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(0,0,0,.12)}.activation-block>div:first-child{display:grid;margin-bottom:10px}.activation-block>div:first-child strong{font-size:.84rem}.activation-block>div:first-child small{color:#c4b3a6;font-size:.73rem}.activation-block label{margin-bottom:0}.activation-block .field-row{align-items:end}
.renew-stat>div{background:rgba(255,255,255,.02);border-color:rgba(255,177,108,.14)}.demo-label{color:#95867b;font-size:.72rem}
.privacy-note{font-size:.72rem;line-height:1.5}.checkout-steps span{font-size:.72rem}.checkout-steps .done{color:#ffac63;background:rgba(255,122,23,.09)}
@media(max-width:720px){.service-tags{gap:5px}.category-chip,.availability{font-size:.66rem!important}.service-card .price{font-size:1.42rem}.activation-data{padding:13px}.activation-block{padding:11px}}

/* V6: obsidiana tecnológica con acentos de marca */
:root{--bg:#070b14;--bg-2:#0b1120;--surface:#101827;--surface-2:#172134;--line:rgba(151,176,214,.16);--text:#f8faff;--muted:#aab5c7;--primary:#ff861c;--primary-dark:#2a1205;--blue:#51d2c9;--violet:#8b7cf6;--orange:#ff861c;--shadow:0 28px 80px rgba(0,4,14,.48)}
body{background:linear-gradient(180deg,#070b14 0%,#09101d 45%,#070b14 100%);color:var(--text)}
body:before{inset:0;z-index:-3;height:auto;background:radial-gradient(circle at 84% 8%,rgba(124,108,255,.12),transparent 27%),radial-gradient(circle at 8% 48%,rgba(45,201,192,.07),transparent 25%),radial-gradient(circle at 70% 82%,rgba(255,125,31,.06),transparent 26%)}
.topbar{background:rgba(6,10,19,.82);border-bottom-color:rgba(133,160,201,.15);box-shadow:0 12px 38px rgba(0,4,14,.28)}
.desktop-nav{color:#b8c3d5}.desktop-nav a:hover,.footer-main a:hover,.text-link{color:#63d9d1}
.hero{position:relative;isolation:isolate;max-width:none;overflow:hidden;min-height:510px;padding-left:max(24px,calc((100vw - var(--max))/2 + 24px));padding-right:max(24px,calc((100vw - var(--max))/2 + 24px));background:radial-gradient(circle at 79% 30%,rgba(139,124,246,.19),transparent 28%),radial-gradient(circle at 67% 76%,rgba(66,213,202,.11),transparent 27%),linear-gradient(125deg,#0a1020 0%,#10172a 54%,#151223 100%);border-bottom:1px solid rgba(111,139,181,.15)}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.32;background-image:linear-gradient(rgba(132,157,197,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(132,157,197,.12) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 8%,#000 48%,transparent 100%)}
.hero:after{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:8%;top:45%;transform:translateY(-50%);border:1px solid rgba(107,210,207,.12);border-radius:50%;box-shadow:0 0 0 55px rgba(125,111,240,.025),0 0 0 115px rgba(75,211,201,.018),inset 0 0 100px rgba(128,113,244,.055)}
.hero-copy{position:relative;width:100%;max-width:var(--max);margin-inline:auto}.hero-copy>p{color:#c0cad9}.hero h1 span{background:linear-gradient(100deg,#ff9b36,#ff6818);-webkit-background-clip:text;background-clip:text;color:transparent}.trust-row span{color:#c1cad8}.trust-row span::first-letter{color:#55d5cc}
.eyebrow{color:#70ded6;border-color:rgba(78,214,204,.25);background:rgba(48,184,177,.08)}.live-dot{background:#57d8cf;box-shadow:0 0 14px #57d8cf}
.catalog-section{position:relative;background:linear-gradient(180deg,rgba(11,17,31,.82),rgba(7,11,20,.38))}.kicker{color:#73dcd5}
.service-card{background:radial-gradient(circle at 100% 0,rgba(124,108,255,.08),transparent 40%),linear-gradient(150deg,rgba(18,28,46,.98),rgba(10,16,28,.98));border-color:rgba(136,163,204,.16)}
.service-card:hover,.service-card.selected{border-color:rgba(88,211,203,.43);box-shadow:0 22px 55px rgba(0,5,17,.38),0 0 0 1px rgba(80,210,201,.08)}
.service-card.selected .card-actions button:last-child{background:rgba(76,207,198,.12);color:#79e4dc;border-color:rgba(77,211,201,.35)}
.category-chip{color:#c5bfff;border-color:rgba(139,124,246,.23);background:rgba(124,108,255,.07)}
.plan-line{background:rgba(5,10,19,.42);border-color:rgba(134,160,200,.14)}.plan-line span{color:#8f9db2}.plan-line small{color:#b7c2d2}
.filter{border-color:rgba(139,160,195,.18);color:#aeb9ca}.filter.active{background:linear-gradient(135deg,#7669dc,#4daec0);border-color:transparent;color:white;box-shadow:0 9px 22px rgba(78,149,185,.16)}
.search-box,input,select,textarea{background:#0a111d;border-color:rgba(143,169,209,.18);color:#f7f9ff}
input:focus,select:focus,textarea:focus{border-color:rgba(77,211,201,.65);box-shadow:0 0 0 3px rgba(77,211,201,.09)}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#f8faff;box-shadow:0 0 0 1000px #0a111d inset!important}
.button-secondary{color:#f7f9ff;border-color:rgba(146,170,208,.2);background:rgba(255,255,255,.035)}.button-secondary:hover{border-color:rgba(78,211,202,.38);background:rgba(78,211,202,.06)}
.process-section{background:linear-gradient(120deg,#0a1220,#10172b 52%,#111329)}.steps article{background:linear-gradient(145deg,rgba(19,30,49,.88),rgba(12,19,33,.88));border-color:rgba(138,164,205,.16)}.step-icon{color:#69ddd5;background:rgba(66,206,197,.09)}.steps article>span{color:rgba(139,124,246,.28)}
.order-section{background:radial-gradient(circle at 90% 18%,rgba(139,124,246,.08),transparent 32%)}
.smart-form,.compact-form-card,.order-selection{background:linear-gradient(145deg,rgba(17,27,45,.98),rgba(10,16,28,.98));border-color:rgba(137,164,205,.18)}
.order-selection{box-shadow:0 22px 60px rgba(0,5,16,.22)}.checkout-steps .done{color:#6bddda;background:rgba(69,207,199,.08)}.checkout-steps .current{border-color:rgba(139,124,246,.33);background:rgba(124,108,255,.05)}
.activation-data,.renew-extra-fields{display:grid;gap:10px;margin:5px 0 18px;padding:16px;border:1px solid rgba(78,211,202,.2);border-radius:15px;background:linear-gradient(145deg,rgba(65,202,193,.065),rgba(124,108,255,.035))}
.activation-data[hidden],.renew-extra-fields[hidden]{display:none}.activation-heading{border-bottom-color:rgba(119,151,194,.17)}.activation-heading>span{color:#e8fbfa}.activation-block{border-color:rgba(132,160,202,.13);background:rgba(4,9,17,.24)}
.split-section{background:radial-gradient(circle at 74% 44%,rgba(77,211,201,.095),transparent 30%),linear-gradient(120deg,#09111d,#0d1525 55%,#111328)}.renew-stat>div{background:rgba(13,23,39,.75);border-color:rgba(119,151,197,.19)}
.support-section{background:radial-gradient(circle at 12% 25%,rgba(139,124,246,.07),transparent 27%)}.support-option{color:#bac5d7;border-color:rgba(133,159,199,.18)}.support-option.active{color:#73ddd6;border-color:rgba(75,211,201,.38);background:rgba(63,198,190,.075)}
.plan-option{background:rgba(8,14,25,.52);border-color:rgba(136,162,203,.16)}.plan-option:hover,.plan-option.selected{border-color:rgba(79,211,202,.42);background:rgba(63,199,191,.055)}.plan-option-copy>span{color:#70ddd5}.plan-option-action button{border-color:rgba(139,124,246,.36);background:rgba(124,108,255,.1);color:#c7c0ff}
.modal{background:linear-gradient(145deg,#111b2d,#0b1220);border-color:rgba(137,164,205,.2)}.modal-close{background:#172236;border-color:rgba(137,164,205,.18)}.detail-note,.summary-list{background:rgba(5,10,18,.28)}.success-icon{color:#6dddd6;background:rgba(68,207,198,.1)}
.add-more-link{color:#69d8d1;border-color:rgba(76,211,201,.28)}.cart-empty>span{color:#6eddd6;background:rgba(67,205,197,.08)}.toast{background:#162238;border-color:rgba(132,159,201,.2)}
footer{background:#050914;border-top-color:rgba(133,160,201,.14)}
@media(max-width:720px){.hero{min-height:auto;background:radial-gradient(circle at 80% 15%,rgba(139,124,246,.16),transparent 32%),linear-gradient(145deg,#0a1020,#11152a)}.hero:after{width:260px;height:260px;right:-85px;top:25%}.hero:before{background-size:40px 40px}.renew-extra-fields{padding:13px}}

/* V7: identidad digital continua y categorías coherentes */
:root{
  --bg:#07111f;
  --bg-2:#0a1627;
  --surface:#0f1c2e;
  --surface-2:#17263b;
  --line:rgba(163,184,215,.16);
  --text:#f5f8fc;
  --muted:#a7b4c7;
  --primary:#42d6cf;
  --primary-dark:#071b25;
  --blue:#5ea7ff;
  --violet:#786ff0;
  --orange:#42d6cf;
  --shadow:0 28px 80px rgba(1,8,22,.42)
}
html{background:#07111f}
body{background:#07111f;color:var(--text)}
body:before{display:none}
main{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 84% 6%,rgba(120,111,240,.16),transparent 25%),radial-gradient(circle at 4% 36%,rgba(66,214,207,.09),transparent 23%),radial-gradient(circle at 84% 70%,rgba(94,167,255,.07),transparent 25%),linear-gradient(180deg,#091426 0%,#0b1627 34%,#091423 68%,#07111f 100%)}
main:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(149,175,213,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(149,175,213,.08) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,#000 0,transparent 17%,transparent 83%,#000 100%)}
.topbar{background:rgba(6,15,28,.84);border-bottom-color:rgba(150,179,219,.14);box-shadow:0 12px 38px rgba(0,6,18,.22)}
.brand-logo{background:#07111f;box-shadow:0 0 0 1px rgba(93,218,220,.28),0 8px 26px rgba(100,111,235,.18)}
.desktop-nav{color:#bac6d8}.desktop-nav a:hover,.footer-main a:hover,.text-link{color:#66ddd7}
.hero{background:radial-gradient(circle at 80% 29%,rgba(120,111,240,.2),transparent 27%),radial-gradient(circle at 67% 77%,rgba(66,214,207,.12),transparent 27%),linear-gradient(125deg,rgba(9,20,37,.72),rgba(17,25,48,.66) 56%,rgba(20,20,46,.64));border-bottom:0}
.hero:before{opacity:.27;mask-image:linear-gradient(90deg,transparent 8%,#000 51%,transparent 100%)}
.hero:after{border-color:rgba(87,218,214,.14);box-shadow:0 0 0 55px rgba(120,111,240,.028),0 0 0 115px rgba(66,214,207,.02),inset 0 0 110px rgba(120,111,240,.06)}
.hero h1 span{background:linear-gradient(105deg,#62e3dd 0%,#6eaddf 46%,#8b7ff5 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p,.trust-row span{color:#c4cfde}.eyebrow{color:#82e7e1;border-color:rgba(86,218,211,.25);background:rgba(66,214,207,.075)}
.live-dot{background:#62d89a;box-shadow:0 0 14px rgba(98,216,154,.8)}
.button-primary,.filter.active,.card-actions button:last-child,.mobile-cart-bar:not([hidden]){background:linear-gradient(135deg,#42d6cf 0%,#5aa9e6 48%,#786ff0 100%);border-color:transparent;color:#07111f;box-shadow:0 12px 30px rgba(77,173,216,.2)}
.button-primary:hover,.card-actions button:last-child:hover{background:linear-gradient(135deg,#62e5df 0%,#71b5ed 48%,#8a81f4 100%);box-shadow:0 15px 35px rgba(95,134,230,.26)}
.cart-top,.button-ghost{color:#f5f8fc!important;border-color:rgba(147,176,216,.23);background:rgba(255,255,255,.035)}
.cart-top:hover{border-color:rgba(79,216,208,.42);background:rgba(66,214,207,.07)}
.cart-top .cart-count,.cart-count{background:linear-gradient(135deg,#42d6cf,#786ff0);color:#06121d}
.catalog-section,.process-section,.order-section,.split-section,.support-section,.faq-section{background:transparent}
.process-section{max-width:none}
.section-heading h2,.form-intro h2,.renew-visual h2,.support-copy h2{color:#f7f9fd}
.kicker{color:#6fddd7}
.service-grid{gap:16px}
.service-card{--cat:66,214,207;position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(var(--cat),.075),transparent 42%),linear-gradient(155deg,rgba(20,33,53,.97),rgba(10,19,34,.97));border-color:rgba(151,179,218,.16);border-radius:20px;box-shadow:inset 0 2px 0 rgba(var(--cat),.48),0 16px 42px rgba(0,7,20,.18)}
.service-card:before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--cat),.8),transparent);opacity:.65}
.service-card:hover{border-color:rgba(var(--cat),.38);box-shadow:inset 0 2px 0 rgba(var(--cat),.65),0 24px 56px rgba(0,6,19,.35);transform:translateY(-5px)}
.service-card.selected{border-color:rgba(66,214,207,.5);box-shadow:inset 0 2px 0 rgba(var(--cat),.7),0 0 0 1px rgba(66,214,207,.08),0 24px 56px rgba(0,6,19,.36)}
.service-card-head{min-height:45px}.service-tags{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.service-card h3{margin-top:18px;font-size:1.12rem}.service-card p{color:#aebacd}
.service-icon{color:rgb(var(--cat));background:linear-gradient(145deg,rgba(var(--cat),.16),rgba(var(--cat),.06));border:1px solid rgba(var(--cat),.23);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.category-chip{color:rgb(var(--cat));border-color:rgba(var(--cat),.26);background:rgba(var(--cat),.075);font-weight:800}
.availability{color:#8ae4b2!important;border-color:rgba(98,216,154,.2);background:rgba(98,216,154,.075)}
.availability:before{background:#62d89a;box-shadow:0 0 9px rgba(98,216,154,.65)}
.category-streaming-card,.service-icon.category-streaming{--cat:66,214,207}
.category-music-card,.service-icon.category-music{--cat:139,124,246}
.category-design-card,.service-icon.category-design{--cat:214,120,199}
.category-ai-card,.service-icon.category-ai{--cat:94,167,255}
.category-productivity-card,.service-icon.category-productivity{--cat:228,182,93}
.category-vpn-card,.service-icon.category-vpn{--cat:98,216,154}
.service-icon.category-default{--cat:167,180,199}
.plan-line{background:rgba(5,13,25,.42);border-color:rgba(var(--cat),.14)}.plan-line span{color:#92a1b6}.plan-line small{color:#bec8d6}
.card-actions button{border-color:rgba(150,178,217,.18);background:rgba(255,255,255,.018)}.card-actions button:first-child:hover{border-color:rgba(var(--cat),.34);background:rgba(var(--cat),.055)}
.service-card.selected .card-actions button:last-child{background:rgba(66,214,207,.11);color:#78e3dc;border-color:rgba(66,214,207,.34);box-shadow:none}
.filter{border-color:rgba(148,177,216,.18);color:#aebacd;background:rgba(8,18,33,.3)}
.filter:hover{border-color:rgba(83,215,208,.3);color:#dce4ef}.filter.active{color:#07111f}
.filter-streaming{--filter:66,214,207}.filter-music{--filter:139,124,246}.filter-design{--filter:214,120,199}.filter-ai{--filter:94,167,255}.filter-productivity{--filter:228,182,93}.filter-vpn{--filter:98,216,154}
.filter:not(.filter-default):not(.active){color:rgb(var(--filter));border-color:rgba(var(--filter),.2);background:rgba(var(--filter),.035)}
.filter:not(.filter-default).active{background:linear-gradient(135deg,rgba(var(--filter),1),rgba(var(--filter),.68));color:#07111f;box-shadow:0 9px 22px rgba(var(--filter),.14)}
.search-box,input,select,textarea{background:rgba(7,17,31,.75);border-color:rgba(148,177,216,.18);color:#f5f8fc}
input:focus,select:focus,textarea:focus{border-color:rgba(66,214,207,.62);box-shadow:0 0 0 3px rgba(66,214,207,.08)}
.steps article,.smart-form,.compact-form-card,.order-selection{background:linear-gradient(150deg,rgba(20,33,53,.94),rgba(10,19,34,.94));border-color:rgba(150,178,217,.17);box-shadow:0 20px 55px rgba(0,7,20,.2)}
.steps article>span{color:rgba(139,124,246,.35)}.step-icon{color:#72ddd7;background:rgba(66,214,207,.09);border:1px solid rgba(66,214,207,.12)}
.activation-data,.renew-extra-fields{border-color:rgba(66,214,207,.18);background:linear-gradient(145deg,rgba(66,214,207,.055),rgba(120,111,240,.035))}
.activation-block{background:rgba(5,13,24,.3)}
.renew-stat>div{background:rgba(13,25,43,.68);border-color:rgba(148,177,216,.16)}
.support-option.active{color:#7be2dc;border-color:rgba(66,214,207,.36);background:rgba(66,214,207,.07)}
.plan-option:hover,.plan-option.selected{border-color:rgba(66,214,207,.4);background:rgba(66,214,207,.05)}
.plan-option-copy>span{color:#72ddd7}.plan-option-action button{border-color:rgba(120,111,240,.34);background:rgba(120,111,240,.1);color:#cbc6ff}
.modal{background:linear-gradient(145deg,#111f33,#0a1525)}.modal-close{background:#17273d}.toast{background:#15263c}
footer{background:linear-gradient(180deg,#07111f,#050d19);border-top-color:rgba(148,177,216,.13)}
@media(max-width:720px){main:before{background-size:42px 42px}.hero{background:radial-gradient(circle at 82% 12%,rgba(120,111,240,.17),transparent 33%),linear-gradient(145deg,rgba(9,20,37,.78),rgba(17,24,47,.72))}.service-card{border-radius:18px}.service-grid{gap:13px}.service-tags{gap:5px}.mobile-cart-bar:not([hidden]){color:#07111f}}

/* V8: superficie continua, cantidades y movimiento por categoría */
main{background:radial-gradient(ellipse at 82% 7%,rgba(120,111,240,.15),transparent 27%),radial-gradient(ellipse at 10% 35%,rgba(66,214,207,.075),transparent 25%),radial-gradient(ellipse at 86% 68%,rgba(94,167,255,.065),transparent 24%),linear-gradient(180deg,#091426 0%,#0a1627 38%,#091423 72%,#07111f 100%)}
main:before{opacity:.16;mask-image:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.2) 30%,rgba(0,0,0,.12) 70%,transparent)}
.hero,.hero.section{background:transparent!important;border:0!important}
.hero:before{opacity:.18;background-size:60px 60px;mask-image:radial-gradient(ellipse at 72% 42%,#000 0%,rgba(0,0,0,.72) 34%,transparent 73%)}
.catalog-section,.process-section,.order-section,.split-section,.support-section,.faq-section{border:0;box-shadow:none}

.service-card{animation:cardReveal .38s cubic-bezier(.2,.75,.25,1) both;animation-delay:var(--delay,0ms)}
.service-card h3{color:#f8faff;font-size:1.22rem;line-height:1.18;font-weight:800;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 1px 18px rgba(0,0,0,.24)}
.service-card:hover h3{color:#fff}
.detail-hero h2{color:#f8faff;font-weight:800;letter-spacing:-.045em}
@keyframes cardReveal{from{opacity:0;transform:translateY(10px) scale(.988)}to{opacity:1;transform:none}}

.filters{gap:9px;padding:5px 3px 9px;scrollbar-width:none;scroll-snap-type:x proximity}.filters::-webkit-scrollbar{display:none}
.filter{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:8px;min-height:40px;overflow:hidden;scroll-snap-align:start;transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease}
.filter:after{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.12) 48%,transparent 72%);transform:translateX(-120%);transition:transform .55s ease}
.filter:hover{transform:translateY(-2px)}.filter:hover:after,.filter.active:after{transform:translateX(120%)}
.filter-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:rgb(var(--filter,66,214,207));box-shadow:0 0 0 4px rgba(var(--filter,66,214,207),.08);transition:transform .22s ease,box-shadow .22s ease}
.filter-default .filter-dot{background:linear-gradient(135deg,#42d6cf,#786ff0)}
.filter:hover .filter-dot{transform:scale(1.18)}
.filter.active .filter-dot{background:#07111f;box-shadow:0 0 0 4px rgba(7,17,31,.12);animation:categoryPulse 1.8s ease-in-out infinite}
@keyframes categoryPulse{50%{transform:scale(.76);box-shadow:0 0 0 7px rgba(7,17,31,.06)}}

.plan-option-action{min-width:150px;align-items:end}.plan-unit-price{display:grid;justify-items:end}.plan-unit-price small{color:var(--muted);font-size:.68rem}
.quantity-control{display:grid;grid-template-columns:34px minmax(36px,auto) 34px;align-items:center;overflow:hidden;border:1px solid rgba(142,171,212,.22);border-radius:10px;background:rgba(5,13,25,.45)}
.quantity-control button{width:34px;min-width:0;min-height:34px;padding:0;border:0!important;border-radius:0!important;background:rgba(255,255,255,.035)!important;color:#e9f0fa!important;font-size:1.05rem!important;font-weight:800!important;box-shadow:none!important;cursor:pointer}
.quantity-control button:hover{background:rgba(66,214,207,.1)!important;color:#82e5df!important}.quantity-control button:disabled{opacity:.32;cursor:not-allowed}
.quantity-control>span{min-width:36px;text-align:center;color:#f8faff;font-size:.78rem;font-weight:900}
.quantity-control-compact{width:max-content;margin-top:9px;grid-template-columns:30px 32px 30px;border-radius:9px}.quantity-control-compact button{width:30px;min-height:29px}.quantity-control-compact>span{min-width:32px;font-size:.72rem}

.cart-item{grid-template-columns:auto minmax(0,1fr) auto auto}.cart-item-copy{min-width:0}.cart-line-price{display:grid;justify-items:end;gap:2px;white-space:nowrap}.cart-line-price small{color:var(--muted);font-size:.66rem}.cart-line-price b{font-size:.82rem}.cart-item .remove-line{align-self:start}
.account-data-row{display:grid;gap:7px;padding-top:10px;border-top:1px solid rgba(148,177,216,.12)}.account-data-row>span{color:#79ddd7;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}

.feature-list{display:grid;gap:9px;margin:10px 0 0;padding:0!important;list-style:none}.feature-list li{position:relative;padding-left:24px;color:#b7c3d4;line-height:1.5}.feature-list li:before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:4px;border-left:2px solid #67d9d2;border-bottom:2px solid #67d9d2;transform:rotate(-45deg)}
.modal{scrollbar-width:thin;scrollbar-color:rgba(120,151,194,.48) transparent}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-track{background:transparent}.modal::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:rgba(120,151,194,.44);background-clip:padding-box}

@media(max-width:720px){
  main{background:radial-gradient(ellipse at 86% 5%,rgba(120,111,240,.14),transparent 24%),radial-gradient(ellipse at 4% 36%,rgba(66,214,207,.065),transparent 21%),linear-gradient(180deg,#091426,#091524 62%,#07111f)}
  main:before{background-size:46px 46px;opacity:.12}.hero,.hero.section{background:transparent!important}.hero:before{background-size:46px 46px;mask-image:radial-gradient(ellipse at 70% 30%,#000,transparent 70%)}
  .catalog-tools{gap:14px}.filters{width:calc(100vw - 36px);margin-inline:0;padding-bottom:10px}.filter{min-height:43px;padding:9px 14px}
  .service-card h3{font-size:1.18rem}.service-card{animation-duration:.3s}
  .modal{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:18px}.detail-content{padding:24px 17px}.detail-hero{gap:13px}.detail-hero h2{font-size:1.72rem}.detail-hero .service-icon{width:52px;height:52px}
  .plan-option{grid-template-columns:1fr;gap:13px;padding:14px}.plan-option-action{grid-template-columns:1fr auto;align-items:center;min-width:0}.plan-unit-price{justify-items:start}.quantity-control{justify-self:end}
  .cart-item{grid-template-columns:auto minmax(0,1fr) auto;align-items:start}.cart-line-price{grid-column:2;justify-items:start;margin-top:2px}.cart-item .remove-line{grid-column:3;grid-row:1/3}.quantity-control-compact{margin-top:10px}
  .account-data-row .field-row{grid-template-columns:1fr}.feature-list{gap:10px}.feature-list li{font-size:.82rem}
}
@media(max-width:420px){.service-card-head{min-height:42px}.category-chip,.availability{padding:4px 7px!important}.filter{font-size:.72rem}.plan-picker-head{gap:5px}.plan-picker-head small{line-height:1.35}.cart-item{padding:11px;gap:10px}.cart-item .service-icon{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.service-card,.filter.active .filter-dot{animation:none}.filter,.filter:after,.filter-dot{transition:none}}

/* V9: favoritos, filtros móviles completos y actualización localizada */
.featured-section{position:relative;z-index:2;margin-top:-42px;padding-top:0;padding-bottom:42px}
.featured-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:18px}.featured-heading h2{margin:5px 0 0;font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.1;letter-spacing:-.04em}.featured-heading p{margin:0;color:var(--muted);font-size:.84rem}
.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.featured-card{--feature:66,214,207;display:grid;grid-template-columns:1fr auto;gap:15px;min-height:162px;padding:19px;border:1px solid rgba(151,179,218,.17);border-radius:18px;background:linear-gradient(145deg,rgba(20,34,55,.96),rgba(9,18,33,.96));box-shadow:inset 0 1px 0 rgba(var(--feature),.42),0 18px 42px rgba(0,7,20,.2);transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease}
.featured-card:hover{transform:translateY(-3px);border-color:rgba(var(--feature),.36);box-shadow:inset 0 1px 0 rgba(var(--feature),.65),0 23px 48px rgba(0,7,20,.3)}
.featured-streaming{--feature:66,214,207}.featured-music{--feature:139,124,246}
.featured-top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.featured-top .service-icon{width:39px;height:39px;border-radius:11px;font-size:.8rem}
.featured-status{display:inline-flex;align-items:center;gap:7px;color:#8be3b2;font-size:.7rem;font-weight:800}.featured-status i{width:7px;height:7px;border-radius:50%;background:#62d89a;box-shadow:0 0 0 5px rgba(98,216,154,.08),0 0 12px rgba(98,216,154,.5)}
.featured-reason{color:rgb(var(--feature));font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.075em}.featured-card h3{margin:3px 0 0;color:#f8faff;font-size:1.05rem;letter-spacing:-.025em}.featured-card small{color:var(--muted);font-size:.72rem}
.featured-card>button{align-self:end;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(var(--feature),.22);border-radius:10px;padding:9px 11px;background:rgba(var(--feature),.065);color:#eef4fb;font-size:.72rem;font-weight:800;cursor:pointer}.featured-card>button:hover{background:rgba(var(--feature),.12);border-color:rgba(var(--feature),.38)}

.filter{flex:0 0 auto;min-width:max-content;white-space:nowrap}.catalog-tools,.filters{min-width:0}
.summary-list .summary-row-stacked{display:grid;grid-template-columns:1fr;gap:9px;padding-block:13px}.summary-row-stacked>span{font-weight:800}.summary-row-stacked>strong{white-space:pre-line;text-align:left;color:#e7edf6;line-height:1.62;font-weight:600}

@media(max-width:720px){
  .featured-section{margin-top:-8px;padding-top:0;padding-bottom:42px}.featured-heading{display:grid;gap:5px;margin-bottom:15px}.featured-heading p{font-size:.8rem}
  .featured-grid{display:flex;gap:11px;width:calc(100vw - 36px);overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:none}.featured-grid::-webkit-scrollbar{display:none}.featured-card{flex:0 0 min(82vw,310px);min-height:158px;scroll-snap-align:start}
  .filters{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;width:calc(100vw - 36px)!important;padding:5px 18px 10px 2px!important;-webkit-overflow-scrolling:touch}.filter{flex:0 0 auto!important;min-width:max-content!important;padding-inline:14px!important}
  body:not(.has-mobile-cart) .floating-whatsapp{bottom:16px}.has-mobile-cart .floating-whatsapp{display:none}
  .summary-list .summary-row-stacked{gap:7px}.summary-row-stacked>strong{font-size:.76rem;line-height:1.58}
}
@media(max-width:420px){.featured-card{flex-basis:84vw;padding:17px}.featured-heading h2{font-size:1.7rem}.featured-card>button{padding:9px 10px}.filters{padding-right:28px!important}}

/* V10: contraste de categorías, selección limpia y compra más directa */
.category-streaming-card,.service-icon.category-streaming{--cat:255,113,133}
.filter-streaming{--filter:255,113,133}
.featured-streaming{--feature:255,113,133}

.service-card.selected{
  border-color:rgba(var(--cat),.54);
  box-shadow:inset 0 2px 0 rgba(var(--cat),.76),0 0 0 1px rgba(var(--cat),.09),0 24px 56px rgba(0,6,19,.34)
}
.service-card.selected .card-actions button:last-child{
  background:rgba(var(--cat),.115);
  color:rgb(var(--cat));
  border-color:rgba(var(--cat),.38);
  box-shadow:none
}

.availability:before,.featured-status i,.live-dot{animation:statusBreath 2.4s ease-in-out infinite}
@keyframes statusBreath{
  0%,100%{transform:scale(.9);box-shadow:0 0 0 3px rgba(98,216,154,.06),0 0 7px rgba(98,216,154,.4)}
  50%{transform:scale(1.08);box-shadow:0 0 0 6px rgba(98,216,154,.09),0 0 13px rgba(98,216,154,.68)}
}

.hero,.hero.section{min-height:610px;grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);gap:58px;padding-top:86px;padding-bottom:94px}
.hero:after{display:none}
.hero-guide{position:relative;padding:24px;border:1px solid rgba(148,177,216,.18);border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(120,111,240,.12),transparent 42%),linear-gradient(150deg,rgba(19,33,54,.93),rgba(8,18,33,.93));box-shadow:inset 0 1px 0 rgba(87,218,214,.24),0 26px 70px rgba(0,7,20,.3);backdrop-filter:blur(12px)}
.hero-guide-head{display:grid;gap:4px;padding-bottom:17px;border-bottom:1px solid rgba(148,177,216,.14)}
.hero-guide-head span{color:#72ddd7;font-size:.68rem;font-weight:800;letter-spacing:.13em}
.hero-guide-head strong{font-size:1.08rem;letter-spacing:-.025em}
.hero-guide ol{display:grid;gap:0;margin:0;padding:0;list-style:none}
.hero-guide li{display:grid;grid-template-columns:39px 1fr;gap:13px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(148,177,216,.11)}
.hero-guide li:last-child{padding-bottom:0;border:0}
.hero-guide li>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(102,221,215,.2);border-radius:11px;background:rgba(66,214,207,.07);color:#78e2dc;font-size:.68rem;font-weight:900}
.hero-guide li div{display:grid;gap:1px}.hero-guide li strong{font-size:.82rem}.hero-guide li small{color:var(--muted);font-size:.7rem}

.featured-card{cursor:pointer}.featured-card:focus-visible{outline:2px solid rgb(var(--feature));outline-offset:3px}
.featured-action{align-self:end;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(var(--feature),.22);border-radius:10px;padding:9px 11px;background:rgba(var(--feature),.065);color:#eef4fb;font-size:.72rem;font-weight:800}
.featured-card:hover .featured-action{background:rgba(var(--feature),.12);border-color:rgba(var(--feature),.38)}

.cart-top-total{padding-left:9px;border-left:1px solid rgba(148,177,216,.18);color:#cbd5e3;font-size:.7rem;font-weight:800}
.mobile-cart-action{display:grid;justify-items:end;line-height:1.15}.mobile-cart-action strong{font-size:.78rem}.mobile-cart-action small{font-size:.64rem;font-weight:800}

@media(max-width:900px){
  .hero,.hero.section{grid-template-columns:1fr;min-height:auto;gap:34px;padding-top:72px;padding-bottom:60px}
  .hero-guide{max-width:680px;width:100%}.featured-section{margin-top:0}
}
@media(max-width:720px){
  .hero,.hero.section{gap:28px;padding-top:50px;padding-bottom:42px}
  .hero-guide{padding:17px;border-radius:18px}.hero-guide-head{padding-bottom:13px}.hero-guide li{grid-template-columns:34px 1fr;padding:12px 0}.hero-guide li>span{width:31px;height:31px;border-radius:9px}
  .featured-action{padding:9px 10px}.mobile-cart-bar:not([hidden]){padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){.availability:before,.featured-status i,.live-dot{animation:none}.hero-guide,.featured-card{transition:none}}

/* V13: sistema uniforme de marcas */
.service-logo{
  --cat:167,180,199;
  position:relative;
  isolation:isolate;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  padding:6px;
  overflow:hidden;
  border:1px solid rgba(var(--cat),.28);
  border-radius:17px;
  background:linear-gradient(145deg,#ffffff,#eef2f7);
  box-shadow:0 0 0 4px rgba(var(--cat),.045),0 12px 28px rgba(0,7,20,.22);
}
.service-logo:after{
  content:"";
  position:absolute;
  inset:auto 8px -1px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,rgb(var(--cat)),transparent);
  opacity:.8;
}
.service-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:11px}
.service-logo.category-streaming{--cat:255,113,133}
.service-logo.category-music{--cat:139,124,246}
.service-logo.category-design{--cat:214,120,199}
.service-logo.category-ai{--cat:94,167,255}
.service-logo.category-productivity{--cat:228,182,93}
.service-logo.category-vpn{--cat:98,216,154}
.service-logo-featured{width:48px;height:48px;padding:5px;border-radius:14px}
.service-logo-cart{width:42px;height:42px;padding:4px;border-radius:12px;box-shadow:0 7px 18px rgba(0,7,20,.2)}
.service-logo-detail{width:72px;height:72px;padding:7px;border-radius:20px;box-shadow:0 0 0 5px rgba(var(--cat),.05),0 16px 36px rgba(0,7,20,.26)}

.service-card-head{min-height:58px;align-items:flex-start}
.service-card h3{margin:18px 0 7px;font-size:1.25rem;letter-spacing:-.04em}
.service-card p{font-size:.78rem;line-height:1.55}
.service-card.selected{background:radial-gradient(circle at 100% 0,rgba(var(--cat),.1),transparent 43%),linear-gradient(155deg,rgba(20,33,53,.98),rgba(10,19,34,.98))}
.service-card.selected:before{height:2px;opacity:.9}
.service-card.selected .service-logo{border-color:rgba(var(--cat),.48);box-shadow:0 0 0 4px rgba(var(--cat),.075),0 13px 30px rgba(0,7,20,.26)}
.service-tags{padding-top:1px}
.category-chip{color:rgb(var(--cat));border-color:rgba(var(--cat),.22);background:rgba(var(--cat),.055)}
.availability{position:relative;z-index:1}
.featured-top .service-logo{width:48px;height:48px}
.detail-hero{align-items:center}.detail-hero>div:last-child{min-width:0}
.detail-hero h2{text-wrap:balance}
.cart-item .service-logo{align-self:start}

@media(max-width:720px){
  .service-logo{width:54px;height:54px;border-radius:16px}
  .service-logo-featured{width:46px;height:46px;border-radius:13px}
  .service-logo-cart{width:40px;height:40px;border-radius:11px}
  .service-logo-detail{width:60px;height:60px;border-radius:17px}
  .service-card-head{min-height:54px}.service-card h3{font-size:1.24rem;margin-top:16px}
  .featured-top .service-logo{width:46px;height:46px}
  .detail-hero{align-items:flex-start}.detail-hero h2{font-size:1.65rem;line-height:1.1}
}
@media(max-width:420px){
  .service-card{padding:18px}.service-logo{width:52px;height:52px}
  .service-card h3{font-size:1.22rem}.service-card p{font-size:.77rem}
  .service-tags{max-width:54%}.category-chip,.availability{font-size:.64rem!important}
}

/* V14: catálogo centrado en marcas, lectura y conversión */
.service-logo{
  width:56px;
  height:56px;
  padding:5px;
  border-color:rgba(var(--cat),.24);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(20,32,51,.96),rgba(7,15,28,.98));
  box-shadow:0 0 0 4px rgba(var(--cat),.035),0 12px 28px rgba(0,7,20,.26);
}
.service-logo img{border-radius:10px}
.service-logo:after{inset:auto 9px 0;height:1px;opacity:.68}
.service-logo-featured{width:48px;height:48px;padding:4px;border-radius:14px}
.service-logo-cart{width:40px;height:40px;padding:3px;border-radius:11px}
.service-logo-detail{width:70px;height:70px;padding:6px;border-radius:20px}

.service-card{min-height:345px;padding:20px}
.service-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:58px}
.service-identity{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0}
.service-identity>div{min-width:0}
.service-category-label{display:block;margin-bottom:3px;color:rgb(var(--cat));font-size:.75rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.service-card .service-identity h3{margin:0;color:#f9fbff;font-size:1.18rem;line-height:1.18;letter-spacing:-.035em;text-wrap:balance}
.service-card>p{margin:17px 0 auto;color:#abb8ca;font-size:.8rem;line-height:1.55}
.service-statuses{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.availability{padding:5px 8px!important;font-size:.75rem!important}
.selected-pill{display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border:1px solid rgba(var(--cat),.28);border-radius:99px;background:rgba(var(--cat),.08);color:rgb(var(--cat));font-size:.72rem;font-weight:800;line-height:1;animation:selectionPop .24s ease-out both}
@keyframes selectionPop{from{opacity:0;transform:translateY(-3px) scale(.96)}to{opacity:1;transform:none}}
.service-card.selected{
  border-color:rgba(var(--cat),.42);
  background:radial-gradient(circle at 100% 0,rgba(var(--cat),.065),transparent 38%),linear-gradient(155deg,rgba(20,33,53,.98),rgba(10,19,34,.98));
  box-shadow:inset 0 1px 0 rgba(var(--cat),.54),0 20px 46px rgba(0,6,19,.28)
}
.service-card.selected .service-logo{border-color:rgba(var(--cat),.42);box-shadow:0 0 0 4px rgba(var(--cat),.055),0 13px 30px rgba(0,7,20,.28)}
.plan-line{margin-top:18px}
.card-actions button{min-height:42px;font-size:.75rem}
.service-card.selected .card-actions button:last-child{background:rgba(var(--cat),.11);color:rgb(var(--cat));border-color:rgba(var(--cat),.32)}

.featured-card{min-height:188px;grid-template-columns:1fr;padding:19px 20px}
.featured-copy{display:grid;align-content:start}.featured-copy h3{font-size:1.12rem}
.featured-copy small{font-size:.76rem}
.featured-reason{font-size:.72rem}
.featured-status{font-size:.75rem}
.featured-bottom{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:auto}
.featured-bottom>strong{font-size:.82rem;color:#edf3fb}
.featured-action{flex:0 0 auto}

.assurance-strip{max-width:var(--max);margin:4px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.assurance-strip article{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:16px;border:1px solid rgba(148,177,216,.14);border-radius:16px;background:linear-gradient(145deg,rgba(19,32,51,.82),rgba(8,17,31,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.assurance-strip article>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(103,218,211,.2);border-radius:11px;background:rgba(66,214,207,.06);color:#75ddd7;font-size:.72rem;font-weight:900}
.assurance-strip article>div{display:grid;gap:1px}.assurance-strip strong{font-size:.78rem}.assurance-strip small{color:#9facbe;font-size:.75rem;line-height:1.4}

.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}
.detail-facts article{display:grid;gap:3px;padding:14px;border:1px solid rgba(148,177,216,.14);border-radius:13px;background:rgba(6,15,28,.42)}
.detail-facts span{color:#75ddd7;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.detail-facts strong{font-size:.8rem;line-height:1.45}
.detail-compatibility{padding:16px;border:1px solid rgba(94,167,255,.16);border-radius:14px;background:rgba(94,167,255,.04)}
.detail-compatibility h4{margin:0 0 7px}.detail-compatibility p{margin:0;color:#b7c3d4;font-size:.8rem;line-height:1.6}
.detail-compatibility span{display:inline-flex;margin-top:10px;padding:5px 8px;border-radius:99px;background:rgba(98,216,154,.08);color:#86dda9;font-size:.72rem;font-weight:800}

.filter{min-height:42px;font-size:.78rem}
.filter.active{transform:translateY(-1px);box-shadow:0 9px 22px rgba(var(--filter,66,214,207),.14),0 0 0 1px rgba(var(--filter,66,214,207),.1)}

@media(max-width:960px){
  .assurance-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .service-card{min-height:335px}
  .service-card-head{gap:9px}.service-identity{gap:10px}
  .service-logo{width:52px;height:52px}.service-logo-detail{width:60px;height:60px}
  .service-card .service-identity h3{font-size:1.16rem}
  .service-statuses{gap:5px}.availability,.selected-pill{font-size:.7rem!important}
  .featured-card{min-height:184px}
  .assurance-strip{padding-inline:18px;gap:9px}
  .assurance-strip article{padding:14px}
  .filters{margin-inline:-2px!important;padding-left:2px!important;padding-right:32px!important}
  .filter{min-height:44px;font-size:.76rem}
}
@media(max-width:480px){
  .service-card{min-height:315px}
  .service-card-head{grid-template-columns:1fr;gap:11px}
  .service-identity{grid-template-columns:52px minmax(0,1fr)}
  .service-statuses{position:absolute;top:18px;right:18px}
  .service-identity>div{padding-right:88px}
  .service-card .service-identity h3{font-size:1.22rem}
  .service-card>p{margin-top:16px;font-size:.8rem}
  .selected-pill{position:absolute;top:35px;right:0}
  .assurance-strip{grid-template-columns:1fr}
  .assurance-strip article{grid-template-columns:34px 1fr}
  .detail-facts{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.selected-pill{animation:none}}

/* V15: fichas respirables y sin solapamientos */
.service-card{
  display:flex;
  min-height:398px;
  padding:20px;
  gap:0;
}
.service-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  min-height:56px;
}
.service-statuses{
  position:static;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:7px;
  flex:0 0 auto;
}
.selected-pill{position:static;top:auto;right:auto}
.service-title-block{display:grid;gap:4px;margin-top:15px}
.service-title-block .service-category-label{margin:0;font-size:.75rem;line-height:1.25}
.service-card .service-title-block h3{
  min-height:2.36em;
  margin:0;
  color:#f9fbff;
  font-size:1.18rem;
  line-height:1.18;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.service-card>p{
  display:-webkit-box;
  min-height:2.95em;
  margin:12px 0 0;
  overflow:hidden;
  color:#abb8ca;
  font-size:.8rem;
  line-height:1.48;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.service-summary{
  display:grid;
  gap:8px;
  min-height:72px;
  margin-top:auto;
  padding:12px 13px;
  border:1px solid rgba(148,177,216,.14);
  border-radius:12px;
  background:rgba(5,13,25,.4);
}
.service-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.service-summary span{color:#91a0b5;font-size:.75rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.service-summary strong{color:#f1f5fb;font-size:.8rem;text-align:right}
.service-summary small{display:block;color:#bac5d3;font-size:.75rem;line-height:1.35}
.service-meta{margin:15px 0 12px}
.service-meta>div{gap:4px}.service-meta small{font-size:.72rem!important}.service-card .price{font-size:1.42rem;line-height:1.12}
.card-actions{margin-top:0}.card-actions button{white-space:nowrap}

@media(max-width:960px){
  .service-card{min-height:386px}
  .service-card .service-title-block h3{min-height:2.36em}
}
@media(max-width:720px){
  .service-card{min-height:382px;padding:18px}
  .service-card-head{min-height:52px}
  .service-title-block{margin-top:14px}
  .service-card .service-title-block h3{font-size:1.14rem}
  .service-card>p{font-size:.78rem}
  .service-summary{min-height:70px;padding:11px 12px}
}
@media(max-width:480px){
  .service-card{min-height:auto;padding:18px}
  .service-card-head{display:flex;min-height:52px}
  .service-statuses{position:static}
  .service-title-block{margin-top:14px}
  .service-title-block .service-category-label{font-size:.75rem}
  .service-card .service-title-block h3{min-height:0;font-size:1.24rem}
  .service-card>p{min-height:0;margin-top:10px;font-size:.8rem}
  .service-summary{min-height:0;margin-top:18px}
  .service-meta{margin-top:14px}
}

/* V16: preparación para lanzamiento */
.availability,.featured-status{white-space:nowrap}
.availability{font-size:.68rem!important;letter-spacing:.005em}
.featured-status{font-size:.68rem}
.catalog-confirmation{
  display:flex;
  align-items:center;
  gap:9px;
  width:max-content;
  max-width:100%;
  margin:4px 0 22px;
  color:#b9c6d6;
  font-size:.78rem;
}
.catalog-confirmation span{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:21px;
  height:21px;
  border:1px solid rgba(98,216,154,.22);
  border-radius:50%;
  background:rgba(98,216,154,.08);
  color:#82dda7;
  font-size:.68rem;
  font-weight:900;
}
.secure-data-note{
  margin:2px 0 0;
  padding:10px 12px;
  border-left:2px solid rgba(94,167,255,.5);
  border-radius:0 9px 9px 0;
  background:rgba(94,167,255,.045);
  color:#aebed2;
  font-size:.75rem;
  line-height:1.5;
}
.renew-plan-row{grid-template-columns:minmax(0,1fr) 112px}
.renew-plan-row label:last-child input{text-align:center;font-weight:800}

.launch-trust-section{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
  gap:58px;
  align-items:start;
  padding-top:84px;
  padding-bottom:84px;
}
.launch-trust-heading{position:sticky;top:104px}
.launch-trust-heading h2{margin:8px 0 14px;font-size:clamp(2rem,3.6vw,3.15rem);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}
.launch-trust-heading p{max-width:430px;margin:0;color:#aebacd;font-size:.9rem;line-height:1.7}
.launch-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.launch-trust-grid article{
  position:relative;
  min-height:196px;
  padding:22px;
  overflow:hidden;
  border:1px solid rgba(148,177,216,.15);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(18,31,50,.88),rgba(8,17,30,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 38px rgba(0,7,20,.15);
}
.launch-trust-grid article:after{content:"";position:absolute;inset:auto -38px -58px auto;width:135px;height:135px;border:1px solid rgba(88,211,203,.09);border-radius:50%}
.launch-trust-grid article>span{color:#72ddd7;font-size:.7rem;font-weight:900;letter-spacing:.1em}
.launch-trust-grid h3{margin:26px 0 7px;color:#f5f8fc;font-size:1rem;letter-spacing:-.025em}
.launch-trust-grid p{margin:0;color:#a9b6c8;font-size:.79rem;line-height:1.58}
.footer-availability{color:#91a0b5;font-size:.78rem}

@media(max-width:900px){
  .launch-trust-section{grid-template-columns:1fr;gap:30px}
  .launch-trust-heading{position:static}
  .launch-trust-heading p{max-width:620px}
}
@media(max-width:720px){
  .catalog-confirmation{align-items:flex-start;width:auto;margin-bottom:19px;font-size:.76rem;line-height:1.5}
  .availability{font-size:.66rem!important}
  .featured-status{font-size:.66rem}
  .launch-trust-section{gap:24px;padding-top:66px;padding-bottom:66px}
  .launch-trust-grid{grid-template-columns:1fr;gap:10px}
  .launch-trust-grid article{min-height:0;padding:19px}
  .launch-trust-grid h3{margin-top:18px}
}
@media(max-width:480px){
  .service-statuses{max-width:148px}
  .renew-plan-row{grid-template-columns:minmax(0,1fr) 92px}
}

/* V17: recorrido de compra y renovación */
.button:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none}
#serviceDialog{width:min(720px,calc(100% - 28px))}
.detail-description{margin:-7px 0 0;color:#aebacd;font-size:.88rem;line-height:1.65}
.detail-status{display:inline-flex;align-items:center;gap:7px;margin-bottom:3px;color:#8ae4b2;font-size:.7rem;font-weight:800}
.detail-status i{width:7px;height:7px;border-radius:50%;background:#62d89a;box-shadow:0 0 10px rgba(98,216,154,.6)}
.plan-option-copy>em{margin-top:6px;color:#7edfd9;font-size:.7rem;font-style:normal;font-weight:800}
.compatibility-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.detail-compatibility .compatibility-chips span{margin:0;padding:6px 9px;border:1px solid rgba(94,167,255,.16);background:rgba(94,167,255,.055);color:#c1d5ef;font-size:.7rem}
.detail-compatibility>strong{display:inline-flex;margin-top:11px;color:#86dda9;font-size:.74rem}
.detail-process{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}
.detail-process>div{display:grid;gap:2px;padding:12px;border:1px solid rgba(148,177,216,.13);border-radius:12px;background:rgba(5,13,25,.34)}
.detail-process span{color:#72ddd7;font-size:.65rem;font-weight:900}.detail-process strong{font-size:.78rem}.detail-process small{color:#91a0b5;font-size:.67rem}
.detail-checkout-bar{position:sticky;z-index:3;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin:22px -36px -36px;padding:16px 36px;border-top:1px solid rgba(148,177,216,.16);background:rgba(7,17,31,.94);box-shadow:0 -18px 38px rgba(0,6,18,.28);backdrop-filter:blur(16px)}
.detail-checkout-bar>div{display:grid}.detail-checkout-bar small{color:#9facbe;font-size:.7rem}.detail-checkout-bar strong{font-size:1rem}.detail-checkout-bar .button{min-width:154px}

.cart-modal{width:min(680px,calc(100% - 28px));overflow:hidden}
.cart-dialog-head{padding:34px 34px 18px}.cart-dialog-head h2{margin:5px 0 4px;font-size:1.8rem;letter-spacing:-.04em}.cart-dialog-head p{margin:0;color:#aebacd;font-size:.8rem}
.cart-dialog-items{max-height:48vh;overflow:auto;padding:0 30px;scrollbar-width:thin}
.cart-dialog-items .cart-item:first-child{border-top:1px solid var(--line)}
.cart-dialog-items .cart-empty{padding-block:38px}.cart-dialog-items .cart-empty .button{margin-top:8px}
.cart-dialog-footer{display:grid;gap:13px;padding:17px 30px 28px;border-top:1px solid rgba(148,177,216,.15);background:rgba(6,15,27,.76)}
.cart-dialog-footer>div{display:flex;align-items:end;justify-content:space-between}.cart-dialog-footer span{color:#9facbe;font-size:.76rem}.cart-dialog-footer strong{font-size:1.35rem}

.renew-card{padding:30px}.renew-card form{display:grid}.renew-builder{display:grid;gap:0;margin:7px 0 16px;padding:17px;border:1px solid rgba(94,167,255,.16);border-radius:16px;background:rgba(5,13,25,.32)}
.renew-builder-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.renew-builder-head strong{font-size:.88rem}.renew-builder-head small{color:#91a0b5;font-size:.7rem}
.renew-cart{margin:0 0 17px}.renew-empty{display:flex;align-items:center;gap:11px;padding:14px;border:1px dashed rgba(148,177,216,.16);border-radius:13px;color:#9facbe}.renew-empty>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(66,214,207,.07);color:#72ddd7}.renew-empty>div{display:grid}.renew-empty strong{color:#dfe6ef;font-size:.76rem}.renew-empty small{font-size:.68rem}
.renew-cart-head{display:flex;align-items:end;justify-content:space-between;padding:0 2px 10px}.renew-cart-head>div{display:grid}.renew-cart-head>div strong{font-size:.82rem}.renew-cart-head small{color:#91a0b5;font-size:.68rem}.renew-cart-head>strong{color:#7edfd9;font-size:.9rem}
.renew-cart-items{display:grid;gap:8px}.renew-cart-items article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px;border:1px solid rgba(148,177,216,.13);border-radius:13px;background:rgba(5,13,25,.32)}
.renew-cart-items article>div{display:flex;align-items:center;gap:10px;min-width:0}.renew-cart-items article>div>div{display:grid;min-width:0}.renew-cart-items article strong{font-size:.76rem}.renew-cart-items article span,.renew-cart-items article small{overflow:hidden;color:#9facbe;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.renew-cart-items article>b{font-size:.76rem;white-space:nowrap}.renew-cart-items article>button{width:28px;height:28px;border:1px solid rgba(148,177,216,.15);border-radius:8px;background:transparent;color:#9facbe;cursor:pointer}

.footer-policy{padding:0;border:0;background:none;color:#91a0b5;font:inherit;font-size:.76rem;cursor:pointer}.footer-policy:hover{color:#66ddd7}
.policy-modal{width:min(620px,calc(100% - 28px))}.policy-head{padding:38px 36px 16px}.policy-head h2{margin:6px 0 8px;font-size:2rem;line-height:1.1;letter-spacing:-.045em}.policy-head p{margin:0;color:#aebacd;font-size:.82rem;line-height:1.6}
.policy-list{display:grid;gap:9px;padding:0 32px 22px}.policy-list article{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:13px;border:1px solid rgba(148,177,216,.13);border-radius:12px;background:rgba(5,13,25,.3)}.policy-list article>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(66,214,207,.07);color:#72ddd7;font-size:.68rem;font-weight:900}.policy-list article>div{display:grid;gap:2px}.policy-list strong{font-size:.78rem}.policy-list p{margin:0;color:#a9b6c8;font-size:.72rem;line-height:1.5}.policy-modal>.button,.policy-modal #policyContent>.button{width:calc(100% - 64px);margin:0 32px 30px}
.whatsapp-open-note{margin:10px 0 0;color:#86dda9;font-size:.74rem;text-align:center}.whatsapp-open-note[hidden]{display:none}

@media(max-width:720px){
  #serviceDialog{width:calc(100% - 12px);max-height:calc(100dvh - 12px)}
  .detail-checkout-bar{grid-template-columns:1fr auto;margin:20px -17px -24px;padding:13px 17px calc(13px + env(safe-area-inset-bottom))}.detail-checkout-bar .button{min-width:132px;padding-inline:14px;font-size:.75rem}.detail-process{gap:6px}.detail-process>div{padding:10px 8px}
  .cart-modal{width:calc(100% - 12px);max-height:88dvh;margin:auto 6px 6px;border-radius:22px 22px 14px 14px}.cart-dialog-head{padding:30px 20px 15px}.cart-dialog-head h2{font-size:1.55rem}.cart-dialog-items{max-height:52dvh;padding:0 16px}.cart-dialog-footer{padding:14px 16px calc(16px + env(safe-area-inset-bottom))}.cart-dialog-footer strong{font-size:1.18rem}
  .renew-card{padding:22px 18px}.renew-builder{padding:14px}.renew-builder-head{align-items:start}.renew-builder-head small{text-align:right}.renew-cart-items article{grid-template-columns:minmax(0,1fr) auto}.renew-cart-items article>b{grid-column:1/2;padding-left:50px}.renew-cart-items article>button{grid-column:2;grid-row:1/3}
  .policy-head{padding:34px 22px 14px}.policy-list{padding-inline:18px}.policy-modal #policyContent>.button{width:calc(100% - 36px);margin-inline:18px}
}
@media(max-width:480px){
  .detail-process{grid-template-columns:1fr}.detail-process>div{grid-template-columns:26px 1fr;align-items:center}.detail-process small{grid-column:2}
  .detail-checkout-bar small{font-size:.64rem}.detail-checkout-bar strong{font-size:.86rem}.detail-checkout-bar .button{min-width:116px}
}

/* V18: carrito adaptable, desplazamiento fiable y cambios sin parpadeos */
.cart-item-controls{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0}
.cart-item-controls .quantity-control-compact{flex:0 0 auto;margin:0}
.cart-items .cart-item{grid-template-columns:auto minmax(0,1fr) auto;align-items:start}
.cart-items .cart-item-controls{grid-column:2;justify-content:space-between;gap:10px;margin-top:8px}
.cart-items .cart-line-price{grid-column:auto;min-width:0;margin:0;justify-items:end}
.cart-items .remove-line{grid-column:3;grid-row:1/3}
.scroll-restore{scroll-behavior:auto!important}
html.cart-open,body.cart-open{overscroll-behavior:none}
body.cart-open{position:fixed;left:0;right:0;width:100%;overflow:hidden}
.cart-layer[hidden]{display:none}
.cart-layer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;isolation:isolate;overflow:hidden;touch-action:none}
.cart-layer-backdrop{position:absolute;inset:0;z-index:0;width:100%;height:100%;padding:0;border:0;background:rgba(1,7,13,.7);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);cursor:pointer;touch-action:none}
.cart-modal{
  position:relative;
  z-index:1;
  width:min(880px,100%);
  height:min(720px,100%);
  max-height:100%;
  margin:0;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
  overscroll-behavior:contain;
  touch-action:pan-y;
}
.cart-layer:not([hidden]) .cart-modal{display:grid}
.cart-modal .modal-close{position:absolute;float:none;top:20px;right:22px;z-index:5;width:40px;height:40px}
.cart-modal:focus{outline:none}.cart-modal .modal-close:focus{outline:none}.cart-modal .modal-close:focus-visible{outline:2px solid #72ddd7;outline-offset:3px}
.cart-dialog-head{min-width:0;padding:36px 92px 22px 38px;border-bottom:1px solid rgba(148,177,216,.1)}
.cart-dialog-head h2{margin:7px 0 5px;font-size:clamp(1.7rem,3vw,2.15rem);line-height:1.15}
.cart-dialog-head p{max-width:560px;font-size:.84rem;line-height:1.55}
.cart-dialog-items{
  min-height:0;
  max-height:none;
  overflow-x:hidden;
  overflow-y:auto;
  padding:14px 34px 18px;
  scroll-padding-block:14px;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  overflow-anchor:none;
  scroll-behavior:auto;
  touch-action:pan-y;
}
.cart-dialog-items .cart-item{grid-template-columns:auto minmax(210px,1fr) auto auto;gap:15px;padding:15px 16px;background:rgba(255,255,255,.022)}
.cart-dialog-items .cart-item:first-child{border-top:1px solid var(--line)}
.cart-dialog-items .cart-item-copy{align-content:center;gap:1px}
.cart-dialog-items .cart-item-copy strong{font-size:.88rem;line-height:1.35}
.cart-dialog-items .cart-item-copy span,.cart-dialog-items .cart-item-copy small{font-size:.69rem;line-height:1.45}
.cart-dialog-items .cart-line-price{min-width:116px}
.cart-dialog-items .cart-line-price b{font-size:.9rem}
.cart-dialog-footer{position:relative;z-index:2;gap:14px;padding:18px 38px 28px;background:linear-gradient(180deg,rgba(8,18,32,.98),rgba(6,15,27,.99));box-shadow:0 -16px 34px rgba(0,6,18,.16)}
.cart-dialog-footer>div{align-items:center}.cart-dialog-footer span{font-size:.8rem}.cart-dialog-footer strong{font-size:1.55rem;line-height:1.2}
.cart-dialog-footer .button{min-height:54px;font-size:.86rem}

@media(max-width:720px){
  .cart-layer{place-items:center;padding:max(24px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom))}
  .cart-modal{
    width:100%;
    height:min(82dvh,720px);
    max-height:100%;
    margin:0;
    border-radius:22px;
  }
  .cart-modal .modal-close{top:16px;right:16px;width:38px;height:38px}
  .cart-dialog-head{padding:25px 66px 17px 20px}
  .cart-dialog-head h2{font-size:1.45rem;line-height:1.18}
  .cart-dialog-head p{font-size:.76rem;line-height:1.5}
  .cart-dialog-items{max-height:none;padding:10px 14px 14px;scroll-padding-block:10px;scrollbar-gutter:auto}
  .cart-dialog-items .cart-item{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:12px;align-items:start}
  .cart-dialog-items .cart-item-copy{grid-column:2;min-width:0}
  .cart-dialog-items .cart-item-copy strong{font-size:.84rem}
  .cart-dialog-items .cart-item-controls{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
  .cart-dialog-items .cart-line-price{grid-column:auto;min-width:0;margin:0;justify-items:end}
  .cart-dialog-items .cart-line-price small{font-size:.62rem}
  .cart-dialog-items .cart-line-price b{font-size:.8rem}
  .cart-dialog-items .remove-line{grid-column:3;grid-row:1/3}
  .cart-dialog-footer{gap:11px;padding:13px 16px calc(14px + env(safe-area-inset-bottom))}
  .cart-dialog-footer strong{font-size:1.2rem}
  .cart-dialog-footer .button{min-height:50px;font-size:.8rem}
}

@media(max-width:380px){
  .cart-dialog-head{padding-top:22px}.cart-dialog-head h2{font-size:1.3rem}
  .cart-dialog-items{padding-inline:10px}
  .cart-dialog-items .cart-item{grid-template-columns:38px minmax(0,1fr) auto;padding:11px 10px}
  .cart-dialog-items .cart-item-controls{align-items:end;flex-direction:column-reverse;gap:7px}
  .cart-dialog-items .cart-line-price{justify-items:start;align-self:start;width:100%}
  .cart-dialog-footer{padding-inline:12px}
}

/* V19: recorrido guiado, validación y revisión final */
.purchase-form{position:relative;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.purchase-form.checkout-attention{border-color:rgba(66,214,207,.5);box-shadow:0 0 0 4px rgba(66,214,207,.07),0 24px 70px rgba(0,5,18,.3);transform:translateY(-2px)}
.checkout-steps-detailed{position:relative;gap:9px;margin:0 0 14px}
.checkout-steps-detailed span{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 10px;border:1px solid rgba(148,177,216,.12);border-radius:12px;background:rgba(5,13,25,.35);color:#8493a8;text-align:left;transition:border-color .22s ease,background .22s ease,color .22s ease}
.checkout-steps-detailed b{display:grid;place-items:center;width:25px;height:25px;flex:0 0 auto;border:1px solid rgba(148,177,216,.18);border-radius:50%;font-size:.68rem;line-height:1}
.checkout-steps-detailed em{font-size:.72rem;font-style:normal;font-weight:800;white-space:nowrap}
.checkout-steps-detailed span.done{border-color:rgba(66,214,207,.17);background:rgba(66,214,207,.055);color:#73ddd6}
.checkout-steps-detailed span.done b{border-color:rgba(66,214,207,.28);background:rgba(66,214,207,.1)}
.checkout-steps-detailed span.current{border-color:rgba(120,111,240,.42);background:linear-gradient(145deg,rgba(120,111,240,.105),rgba(66,214,207,.045));color:#f5f8fc;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.checkout-steps-detailed span.current b{border-color:rgba(139,124,246,.46);background:rgba(120,111,240,.16);color:#d8d4ff}

.checkout-mini-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:13px 14px;border:1px solid rgba(66,214,207,.17);border-radius:14px;background:linear-gradient(145deg,rgba(66,214,207,.065),rgba(94,167,255,.035))}
.checkout-mini-summary[hidden]{display:none}.checkout-mini-summary>div{display:grid;min-width:0}.checkout-mini-summary span{overflow:hidden;color:#9facbe;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.checkout-mini-summary strong{font-size:1rem;line-height:1.35}.checkout-mini-summary button{flex:0 0 auto;min-height:38px;padding:0 12px;border:1px solid rgba(66,214,207,.25);border-radius:10px;background:rgba(66,214,207,.07);color:#78ded8;font-size:.7rem;font-weight:800;cursor:pointer}
.checkout-mini-summary button:hover{background:rgba(66,214,207,.12)}

.smart-form [aria-invalid="true"]{border-color:#ff7888;box-shadow:0 0 0 3px rgba(255,94,113,.09)}
.field-message{display:block;margin-top:-2px;color:#ff9aa6!important;font-size:.7rem!important;font-weight:700!important;line-height:1.4}
.form-error{animation:errorIn .2s ease both}
@keyframes errorIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

.summary-modal{width:min(720px,calc(100% - 28px));max-height:calc(100dvh - 28px);overscroll-behavior:contain}
.summary-modal:focus{outline:none}.summary-modal .summary-head{padding-top:42px}.summary-modal .summary-list{max-height:48dvh;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
.summary-edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}
.summary-edit-actions .button{min-height:44px;margin:0;font-size:.76rem}
.summary-actions{position:sticky;z-index:2;bottom:0;padding-top:12px;background:linear-gradient(180deg,rgba(11,21,36,0),rgba(11,21,36,.96) 18%,rgba(11,21,36,.99) 100%)}
.summary-actions>a{min-height:54px}

@media(max-width:720px){
  .purchase-form{padding:22px 17px}
  .checkout-steps-detailed{gap:6px}
  .checkout-steps-detailed span{display:grid;justify-items:center;gap:4px;min-height:58px;padding:7px 4px;text-align:center}
  .checkout-steps-detailed b{width:23px;height:23px}
  .checkout-steps-detailed em{font-size:.65rem}
  .checkout-mini-summary{position:sticky;z-index:3;top:82px;margin-inline:-3px;padding:11px 12px;background:rgba(13,27,46,.94);backdrop-filter:blur(15px);box-shadow:0 10px 28px rgba(0,6,18,.16)}
  .checkout-mini-summary strong{font-size:.9rem}.checkout-mini-summary button{min-height:40px}
  .summary-modal{width:calc(100% - 12px);max-height:calc(100dvh - 12px)}
  .summary-modal .summary-head{padding:36px 22px 14px}.summary-modal .summary-head h2{font-size:1.55rem;line-height:1.2}
  .summary-modal .summary-list{max-height:46dvh;margin-inline:16px;padding:13px}
  .summary-actions{padding:12px 16px calc(18px + env(safe-area-inset-bottom))}
  .summary-edit-actions{grid-template-columns:1fr}.summary-edit-actions .button{min-height:42px}
}

@media(max-width:380px){
  .checkout-steps-detailed em{font-size:.61rem}.checkout-mini-summary{gap:9px}.checkout-mini-summary span{font-size:.64rem}.checkout-mini-summary button{padding-inline:9px;font-size:.66rem}
}

@media(prefers-reduced-motion:reduce){.purchase-form,.checkout-steps-detailed span{transition:none}.purchase-form.checkout-attention{transform:none}.form-error{animation:none}}

/* V20: controles de cantidad móviles sin superposición */
@media(max-width:720px){
  .cart-modal{height:min(82dvh,720px);max-height:100%}
  .cart-dialog-items .cart-item-controls{display:grid;grid-template-columns:auto minmax(88px,1fr);align-items:center;gap:12px;width:100%}
  .cart-dialog-items .quantity-control-compact{grid-template-columns:36px 36px 36px;justify-self:start}
  .cart-dialog-items .quantity-control-compact>span{min-width:36px;font-size:.76rem}
  .cart-dialog-items .quantity-control-compact button{
    grid-column:auto!important;
    grid-row:auto!important;
    width:36px!important;
    min-height:36px!important;
    touch-action:manipulation;
  }
  .cart-dialog-items .cart-line-price{display:grid;grid-template-columns:1fr;justify-items:end;gap:1px;min-width:88px}
  .cart-dialog-items .cart-line-price small,.cart-dialog-items .cart-line-price b{grid-column:auto!important;grid-row:auto!important;white-space:nowrap}
  .cart-dialog-items .cart-line-price b{font-size:.84rem;line-height:1.25}
  .cart-dialog-items .remove-line{width:34px;height:34px;touch-action:manipulation}
}

@media(max-width:380px){
  .cart-modal{height:min(82dvh,680px);max-height:100%}
  .cart-dialog-items .cart-item-controls{grid-template-columns:1fr;justify-items:start;gap:8px}
  .cart-dialog-items .cart-line-price{justify-items:start;min-width:0}
}

/* V21: planes claros, instalación y atribución de pedidos */
.duration-tabs{display:flex;gap:8px;margin:0 0 12px;padding:3px;overflow-x:auto;scrollbar-width:none}
.duration-tabs::-webkit-scrollbar{display:none}
.duration-tabs button{flex:0 0 auto;min-height:38px;padding:0 13px;border:1px solid rgba(148,177,216,.16);border-radius:10px;background:rgba(5,13,25,.38);color:#aab7ca;font-size:.72rem;font-weight:800;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}
.duration-tabs button:hover{border-color:rgba(66,214,207,.3);color:#e8f3f7}
.duration-tabs button.active{border-color:rgba(66,214,207,.42);background:linear-gradient(145deg,rgba(66,214,207,.13),rgba(120,111,240,.07));color:#78e0da;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.detail-installation{display:grid;gap:5px;margin:24px 0;padding:17px;border:1px solid rgba(66,214,207,.2);border-radius:15px;background:linear-gradient(145deg,rgba(66,214,207,.07),rgba(94,167,255,.035))}
.detail-installation>span{color:#71ddd6;font-size:.68rem;font-weight:900;letter-spacing:.09em}.detail-installation h4{margin:0;font-size:.92rem}.detail-installation p{margin:1px 0;color:#b8c5d6;font-size:.78rem;line-height:1.55}.detail-installation small{color:#8fa0b5;font-size:.68rem;line-height:1.5}
.payment-guidance{margin:-8px 0 17px;padding:11px 13px;border:1px solid rgba(94,167,255,.15);border-radius:11px;background:rgba(94,167,255,.045);color:#b7c9df;font-size:.72rem;line-height:1.5}.payment-guidance[hidden]{display:none}
.summary-section{display:grid;gap:0}.summary-section+ .summary-section{margin-top:15px;padding-top:13px;border-top:1px solid rgba(148,177,216,.14)}
.summary-section h3{margin:0 0 4px;color:#75ddd7;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.summary-section>div:last-child{border-bottom:0}
.copy-order-button{margin:0 0 10px!important}.summary-actions .button.opened{pointer-events:none;background:rgba(98,216,154,.12);color:#91e4b4;box-shadow:none}
.toast{display:flex;align-items:center;gap:12px;max-width:min(92vw,520px)}
.toast button{min-height:32px;padding:0 10px;border:1px solid rgba(66,214,207,.26);border-radius:8px;background:rgba(66,214,207,.08);color:#7fe1db;font-size:.7rem;font-weight:900;cursor:pointer}

@media(max-width:720px){
  .duration-tabs{margin-inline:-2px;padding-bottom:5px}.duration-tabs button{min-height:42px;padding-inline:14px}
  .detail-installation{padding:14px}.detail-installation p{font-size:.76rem}
  .summary-section+ .summary-section{margin-top:12px;padding-top:11px}
  .copy-order-button{min-height:44px!important}
  .toast{bottom:calc(20px + env(safe-area-inset-bottom));font-size:.74rem}
}

@media(prefers-reduced-motion:reduce){.duration-tabs button{transition:none}}

/* V22: búsqueda tolerante y estados comerciales honestos */
.catalog-feedback{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:4px 0 22px}
.catalog-feedback .catalog-confirmation{margin:0}
.catalog-result-count{margin:0;flex:0 0 auto;color:#8291a7;font-size:.75rem;font-weight:800}
.empty-state .button{margin-top:13px}
.availability,.featured-status,.detail-status{border-color:rgba(94,167,255,.22)!important;background:rgba(94,167,255,.075)!important;color:#9fc9ff!important}
.availability:before,.featured-status i,.detail-status i{background:#6daeff!important;box-shadow:0 0 9px rgba(94,167,255,.52)!important}
.availability.status-available,.featured-status.status-available,.detail-status.status-available{border-color:rgba(98,216,154,.22)!important;background:rgba(98,216,154,.075)!important;color:#8ae4b2!important}
.availability.status-available:before,.featured-status.status-available i,.detail-status.status-available i{background:#62d89a!important;box-shadow:0 0 9px rgba(98,216,154,.62)!important}
.availability.status-low,.featured-status.status-low,.detail-status.status-low{border-color:rgba(255,190,63,.24)!important;background:rgba(255,190,63,.08)!important;color:#ffd270!important}
.availability.status-low:before,.featured-status.status-low i,.detail-status.status-low i{background:#ffc35c!important;box-shadow:0 0 9px rgba(255,190,63,.58)!important}
.availability.status-unavailable,.featured-status.status-unavailable,.detail-status.status-unavailable{border-color:rgba(255,105,120,.22)!important;background:rgba(255,105,120,.07)!important;color:#ff9aa6!important}
.availability.status-unavailable:before,.featured-status.status-unavailable i,.detail-status.status-unavailable i{background:#ff7182!important;box-shadow:none!important;animation:none!important}
.card-actions button:disabled{cursor:not-allowed!important;opacity:.58;background:rgba(148,177,216,.06)!important;border-color:rgba(148,177,216,.12)!important;color:#91a0b5!important;box-shadow:none!important}
.detail-status{padding:5px 8px;border:1px solid;border-radius:99px;line-height:1}.plan-option.plan-unavailable{opacity:.68}

@media(max-width:720px){
  .catalog-feedback{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:19px}
  .catalog-result-count{padding-left:30px}
}

/* V23: información comercial de lanzamiento */
.footer-availability{line-height:1.65}.footer-availability b{color:#c9d4e3;font-weight:800}
.policy-list article p{line-height:1.62}