/* TIENDA MOYA - NAV BLUE VERIFIED 20261021-093648 */

:root {
 --tm-brand-blue: #313390;
}

/* La barra exterior y su interior */
html body nav.yellow-menu,
html body .yellow-menu,
html body nav.yellow-menu > .yellow-inner,
html body .yellow-menu > .yellow-inner {
 background: var(--tm-brand-blue) !important;
 background-color: var(--tm-brand-blue) !important;
 background-image: none !important;
 border-color: var(--tm-brand-blue) !important;
}

/* Quitar fondos naranjas de los controles de navegación */
html body .yellow-menu > .yellow-inner > a,
html body .yellow-menu > .yellow-inner > button,
html body .yellow-menu .mega-nav-item > .mega-trigger,
html body .yellow-menu .departments-link {
 background: transparent !important;
 background-color: transparent !important;
 color: #fff !important;
 border-color: transparent !important;
}

html body .yellow-menu > .yellow-inner > a:hover,
html body .yellow-menu > .yellow-inner > button:hover,
html body .yellow-menu .mega-nav-item > .mega-trigger:hover,
html body .yellow-menu .departments-link:hover {
 background: rgba(255,255,255,.12) !important;
 color: #fff !important;
}

/* Íconos del menú */
html body .yellow-menu .yellow-inner > a svg,
html body .yellow-menu .mega-trigger svg {
 color: #fff !important;
 stroke: currentColor !important;
}

/* Mega menús: conservar fondo blanco */
html body .yellow-menu .mega-panel,
html body .yellow-menu .tm7-shell,
html body .yellow-menu .tm7-head,
html body .yellow-menu .tm7-body,
html body .yellow-menu .tm-mm-shell {
 background: #fff !important;
 background-color: #fff !important;
 background-image: none !important;
 color: #333e48 !important;
}

html body .yellow-menu .mega-panel a,
html body .yellow-menu .mega-panel button,
html body .yellow-menu .tm7-shell a,
html body .yellow-menu .tm-mm-shell a {
 color: #333e48 !important;
}