/* AJUSTES SOBRE EL TEMA «BRUMA» (21/10). Archivo aparte para no tocar el del diseñador: se carga despues y solo
   usa sus variables. Lo que entre aqui deberia volver al tema en su proxima version. */

/* El enlace «¿Olvidaste tu contraseña?» del login usa .text-link, que el tema no recolorea. */
.text-link {
  color: rgb(var(--chd-acento-11));
}
.text-link:hover {
  color: rgb(var(--chd-acento-12));
}

/* LOGO MAS GRANDE (operador 21/10). Chatwoot lo dibuja con h-8 (32px) en login, registro y recuperar clave; se
   reconoce por su archivo, no por clases de Tailwind que cambian entre versiones. */
:root {
  --cdh-logo-alto: 56px;
}
img[src*="/marca/logo.svg"] {
  height: var(--cdh-logo-alto);
  width: auto;
}

/* ICONO DE LA MARCA EN LA BARRA LATERAL MAS GRANDE (operador 21/10). Chatwoot lo dibuja de 16px (size-4) dentro de un
   recuadro de 24px (size-6) con la barra abierta, y de 28px (size-7) con la barra contraida. Se agranda el recuadro
   junto con el icono para que no se recorte. Solo dentro de <aside>: la vista previa del widget usa el mismo archivo. */
:root {
  --cdh-icono-barra: 28px;
  --cdh-icono-barra-contraida: 32px;
}
aside div:has(> img[src*="/marca/logo-icono.svg"]) {
  width: var(--cdh-icono-barra);
  height: var(--cdh-icono-barra);
}
aside div > img[src*="/marca/logo-icono.svg"] {
  width: var(--cdh-icono-barra);
  height: var(--cdh-icono-barra);
}
aside button > img[src*="/marca/logo-icono.svg"] {
  width: var(--cdh-icono-barra-contraida);
  height: var(--cdh-icono-barra-contraida);
}