/**
 * MIHA UI — Puente de estilos para los plugins MIHA (fase 1).
 *
 * Se carga en todo el frontend. Lleva las variables propias de cada plugin
 * (--pqrs-*, --pp-*,
 * --miha-*, --mcr-*) a las variables del conjunto (--mui-*), y
 * unifica tipografía, radios y ventanas emergentes.
 *
 * Los !important son necesarios aquí: cada plugin escribe sus variables en
 * el atributo style del contenedor, y solo una declaración !important de
 * hoja de estilos puede reemplazarlas. En la fase 2 cada plugin leerá los
 * tokens directamente y este archivo se irá vaciando.
 */

/* ---------------------------------------------------------- Tipografía */
/* MIHA Reservas (1.1+) y Paz y Salvo (1.1+) leen los tokens --mui-* directamente: ya no necesitan puente. */

/* MIHA Clasificados (1.1+) lee los tokens --mui-* directamente: ya no necesita puente. */

/* --------------------------------------------------- PQRS, Accesos, Censo */
/* MIHA Reservas (1.1+) lee los tokens --mui-* directamente: ya no necesita puente. */
/* MIHA Gestión PQRS (1.16+) lee los tokens --mui-* directamente: ya no necesita puente. */
[class^="miha-pqrs"], [class*=" miha-pqrs"] {
	--pp-brand: var(--mui-acento) !important;
	--pp-brand-2: var(--mui-acento-oscuro) !important;
	--pp-text: var(--mui-tinta) !important;
	--pp-radius: 22px !important;
}
/* MIHA Accesos (1.6+) lee los tokens --mui-* directamente: ya no necesita puente. */
/* MIHA Censo (1.4+) lee los tokens --mui-* directamente: ya no necesita puente. */
[class^="miha-cr"], [class*=" miha-cr"] {
	--mcr-brand: var(--mui-acento) !important;
	--mcr-brand-2: var(--mui-acento-oscuro) !important;
	--mcr-text: var(--mui-tinta) !important;
}

/* Ventanas emergentes: ver miha-ui-ventanas.css */

/* --------------------------------------------------- Asistente virtual */
/* 0.2.5: el Asistente Virtual 1.15.0 lee los tokens --mui-* directamente.
   Solo queda subir el globo sobre la barra de pestañas de MIHA UI. */
@media (max-width: 900px) {
	/* En el móvil el asistente sube sobre la barra de pestañas de MIHA UI. */
	body.miha-ui-con-pestanas .miha-bubble-wrap { bottom: 100px !important; }
	body.miha-ui-con-pestanas .miha-bubble-label { display: none !important; }
}