:root{
  --primary:#e64b3a;
  --primary-dark:#c93c2d;
  --muted:#6b7280;
  --bg:#ffffff;
  --border:#eef2f7;
  --radius:14px;
  --shadow:0 10px 30px rgba(16,24,40,.08);
  --max:1150px;
}
*{box-sizing:border-box;}
body{margin:0;font-family:'Montserrat',sans-serif;color:#1f2937;background:var(--bg);}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.container{width:calc(100% - 2rem);max-width:var(--max);margin:0 auto;}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:10px;font-weight:600;border:1px solid transparent;cursor:pointer;}
.btn.primary{background:var(--primary);color:#fff;}
.btn.primary:hover{background:var(--primary-dark);}
.btn.ghost{border-color:#e7ecf2;background:#fff;}
.btn.ghost:hover{background:#fafafa;}
.tag{font-size:.8rem;color:#fff;background:linear-gradient(90deg,var(--primary),#ff795f);padding:.25rem .6rem;border-radius:999px;}
.muted{color:var(--muted);}

/* Header */
header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:50;}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0;}
.brand{display:flex;align-items:center;gap:.7rem;}
.logo{width:40px;height:40px;border-radius:10px;background:var(--primary);display:grid;place-items:center;color:#fff;font-weight:700;box-shadow:var(--shadow);}
.name span{font-size:.8rem;color:var(--muted);}
.links{display:none;gap:1rem;}
.header-actions{display:flex;align-items:center;gap:.6rem;}
.menu-btn{border:0;background:transparent;font-size:1.25rem;}
.mini{font-size:.85rem;color:var(--muted);}

/* Hero */
.hero{padding:3rem 0;background:linear-gradient(135deg,#f7f7f7 0%,#fff 35%,#fce8e6 90%);}
.hero h1{margin:.6rem 0;font-size:1.9rem;line-height:1.1;}
.hero p{margin:0 0 1rem;color:var(--muted);}
.actions{display:flex;flex-wrap:wrap;gap:.6rem;}

/* Sections */
section{padding:2.6rem 0;}
.section-head{margin-bottom:1.2rem;}
.section-head h2{margin:0;font-size:1.5rem;}
.grid{display:grid;gap:1rem;}
.icon{width:44px;height:44px;border-radius:12px;background:#fff1ed;border:1px solid #ffe2db;display:grid;place-items:center;color:var(--primary);}
.icon.alt{background:#ecfeff;border-color:#d2f5f7;color:#0ea5a4;}
.card{padding:1rem;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 6px 20px rgba(2,6,23,.04);}
.card h3{margin:.5rem 0;font-size:1.05rem;}
.card p{margin:0;color:var(--muted);}

/* Planes */
.gray{background:#fcfcfd;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.plans{display:grid;gap:1rem;}
.plan{border:1px solid var(--border);border-radius:16px;padding:1rem;background:#fff;box-shadow:var(--shadow);}
.plan.highlight{border-color:var(--primary);box-shadow:0 12px 40px rgba(230,75,58,.15);}
.price{font-size:1.6rem;font-weight:700;}
.plan ul{margin:.3rem 0 0 1.2rem;color:var(--muted);}
.badge{align-self:start;}

/* Clientes */
.logos{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;align-items:center;filter:grayscale(100%);opacity:.9;}
.logos img{max-height:46px;justify-self:center;}

/* Contacto */
.cta-block{padding:1.4rem;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#fff,#fff8f6);}
.cta-actions{display:flex;flex-wrap:wrap;gap:.6rem;}

/* Footer */
footer{border-top:1px solid var(--border);padding:1.6rem 0;color:var(--muted);}
.footer-grid{display:grid;gap:1rem;}
.foot-links{display:grid;gap:.35rem;}
.foot-links a{color:var(--muted);}
.foot-links a:hover{color:var(--primary);}

/* Responsive */
@media (min-width:760px){
  .links{display:flex;}
  .hero h1{font-size:2.3rem;}
  .grid{grid-template-columns:repeat(3,1fr);}
  .plans{grid-template-columns:repeat(3,1fr);}
  .logos{grid-template-columns:repeat(5,1fr);}
  .footer-grid{grid-template-columns:2fr 1fr 1fr;}
}