/* Agenda de citas pagadas en neuropsicologo.co (30-sep-2026): tema «Cafetal»
 * del widget (agendar.css redefine todo con variables --ag-*) y la sección que
 * lo envuelve. La cargan las páginas con widget, generadas (build.js) y
 * heredadas a mano. Siempre claro: color-scheme light. */
.ag {
  --ag-marca: #B8322A;          /* rojo cereza */
  --ag-marca-alta: #962620;
  --ag-marca-suave: #F8E4E1;
  --ag-hora-borde: #E0AFA9;
  --ag-apagado: #D8CBC4;
  --ag-tinta: #1E140E;
  --ag-texto: #2B211A;
  --ag-suave: #6B5E54;
  --ag-linea: #E2DACD;
  --ag-fondo: #F6F3EE;
  --ag-ocupado: #EFEBE4;
  --ag-ocupado-texto: #9A8E84;
  --ag-fuente: 'Source Sans 3', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --ag-titulos: 'Archivo', 'Arial Narrow', -apple-system, 'Segoe UI', sans-serif;
  --ag-radio: 18px;
  color-scheme: light;
}
.ag .ag-titulo, .ag .ag-doctor h2 { font-stretch: 85%; }
.ag .ag-etiqueta { background: #1F5C3A; }           /* verde cafetal */
.ag .ag-contador b { background: #1F5C3A; }

/* ── sección que envuelve el widget ── */
.agenda { position: relative; padding: clamp(36px, 6vw, 64px) 0; background: #fff; border-bottom: 1px solid #E2DACD; scroll-margin-top: 72px; color-scheme: light; }
.agenda .agenda-cab { max-width: 760px; margin: 0 auto 24px; text-align: center; }
.agenda .agenda-cab .eyebrow { justify-content: center; }
.agenda .agenda-cab h2, .agenda .agenda-cab h1 { font-family: 'Archivo', 'Arial Narrow', sans-serif; font-weight: 800; font-stretch: 80%; line-height: 1.08; letter-spacing: -.01em; color: #1E140E; margin: 0 0 10px; text-wrap: balance; }
.agenda .agenda-cab h2 { font-size: clamp(1.7rem, 3.6vw, 2.4rem); }
.agenda .agenda-cab h1 { font-size: clamp(2rem, 4.6vw, 3rem); }
.agenda .agenda-cab p { color: #6B5E54; margin: 0 auto; max-width: 62ch; }
.agenda .migas { text-align: left; }
.agenda-pagina { background: radial-gradient(800px 360px at 95% -10%, rgba(184, 50, 42, .08), transparent 70%), radial-gradient(700px 300px at -5% 110%, rgba(235, 178, 58, .12), transparent 70%), #F6F3EE; padding-top: 28px; }
.agenda .agenda-alterna { text-align: center; margin: 18px auto 0; color: #6B5E54; font-size: .95rem; }
.agenda .agenda-alterna a { color: #962620; font-weight: 700; }

/* ── páginas heredadas (np.css / art.css): conservan su identidad teal, sus
 * fuentes (Inter + Outfit) y sus márgenes; el tono de marca va un punto más
 * oscuro que el de sus botones para que el texto blanco pase AA. ── */
.agenda-heredada { font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif; background: #fff; border-bottom-color: #e2e8f0; }
.agenda-heredada .ag {
  --ag-marca: #0f766e; --ag-marca-alta: #115e59; --ag-marca-suave: #e6f4f2; --ag-hora-borde: #99d5cd; --ag-apagado: #b6c9c6;
  --ag-tinta: #0f172a; --ag-texto: #0f172a; --ag-suave: #475569; --ag-linea: #e2e8f0; --ag-fondo: #f8fafc;
  --ag-ocupado: #f1f5f9; --ag-ocupado-texto: #94a3b8;
  --ag-fuente: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif; --ag-titulos: 'Outfit', 'Inter', -apple-system, sans-serif;
}
.agenda-heredada .ag .ag-titulo, .agenda-heredada .ag .ag-doctor h2 { font-stretch: normal; }
.agenda-heredada .ag .ag-etiqueta, .agenda-heredada .ag .ag-contador b { background: #0f766e; }
.agenda-heredada .agenda-cab p { color: #475569; }
.agenda-heredada .agenda-cab h2 { color: #0f172a; }
.agenda-heredada .agenda-envoltura { max-width: 1060px; margin: 0 auto; padding: 0 20px; }
.agenda-heredada .agenda-cab h2 { font-family: 'Outfit', 'Inter', sans-serif; font-stretch: normal; }
.agenda-heredada .agenda-cab .pretitulo { display: block; font: 700 .78rem/1 'Inter', sans-serif; text-transform: uppercase; letter-spacing: .14em; color: #0f766e; margin: 0 0 12px; }
@media (max-width: 719px) { .agenda-heredada .agenda-envoltura { padding: 0 14px; } }