.menu-icon-auto-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.menu-icon-auto {
    width: 1.05em;
    height: 1.05em;
    stroke-width: 2;
    opacity: 0.92;
    flex-shrink: 0;
}

.nav-link.menu-icon-auto-link,
[class*="nav-links"] a.menu-icon-auto-link,
[class*="navbar-nav"] .menu-icon-auto-link {
    display: inline-flex;
    align-items: center;
}

/*
 * Iconos de menú: glifo inline junto al texto, sin recuadro en el propio icono.
 * Las plantillas cargan su CSS después; !important evita fondos/bordes en el glifo.
 * No aplica dentro de contenedores dedicados (p. ej. .tpl13-nav-ic-wrap).
 */
header nav a:not([class*="brand"]):not([class*="logo"]) > i[data-lucide],
header nav a:not([class*="brand"]):not([class*="logo"]) > svg.lucide,
.nav-link:not(.navbar-brand) > i[data-lucide],
.nav-link:not(.navbar-brand) > svg.lucide,
[class*="nav-menu"] a > i[data-lucide],
[class*="nav-menu"] a > svg,
[class*="nav-links"] a > i[data-lucide],
[class*="nav-links"] a > svg,
.navbar-custom .nav-link > i[data-lucide],
.navbar-custom .nav-link > svg.lucide,
.ani5-menu .nav-link > i[data-lucide],
.ani5-menu .nav-link > svg,
.nav-link-a3 > i[data-lucide],
.nav-link-a3 > svg,
.menu-icon-auto {
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    clip-path: none !important;
}