*{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{
  --bg:#f8fbff;
  --surface:#ffffff;
  --surface-2:#eef4ff;
  --text:#0f172a;
  --muted:#475569;
  --line:#dbeafe;
  --primary:#2563eb;
  --primary-dark:#1d4ed8;
  --primary-deep:#1e40af;
  --accent:#60a5fa;
  --shadow:0 16px 40px rgba(37,99,235,.10);
}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(1160px,calc(100% - 2rem));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:rgba(248,251,255,.88);border-bottom:1px solid var(--line)}
.nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0}
.brand{display:flex;align-items:center;gap:.8rem}
.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:#fff;font-weight:800;box-shadow:var(--shadow)}
.brand-text{font-size:1.12rem;font-weight:700;letter-spacing:-.03em}
.brand-text strong{color:var(--primary-dark)}
.menu{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.menu a{font-weight:600;color:#334155}
.hero{padding:5.8rem 0 4.5rem;background:radial-gradient(circle at top right, rgba(96,165,250,.25), transparent 28%), radial-gradient(circle at 20% 20%, rgba(37,99,235,.08), transparent 25%), linear-gradient(180deg,#eaf2ff 0%, #f8fbff 100%)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:2rem;align-items:center}
.eyebrow{margin:0 0 .9rem;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;color:var(--primary-dark)}
h1,h2,h3{margin:0 0 1rem;line-height:1.05;letter-spacing:-.045em}
h1{font-size:clamp(2.6rem,5.5vw,5rem)}
h2{font-size:clamp(1.9rem,3vw,3.3rem)}
h3{font-size:1.18rem}
.lead,p{color:var(--muted);line-height:1.72}
.lead{font-size:1.08rem;max-width:64ch}
.hero-actions,.cta-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin:1.5rem 0 1.2rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.9rem 1.2rem;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:#fff;font-weight:700;border:1px solid transparent;box-shadow:0 12px 28px rgba(37,99,235,.22)}
.btn-small{min-height:42px;padding:.7rem 1rem}
.btn-ghost{background:#fff;color:var(--text);border-color:var(--line);box-shadow:none}
.btn-light{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.28)}
.btn-block{width:100%}
.hero-badges{display:flex;flex-wrap:wrap;gap:.7rem}
.hero-badges span{padding:.65rem .9rem;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.92rem;font-weight:600;color:#3b4b66}
.hero-card{background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:1rem;box-shadow:0 28px 60px rgba(37,99,235,.12)}
.proof{padding:1rem 0 0}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.proof-grid div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1rem;box-shadow:var(--shadow)}
.proof-grid strong{display:block;font-size:1.15rem;margin-bottom:.25rem}
.proof-grid span{color:var(--muted);line-height:1.55}
.section{padding:4.8rem 0}
.section-soft{background:var(--surface-2)}
.pricing-wrap{padding-top:4.2rem}
.section-heading{max-width:760px;margin-bottom:2rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
.check-list{padding-left:1.15rem;color:var(--muted);line-height:1.8}
.side-panel{display:grid;gap:1rem}
.panel-box,.card,.price-card,.benefit-grid div{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.2rem;box-shadow:var(--shadow)}
.panel-box strong,.benefit-grid strong{display:block;margin-bottom:.45rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.card img{border-radius:18px;margin-bottom:1rem}
.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.plan{margin:0 0 .7rem;color:var(--primary-dark);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}
.price{font-size:1.8rem;font-weight:800;letter-spacing:-.04em;margin:0 0 1rem}
.price-card ul{padding-left:1.15rem;color:var(--muted);line-height:1.8}
.price-card.featured{border-color:#93c5fd;transform:translateY(-6px);box-shadow:0 24px 50px rgba(37,99,235,.16)}
.faq-list{display:grid;gap:1rem}
details{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1rem 1.1rem;box-shadow:var(--shadow)}
summary{cursor:pointer;font-weight:700;color:var(--text)}
details p{margin:.8rem 0 0}
.cta-box{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:2rem;border-radius:30px;background:linear-gradient(135deg,var(--primary-deep) 0%, var(--primary) 100%);color:#fff;box-shadow:0 22px 60px rgba(30,64,175,.22)}
.cta-box p{color:rgba(255,255,255,.86)}
.site-footer{padding:1.6rem 0;border-top:1px solid var(--line);background:#fff}
.footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.footer p{margin:.35rem 0 0;color:#64748b}
@media (max-width:980px){
  .hero-grid,.split,.cards,.pricing,.proof-grid{grid-template-columns:1fr}
  .benefit-grid{grid-template-columns:1fr}
  .nav,.footer,.cta-box{flex-direction:column;align-items:flex-start}
}



.brand{gap:1rem}

.logo-img{
  height:110px;
  width:auto;
  object-fit:contain;
  display:block;
}
.brand{
  gap:.6rem;
  min-height:110px;
  align-items:center;
}
.site-header .nav{
  padding:.7rem 0;
}
@media (max-width:980px){
  .logo-img{height:84px}
  .brand{min-height:84px}
}


.cnc-highlight{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.cnc-box{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:1.2rem;
  align-items:stretch;
}
.cnc-copy,
.cnc-points{
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  padding:1.5rem;
  box-shadow:var(--shadow);
}
.cnc-copy h2{
  max-width: 12ch;
}
.cnc-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.cnc-points div{
  background:linear-gradient(180deg,#f8fbff 0%, #eef4ff 100%);
  border:1px solid var(--line);
  border-radius:20px;
  padding:1rem;
}
.cnc-points strong{
  display:block;
  margin-bottom:.4rem;
}
.cnc-points span{
  color:var(--muted);
  line-height:1.6;
}
@media (max-width:980px){
  .cnc-box,
  .cnc-points{
    grid-template-columns:1fr;
  }
}

.cta-checks{display:flex;flex-direction:column;gap:.4rem;margin-top:1rem;color:rgba(255,255,255,.9);font-weight:600}
.cta-contact{margin-top:.8rem;display:flex;flex-direction:column;gap:.2rem;color:rgba(255,255,255,.9);font-weight:600}


.optimizer-highlight{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.optimizer-box{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:1.2rem;
  align-items:stretch;
}
.optimizer-copy,
.optimizer-points{
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  padding:1.5rem;
  box-shadow:var(--shadow);
}
.optimizer-copy h2{
  max-width: 13ch;
}
.optimizer-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.optimizer-points div{
  background:linear-gradient(180deg,#f8fbff 0%, #eef4ff 100%);
  border:1px solid var(--line);
  border-radius:20px;
  padding:1rem;
}
.optimizer-points strong{
  display:block;
  margin-bottom:.4rem;
}
.optimizer-points span{
  color:var(--muted);
  line-height:1.6;
}
@media (max-width:980px){
  .optimizer-box,
  .optimizer-points{
    grid-template-columns:1fr;
  }
}

.footer-links{
  display:flex;
  flex-direction:column;
  gap:.2rem;
  font-size:.9rem;
  color:#64748b;
}

.article-link{
  display:inline-flex;
  margin-top:.6rem;
  font-weight:700;
  color:var(--primary-dark);
}







/* Formulario de contacto mejorado */
.contact-form-wrap{
  width:100%;
  display:flex;
  justify-content:flex-end;
}

.contact-form{
  width:min(100%, 520px);
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.form-row{
  display:grid;
  gap:1rem;
}

.form-row-2{
  grid-template-columns:1fr 1fr;
}

.form-field{
  display:flex;
  flex-direction:column;
  gap:.45rem;
}

.form-field span{
  font-size:.95rem;
  font-weight:700;
  color:#fff;
}

.contact-form input,
.contact-form textarea{
  width:100%;
  min-width:0;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.14);
  color:#fff;
  border-radius:14px;
  padding:.95rem 1rem;
  font:inherit;
  line-height:1.4;
  outline:none;
}

.contact-form textarea{
  resize:vertical;
  min-height:150px;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
  color:rgba(255,255,255,.72);
}

.contact-form input:focus,
.contact-form textarea:focus{
  border-color:rgba(255,255,255,.6);
  background:rgba(255,255,255,.18);
}

.form-actions{
  display:flex;
  gap:.85rem;
  flex-wrap:wrap;
  margin-top:.25rem;
}

.form-note{
  margin:.1rem 0 0;
  color:rgba(255,255,255,.9) !important;
  font-size:.95rem;
  line-height:1.55;
}

.hp-field{
  position:absolute !important;
  left:-9999px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media (max-width:980px){
  .form-row-2{
    grid-template-columns:1fr;
  }

  .contact-form-wrap{
    justify-content:stretch;
  }

  .contact-form{
    width:100%;
  }
}