:root{--blue:#1877ff;--blue2:#0657e8;--cyan:#29b6ff;--navy:#071428;--navy2:#0b1d38;--ink:#0b1220;--muted:#60708c;--line:#dfe8f5;--soft:#f6f9fd;--white:#fff;--radius:24px;--shadow:0 24px 70px rgba(8,31,73,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}h1,h2,h3,.brand{font-family:Manrope,Inter,sans-serif}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,232,245,.8)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:20px;font-weight:800;text-decoration:none}.brand img{width:42px;height:42px;border-radius:13px;box-shadow:0 8px 20px rgba(10,55,135,.2)}.brand b{color:var(--blue)}.nav-links{display:flex;align-items:center;gap:25px}.nav-links>a{color:#33425d;text-decoration:none;font-size:14px;font-weight:600;transition:.2s}.nav-links>a:hover{color:var(--blue)}.nav-toggle{display:none;border:0;background:#eef5ff;width:44px;height:44px;border-radius:14px;font-size:24px}.lang-menu{position:relative}.lang-button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:9px 12px;display:flex;gap:8px;align-items:center;cursor:pointer}.lang-drop{position:absolute;right:0;top:48px;background:#fff;padding:8px;width:160px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s}.lang-menu:hover .lang-drop{opacity:1;visibility:visible;transform:none}.lang-drop a{display:block;padding:9px 10px;border-radius:10px;color:#26354e;text-decoration:none;font-size:13px}.lang-drop a:hover{background:#eef5ff;color:var(--blue)}.hero{position:relative;overflow:hidden;padding:160px 0 95px;background:linear-gradient(145deg,#fff 15%,#f3f8ff 58%,#ecf4ff)}.hero-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(24,119,255,.18),transparent 65%);right:-170px;top:-130px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;position:relative}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--blue);text-transform:uppercase}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid #d5e6ff;background:#fff;border-radius:100px}.hero h1{font-size:clamp(44px,5.7vw,72px);line-height:1.04;letter-spacing:-.045em;margin:20px 0}.hero-copy>p{font-size:18px;color:var(--muted);max-width:660px}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{border:0;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;text-decoration:none;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-lg{padding:15px 21px}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 14px 30px rgba(24,119,255,.25)}.btn-glass,.btn-outline{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-outline:hover,.btn-glass:hover{border-color:#b5d2ff;background:#f6faff}.hero-points{display:flex;gap:19px;flex-wrap:wrap;margin-top:30px;color:#52617a;font-size:13px;font-weight:600}.hero-points i{color:var(--blue);margin-right:4px}.hero-visual{position:relative;padding:30px 0}.remote-card{background:var(--navy);border:1px solid #1a3156;border-radius:28px;padding:14px;box-shadow:0 35px 90px rgba(2,20,52,.28);transform:perspective(900px) rotateY(-4deg) rotateX(1deg)}.remote-top,.remote-footer{color:#b7c9e6;display:flex;align-items:center;gap:9px;padding:4px 5px 13px;font-size:12px}.remote-top .latency{margin-left:auto;color:#4de18a}.dot{width:8px;height:8px;border-radius:50%}.dot.green{background:#2bd76d;box-shadow:0 0 0 5px rgba(43,215,109,.1)}.screen{background:#dfeaff;border-radius:18px;overflow:hidden}.screen-bar{height:30px;background:#f7f9fd;display:flex;gap:6px;padding:11px}.screen-bar span{width:8px;height:8px;border-radius:50%;background:#b8c4d6}.screen-content{height:290px;background:linear-gradient(145deg,#eaf3ff,#fff);display:flex;align-items:center;justify-content:center;gap:15px}.screen-content img{width:78px;height:78px;border-radius:23px}.screen-content div{display:flex;flex-direction:column}.screen-content small{color:#6b7890}.remote-footer{padding:13px 5px 3px}.remote-footer span:nth-child(2){margin-left:auto}.remote-footer button{border:0;background:#17345f;color:#fff;border-radius:10px;padding:8px}.floating-badge{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:12px 15px;display:grid;grid-template-columns:35px auto;column-gap:10px;align-items:center;font-size:12px}.floating-badge i{grid-row:1/3;font-size:25px;color:var(--blue)}.floating-badge b{font-size:12px}.floating-badge small{color:#748198}.badge-a{left:-30px;top:10px}.badge-b{right:-25px;bottom:6px}.section{padding:100px 0}.section-title{max-width:650px;margin:0 auto 45px;text-align:center}.section-title h2,.about-grid h2,.contact-box h2{font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.035em;margin:9px 0 15px}.section-title p,.lead{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fff,#fbfdff);transition:.25s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(14,55,110,.1);border-color:#bdd7ff}.icon-box,.plan-icon{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#e9f3ff,#f5f9ff);color:var(--blue);display:grid;place-items:center;font-size:22px}.feature-card h3{margin:17px 0 8px;font-size:18px}.feature-card p{margin:0;color:var(--muted);font-size:14px}.dark-section{background:linear-gradient(145deg,#061225,#0c2344);color:#fff;position:relative;overflow:hidden}.section-title.light p{color:#b8c7df}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{position:relative;padding:25px;border:1px solid #1d3b68;background:rgba(255,255,255,.04);border-radius:22px}.step>span{position:absolute;right:18px;top:12px;color:#24466f;font-size:35px;font-weight:800}.step-icon{width:52px;height:52px;border-radius:16px;background:#123464;color:#55b5ff;display:grid;place-items:center;font-size:23px}.step h3{font-size:16px;margin:18px 0 0}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.about-logo{background:linear-gradient(145deg,#f1f7ff,#fff);border:1px solid var(--line);border-radius:30px;padding:40px}.about-logo img{width:100%;display:block}.about-checks{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.about-checks span{padding:8px 12px;border-radius:12px;background:#eef6ff;color:#24456f;font-size:13px;font-weight:600}.about-checks i{color:var(--blue)}.pricing-section{background:#f7faff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:27px;padding:28px;display:flex;flex-direction:column;box-shadow:0 16px 45px rgba(17,55,105,.05)}.price-card.featured{border:2px solid var(--blue);transform:translateY(-10px);box-shadow:0 24px 65px rgba(24,119,255,.14)}.popular{position:absolute;right:20px;top:20px;background:#eaf3ff;color:var(--blue);font-size:11px;font-weight:800;padding:6px 10px;border-radius:999px;text-transform:uppercase}.price-card h3{font-size:20px;margin:18px 0 3px}.price{display:flex;align-items:flex-start;margin:7px 0}.price strong{font-size:46px;line-height:1;font-family:Manrope}.price sup{font-size:18px;font-weight:800;margin:5px 3px 0 0}.price small{align-self:flex-end;margin:0 0 5px 6px;color:var(--muted)}.duration{font-size:13px;color:var(--muted)}.saving{background:linear-gradient(135deg,#eaf6ff,#eef3ff);border:1px solid #cfe4ff;border-radius:16px;padding:12px;margin:17px 0;display:grid;grid-template-columns:1fr auto}.saving span,.saving small{font-size:11px;color:#4d6384}.saving b{color:var(--blue);font-size:22px}.saving small{grid-column:1/3}.price-card ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px;font-size:13px;color:#42536e}.price-card li i{color:#18af68;margin-right:8px}.price-card .btn{margin-top:auto}.contact-section{padding-top:65px}.contact-box{background:linear-gradient(135deg,#071428,#0c2c5c);color:#fff;border-radius:32px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;box-shadow:0 30px 80px rgba(4,29,69,.2)}.contact-box p{color:#b9cae4}.contact-actions{display:grid;gap:12px}.contact-pill{display:flex;gap:13px;align-items:center;background:rgba(255,255,255,.08);border:1px solid #29466f;padding:13px;border-radius:16px;color:#fff;text-decoration:none;transition:.2s}.contact-pill:hover{background:rgba(255,255,255,.13);transform:translateX(4px)}.contact-pill>i{width:42px;height:42px;border-radius:13px;background:#153b72;display:grid;place-items:center;font-size:20px}.contact-pill span{display:flex;flex-direction:column}.contact-pill small{color:#9fb2d0}.contact-pill b{font-size:13px}footer{padding:40px 0;border-top:1px solid var(--line);margin-top:80px}.footer-grid{display:flex;align-items:center;justify-content:space-between;color:#748198;font-size:13px}.footer-brand{font-size:16px}.footer-brand img{width:35px;height:35px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.error-page{min-height:100vh;display:grid;place-items:center;background:#f5f9ff}.error-card{display:flex;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);padding:35px;border-radius:28px;box-shadow:var(--shadow)}.error-card img{width:90px;border-radius:26px}.error-card span{color:var(--blue);font-weight:800}.error-card h1{margin:3px 0}.error-card p{color:var(--muted)}@media(max-width:900px){.nav-toggle{display:grid;place-items:center}.nav-links{position:absolute;top:78px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;background:#fff;padding:18px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.lang-drop{position:static;display:none;box-shadow:none;width:100%;margin-top:8px}.lang-menu.open .lang-drop{display:block;opacity:1;visibility:visible}.hero-grid,.about-grid,.contact-box{grid-template-columns:1fr}.hero{padding-top:130px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-points{justify-content:center}.hero-visual{max-width:650px;margin:auto;width:100%}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.footer-grid{flex-direction:column;gap:16px;text-align:center}}@media(max-width:560px){.container{width:min(100% - 26px,1180px)}.hero h1{font-size:40px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-points{gap:9px}.screen-content{height:220px}.floating-badge{display:none}.feature-grid,.steps{grid-template-columns:1fr}.section{padding:75px 0}.contact-box{padding:28px}.about-logo{padding:20px}.footer-grid{align-items:flex-start;text-align:left}}
/* ===== COMERCIAL 1.1 / FLAGS / RESELLER / PAYMENTS ===== */
.lang-button img,.lang-drop img{width:24px;height:16px;border-radius:4px;object-fit:cover;box-shadow:0 0 0 1px rgba(7,20,40,.12)}.lang-drop a{display:flex;align-items:center;gap:10px}.lang-button span{font-size:11px;font-weight:800;color:#40516b}.nav-links{gap:19px}.btn-secondary{background:#eef5ff;color:var(--blue);border:1px solid #cfe2ff}.btn-secondary:hover{background:#e2efff}.btn-light{background:#fff;color:#0d47a1;border:1px solid rgba(255,255,255,.65)}.btn-block{width:100%}.btn-whatsapp{background:#16a765;color:#fff;border:1px solid #119458}.btn-whatsapp:hover{background:#119458}.trial-actions{display:grid;gap:10px;margin-top:auto}.trial-actions small{display:flex;align-items:center;gap:7px;color:#64748b;font-size:11px}.trial-actions small i{color:#16a765}.custom-plan{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px 22px;display:flex;align-items:center;gap:15px}.custom-plan>i{width:48px;height:48px;border-radius:15px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-size:21px}.custom-plan>div{display:flex;flex-direction:column;flex:1}.custom-plan span{color:var(--muted);font-size:12px}.price-card li .bi-pc-display,.price-card li .bi-calendar3{color:var(--blue)}
.reseller-section{background:radial-gradient(circle at 10% 10%,rgba(24,119,255,.18),transparent 32%),linear-gradient(145deg,#061225,#0b2347);color:#fff}.reseller-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.reseller-card{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.05));border:1px solid #29466f;border-radius:24px;padding:22px;display:flex;flex-direction:column;min-height:350px;transition:.25s}.reseller-card:hover{transform:translateY(-6px);border-color:#4b8dea;box-shadow:0 24px 55px rgba(0,0,0,.2)}.reseller-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.reseller-top>span{font-size:10px;text-transform:uppercase;font-weight:800;color:#75bdff;background:#123868;padding:5px 8px;border-radius:999px}.credit-icon{width:44px;height:44px;border-radius:14px;background:#123868;display:grid;place-items:center;color:#4fb0ff;font-size:20px}.credit-number{font:800 46px Manrope;margin:22px 0 0}.reseller-card>small{color:#a9bddb}.reseller-price{margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.reseller-price>div{background:rgba(255,255,255,.07);border:1px solid #28486f;border-radius:15px;padding:11px}.reseller-price span{display:block;font:800 20px Manrope}.reseller-price small{color:#9eb4d3}.reseller-save{font-size:11px;color:#65e29c;margin-bottom:17px}.reseller-card .btn{margin-top:auto}.reseller-note{margin-top:20px;padding:18px;border:1px solid #29466f;background:rgba(255,255,255,.05);border-radius:19px;display:flex;align-items:center;gap:13px}.reseller-note>i{font-size:21px;color:#55b5ff}.reseller-note>span{flex:1;color:#c4d3ea;font-size:12px}.reseller-note b{color:#fff}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:45;width:58px;height:58px;border-radius:20px;background:#16a765;color:#fff;display:grid;place-items:center;font-size:27px;text-decoration:none;box-shadow:0 18px 38px rgba(13,126,74,.3);transition:.2s}.whatsapp-float:hover{transform:translateY(-3px) scale(1.03)}
.payment-modal{position:fixed;inset:0;background:rgba(2,12,30,.64);backdrop-filter:blur(8px);z-index:120;display:none;align-items:center;justify-content:center;padding:20px}.payment-modal.open{display:flex}.payment-card{position:relative;width:min(690px,100%);max-height:min(760px,92vh);overflow:auto;background:#fff;border:1px solid #dce6f3;border-radius:28px;padding:26px;box-shadow:0 35px 100px rgba(0,0,0,.32)}.payment-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:#fff;cursor:pointer}.payment-head{display:flex;gap:14px;padding-right:45px;margin-bottom:20px}.payment-head h2{margin:2px 0 4px;font-size:28px}.payment-head p{margin:0;color:var(--muted);font-size:13px}.payment-icon{width:54px;height:54px;border-radius:17px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-size:24px;flex:0 0 auto}.payment-list{display:grid;gap:10px;margin-bottom:15px}.payment-method{display:grid;grid-template-columns:45px 1fr auto;gap:11px;align-items:center;border:1px solid var(--line);background:#fbfdff;border-radius:17px;padding:12px}.payment-method-icon{width:45px;height:45px;border-radius:14px;background:#eef5ff;color:var(--blue);display:grid;place-items:center;font-size:20px}.payment-method-copy{min-width:0}.payment-method-copy b,.payment-method-copy small,.payment-method-copy code{display:block}.payment-method-copy small{color:var(--muted);font-size:11px}.payment-method-copy code{margin-top:5px;white-space:normal;overflow-wrap:anywhere;background:#edf4ff;padding:5px 7px;border-radius:8px;color:#155dc4}.mini-action{border:1px solid #cfe2ff;background:#fff;color:var(--blue);border-radius:12px;padding:9px 11px;font-weight:700;text-decoration:none;cursor:pointer}.payment-empty{padding:22px;text-align:center;color:var(--muted);border:1px dashed #cdd9e8;border-radius:17px}.payment-empty i{color:var(--blue);margin-right:6px}
@media(max-width:1050px){.reseller-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.nav-links{gap:10px}.reseller-note{align-items:flex-start;flex-wrap:wrap}.reseller-note .btn{width:100%}}@media(max-width:560px){.reseller-grid{grid-template-columns:1fr}.custom-plan{align-items:flex-start;flex-wrap:wrap}.custom-plan .btn{width:100%}.payment-method{grid-template-columns:40px 1fr}.payment-method .mini-action{grid-column:1/3;width:100%;text-align:center}.payment-card{padding:21px}.payment-head h2{font-size:23px}.whatsapp-float{right:14px;bottom:14px}}

/* ===== WEB 1.1.1 · FACTURACION DE PLANES ===== */
.billing-note{margin:10px 0 2px;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#f2f7ff;border:1px solid #d9e8ff;color:#45617f;font-size:10px;font-weight:700}.billing-note i{color:#1677ff}.billing-note.billing-three{background:#eaf3ff;border-color:#9bc4ff;color:#0d58bd;font-weight:800}
