/* Formulario premium en la portada + módulo del buscador */
.lead-card{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(201,164,92,.55);border-radius:32px;padding:38px 34px 30px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 40px 90px rgba(0,0,0,.5),0 0 90px rgba(201,164,92,.16)}
.lead-badge{position:absolute;top:-14px;left:32px;background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:var(--ink);font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:980px}
.lead-card h2{font-size:clamp(1.55rem,2.6vw,1.9rem);color:#fff;letter-spacing:-.03em;margin:0 0 8px}
.lead-sub{color:#b4b4be;margin:0 0 6px;font-size:1rem}
.lead-card label{display:block;font-size:.84rem;font-weight:600;color:#d2d2d7;margin:16px 0 7px}
.lead-card input,.lead-card textarea{width:100%;background:rgba(7,7,10,.72);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:15px 16px;font:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}
.lead-card input::placeholder,.lead-card textarea::placeholder{color:#7b7b86}
.lead-card input:focus,.lead-card textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,164,92,.28)}
.lead-card textarea{min-height:100px;resize:vertical}
.lead-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lead-card .pill-full{margin-top:22px;padding:17px 28px;font-size:1.08rem}
.lead-points{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;padding:0;margin:18px 0 0;color:#a9a9b3;font-size:.86rem}
.lead-points li:before{content:"✓";color:var(--gold);margin-right:6px;font-weight:800}
.lead-card .fine{color:#9b9ba6;margin:12px 0 0;min-height:1.2em}

.serp-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:72px;align-items:center}
.serp-sec .hero-visual{margin:0 0 34px 18px}

/* Zigzag en escritorio */
@media (min-width:961px){
  .serp-grid,.ai-grid,.rep-grid{direction:rtl}
  .serp-grid>*,.ai-grid>*,.rep-grid>*{direction:ltr}
}
@media (max-width:960px){
  .serp-grid{grid-template-columns:1fr;gap:56px}
  .serp-sec .hero-visual{margin:0 8px 34px}
  .lead-row{grid-template-columns:1fr;gap:0}
  .lead-card{padding:34px 22px 26px}
}

/* ===== RITMO DE FONDOS: oscuro / gris cálido, alternados =====
   Oscuros: negro y grafito. Claros: dos grises cálidos (nada de blanco puro)
   que conviven con el dorado. */
:root{--stone:#e8e6e1;--stone2:#dedbd3;--stone-ink:#16161a;--stone-mute:#55555f;--graph:#131318}
.rule{border-top:1px solid rgba(201,164,92,.4)}

/* — Claro: buscador — */
.serp-sec.band-dark{background:radial-gradient(760px 420px at 10% 15%,rgba(201,164,92,.22),transparent 62%),var(--stone);color:var(--stone-ink)}
.serp-sec .h2{color:var(--stone-ink)}
.serp-sec .sub{color:var(--stone-mute)}
.serp-sec .checks strong{color:var(--stone-ink)}
.serp-sec .checks span{color:var(--stone-mute)}
.serp-sec .serp{background:#fbfaf7;border:1px solid #d4d0c6;box-shadow:0 34px 70px rgba(22,22,26,.16)}
.serp-sec .serp-search{background:#fff;border:1px solid #e3e0d8;color:#16161a}
.serp-sec .res{background:transparent}
.serp-sec .res-url{color:#6b6b76}
.serp-sec .res-title{color:#16161a}
.serp-sec .res-top{background:#f6ecd2;border:1px solid var(--gold)}
.serp-sec .res-top .res-title{color:#6b4a12}
.serp-sec .res-stars{color:#b3862c}
.serp-sec .res-stars small{color:#55555f}
.serp-sec .res-lines i{background:#e2dfd7}
.serp-sec .ex-note{color:#6b6b76}

/* — Claro: dos formas de perder clientes — */
section[aria-labelledby="t-lose"]{background:radial-gradient(700px 380px at 92% 0,rgba(201,164,92,.16),transparent 62%),var(--stone2)}

/* — Oscuro: servicios — */
#servicios{background:radial-gradient(760px 420px at 88% 8%,rgba(201,164,92,.16),transparent 60%),var(--ink);color:#f4f4f7}
#servicios .h2{color:#fff}
#servicios .tile{background:#f1efea;border-color:#d9d6ce;color:var(--stone-ink)}
#servicios .tile h3{color:var(--stone-ink)}
#servicios .tile p{color:var(--stone-mute)}
#servicios .tile-dark{background:#1c1c23;border-color:rgba(201,164,92,.5);color:#fff}
#servicios .tile-dark h3{color:#fff}
#servicios .tile-dark p{color:#b4b4be}

/* — Claro: SEO para IA — */
#ia.band-dark{background:radial-gradient(760px 420px at 88% 20%,rgba(201,164,92,.2),transparent 62%),var(--stone);color:var(--stone-ink)}
#ia .h2{color:var(--stone-ink)}
#ia .sub{color:var(--stone-mute)}
#ia .checks strong{color:var(--stone-ink)}
#ia .checks span{color:var(--stone-mute)}
#ia .chat{color:#f4f4f7;box-shadow:0 34px 70px rgba(22,22,26,.28)}
#ia .chat p,#ia .b-ai{color:#f4f4f7}
#ia .b-ai .b-sub{color:#8b8b96}

/* — Oscuro: ejemplos de web — */
#ejemplos{background:radial-gradient(760px 420px at 12% 6%,rgba(201,164,92,.16),transparent 60%),var(--graph);color:#f4f4f7}
#ejemplos .h2{color:#fff}
#ejemplos .sub{color:#b4b4be}
#ejemplos figcaption{color:var(--stone-ink)}

/* — Claro: informe mensual — */
section[aria-labelledby="t-rep"]{background:radial-gradient(700px 380px at 6% 100%,rgba(201,164,92,.16),transparent 62%),var(--stone2)}
section[aria-labelledby="t-rep"] .sub{color:var(--stone-mute)}

/* — Claro: quién está detrás — */
#prueba{background:radial-gradient(760px 420px at 92% 0,rgba(201,164,92,.18),transparent 62%),var(--stone)}

/* — Claro: precios — */
#precios{background:radial-gradient(760px 420px at 8% 0,rgba(201,164,92,.16),transparent 62%),var(--stone2)}
#precios .sub{color:var(--stone-mute)}

/* — Oscuro: preguntas — */
#faq{background:radial-gradient(760px 420px at 88% 6%,rgba(201,164,92,.14),transparent 60%),var(--graph);color:#f4f4f7}
#faq .h2{color:#fff}
#faq summary{color:#fff}
#faq details p{color:#b4b4be}

/* — Claro: cierre — */
#cierre.band-dark{background:radial-gradient(700px 360px at 50% 0,rgba(201,164,92,.22),transparent 64%),var(--stone);color:var(--stone-ink)}
#cierre .h2{color:var(--stone-ink)}
#cierre .sub{color:var(--stone-mute)}