/* seo-pages.css — CSS específico del contenido SEO */

.seo-page{padding-top:88px}
.seo-hero{background:var(--dark);padding:6rem 0 5rem;position:relative;overflow:hidden}
.seo-hero::before{content:'';position:absolute;top:50%;left:30%;transform:translate(-50%,-50%);width:600px;height:500px;background:radial-gradient(ellipse,rgba(95,121,238,.08) 0%,transparent 70%);pointer-events:none}
.seo-container{width:min(1100px,100% - 3rem);margin-inline:auto}
.seo-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:8px;margin-bottom:1.2rem}
.seo-eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--blue)}
.seo-h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:900;line-height:.98;letter-spacing:-.045em;color:#FAFAF7;margin-bottom:1.2rem;max-width:18ch}
.seo-h1 em{font-style:normal;color:var(--blue)}
.seo-sub{font-size:clamp(.95rem,1.3vw,1.05rem);color:rgba(255,255,255,.42);line-height:1.75;max-width:52ch;margin-bottom:2rem}
.seo-ctas{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.seo-body{background:var(--warm);padding:5rem 0}
.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.seo-prose h2{font-size:clamp(1.4rem,2.8vw,2rem);font-weight:900;letter-spacing:-.04em;color:var(--dark);margin:2.5rem 0 .8rem;line-height:1.1}
.seo-prose h2:first-child{margin-top:0}
.seo-prose h2 em{font-style:normal;color:var(--blue)}
.seo-prose p{font-size:.95rem;color:var(--muted);line-height:1.8;margin-bottom:1.2rem}
.seo-prose ul{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.55rem}
.seo-prose ul li{display:flex;align-items:flex-start;gap:.7rem;font-size:.88rem;color:var(--muted);line-height:1.6}
.seo-prose ul li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue);flex-shrink:0;margin-top:.45rem}
.seo-aside{position:sticky;top:90px}
.seo-card{background:white;border:0.5px solid var(--bdr);border-radius:16px;padding:1.8rem;margin-bottom:1.2rem}
.seo-card-tag{font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:.6rem}
.seo-card-t{font-size:1rem;font-weight:700;color:var(--dark);margin-bottom:.4rem;line-height:1.25}
.seo-card-d{font-size:.82rem;color:var(--muted);line-height:1.6;margin-bottom:.8rem}
.seo-card-m{display:flex;gap:1.5rem;padding-top:.8rem;border-top:1px solid var(--bdr)}
.seo-m-n{font-size:1.3rem;font-weight:900;color:var(--dark);letter-spacing:-.03em;line-height:1}
.seo-m-l{font-size:.65rem;color:var(--muted);font-weight:600;margin-top:2px}
.seo-cta-box{background:var(--dark);border-radius:16px;padding:2rem;text-align:center}
.seo-cta-box h3{font-size:1.05rem;font-weight:700;color:#FAFAF7;margin-bottom:.5rem}
.seo-cta-box p{font-size:.82rem;color:rgba(255,255,255,.4);margin-bottom:1.2rem;line-height:1.6}
.seo-dark{background:var(--dark);padding:5rem 0;position:relative;overflow:hidden}
.seo-dark::before{content:'';position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(95,121,238,.07) 0%,transparent 70%);pointer-events:none}
.seo-checks{display:flex;flex-direction:column;gap:.6rem;margin:1.5rem 0}
.seo-check{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.2rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:11px;font-size:.86rem;color:rgba(255,255,255,.65)}
.seo-check::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue);flex-shrink:0}
.seo-final{background:var(--off);padding:5rem 0;text-align:center}
.seo-final h2{font-size:clamp(1.8rem,4vw,3rem);font-weight:900;color:var(--dark);letter-spacing:-.04em;margin-bottom:.8rem}
.seo-final h2 em{font-style:normal;color:var(--blue)}
.seo-final p{font-size:.95rem;color:var(--muted);max-width:44ch;margin:0 auto 2rem;line-height:1.75}
.seo-final-acts{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.seo-grid{grid-template-columns:1fr}.seo-aside{position:static}}
@media(max-width:640px){.btn-wa-hdr{display:none}.seo-h1{font-size:clamp(2rem,8vw,3rem)}.seo-ctas{flex-direction:column;align-items:flex-start}.seo-final-acts{flex-direction:column;align-items:center}}

/* ── "Hablemos." CTA final SEO pages ───────────────────────── */
.seo-btn-hablemos {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 36px;
  background: #5f79ee;
  color: #fff !important;
  font-family: var(--f);
  font-weight: 600;
  font-size: 1rem;
  border-radius: 100px;
  text-decoration: none !important;
  transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
  border: none;
  box-shadow: 0 4px 18px rgba(95,121,238,0.35);
  cursor: pointer;
}
.seo-btn-hablemos:hover {
  background: #4461e8;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(95,121,238,0.45);
}
.seo-btn-hablemos:active {
  transform: translateY(0);
  box-shadow: 0 3px 12px rgba(95,121,238,0.3);
}

/* ── Botón Agendar en páginas SEO — mismo estilo que Hablemos. ─ */
.seo-page .btn-p,
.seo-page .btn.btn-p {
  background: #5f79ee;
  color: #fff;
  box-shadow: 0 4px 18px rgba(95,121,238,0.35);
  transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
}
.seo-page .btn-p:hover,
.seo-page .btn.btn-p:hover {
  background: #4461e8;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(95,121,238,0.45);
}
.seo-page .btn-p:active,
.seo-page .btn.btn-p:active {
  transform: translateY(0);
  box-shadow: 0 3px 12px rgba(95,121,238,0.3);
}