/* 0.42.0 · menú inferior único (móvil/tablet). Define --ctc-bnav-h para que
   nada fijo (botón de tienda de la ficha, WhatsApp, footer) quede debajo. */
:root { --ctc-bnav-h: 0px; }
.ctc-bnav { display: none; }
@media (max-width: 1023px) {
	:root { --ctc-bnav-h: calc(58px + env(safe-area-inset-bottom, 0px)); }
	.ctc-bnav {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
		display: flex; height: var(--ctc-bnav-h); padding-bottom: env(safe-area-inset-bottom, 0px); box-sizing: border-box;
		background: rgba(255, 255, 255, 0.96); -webkit-backdrop-filter: blur(16px) saturate(160%); backdrop-filter: blur(16px) saturate(160%);
		border-top: 1px solid #e4e7ee; box-shadow: 0 -2px 12px rgba(16, 24, 40, 0.06);
	}
	.ctc-bnav-item { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6b7280; font: 600 11px/1.1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; text-decoration: none; }
	.ctc-bnav-item svg { width: 22px; height: 22px; }
	.ctc-bnav-item.is-activo { color: #1428a0; }
	.ctc-bnav-item.is-activo svg { stroke-width: 2.1; }
	.ctc-bnav-item:focus-visible { outline: 2px solid #1428a0; outline-offset: -4px; border-radius: 8px; }
	/* el contenido y el footer nunca quedan tapados por el menú */
	body { padding-bottom: var(--ctc-bnav-h); }
	/* botón fijo de tienda de la ficha: SIEMPRE por encima del menú */
	body .ctc-ofm-barra { bottom: var(--ctc-bnav-h); z-index: 59; }
	body:has(.ctc-ofm-barra) { padding-bottom: calc(var(--ctc-bnav-h) + 72px); }
	body:has(.ctc-ofm-barra) .ctc-whatsapp-flotante { bottom: calc(var(--ctc-bnav-h) + 84px); }
}