/*
 * Diacash Magento Bridge — mega menú de Productos ([dc_megamenu]).
 * Separado de bridge.css: va en todas las páginas (está en la cabecera), mientras que el CSS de
 * tarjetas y carrusel solo se carga donde hay shortcodes de producto.
 * Variables del kit con su valor de respaldo (ver bridge.css).
 */
.dcb-megamenu {
	--dcb-fuente: var(--familia-base, "Figtree"), system-ui, sans-serif;
	--dcb-negro: var(--negro, #000000);
	--dcb-azul: var(--azul, #175AA4);
	--dcb-gris-acc: var(--gris-texto-accesible, #6B6B6B);
}
.dcb-megamenu {
	columns: 3;
	column-gap: 40px;
	font-family: var(--dcb-fuente);
	font-size: 13px;
	line-height: 1.45;
}
.dcb-megamenu__grupo {
	break-inside: avoid;
	margin-bottom: 14px;
}
/* El prefijo de la cabecera sube la especificidad por encima del color de enlace del kit
   (.elementor-kit-N a), que si no pinta de azul los nombres de categoría. */
.dcb-megamenu__cat,
.elementor-location-header .dcb-megamenu__cat {
	display: block;
	font-weight: 600;
	color: var(--dcb-negro);
	text-decoration: none;
}
.dcb-megamenu__cat:hover,
.dcb-megamenu__cat:focus-visible,
.elementor-location-header .dcb-megamenu__cat:hover,
.elementor-location-header .dcb-megamenu__cat:focus-visible {
	color: var(--dcb-azul);
}
.dcb-megamenu__sub {
	list-style: none;
	margin: 2px 0 0;
	padding: 0;
}
.dcb-megamenu__sub a,
.elementor-location-header .dcb-megamenu__sub a {
	color: var(--dcb-gris-acc);
	text-decoration: none;
}
.dcb-megamenu__sub a:hover,
.dcb-megamenu__sub a:focus-visible,
.elementor-location-header .dcb-megamenu__sub a:hover,
.elementor-location-header .dcb-megamenu__sub a:focus-visible {
	color: var(--dcb-azul);
}

@media (max-width: 1200px) {
	.dcb-megamenu { columns: 2; }
}
@media (max-width: 600px) {
	.dcb-megamenu { columns: 1; }
}