/* NeuroEs · páginas de evaluación por tema que reciben los anuncios (28-oct-2026):
   /autismo-tea-pereira, /evaluacion-tdah-pereira, /evaluacion-inteligencia-wisc-wais-pereira,
   /problemas-memoria-pereira y /alzheimer-deterioro-cognitivo-pereira.
   Va DESPUÉS de /ne-2026.css y /ne-marco.css y solo ordena el héroe:
   1. WhatsApp (verde, con el mensaje del tema), agenda en línea y «Llamar» como tres botones
      del mismo alto; en el celular, WhatsApp a todo el ancho y los otros dos lado a lado.
   2. «Le atiende el Dr. Esteban Giraldo Casas» con su foto.
   3. Las dos opciones con precio en la de inteligencia (test de CI o evaluación completa).
   4. La franja «Cómo es la evaluación» entre el héroe y la agenda. */

/* 1 · botones del héroe */
body > header:not(#header) .hero-cta.tm-cta { margin-top: 16px !important; max-width: 640px; margin-left: auto !important; margin-right: auto !important; }
body > header:not(#header) .hero-cta.tm-cta .btn { border-radius: 10px !important; font-weight: 700 !important; }
body > header:not(#header) .hero-cta.tm-cta .btn-wa { order: 1; }
body > header:not(#header) .hero-cta.tm-cta .btn-agendar { order: 2; }
body > header:not(#header) .hero-cta.tm-cta .tm-tel { order: 3; }
body > header:not(#header) .hero-cta .tm-tel {
  background: #fff !important; color: var(--ne-marca-alta) !important; border: 1.5px solid var(--ne-marca) !important;
}
body > header:not(#header) .hero-cta .tm-tel:hover { background: var(--ne-marca-suave) !important; }
body > header:not(#header) .hero-cta .tm-tel svg { width: 18px; height: 18px; flex: none; }
@media (max-width: 600px) {
  body > header:not(#header) .hero-cta.tm-cta { gap: 8px; margin-top: 14px !important; }
  body > header:not(#header) .hero-cta.tm-cta .btn { padding: 12px 14px !important; font-size: 15px !important; }
  body > header:not(#header) .hero-cta.tm-cta .btn-wa { flex: 1 1 100%; }
  body > header:not(#header) .hero-cta.tm-cta .btn-agendar,
  body > header:not(#header) .hero-cta.tm-cta .tm-tel { flex: 1 1 calc(50% - 4px); min-width: 0; }
}
@media (max-width: 359px) {
  body > header:not(#header) .hero-cta.tm-cta .btn-agendar,
  body > header:not(#header) .hero-cta.tm-cta .tm-tel { flex-basis: 100%; }
}
/* «Prefiero que me escriban» queda solo en la línea de abajo */
body > header:not(#header) .hero-alt.tm-alt { margin-top: 8px !important; }

/* 2 · el doctor */
body > header:not(#header) .tm-dr { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 14px auto 0 !important; font-size: 14px !important; line-height: 1.35 !important; color: var(--ne-tinta-2) !important; }
body > header:not(#header) .tm-dr img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; object-position: center 20%; flex: none; border: 2px solid #fff; box-shadow: 0 1px 3px rgba(20,20,19,.18); }
body > header:not(#header) .tm-dr b { color: var(--ne-tinta); font-weight: 700; }
@media (max-width: 600px) { body > header:not(#header) .tm-dr { justify-content: flex-start; margin-left: 0 !important; } }

/* 3 · dos opciones con precio (inteligencia) */
.tm-opciones { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; max-width: 640px; margin: 14px auto 0; text-align: left; }
.tm-op { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; background: #fff; border: 1px solid var(--ne-linea); border-radius: 10px; text-decoration: none !important; color: var(--ne-tinta) !important; transition: border-color .15s, box-shadow .15s; }
.tm-op:hover, .tm-op:focus-visible { border-color: var(--ne-marca); box-shadow: 0 4px 14px -6px rgba(11,110,103,.35); }
.tm-op b { font-size: 15px; line-height: 1.3; color: var(--ne-tinta) !important; }
.tm-op span { font-size: 13.5px; line-height: 1.45; color: var(--ne-tinta-2); }
.tm-op em { font-style: normal; font-weight: 700; font-size: 13.5px; color: var(--ne-marca-alta); margin-top: 2px; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 600px) { .tm-opciones { grid-template-columns: 1fr; gap: 8px; margin-left: 0; } }

/* 4 · cómo es la evaluación */
.tm-pasos { background: #fff; border-top: 1px solid var(--ne-linea); padding: clamp(26px, 4vw, 40px) var(--nm-gutter, 16px); }
.tm-pasos-in { max-width: 980px; margin: 0 auto; }
.tm-eyebrow { font-size: 12px !important; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ne-marca-alta) !important; margin: 0 0 6px !important; }
.tm-pasos h2 { font-size: clamp(21px, 2.6vw, 26px) !important; line-height: 1.25 !important; margin: 0 0 16px !important; color: var(--ne-tinta) !important; text-wrap: balance; }
.tm-pasos ol { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; counter-reset: tm; }
.tm-pasos li { counter-increment: tm; position: relative; margin: 0 !important; padding: 14px 14px 14px 52px; background: var(--ne-papel); border: 1px solid var(--ne-linea); border-radius: 10px; font-size: 14.5px !important; line-height: 1.5; color: var(--ne-tinta-2) !important; }
.tm-pasos li::before { content: counter(tm); position: absolute; left: 14px; top: 14px; width: 26px; height: 26px; border-radius: 50%; background: var(--ne-marca); color: #fff; font-weight: 700; font-size: 14px; line-height: 26px; text-align: center; }
.tm-pasos li b { display: block; color: var(--ne-tinta); font-size: 15.5px; margin-bottom: 2px; }
.tm-pasos-pie { margin: 14px 0 0 !important; font-size: 14.5px !important; color: var(--ne-tinta-2) !important; }
.tm-pasos-pie a { color: var(--ne-marca-alta) !important; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
@media (max-width: 760px) { .tm-pasos ol { grid-template-columns: 1fr; gap: 8px; } }

/* WhatsApp lleno en estas cinco páginas: ne-agendar.css lo deja en contorno junto a la agenda;
   aquí es la acción con más respuesta de quien llega desde un anuncio en el celular. */
body > header:not(#header) .hero-cta.tm-cta .btn-wa { background: var(--ne-wa, #157F41) !important; color: #fff !important; border: 1.5px solid var(--ne-wa, #157F41) !important; }
body > header:not(#header) .hero-cta.tm-cta .btn-wa:hover { background: #106B36 !important; border-color: #106B36 !important; }

/* 28-oct-2026 (tarde): el mismo héroe en las demás páginas de Pereira y de destino de Ads
   (WhatsApp lleno arriba en el celular, sin quitar la agenda). Un botón principal que no es de la
   agenda (p. ej. «Conocer a las psicólogas») va después de WhatsApp, como la agenda. */
body > header:not(#header) .hero-cta.tm-cta .btn-main:not(.btn-agendar) { order: 2; }
@media (max-width: 600px) {
  body > header:not(#header) .hero-cta.tm-cta .btn-main:not(.btn-agendar) { flex: 1 1 calc(50% - 4px); min-width: 0; }
}