/* Agendar cita con el Dr. Esteban Giraldo Casas — widget incrustable de los sitios neuro (30-sep-2026).
 *
 * Todo cuelga de .ag y de variables --ag-*: cada sitio puede redefinirlas. Siempre claro
 * (color-scheme: light): el dueño usa el teléfono en oscuro y no quiere diseños oscuros.
 * Botones de 44 px como mínimo y foco visible.
 */
.ag {
  --ag-marca: #0B6E67;
  --ag-marca-alta: #095A54;
  --ag-marca-suave: #EAF2F0;
  --ag-tinta: #141413;
  --ag-texto: #26251f;
  --ag-suave: #5f5e57;
  --ag-linea: #E7E4DA;
  --ag-papel: #FFFFFF;
  --ag-fondo: #FAFAF7;
  --ag-ocupado: #F1F0EC;
  --ag-ocupado-texto: #9a988f;
  --ag-wa: #157F41;
  --ag-hora-borde: #9cc9c3;
  --ag-apagado: #b9c7c4;
  --ag-error: #a3262b;
  --ag-fuente: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ag-titulos: 'Montserrat', 'Plus Jakarta Sans', system-ui, sans-serif;
  --ag-radio: 18px;
  color-scheme: light;
  font-family: var(--ag-fuente);
  color: var(--ag-texto);
  max-width: 980px;
  margin: 0 auto;
  text-align: left;
  scroll-margin-top: 90px;
  font-size: 16px;
  line-height: 1.5;
}
.ag *, .ag *::before, .ag *::after { box-sizing: border-box; }
.ag a:not(.ag-boton) { color: var(--ag-marca-alta); text-underline-offset: 2px; }
.ag [hidden] { display: none !important; }
.ag-marco {
  background: var(--ag-papel); border: 1px solid var(--ag-linea); border-radius: var(--ag-radio);
  box-shadow: 0 1px 2px rgba(20, 20, 19, .04), 0 18px 50px -22px rgba(20, 20, 19, .22);
  overflow: clip;
}
.ag-ico { width: 20px; height: 20px; flex: none; }

