body{margin:0;background:#ffffff;color:#140a2e;font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#6d28d9}a:hover{color:#ff6a1f}
h1,h2,h3{font-family:'Outfit',system-ui,sans-serif;letter-spacing:-0.02em}
.wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.hdr{border-bottom:1px solid #241347;background:#140a2e}
.hdr-in{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.nav{display:flex;gap:26px;flex-wrap:wrap;align-items:center}
.nav a{color:#e4def5;text-decoration:none;font-weight:500;font-size:15px;padding:10px 2px;border-bottom:2px solid transparent}
.nav a:hover{color:#ffb380}
.nav a.on{color:#ffffff;border-bottom-color:#ff6a1f;font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:12px;font-family:'DM Sans',system-ui,sans-serif;font-weight:600;font-size:15px;text-decoration:none;border:0;cursor:pointer}
.btn-lg{min-height:54px;padding:0 26px;font-size:16px}
.btn-p{background:#6d28d9;color:#ffffff}.btn-p:hover{background:#5b21b6;color:#ffffff}
.btn-w{background:#ff6a1f;color:#ffffff}.btn-w:hover{background:#e55a12;color:#ffffff}
.btn-o{background:transparent;color:#6d28d9;box-shadow:inset 0 0 0 2px #6d28d9}.btn-o:hover{background:#f3ebff;color:#6d28d9}
.btn-ghost{background:transparent;color:#ffffff;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.35)}.btn-ghost:hover{background:rgba(255,255,255,0.08);color:#ffffff}
.btn-white{background:#ffffff;color:#6d28d9}.btn-white:hover{background:#f3ebff;color:#6d28d9}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#ff6a1f}
.h2{margin:0;font-size:40px;font-weight:700;line-height:1.12}
.lead{margin:0;font-size:17px;line-height:1.6;color:#4d4766}
.tab{min-height:44px;padding:0 20px;border-radius:999px;border:0;font-family:'DM Sans',system-ui,sans-serif;font-weight:600;font-size:15px;cursor:pointer;background:transparent;color:#6d28d9}
.tab-on{background:#6d28d9;color:#ffffff}
input.q,input.f,select.f,textarea.f{min-height:52px;border:2px solid #d9d4ea;border-radius:12px;padding:0 16px;font-family:'DM Sans',system-ui,sans-serif;font-size:16px;color:#140a2e;outline:none;background:#ffffff;box-sizing:border-box;width:100%}
input.q{flex:1 1 180px;width:auto}
textarea.f{padding:14px 16px;min-height:120px;resize:vertical}
input.q:focus,input.f:focus,select.f:focus,textarea.f:focus{border-color:#6d28d9}
label.l{font-size:14px;font-weight:600;color:#140a2e;display:block;margin-bottom:6px}
details.faq{border-top:1px solid #e4e0f0}
details.faq summary{cursor:pointer;list-style:none;padding:20px 0;font-family:'Outfit',system-ui,sans-serif;font-weight:600;font-size:18px;display:flex;justify-content:space-between;align-items:center;gap:16px}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";font-size:26px;color:#ff6a1f;font-weight:500}
details.faq[open] summary::after{content:"–"}
details.faq p{margin:0 0 20px;color:#4d4766;line-height:1.6;max-width:720px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff1e8;color:#140a2e;font-size:14px;font-weight:500}
.chip-soon{background:#fff4e5}
.plan{flex:1 1 230px;min-width:0;background:#ffffff;border:1px solid #e4e0f0;border-radius:18px;padding:28px 24px;display:flex;flex-direction:column;gap:14px;position:relative}
.plan-hot{border:2px solid #6d28d9}
.ph{position:absolute;top:-14px;left:24px;background:#ff6a1f;color:#3a1500;font-weight:700;font-size:12px;letter-spacing:0.04em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.pn{font-size:14px;font-weight:600;color:#6f6a85}
.pv{font-family:'Outfit',sans-serif;font-size:54px;font-weight:800;line-height:1;color:#140a2e}
.pu{font-size:16px;font-weight:600;color:#4d4766}
.pp{font-family:'Outfit',sans-serif;font-size:30px;font-weight:700;color:#6d28d9}
.pm{font-size:14px;color:#6f6a85}
.hr{height:1px;background:#e4e0f0}
.ck{display:flex;gap:10px;align-items:flex-start;color:#4d4766;font-size:15px;line-height:1.45}
.ck svg{flex:0 0 auto;margin-top:3px}
.ph-box{background:#eceaf3;border:2px dashed #b9b2d1;border-radius:18px;display:flex;align-items:center;justify-content:center;text-align:center;color:#4d4766;font-size:14px;font-weight:500;padding:16px;box-sizing:border-box}
.photo-wrap{position:relative;overflow:hidden;border-radius:18px;background:#eceaf3}
.photo-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.card{background:#f7f6fb;border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:10px;flex:1 1 260px;min-width:0}
.card h3{margin:0;font-size:20px;font-weight:700}
.card p{margin:0;font-size:15px;line-height:1.55;color:#4d4766}
.ico{width:40px;height:40px;border-radius:10px;background:#ffffff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.step{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:10px}
.stepn{width:44px;height:44px;border-radius:999px;background:#6d28d9;color:#ffffff;font-family:'Outfit',sans-serif;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center}
.fo{background:#140a2e;color:#cbbfe6}
.fo a{color:#cbbfe6;text-decoration:none;font-size:14px}.fo a:hover{color:#ffffff}
.fo-col{flex:1 1 160px;min-width:0;display:flex;flex-direction:column;gap:10px}
.fo-h{color:#ffffff;font-size:14px;letter-spacing:0.04em;text-transform:uppercase;font-weight:700}
.soc{width:40px;height:40px;border-radius:10px;background:#241347;display:flex;align-items:center;justify-content:center}
.wa-float{position:fixed;right:24px;bottom:24px;display:inline-flex;align-items:center;gap:10px;background:#128c4a;color:#ffffff;text-decoration:none;font-weight:700;font-size:15px;padding:0 20px 0 16px;min-height:54px;border-radius:999px;box-shadow:0 12px 30px rgba(18,140,74,0.35);z-index:10}
.wa-float:hover{color:#ffffff;background:#0f7a40}
.cta{background:#6d28d9;color:#ffffff;position:relative;overflow:hidden}
.cta-in{position:relative;max-width:1200px;margin:0 auto;padding:80px 24px;display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between}
.cta h2{margin:0;font-size:44px;font-weight:800;line-height:1.08}
.cta p{margin:0;font-size:18px;line-height:1.55;color:#dccff5}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.btn-wa .short{display:none}
/* ===== estilo operadora ===== */
.topbar{background:#0d0620;color:#cbbfe6;font-size:13px}
.topbar-in{max-width:1200px;margin:0 auto;padding:6px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.seg{display:inline-flex;background:#241347;border-radius:999px;padding:3px}
.seg a{color:#cbbfe6;text-decoration:none;padding:5px 14px;border-radius:999px;font-weight:600}
.seg a.on{background:#6d28d9;color:#ffffff}
.toplinks{display:flex;gap:18px}
.toplinks a{color:#cbbfe6;text-decoration:none}.toplinks a:hover{color:#ffffff}
.qa{display:flex;gap:10px;overflow-x:auto;padding:4px 0 6px;scrollbar-width:none}
.qa::-webkit-scrollbar{display:none}
.qa a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;background:#ffffff;border:1px solid #e4e0f0;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;color:#140a2e;text-decoration:none;white-space:nowrap}
.qa a:hover{border-color:#6d28d9;color:#6d28d9}
.car{position:relative;border-radius:24px;overflow:hidden;background:#140a2e;color:#ffffff;min-height:460px}
.slide{position:relative;min-height:460px;display:flex;align-items:center}
.slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,10,46,0.92) 0%,rgba(20,10,46,0.75) 45%,rgba(20,10,46,0.25) 100%)}
.slide-in{position:relative;padding:56px 64px;display:flex;flex-direction:column;gap:16px;max-width:620px}
.slide .tag{align-self:flex-start;background:#ff6a1f;color:#3a1500;font-weight:800;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.slide h2{margin:0;font-size:46px;line-height:1.06;font-weight:800;color:#ffffff}
.slide p{margin:0;font-size:17px;line-height:1.5;color:#e4def5}
.slide .big{font-family:'Outfit',sans-serif;font-size:64px;font-weight:800;line-height:1;color:#ffb380}
.slide .big small{font-size:20px;color:#ffffff;font-weight:600}
.car-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:0;background:rgba(255,255,255,0.9);color:#6d28d9;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}
.car-prev{left:16px}.car-next{right:16px}
.dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:8px;z-index:3}
.dots button{width:10px;height:10px;border-radius:999px;border:0;background:rgba(255,255,255,0.45);cursor:pointer;padding:0}
.dots button.on{background:#ffffff;width:26px}
.row-scroll{display:flex;gap:18px;overflow-x:auto;padding:16px 4px 20px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.pc{flex:0 0 282px;box-sizing:border-box;scroll-snap-align:start;background:#ffffff;border:1px solid #e4e0f0;border-radius:20px;padding:24px 22px;display:flex;flex-direction:column;gap:12px;position:relative}
.pc-hot{border:2px solid #6d28d9;box-shadow:0 14px 34px rgba(109,40,217,0.14)}
.pc .ph{top:-13px;left:22px}
.pc .name{font-size:13px;font-weight:700;color:#6f6a85;text-transform:uppercase;letter-spacing:0.05em}
.pc .speed{display:flex;align-items:baseline;gap:6px}
.pc .speed b{font-family:'Outfit',sans-serif;font-size:50px;font-weight:800;line-height:1;color:#140a2e}
.pc .speed span{font-size:15px;font-weight:700;color:#4d4766}
.pc .bonus{display:flex;align-items:center;gap:8px;background:#fff1e8;color:#7a2e00;border-radius:10px;padding:8px 10px;font-size:13px;font-weight:600}
.pc .price{display:flex;flex-direction:column;gap:2px;padding-top:4px}
.pc .price b{font-family:'Outfit',sans-serif;font-size:38px;font-weight:800;line-height:1;color:#6d28d9}
.pc .price b small{font-size:16px;font-weight:700;color:#6f6a85}
.pc .price span{font-size:12px;color:#6f6a85}
.pc .feat{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:#4d4766;line-height:1.4}
.pc .feat svg{flex:0 0 auto;margin-top:2px}
.pc details{border-top:1px solid #e4e0f0;padding-top:8px}
.pc details summary{cursor:pointer;list-style:none;font-size:13px;font-weight:700;color:#6d28d9;display:flex;justify-content:space-between;align-items:center;min-height:32px}
.pc details summary::-webkit-details-marker{display:none}
.pc details summary::after{content:"+";font-size:18px}
.pc details[open] summary::after{content:"–"}
.pc details div{display:flex;flex-direction:column;gap:8px;padding:6px 0 4px}
.pc .acts{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:6px}
.pc .acts .btn{min-height:44px;font-size:14px}
.vcard{flex:1 1 300px;min-width:0;border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:10px;color:#ffffff;position:relative;overflow:hidden;min-height:220px;justify-content:flex-end}
.vcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vcard .sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,10,46,0.1),rgba(20,10,46,0.9))}
.vcard>*{position:relative}
.vcard h3{margin:0;font-size:24px;font-weight:800}
.vcard p{margin:0;font-size:15px;color:#e4def5}
.vcard a{color:#ffb380;font-weight:700;text-decoration:none;font-size:15px}
.wgrid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}
.wgrid a{display:flex;align-items:center;gap:12px;background:#ffffff;border:1px solid #e4e0f0;border-radius:14px;padding:14px 16px;text-decoration:none;color:#140a2e;font-size:15px;font-weight:600;min-height:56px}
.wgrid a:hover{border-color:#128c4a;color:#128c4a}
.legal{font-size:12px;color:#8f87ad;line-height:1.5}
@media (max-width:760px){
  .toplinks{display:none}
  .topbar-in{padding:6px 16px;justify-content:center}
  .car,.slide{min-height:420px}
  .slide-in{padding:36px 22px 56px;max-width:100%}
  .slide h2{font-size:30px}
  .slide .big{font-size:48px}
  .slide-shade{background:linear-gradient(180deg,rgba(20,10,46,0.55),rgba(20,10,46,0.92))}
  .car-nav{display:none}
  .pc{flex-basis:80%}
  .slide .big small{display:block;font-size:16px;margin-top:6px}
  .wgrid{grid-template-columns:repeat(1, minmax(0, 1fr))}
}
@media (min-width:1120px){
  .pc{flex-basis:calc(25% - 14px)}
}
/* ===== celular ===== */
@media (max-width:760px){
  .hdr-in{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:10px 16px 0}
  .hdr-in>a:first-child{order:1}
  .hdr-in>a:first-child img{height:68px !important;margin:-12px 0 !important}
  .hdr-in>div{order:2}
  .hdr-in .btn-ghost{display:none}
  .btn-wa .full{display:none}.btn-wa .short{display:inline}
  .hdr-in .btn-wa{min-height:42px;padding:0 16px;font-size:14px}
  .nav{order:3;grid-column:1/-1;flex-wrap:nowrap;overflow-x:auto;gap:20px;padding:4px 0 0;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav a{white-space:nowrap;font-size:14px;padding:8px 0 10px}
  section>div[style*="padding: 88px"],section>div[style*="padding: 80px"],section>div[style*="padding: 72px"],section>div[style*="padding: 64px"],section>div[style*="padding: 56px"]{padding-top:48px !important;padding-bottom:52px !important;padding-left:20px !important;padding-right:20px !important;gap:28px !important}
  .cta-in{padding:56px 20px !important}
  h1{font-size:36px !important;line-height:1.08 !important}
  .h2{font-size:28px !important}
  .cta h2{font-size:30px !important}
  .lead{font-size:16px !important}
  .btn-lg{width:100%;box-sizing:border-box}
  .photo-wrap{min-height:0 !important;height:auto !important;aspect-ratio:4/3;flex:1 1 100% !important;width:100%}
  form .btn{width:100%}
  .ph-box[style*="min-height"]{min-height:0 !important;aspect-ratio:16/10}
  .plan{flex-basis:100% !important}
  .pv{font-size:44px}
  .tab{min-height:40px;padding:0 14px;font-size:14px}
  section>div>div[style*="border-radius: 20px; overflow: hidden"]{font-size:14px}
  .fo>div{gap:28px !important}
  .wa-float{right:14px;bottom:14px;min-height:50px;padding:0 16px 0 14px;font-size:14px}
}

/* ===== extras del sitio real ===== */
html{scroll-behavior:smooth}
img{max-width:100%}
[hidden]{display:none !important}
video{display:block}
@media (prefers-reduced-motion:reduce){video[autoplay]{display:none}}