/* 0.44.0 · Cierre estético: una sola tipografía, una paleta de neutros, un margen lateral y tamaños táctiles comunes.
   Se carga al final y solo unifica valores; no cambia estructura ni funciones. Referencia: Ofertas de México 2.0 (fuente del sistema)
   con la identidad de Cupones Tech (#1428A0). */
:root {
	--ctc-fuente: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--ctc-texto: #12141a;
	--ctc-suave: #5b6472;      /* gris secundario: 6:1 sobre blanco y 5,3:1 sobre el fondo #eef1f7 */
	--ctc-borde: #e4e7ee;
	--ctc-azul: #1428a0;
	--ctc-gutter: 16px;
}
/* Tipografía común (antes dependía del tema: Home/listados/cuponeras heredaban una fuente y las fichas otra) */
.ctc-header, .ctc-footer, .ctc-bnav, .ctc-home, .ctc-listado, .ctc-ficha, .ctc-ofm, .ctc-legal, .ctc-whatsapp-flotante { font-family: var(--ctc-fuente); }
.ctc-ofm-it__txt strong, .ctc-oc-det-cod, .ctc-cupon-codigo { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; }
/* Neutros únicos */
.ctc-listado, .ctc-home, .ctc-ficha, .ctc-ofm { --ctc-text: var(--ctc-texto); --ctc-text-muted: var(--ctc-suave); --ctc-border: var(--ctc-borde); }
.ctc-home--omx { --ctc-omx-borde: var(--ctc-borde); --ctc-omx-suave: var(--ctc-suave); }
.ctc-oc, .ctc-oc-ref b, .ctc-oc-btn--secundario, .ctc-lat-bloque h2, .ctc-mini { color: var(--ctc-texto); }
.ctc-ofm-afiliados, .ctc-ofm-barra-k { color: var(--ctc-suave); }
/* Títulos de sección (pestañas del Home) algo más legibles */
.ctc-home-tab { font-size: 14px; }
/* Margen lateral único en móvil/tablet: 16 px (listados y fichas ya lo usan) */
@media (max-width: 1023px) {
	.ctc-listado.ctc-home { padding-left: var(--ctc-gutter); padding-right: var(--ctc-gutter); }
	/* chips y controles táctiles de al menos 40 px */
	.ctc-cuponera-filtro { min-height: 40px; display: inline-flex; align-items: center; }
	.ctc-home-tab { min-height: 40px; display: inline-flex; align-items: center; }
}
/* Enfoque visible y menos movimiento si la persona lo pide */
.ctc-home a:focus-visible, .ctc-listado a:focus-visible, .ctc-ofm a:focus-visible, .ctc-ficha a:focus-visible, .ctc-cuponera-filtro:focus-visible, .ctc-oc-btn:focus-visible { outline: 2px solid var(--ctc-azul); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .ctc-home *, .ctc-listado *, .ctc-ficha *, .ctc-ofm *, .ctc-bnav * { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }
.ctc-home-tab.ctc-seccion-titulo { margin: 0; }