/* ============================================================================
   Metronic 8 (demo8, pre-8.3.3)  →  Metronic 8.3.3 — capa de compatibilidad
   ----------------------------------------------------------------------------
   Restaura comportamiento que 8.3.3 (Bootstrap 5.3) eliminó/cambió, para que el
   markup existente siga viéndose como en la versión anterior.

   Es GENÉRICO del salto de versión (no específico de este proyecto): sirve para
   cualquier app Metronic 8 demo8 que se actualice a 8.3.3.

   Cargar DESPUÉS de style.bundle.css y ANTES de custom.css.
   ============================================================================ */

/* 1) Íconos SVG inline -------------------------------------------------------
   8.3.3 quitó las reglas `.svg-icon svg [fill] { fill: <color> }` que
   recoloreaban los <svg fill="black"> embebidos (pasó a icon-fonts/Keenicons).
   Sin ellas, todo <span class="svg-icon"><svg fill="black"> queda negro (y se
   pierde sobre fondos oscuros, p.ej. el toggle y el hamburger del header).
   Se restaura tamaño base + recoloreo por currentColor (hereda el color del
   contexto, que 8.3.3 ya define vía `.svg-icon { color: ... }`). */
.svg-icon svg {
    height: 1.15rem;
    width: 1.15rem;
}

.svg-icon svg [fill]:not(.permanent):not(g) {
    fill: currentColor;
}

/* Toggle del aside y hamburger móvil viven sobre header-brand (#0D0E12 oscuro):
   color claro explícito para que se vean. */
#kt_aside_toggle .svg-icon,
#kt_aside_mobile_toggle .svg-icon {
    color: var(--bs-gray-500);
}

/* 2) Tamaños de botón sin `.btn` -------------------------------------------
   En 8.3.3/BS5.3 `.btn-lg` (y `.btn-sm`) solo definen variables
   `--bs-btn-*`, que únicamente aplican combinadas con `.btn`. El markup usa
   `btn-lg` sin `.btn`, así que perdía padding y bordes. Se restauran las
   propiedades directas de la versión anterior. */
.btn-lg {
    padding: .825rem 1.75rem;
    font-size: 1.15rem;
    border-radius: .475rem;
}