/* NeuroEs · agenda en línea (widget «Agendar cita», 30-sep-2026)
 * --------------------------------------------------------------------------
 * Tema del widget (/agendar-cita/agendar.css) con la marca de neuroes.co y la
 * sección que lo envuelve en la portada, en las páginas de destino de Ads, en
 * /agendar y en /mi-cita. Se enlaza DESPUÉS de agendar.css y del <style> propio
 * de cada página.
 *
 * Las páginas interiores traen reglas sueltas por elemento (p, li, ul, h3…) que
 * se colaban dentro del widget: aquí se neutralizan con :where(), que deja la
 * especificidad de un solo elemento. Así ganan a esas reglas de la página (van
 * después) y siguen perdiendo contra las clases del propio widget.
 */
.ag {
  --ag-marca: #0B6E67;
  --ag-marca-alta: #095A54;
  --ag-marca-suave: #EAF2F0;
  --ag-hora-borde: #9cc9c3;
  --ag-fondo: #FAFAF7;
  --ag-linea: #E7E4DA;
  --ag-fuente: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ag-titulos: 'Montserrat', 'Plus Jakarta Sans', system-ui, sans-serif;
  line-height: 1.5;
}
p:where(.ag *), li:where(.ag *) { margin-bottom: 0; font-size: inherit; color: inherit; line-height: inherit; }
ul:where(.ag *), ol:where(.ag *) { margin: 0; }
h2:where(.ag *), h3:where(.ag *) { margin: 0; }

/* ── sección que envuelve el widget ── */
.agendar-linea {
  padding: clamp(26px, 4vw, 46px) 16px clamp(30px, 4.5vw, 52px) !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFAF7 100%);
  border-top: 1px solid #E7E4DA;
  border-bottom: 1px solid #E7E4DA;
  scroll-margin-top: 84px;
  text-align: left;
}
.agendar-linea-cab { max-width: 980px; margin: 0 auto 18px; text-align: center; }
.agendar-linea-cab .agendar-eyebrow {
  display: inline-block; margin: 0 0 8px; padding: 4px 12px; border-radius: 999px;
  background: #EAF2F0; color: #095A54; font: 700 12px/1.3 'Plus Jakarta Sans', system-ui, sans-serif;
  letter-spacing: .08em; text-transform: uppercase;
}
.agendar-linea-cab h2 {
  font-family: 'Montserrat', 'Plus Jakarta Sans', system-ui, sans-serif !important;
  font-weight: 700 !important; font-size: clamp(24px, 3.2vw, 34px) !important; line-height: 1.15 !important;
  letter-spacing: -.015em; color: #141413 !important; margin: 0 auto 8px !important; max-width: 24ch; text-wrap: balance;
}
.agendar-linea-cab p:not(.agendar-eyebrow) { margin: 0 auto !important; max-width: 60ch; font-size: 15.5px !important; line-height: 1.55; color: #5F5E57 !important; }
.agendar-linea-pie {
  max-width: 980px; margin: 14px auto 0 !important; text-align: center;
  font-size: 14.5px !important; line-height: 1.5; color: #5F5E57 !important;
}
.agendar-linea-pie a { color: #095A54 !important; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.agendar-linea-pie a.agendar-wa { color: #157F41 !important; }
/* Mientras carga la agenda, un alto reservado evita que la página salte. */
.agendar-linea .ag-marco { min-height: 420px; }
@media (max-width: 719px) { .agendar-linea .ag-marco { min-height: 560px; } }

/* Botón «Ver horarios y agendar» del héroe de las páginas interiores. */
.btn-agendar { display: inline-flex !important; align-items: center; gap: 8px; }
.btn-agendar svg { width: 18px; height: 18px; flex: none; }

/* Cierre de las páginas: enlace discreto al test de neuroes.co. */
.cta .cta-nota { margin: 14px auto 0 !important; font-size: 13.5px !important; }
.cta .cta-nota a { color: #095A54; font-weight: 700; }

/* Junto al botón de agendar, WhatsApp queda como opción secundaria (contorno verde). */
.hero-cta .btn-wa, .cta .btn-wa {
  background: #FFFFFF !important; color: #157F41 !important; border: 1.5px solid #157F41 !important;
}
.hero-cta .btn-wa:hover, .cta .btn-wa:hover { background: #EEF7F1 !important; }

/* Portada: WhatsApp como línea bajo los botones del héroe, y botón de agenda en «Contacto». */
.hero .hero-wa-sec { margin: 12px 0 0 !important; font-size: 14.5px !important; line-height: 1.5 !important; color: #5F5E57 !important; }
.hero .hero-wa-sec a { color: #157F41 !important; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 900px) { .hero .hero-wa-sec { text-align: center; } }
.contact-agendar {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 24px;
  border-radius: 12px; background: #FFFFFF; color: #095A54 !important; font-weight: 700; font-size: 16px;
  text-decoration: none; margin: 0 10px 12px 0; box-shadow: 0 10px 22px -14px rgba(0,0,0,.45);
}
.contact-agendar svg { width: 20px; height: 20px; flex: none; }