/* ── ficha del doctor ── */
.ag-doctor { display: flex; gap: 16px; align-items: flex-start; padding: 20px clamp(18px, 3.6vw, 32px); border-bottom: 1px solid var(--ag-linea); background: linear-gradient(180deg, #fff, var(--ag-fondo)); }
.ag-foto { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; flex: none; border: 3px solid #fff; box-shadow: 0 0 0 1px var(--ag-linea), 0 6px 16px -8px rgba(20, 20, 19, .35); background: var(--ag-marca-suave); }
.ag-doctor h2 { font: 700 1.18rem/1.2 var(--ag-titulos); color: var(--ag-tinta); margin: 0 0 3px; letter-spacing: -.01em; }
.ag-doctor p { margin: 0; color: var(--ag-suave); font-size: .92rem; }
.ag-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.ag-chip { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px; background: var(--ag-marca-suave); color: var(--ag-marca-alta); font: 600 .78rem/1.3 var(--ag-fuente); }
.ag-chip .ag-ico { width: 14px; height: 14px; }

/* ── pasos ── */
.ag-pasos { display: flex; gap: 6px; list-style: none; margin: 0; padding: 12px clamp(18px, 3.6vw, 32px) 0; font: 600 .8rem/1.2 var(--ag-fuente); color: var(--ag-suave); counter-reset: paso; }
.ag-pasos li { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.ag-pasos li::before { content: ''; display: block; height: 4px; border-radius: 4px; background: var(--ag-linea); }
.ag-pasos li.hecho::before, .ag-pasos li.actual::before { background: var(--ag-marca); }
.ag-pasos li.actual { color: var(--ag-marca-alta); }

.ag-pantalla { padding: clamp(18px, 3.6vw, 32px); }
.ag-titulo { font: 700 clamp(1.25rem, 3vw, 1.6rem)/1.2 var(--ag-titulos); color: var(--ag-tinta); margin: 0 0 6px; letter-spacing: -.015em; text-wrap: balance; }
.ag-sub { color: var(--ag-suave); margin: 0 0 18px; max-width: 62ch; }
.ag-volver { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; background: none; border: 0; padding: 0 8px 0 0; margin: -8px 0 6px; color: var(--ag-suave); font: 600 .92rem var(--ag-fuente); cursor: pointer; border-radius: 8px; }
.ag-volver:hover { color: var(--ag-tinta); }
.ag-error { background: #fdecec; color: var(--ag-error); border-radius: 12px; padding: 11px 14px; font-size: .94rem; margin: 14px 0 0; }
.ag-aviso { display: flex; gap: 10px; align-items: flex-start; background: var(--ag-marca-suave); color: var(--ag-marca-alta); border-radius: 12px; padding: 11px 14px; font-size: .93rem; margin: 0 0 16px; }
.ag-aviso .ag-ico { margin-top: 1px; }
.ag-aviso-alerta { background: #fff4e5; color: #8a4b00; }
.ag-reloj { font-variant-numeric: tabular-nums; font-weight: 700; }

.ag button, .ag a.ag-boton { font-family: var(--ag-fuente); }
.ag button:focus-visible, .ag a:focus-visible, .ag input:focus-visible, .ag select:focus-visible, .ag textarea:focus-visible, .ag label:focus-within { outline: 3px solid var(--ag-marca); outline-offset: 2px; }
.ag-boton { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 22px; border-radius: 12px; border: 0; background: var(--ag-marca); color: #fff; font: 700 1rem/1.2 var(--ag-fuente); cursor: pointer; text-decoration: none; transition: background .15s, transform .15s; }
.ag-boton:hover { background: var(--ag-marca-alta); }
.ag-boton:disabled { background: var(--ag-apagado); cursor: not-allowed; }
.ag-boton.secundario { background: #fff; color: var(--ag-marca-alta); border: 1.5px solid var(--ag-marca); }
.ag-boton.secundario:hover { background: var(--ag-marca-suave); }
.ag-boton.wa { background: var(--ag-wa); }
.ag-boton.ancho { width: 100%; }
.ag-boton .ag-ico { width: 18px; height: 18px; }
.ag-enlace { background: none; border: 0; padding: 0; color: var(--ag-marca-alta); font: 600 .95rem var(--ag-fuente); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; min-height: 44px; }

/* ── servicios ── */
.ag-servicios { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ag-servicio { position: relative; display: flex; flex-direction: column; gap: 8px; text-align: left; padding: 18px 16px 16px; min-height: 196px; background: #fff; border: 1.5px solid var(--ag-linea); border-radius: 16px; cursor: pointer; color: var(--ag-texto); transition: border-color .15s, box-shadow .15s, transform .15s; }
.ag-servicio:hover { border-color: var(--ag-marca); transform: translateY(-1px); box-shadow: 0 10px 24px -16px rgba(20, 20, 19, .35); }
.ag-servicio.activo { border-color: var(--ag-marca); background: var(--ag-marca-suave); }
.ag-servicio h3 { font: 700 1.03rem/1.25 var(--ag-titulos); color: var(--ag-tinta); margin: 0; }
.ag-precio { font: 800 1.35rem/1 var(--ag-fuente); color: var(--ag-tinta); letter-spacing: -.01em; }
.ag-precio small { font-size: .72rem; font-weight: 600; color: var(--ag-suave); margin-left: 3px; }
/* Equivalencia aproximada en USD y € (30-sep): el cobro es en pesos. */
.ag-equiv { margin: -2px 0 0; font: 600 .8rem/1.3 var(--ag-fuente); color: var(--ag-suave); font-variant-numeric: tabular-nums; }
.ag-equiv-total { margin: -4px 0 0; text-align: right; }
.ag-nota-pesos { margin: 12px 0 0; font-size: .86rem; color: var(--ag-suave); }
.ag-nota-pago { margin: 10px 0 0; text-align: center; }
.ag-servicio ul { margin: 2px 0 0; padding: 0; list-style: none; font-size: .88rem; color: var(--ag-suave); display: grid; gap: 4px; }
.ag-servicio li { display: flex; gap: 6px; align-items: flex-start; }
.ag-servicio li .ag-ico { width: 15px; height: 15px; margin-top: 3px; color: var(--ag-marca); }
.ag-etiqueta { position: absolute; top: -10px; right: 12px; background: var(--ag-marca); color: #fff; font: 700 .7rem/1 var(--ag-fuente); letter-spacing: .04em; text-transform: uppercase; padding: 5px 9px; border-radius: 999px; }

/* ── modalidad ── */
.ag-modalidades { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ag-modalidad { display: flex; gap: 14px; align-items: flex-start; text-align: left; padding: 18px; min-height: 96px; background: #fff; border: 1.5px solid var(--ag-linea); border-radius: 16px; cursor: pointer; color: var(--ag-texto); }
.ag-modalidad:hover { border-color: var(--ag-marca); }
.ag-modalidad .ag-ico { width: 40px; height: 40px; padding: 9px; border-radius: 12px; background: var(--ag-marca-suave); color: var(--ag-marca); }
.ag-modalidad strong { display: block; font: 700 1.02rem/1.25 var(--ag-titulos); color: var(--ag-tinta); margin-bottom: 3px; }
.ag-modalidad span { font-size: .9rem; color: var(--ag-suave); }

/* ── calendario ── */
.ag-cal-cabeza { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 12px; }
.ag-contador { display: inline-flex; align-items: center; gap: 8px; font: 700 .95rem/1.2 var(--ag-fuente); color: var(--ag-tinta); }
.ag-contador b { display: inline-flex; min-width: 54px; justify-content: center; padding: 5px 10px; border-radius: 999px; background: var(--ag-marca); color: #fff; font-variant-numeric: tabular-nums; }
.ag-semana { display: flex; align-items: center; gap: 6px; }
.ag-semana span { font: 600 .92rem var(--ag-fuente); color: var(--ag-texto); min-width: 150px; text-align: center; }
.ag-flecha { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; border: 1.5px solid var(--ag-linea); background: #fff; color: var(--ag-tinta); cursor: pointer; }
.ag-flecha:disabled { opacity: .35; cursor: not-allowed; }
.ag-rejilla { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.ag-dia { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ag-dia-cabeza { text-align: center; padding: 6px 2px 8px; border-bottom: 1px solid var(--ag-linea); margin-bottom: 2px; }
.ag-dia-cabeza strong { display: block; font: 700 .86rem/1.2 var(--ag-fuente); color: var(--ag-tinta); text-transform: capitalize; }
.ag-dia-cabeza span { font-size: .8rem; color: var(--ag-suave); }
.ag-dia-cabeza em { display: block; font-style: normal; font-size: .72rem; color: var(--ag-ocupado-texto); margin-top: 2px; }
.ag-grupo { font: 700 .7rem/1 var(--ag-fuente); letter-spacing: .06em; text-transform: uppercase; color: var(--ag-suave); margin: 6px 0 0; text-align: center; }
.ag-hora { min-height: 44px; width: 100%; border-radius: 10px; border: 1.5px solid var(--ag-hora-borde); background: #fff; color: var(--ag-marca-alta); font: 700 .95rem/1 var(--ag-fuente); font-variant-numeric: tabular-nums; cursor: pointer; transition: background .12s, border-color .12s, color .12s; }
.ag-hora:hover { background: var(--ag-marca-suave); border-color: var(--ag-marca); }
.ag-hora[aria-pressed="true"] { background: var(--ag-marca); border-color: var(--ag-marca); color: #fff; }
.ag-hora:disabled { background: var(--ag-ocupado); border-color: var(--ag-ocupado); color: var(--ag-ocupado-texto); cursor: not-allowed; text-decoration: line-through; font-weight: 600; }
.ag-hora.bloqueada:disabled { text-decoration: none; }
.ag-dia-vacio { text-align: center; font-size: .82rem; color: var(--ag-ocupado-texto); padding: 18px 4px; background: var(--ag-ocupado); border-radius: 10px; }
.ag-leyenda { display: flex; flex-wrap: wrap; gap: 14px; font-size: .82rem; color: var(--ag-suave); margin: 12px 0 0; }
.ag-leyenda i { display: inline-block; width: 14px; height: 14px; border-radius: 4px; vertical-align: -2px; margin-right: 5px; border: 1.5px solid var(--ag-hora-borde); background: #fff; }
.ag-leyenda i.sel { background: var(--ag-marca); border-color: var(--ag-marca); }
.ag-leyenda i.ocu { background: var(--ag-ocupado); border-color: var(--ag-ocupado); }
.ag-cargando { padding: 40px 0; text-align: center; color: var(--ag-suave); }
.ag-toast { margin: 10px 0 0; font-size: .88rem; color: var(--ag-marca-alta); min-height: 1.3em; }

/* pestañas de días (celular) */
.ag-pestanas { display: none; gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 2px 2px 10px; margin: 0 -2px 6px; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.ag-pestana { flex: none; scroll-snap-align: start; min-width: 64px; min-height: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 6px 10px; border-radius: 12px; border: 1.5px solid var(--ag-linea); background: #fff; color: var(--ag-tinta); cursor: pointer; font: 600 .78rem/1.1 var(--ag-fuente); text-transform: capitalize; position: relative; }
.ag-pestana strong { font-size: 1.05rem; }
.ag-pestana.activa { border-color: var(--ag-marca); background: var(--ag-marca-suave); color: var(--ag-marca-alta); }
.ag-pestana.sin { color: var(--ag-ocupado-texto); background: var(--ag-ocupado); border-color: var(--ag-ocupado); }
.ag-pestana.elegido::after { content: ''; position: absolute; top: 5px; right: 6px; width: 8px; height: 8px; border-radius: 50%; background: var(--ag-marca); }
.ag-panel-dia { display: none; }
.ag-panel-dia .ag-horas-movil { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.ag-panel-dia .ag-grupo { grid-column: 1 / -1; text-align: left; margin: 8px 0 0; }

/* ── resumen fijo ── */
.ag-resumen { position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 12px clamp(18px, 3.6vw, 32px); background: rgba(255, 255, 255, .97); border-top: 1px solid var(--ag-linea); box-shadow: 0 -10px 24px -18px rgba(20, 20, 19, .35); }
.ag-resumen-info { flex: 1; min-width: 200px; }
.ag-resumen-info strong { display: block; font: 700 .95rem/1.3 var(--ag-fuente); color: var(--ag-tinta); }
.ag-elegidas { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.ag-elegida { display: inline-flex; align-items: center; gap: 4px; padding: 0 4px 0 10px; min-height: 32px; border-radius: 999px; background: var(--ag-marca-suave); color: var(--ag-marca-alta); font: 600 .8rem/1 var(--ag-fuente); }
.ag-elegida button { width: 28px; height: 28px; border-radius: 50%; border: 0; background: transparent; color: var(--ag-marca-alta); cursor: pointer; font-size: 1rem; line-height: 1; }
.ag-total { font: 800 1.2rem/1 var(--ag-fuente); color: var(--ag-tinta); white-space: nowrap; }
.ag-total small { display: block; font: 600 .72rem var(--ag-fuente); color: var(--ag-suave); margin-bottom: 3px; }

/* ── formulario ── */
.ag-form { display: grid; gap: 14px; }
.ag-fila { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ag-campo { display: flex; flex-direction: column; gap: 6px; }
.ag-campo > span { font-size: .88rem; font-weight: 600; color: var(--ag-texto); }
.ag-campo em { font-style: normal; font-weight: 400; color: var(--ag-suave); }
.ag-campo input, .ag-campo select, .ag-campo textarea { width: 100%; min-height: 48px; padding: 11px 13px; border: 1.5px solid var(--ag-linea); border-radius: 12px; font: 400 1rem var(--ag-fuente); color: var(--ag-tinta); background: #fff; }
.ag-campo textarea { min-height: 84px; resize: vertical; }
.ag-campo input:focus, .ag-campo select:focus, .ag-campo textarea:focus { outline: none; border-color: var(--ag-marca); box-shadow: 0 0 0 4px var(--ag-marca-suave); }
.ag-campo.mal input, .ag-campo.mal select { border-color: var(--ag-error); }
.ag-tel { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 8px; }
.ag-seccion { font: 700 1rem/1.3 var(--ag-titulos); color: var(--ag-tinta); margin: 8px 0 -4px; }
.ag-caja { border: 1.5px solid var(--ag-linea); border-radius: 14px; padding: 14px; display: grid; gap: 12px; background: var(--ag-fondo); }
.ag-opciones { display: flex; flex-wrap: wrap; gap: 8px; }
.ag-opcion { min-height: 44px; padding: 0 16px; border-radius: 999px; border: 1.5px solid var(--ag-linea); background: #fff; color: var(--ag-texto); font: 600 .94rem var(--ag-fuente); cursor: pointer; }
.ag-opcion[aria-pressed="true"] { background: var(--ag-marca); border-color: var(--ag-marca); color: #fff; }
.ag-casilla { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border: 1.5px solid var(--ag-linea); border-radius: 12px; background: #fff; cursor: pointer; font-size: .93rem; }
.ag-casilla input { width: 22px; height: 22px; margin: 1px 0 0; flex: none; accent-color: var(--ag-marca); }
.ag-casilla.mal { border-color: var(--ag-error); }
.ag-casilla a { color: var(--ag-marca-alta); }

/* ── pago y confirmación ── */
.ag-ticket { border: 1.5px solid var(--ag-linea); border-radius: 16px; padding: 16px 18px; background: var(--ag-fondo); display: grid; gap: 10px; margin: 0 0 16px; }
.ag-ticket-fila { display: flex; justify-content: space-between; gap: 12px; font-size: .95rem; }
.ag-ticket-fila span:first-child { color: var(--ag-suave); }
.ag-ticket-fila strong { text-align: right; color: var(--ag-tinta); }
.ag-sesiones { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ag-sesiones li { display: flex; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 12px; background: #fff; border: 1px solid var(--ag-linea); }
.ag-sesiones .num { flex: none; width: 34px; height: 34px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: var(--ag-marca-suave); color: var(--ag-marca-alta); font-weight: 800; font-size: .9rem; }
.ag-sesiones .cuando { flex: 1; min-width: 0; }
.ag-sesiones .cuando strong { display: block; color: var(--ag-tinta); font-size: .96rem; }
.ag-sesiones .cuando span { font-size: .85rem; color: var(--ag-suave); }
.ag-sesiones .accion { flex: none; }
.ag-sesiones .nota { font-size: .8rem; color: var(--ag-suave); max-width: 180px; text-align: right; }
.ag-total-grande { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px dashed var(--ag-linea); padding-top: 10px; font: 800 1.35rem/1 var(--ag-fuente); color: var(--ag-tinta); }
.ag-total-grande span { font: 600 .9rem var(--ag-fuente); color: var(--ag-suave); }
.ag-seguro { display: flex; align-items: center; gap: 8px; font-size: .86rem; color: var(--ag-suave); margin: 12px 0 0; }
.ag-listo { text-align: center; padding: 6px 0 4px; }
.ag-listo .ag-ico { width: 64px; height: 64px; color: #fff; background: var(--ag-marca); border-radius: 50%; padding: 16px; margin: 0 auto 12px; display: block; }
.ag-acciones { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; }
.ag-espera { text-align: center; padding: 28px 0; }
.ag-girar { width: 42px; height: 42px; border-radius: 50%; border: 4px solid var(--ag-marca-suave); border-top-color: var(--ag-marca); margin: 0 auto 14px; animation: ag-gira 1s linear infinite; }
@keyframes ag-gira { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ag-girar { animation-duration: 3s; } .ag-servicio, .ag-hora { transition: none; } }

/* ── celular ── */
@media (max-width: 719px) {
  .ag-doctor { padding: 16px; gap: 12px; }
  .ag-foto { width: 62px; height: 62px; }
  .ag-doctor h2 { font-size: 1.06rem; }
  .ag-chip-tiempo { display: none; }
  .ag-servicios, .ag-modalidades { grid-template-columns: minmax(0, 1fr); }
  .ag-servicio { min-height: 0; }
  .ag-rejilla { display: none; }
  .ag-pestanas { display: flex; }
  .ag-panel-dia { display: block; }
  .ag-cal-cabeza { flex-wrap: wrap; }
  .ag-semana { width: 100%; justify-content: space-between; }
  .ag-semana span { min-width: 0; flex: 1; }
  .ag-fila { grid-template-columns: minmax(0, 1fr); }
  .ag-resumen { gap: 10px; }
  .ag-resumen .ag-boton { flex: 1; }
  .ag-sesiones li { flex-wrap: wrap; }
  .ag-sesiones .nota { max-width: none; text-align: left; flex-basis: 100%; }
}

/* ── flotantes de la página ──
 * Mientras la barra del resumen (servicio, horas elegidas, total y «Continuar») está en pantalla,
 * los botones flotantes de los sitios (WhatsApp, test, barras fijas) no pueden taparla: agendar.js
 * pone la clase en <html> y aquí se esconden. Otro flotante propio de una página se marca con
 * el atributo data-ag-ocultar.
 */
html.ag-resumen-a-la-vista .wa-float,
html.ag-resumen-a-la-vista .whatsapp-float,
html.ag-resumen-a-la-vista .wa-flota,
html.ag-resumen-a-la-vista .test-flota,
html.ag-resumen-a-la-vista .sticky-bottom-bar,
html.ag-resumen-a-la-vista [data-ag-ocultar] {
  opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;
  transition: opacity .15s ease, visibility .15s !important;
}

/* ── «¿Prefiere agendar por WhatsApp?» (30-sep): debajo de la agenda, siempre, en todos los pasos.
 * Botón secundario claro, fuera del marco: nunca tapa la barra del resumen (que va dentro). */
.ag-wa-pie { margin: 14px 0 0; text-align: center; }
.ag a.ag-wa-boton { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 20px; border-radius: 12px; background: #fff; color: #0f5f32; border: 1.5px solid #bfe0cc; font: 700 .98rem/1.2 var(--ag-fuente); text-decoration: none; box-shadow: 0 1px 2px rgba(20, 20, 19, .04); transition: background .15s, border-color .15s; }
.ag a.ag-wa-boton:hover { background: #effaf3; border-color: var(--ag-wa); }
.ag-wa-boton .ag-ico { width: 20px; height: 20px; color: var(--ag-wa); }
@media (max-width: 719px) { .ag a.ag-wa-boton { width: 100%; } }

/* ── «Mis citas» sin enlace ── */
.ag-sin-enlace { text-align: center; padding: 8px 0 4px; }
.ag-sin-enlace .ag-sub { margin-left: auto; margin-right: auto; }
.ag-sin-enlace .ag-acciones { justify-content: center; }
.ag-zona { color: var(--ag-marca-alta); font-weight: 600; }