*{margin:0;padding:0;box-sizing:border-box}
:root{--azul:#12324F;--azul2:#1D4E79;--ambar:#F59E0B;--verde:#16A34A;--gris:#5B6B7A;--borde:#E2E9EF;--tinta:#182430}
body{font-family:'Segoe UI',system-ui,sans-serif;background:linear-gradient(160deg,#0C2438,#1D4E79 60%,#12324F);min-height:100vh;color:#fff;line-height:1.45}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px}
.top{padding:22px 0;display:flex;justify-content:space-between;align-items:center}
.logo{font-size:22px;font-weight:800;letter-spacing:-.5px;color:#fff;text-decoration:none}
.logo span{color:var(--ambar)}
.vol{color:#9DB4C6;font-size:13px;text-decoration:none}
h1{font-size:34px;letter-spacing:-.5px;margin:18px 0 6px}
h1 em{color:var(--ambar);font-style:normal}
.sub{color:#C9DCEC;font-size:15px;margin-bottom:26px}
.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:26px}
.grid input{border:none;border-radius:8px;padding:13px 16px;font-size:14px;background:#fff;color:var(--tinta);width:100%}
.grid input:focus{outline:3px solid var(--ambar)}
.sec{font-size:19px;font-weight:800;margin:6px 0 14px}
.sec i{color:var(--ambar);font-style:normal}
.planes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:26px}
.plan{background:#fff;color:var(--tinta);border-radius:16px;padding:18px 20px;cursor:pointer;border:3px solid transparent;position:relative}
.plan.on{border-color:var(--ambar);box-shadow:0 8px 30px rgba(245,158,11,.35)}
.plan .marca{position:absolute;top:-11px;right:14px;background:var(--ambar);color:#3B2300;font-size:10.5px;font-weight:800;border-radius:20px;padding:3px 10px;display:none}
.plan.destacado .marca{display:inline-block}
.plan h3{font-size:15.5px;color:var(--azul)}
.plan .precio{font-size:21px;font-weight:800;color:var(--azul);margin:4px 0 2px}
.plan .precio small{font-size:11px;color:var(--gris);font-weight:600;display:block}
.plan .radio{width:18px;height:18px;border-radius:50%;border:2.5px solid #B8C7D4;display:inline-block;vertical-align:middle;margin-right:8px}
.plan.on .radio{border-color:var(--ambar);background:radial-gradient(circle,var(--ambar) 45%,#fff 50%)}
.region{margin-bottom:26px}
.region select{border:none;border-radius:8px;padding:13px 16px;font-size:14px;min-width:320px;color:var(--tinta)}
.gratis{background:rgba(22,163,74,.18);border:1.5px solid rgba(22,163,74,.6);border-radius:14px;padding:16px 20px;font-size:14px;color:#D7F5E2;margin-bottom:22px}
.gratis b{color:#7EE2A8}
.fila-fin{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding-bottom:50px}
.eligiendo{font-size:14px;color:#C9DCEC}
.eligiendo b{color:#fff}
.btn{display:inline-block;padding:15px 34px;border-radius:10px;font-weight:800;font-size:16px;border:none;cursor:pointer;background:var(--ambar);color:#1E1200}
.btn:hover{transform:translateY(-2px)}
.err{background:#FDE8E8;color:#B91C1C;border-radius:10px;padding:12px 16px;font-size:13.5px;font-weight:700;margin-bottom:16px;display:none}
.err.on{display:block}
@media (max-width:860px){.grid{grid-template-columns:1fr}.planes{grid-template-columns:1fr}}