:root{--primary:#111;--red:#C8102E;--blue:#012169;--white:#fff;--bg:#f7f7f7}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,sans-serif;background:var(--bg);color:var(--primary);line-height:1.7}
header{background:#fff;border-bottom:4px solid var(--blue);padding:16px 5%;position:sticky;top:0;z-index:999;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.logo-wrap{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.logo-wrap img{height:56px;width:auto}
.logo-text{font-size:clamp(1.2rem,4vw,1.8rem);font-weight:900;text-transform:uppercase}
.logo-text span{color:var(--red)}
nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
nav a{text-decoration:none;color:var(--blue);font-weight:700;font-size:.92rem}
nav a:hover{color:var(--red)}
.hero{background:var(--red);color:#fff;text-align:center;padding:clamp(80px,12vw,130px) 5%}
.hero h1{font-size:clamp(2.2rem,6vw,4.2rem);font-weight:900;margin-bottom:22px;line-height:1.1}
.hero p{max-width:900px;margin:auto;font-size:clamp(1.05rem,2.5vw,1.2rem)}
.btn{padding:15px 28px;border-radius:10px;text-decoration:none;font-weight:800;display:inline-block;transition:.3s;cursor:pointer;border:none;font-size:1rem;min-width:160px;text-align:center}
.btn:hover{transform:translateY(-3px)}
.btn-black{background:var(--blue);color:#fff}
.btn-whatsapp{background:#25D366;color:#fff}
.btn-outline{background:#fff;border:2px solid var(--blue);color:var(--blue)}
main{max-width:1100px;margin:auto;padding:clamp(50px,8vw,90px) 5%}
.section-title{text-align:center;margin-bottom:50px}
.section-title h2{font-size:clamp(1.8rem,5vw,2.8rem);margin-bottom:12px;font-weight:900}
.step{background:#fff;border:3px solid var(--blue);border-radius:20px;padding:clamp(24px,4vw,40px);margin-bottom:32px;box-shadow:6px 6px 0 var(--red)}
.step h3{font-size:clamp(1.4rem,4vw,1.9rem);margin-bottom:16px;font-weight:900}
.step ul{padding-left:1.3em;margin:12px 0}
.step li{margin-bottom:6px}
input,select,textarea{width:100%;padding:14px;border-radius:10px;border:2px solid #d1d5db;font-family:Inter,sans-serif;margin:10px 0;font-size:1rem}
.input-group{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.subdomain-suffix{background:var(--blue);color:#fff;padding:14px 16px;border-radius:10px;font-weight:700;white-space:nowrap}
#preciosOpciones{display:none;margin-top:24px;background:#fff;border:3px solid var(--blue);border-radius:16px;padding:22px;overflow-x:auto}
.price-table{width:100%;min-width:520px;border-collapse:collapse}
.price-table th{background:var(--blue);color:#fff;padding:14px;text-align:left}
.price-table td{padding:14px;border-bottom:1px solid #e5e7eb}
.price{color:var(--red);font-weight:900}
#sugerencias{background:#fff;border:3px solid var(--blue);border-radius:16px;padding:22px;margin-top:20px;display:none}
.seo-table{width:100%;border-collapse:collapse}
.seo-table th{background:var(--blue);color:#fff;padding:12px;text-align:left}
.seo-table td{padding:12px;border-bottom:1px solid #ddd;cursor:pointer}
.seo-table tr:hover td{background:#f0f4ff}
.badge-hot{background:var(--red);color:#fff;padding:3px 8px;border-radius:6px;font-size:.75rem;margin-left:6px}
.paypal-button{display:inline-block;background:#FFD140;color:#111;padding:16px 30px;border-radius:10px;text-decoration:none;font-weight:900;font-size:1.05rem;transition:.3s}
.paypal-button:hover{transform:translateY(-3px)}
footer{background:var(--blue);color:#fff;text-align:center;padding:50px 5% 36px;border-top:4px solid var(--red)}
footer a{color:#fff;margin:0 6px}
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:var(--blue);color:#fff;padding:14px;display:none}
.cookie-inner{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.cookie-inner a{color:#fff;text-decoration:underline}
@media(max-width:768px){
  header{flex-direction:column;align-items:flex-start}
  .input-group{flex-direction:column;align-items:stretch}
  .btn{width:100%;max-width:100%}
}