/* =============================================================================
   DKT Store — Mega-menús "MINI-MUNDOS" (v3.5 FINAL · DEC-W056 + guarda)
   Paneles COMPACTOS oscuros por marca con el lenguaje de las puertas del Home:
   cocoa Prudence · fucsia Andalan · vino Insumos. Tiles con miniatura circular
   de packshot (o glifo line-art), feats glow, more-rows. El CONTENIDO se arma
   en WP-Admin; la guarda FAIL-CLOSED de inc/megamenu.php queda INTACTA — items
   sin confirmación C/D caen al dropdown SOBRIO de header.css (Anticoncepción
   y Pastilla de Emergencia SIEMPRE sobrios).

   MECANISMO DE MINIATURAS / MICRO-DATOS (v3.5, documentado también en
   megamenu.php): se asignan por el ANCLA o slug del href del sub-item
   (a[href$="#clasico"] → packshot) — estable ante reordenamientos en WP-Admin
   y sin clases extra. Los feats usan sus variantes de clase de v3.4
   (dkt-mega-feat--neon/--chicle). El layout de filas-info de Andalan usa
   :has(); sin soporte degrada a tiles normales (aceptable).

   Tipografía (pedido Ricardo): 14px = un punto menos que el nav (15px),
   paneles bajos. Posición: el panel ancla AL ITEM (li ya es relative en
   header.css) — Prudence alinea a la izquierda del item, Andalan centrado,
   Insumos a la derecha → ninguno desborda el viewport.
   ============================================================================= */

/* ---------- Panel mega base (compacto, oscuro, anclado al item) ---------- */
.dkt-header__nav .menu-item.dkt-mega > .sub-menu {
	--mm-x: -50%;
	left: 50%;
	right: auto;
	transform: translateX(var(--mm-x)) translateY(6px);
	width: max-content;
	max-width: min(600px, calc(100vw - 48px));
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	padding: 14px;
	border-radius: 22px;
	border-top: 3px solid var(--dkt-magenta);
	box-shadow: 0 26px 60px -16px rgba(20, 2, 12, 0.55);
}
.dkt-header__nav .menu-item.dkt-mega:hover > .sub-menu,
.dkt-header__nav .menu-item.dkt-mega:focus-within > .sub-menu,
.dkt-header__nav .menu-item.dkt-mega.is-open > .sub-menu {
	transform: translateX(var(--mm-x)) translateY(0);
}
/* Alineación por posición del item en el nav (anti-desborde sin JS):
   Prudence = primer item → crece a la derecha; Insumos = último → a la izq. */
.dkt-header__nav .menu-item.dkt-mega--prudence > .sub-menu { --mm-x: 0; left: 0; }
.dkt-header__nav .menu-item.dkt-mega--insumos > .sub-menu { --mm-x: 0; left: auto; right: 0; }

/* ---------- Tile base (sub-item de panel de marca) ----------
   Columna: miniatura circular + nombre. 14px (un punto menos que el nav). */
.dkt-header__nav .menu-item.dkt-mega > .sub-menu > .menu-item { position: relative; }
.dkt-header__nav .menu-item.dkt-mega > .sub-menu > .menu-item > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 7px;
	padding: 10px 8px 11px;
	border-radius: 14px;
	text-align: center;
	font: 600 14px/1.25 var(--dkt-font-titles);
	color: var(--dkt-white);
	background: rgba(255, 255, 255, 0.04);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
	transition: transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);
}
.dkt-header__nav .menu-item.dkt-mega > .sub-menu > .menu-item > a:hover,
.dkt-header__nav .menu-item.dkt-mega > .sub-menu > .menu-item > a:focus-visible {
	transform: translateY(-2px);
	background: rgba(255, 255, 255, 0.08);
	box-shadow: inset 0 0 0 1.5px var(--mm-accent, rgba(255, 255, 255, 0.4));
	color: var(--dkt-white);
}
/* Miniatura circular (packshot vía --mm-thumb por ancla del href) */
.dkt-header__nav .menu-item.dkt-mega > .sub-menu > .menu-item > a::before {
	content: "";
	width: 42px;
	height: 42px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: var(--mm-thumb-bg, rgba(0, 0, 0, 0.28)) var(--mm-thumb, none) center / 74% no-repeat;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
	transition: transform var(--dur-fast) var(--ease);
}
.dkt-header__nav .menu-item.dkt-mega > .sub-menu > .menu-item > a:hover::before { transform: scale(1.07); }

/* El subrayado del nav (header.css ::after) NO aplica dentro de los paneles:
   mata la línea en tiles/info/more. Los feats (badge) y los micro-datos de
   Andalan lo re-habilitan más abajo con selectores más específicos. */
.dkt-header__nav .menu-item.dkt-mega .sub-menu .menu-item > a::after { content: none; }

/* =============================================================================
   PRUDENCE — cocoa oscuro, acento Rhodamine (6 mundos en 3×2 + feats + more)
   ============================================================================= */
.dkt-header__nav .menu-item.dkt-mega--prudence > .sub-menu {
	width: 540px;
	background: radial-gradient(120% 130% at 28% -10%, #2A1B12, #1F140F 72%);
	border-top-color: #E50695;
	--mm-accent: #E50695;
	--mm-thumb-bg: #140D09;
}
/* Miniaturas por ancla (packshots de la mediateca — mismos de las puertas).
   Texturas no tiene packshot propio en la mediateca → gel-fresa-fire (cálido,
   lee "intensidad"); Geles → gel-menta. Decisión de diseño documentada. */
.dkt-header__nav .dkt-mega--prudence .sub-menu a[href$="#clasico"] { --mm-thumb: url("/wp-content/uploads/2026/06/clasico-trans-600x600.png"); }
.dkt-header__nav .dkt-mega--prudence .sub-menu a[href$="#sabores"] { --mm-thumb: url("/wp-content/uploads/2026/06/mix-trans-600x600.png"); }
.dkt-header__nav .dkt-mega--prudence .sub-menu a[href$="#chicle-neon"] { --mm-thumb: url("/wp-content/uploads/2026/06/chicle-trans-600x600.png"); }
.dkt-header__nav .dkt-mega--prudence .sub-menu a[href$="#tamanos-retardante"] { --mm-thumb: url("/wp-content/uploads/2026/06/ultra-sensible-trans-600x600.png"); }
.dkt-header__nav .dkt-mega--prudence .sub-menu a[href$="#texturas"] { --mm-thumb: url("/wp-content/uploads/2026/06/gel-fresa-fire-trans-600x600.png"); }
.dkt-header__nav .dkt-mega--prudence .sub-menu a[href$="#geles"] { --mm-thumb: url("/wp-content/uploads/2026/06/gel-menta-trans-600x600.png"); }

/* =============================================================================
   ANDALAN — fucsia profundo AA (4 DIU en 2×2 con micro-dato + filas info + more)
   ============================================================================= */
.dkt-header__nav .menu-item.dkt-mega--andalan > .sub-menu {
	width: 430px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	background: linear-gradient(165deg, #C6005F, #8B0043 72%);
	border-top-color: #FFB8D6;
	--mm-accent: #FFB8D6;
	--mm-thumb-bg: rgba(0, 0, 0, 0.30);
}
/* Packshots trim del theme (mismos de las puertas del Home) */
.dkt-header__nav .dkt-mega--andalan .sub-menu a[href$="#classic"] { --mm-thumb: url("/wp-content/themes/astra-dkt-store/assets/brand/andalan-landing/packshots/classic-trim.png"); }
.dkt-header__nav .dkt-mega--andalan .sub-menu a[href$="#comfort"] { --mm-thumb: url("/wp-content/themes/astra-dkt-store/assets/brand/andalan-landing/packshots/comfort-mini-trim.png"); }
.dkt-header__nav .dkt-mega--andalan .sub-menu a[href$="#silverflex"] { --mm-thumb: url("/wp-content/themes/astra-dkt-store/assets/brand/andalan-landing/packshots/silverflex-trim.png"); }
.dkt-header__nav .dkt-mega--andalan .sub-menu a[href$="#copperflex"] { --mm-thumb: url("/wp-content/themes/astra-dkt-store/assets/brand/andalan-landing/packshots/copperflex-trim.png"); }

/* Micro-dato bajo el nombre (re-habilita ::after tras la neutralización;
   textos cortos del brief). Se oculta solo en móvil (media de header.css). */
.dkt-header__nav .menu-item.dkt-mega--andalan .sub-menu .menu-item > a[href$="#classic"]::after,
.dkt-header__nav .menu-item.dkt-mega--andalan .sub-menu .menu-item > a[href$="#comfort"]::after,
.dkt-header__nav .menu-item.dkt-mega--andalan .sub-menu .menu-item > a[href$="#silverflex"]::after,
.dkt-header__nav .menu-item.dkt-mega--andalan .sub-menu .menu-item > a[href$="#copperflex"]::after {
	position: static;
	width: auto;
	height: auto;
	background: none;
	border-radius: 0;
	transition: none;
	font: 500 10.5px/1 var(--dkt-font-body);
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.92);   /* AA ≥5.8:1 sobre todo el gradiente (revisión: .72 fallaba en la zona clara) */
	margin-top: 1px;
}
.dkt-header__nav .menu-item.dkt-mega--andalan .sub-menu .menu-item > a[href$="#classic"]::after { content: "Cobre · Cu 380A"; }
.dkt-header__nav .menu-item.dkt-mega--andalan .sub-menu .menu-item > a[href$="#comfort"]::after { content: "Mini · Cu 375"; }
.dkt-header__nav .menu-item.dkt-mega--andalan .sub-menu .menu-item > a[href$="#silverflex"]::after { content: "Núcleo de plata"; }
.dkt-header__nav .menu-item.dkt-mega--andalan .sub-menu .menu-item > a[href$="#copperflex"]::after { content: "Forma de Y"; }

/* Miniaturas trim de Andalan: PNGs MUY altos (ratio ~1:3.4-1:4) → encajar por
   ALTO (auto 86%) o el círculo solo mostraría la banda central del packshot. */
.dkt-header__nav .menu-item.dkt-mega--andalan > .sub-menu > .menu-item > a[href$="#classic"]::before,
.dkt-header__nav .menu-item.dkt-mega--andalan > .sub-menu > .menu-item > a[href$="#comfort"]::before,
.dkt-header__nav .menu-item.dkt-mega--andalan > .sub-menu > .menu-item > a[href$="#silverflex"]::before,
.dkt-header__nav .menu-item.dkt-mega--andalan > .sub-menu > .menu-item > a[href$="#copperflex"]::before {
	background-size: auto 86%;
}

/* Filas INFO ("¿Cómo funciona?" / "¿Cuál es para mí?") a ancho completo,
   horizontales, con glifo de pregunta. :has() → sin soporte quedan como tiles.
   ⚠️ Cadena COMPLETA (0,6,x): la forma corta .dkt-mega--andalan (0,4,x) perdía
   contra el tile base (0,5,x) — trampa cazada por la revisión adversarial. */
.dkt-header__nav .menu-item.dkt-mega--andalan > .sub-menu > .menu-item:has(> a[href$="#como-funciona"]),
.dkt-header__nav .menu-item.dkt-mega--andalan > .sub-menu > .menu-item:has(> a[href$="#cual"]) { grid-column: 1 / -1; }
.dkt-header__nav .menu-item.dkt-mega--andalan > .sub-menu > .menu-item > a[href$="#como-funciona"],
.dkt-header__nav .menu-item.dkt-mega--andalan > .sub-menu > .menu-item > a[href$="#cual"] {
	flex-direction: row;
	justify-content: center;
	padding: 8px 10px;
	background: rgba(255, 255, 255, 0.10);
	font-weight: 600;
}
.dkt-header__nav .menu-item.dkt-mega--andalan > .sub-menu > .menu-item > a[href$="#como-funciona"]::before,
.dkt-header__nav .menu-item.dkt-mega--andalan > .sub-menu > .menu-item > a[href$="#cual"]::before {
	width: 18px;
	height: 18px;
	border-radius: 0;
	box-shadow: none;
	background: var(--dkt-white);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.6 9.2a2.6 2.6 0 1 1 3.6 2.4c-.9.35-1.2.9-1.2 1.7v.3'/%3E%3Ccircle cx='12' cy='17' r='.6' fill='%23000' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.6 9.2a2.6 2.6 0 1 1 3.6 2.4c-.9.35-1.2.9-1.2 1.7v.3'/%3E%3Ccircle cx='12' cy='17' r='.6' fill='%23000' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* =============================================================================
   INSUMOS — vino clínico, 1 columna, tiles horizontales con glifo line-art
   ============================================================================= */
.dkt-header__nav .menu-item.dkt-mega--insumos > .sub-menu {
	width: 330px;
	grid-template-columns: 1fr;
	background: linear-gradient(170deg, #71124A, #5F0E39 70%);
	border-top-color: var(--dkt-teal);
	--mm-accent: var(--dkt-teal);
}
.dkt-header__nav .menu-item.dkt-mega--insumos > .sub-menu > .menu-item > a {
	flex-direction: row;
	justify-content: flex-start;
	text-align: left;
	padding: 9px 12px;
	gap: 12px;
}
/* Glifos line-art blancos (mask sobre assets del theme). Cadena completa
   (0,6,2): la forma corta (0,4,2) perdía tamaño/color contra el tile base. */
.dkt-header__nav .menu-item.dkt-mega--insumos > .sub-menu > .menu-item > a[href*="set-de-aspiracion"]::before,
.dkt-header__nav .menu-item.dkt-mega--insumos > .sub-menu > .menu-item > a[href*="aspirador-uterino"]::before {
	width: 30px;
	height: 30px;
	border-radius: 0;
	box-shadow: none;
	background: var(--dkt-white);
	-webkit-mask: var(--mm-icon) center / contain no-repeat;
	        mask: var(--mm-icon) center / contain no-repeat;
}
.dkt-header__nav .dkt-mega--insumos .sub-menu a[href*="set-de-aspiracion"] { --mm-icon: url("/wp-content/themes/astra-dkt-store/assets/brand/iconos/cajas-stack.svg"); }
.dkt-header__nav .dkt-mega--insumos .sub-menu a[href*="aspirador-uterino"] { --mm-icon: url("/wp-content/themes/astra-dkt-store/assets/brand/iconos/diu-aplicador.svg"); }

/* =============================================================================
   FEATS (dkt-mega-feat + variantes v3.4) — tarjeta glow horizontal, fila entera
   ============================================================================= */
.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat {
	grid-column: 1 / -1;
	background: transparent;   /* v3.5: fuera la franja clara paper-2 heredada del panel blanco */
	padding: 0;
	border-radius: 14px;
}
.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat > a {
	flex-direction: row;
	justify-content: flex-start;
	text-align: left;
	gap: 12px;
	padding: 9px 12px;
	background: rgba(0, 0, 0, 0.30);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.10);
}
/* Miniatura del feat: círculo con la imagen/fondo de su variante (vars v3.4) */
.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat > a::before {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--dkt-feat-bg, rgba(0, 0, 0, 0.45)) var(--dkt-feat-img, none) center / 78% no-repeat;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
	-webkit-mask: none;
	        mask: none;
}
/* Badge pill (re-habilita ::after tras la neutralización del subrayado) */
.dkt-header__nav .menu-item.dkt-mega .sub-menu .menu-item.dkt-mega-feat > a::after {
	content: var(--dkt-feat-badge, "Destacado");
	position: static;
	width: auto;
	height: auto;
	border-radius: var(--radius-pill);
	transition: none;
	font: 600 0.58rem/1 var(--dkt-font-titles);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--dkt-feat-accent, var(--dkt-magenta));
	background: var(--dkt-white);
	box-shadow: inset 0 0 0 1px currentColor;
	padding: 4px 8px;
	margin-left: auto;
	flex: 0 0 auto;
}
/* Variantes glow (imagen/acento/badge vienen de las custom properties v3.4) */
.dkt-header__nav .menu-item.dkt-mega-feat--neon {
	--dkt-feat-img: url("/wp-content/uploads/2026/06/neon-trans-600x600.png");
	--dkt-feat-bg: #0D1202;
	--dkt-feat-accent: #57A600;
	--dkt-feat-badge: "Glow";
}
.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat--neon > a { box-shadow: inset 0 0 0 1.5px rgba(143, 196, 0, 0.55), 0 0 16px rgba(143, 196, 0, 0.22); }
/* Badge del Neón: verde oscuro AA (5.1:1) — el #57A600 sobre blanco daba 3.06:1 */
.dkt-header__nav .menu-item.dkt-mega .sub-menu .menu-item.dkt-mega-feat--neon > a::after { color: #3E7C00; box-shadow: inset 0 0 0 1px #57A600; }
.dkt-header__nav .menu-item.dkt-mega-feat--chicle {
	--dkt-feat-img: url("/wp-content/uploads/2026/06/chicle-trans-600x600.png");
	--dkt-feat-bg: #2B0A1E;
	--dkt-feat-accent: #D42A82;
	--dkt-feat-badge: "Edición";
}
.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat--chicle > a { box-shadow: inset 0 0 0 1.5px rgba(255, 79, 195, 0.55), 0 0 16px rgba(255, 79, 195, 0.22); }
/* Feat de Insumos ("¿Eres profesional? Regístrate →"): glifo doctor.svg blanco
   (fix de la miniatura vacía detectada en producción) + acento/badge teal.
   ⚠️ Selectores con .menu-item.dkt-mega--insumos (0,5,x): la forma corta
   perdía contra la base del feat (mask:none/ring genérico) y el fix quedaba
   inerte — cazado por la revisión adversarial. */
.dkt-header__nav .menu-item.dkt-mega--insumos .menu-item.dkt-mega-feat {
	--dkt-feat-accent: #0B6E84;
	--dkt-feat-badge: "Médicos";
}
.dkt-header__nav .menu-item.dkt-mega--insumos .menu-item.dkt-mega-feat > a::before {
	border-radius: 0;
	box-shadow: none;
	background: var(--dkt-white);
	-webkit-mask: url("/wp-content/themes/astra-dkt-store/assets/brand/iconos/doctor.svg") center / contain no-repeat;
	        mask: url("/wp-content/themes/astra-dkt-store/assets/brand/iconos/doctor.svg") center / contain no-repeat;
	width: 34px;
	height: 34px;
}
.dkt-header__nav .menu-item.dkt-mega--insumos .menu-item.dkt-mega-feat > a { box-shadow: inset 0 0 0 1.5px rgba(109, 172, 164, 0.55); }

/* Hover/focus de los feats: conservar el fondo oscuro e INTENSIFICAR el glow
   (la regla genérica de hover del tile los pisaba y el halo desaparecía justo
   al interactuar — cazado por la revisión). Mismo (0,6,1), ganan por orden. */
.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat > a:hover,
.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat > a:focus-visible {
	transform: translateY(-2px);
	background: rgba(0, 0, 0, 0.30);
	box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.28);
}
.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat--neon > a:hover,
.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat--neon > a:focus-visible {
	background: rgba(0, 0, 0, 0.30);
	box-shadow: inset 0 0 0 1.5px rgba(143, 196, 0, 0.8), 0 0 22px rgba(143, 196, 0, 0.34);
}
.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat--chicle > a:hover,
.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat--chicle > a:focus-visible {
	background: rgba(0, 0, 0, 0.30);
	box-shadow: inset 0 0 0 1.5px rgba(255, 79, 195, 0.8), 0 0 22px rgba(255, 79, 195, 0.34);
}
.dkt-header__nav .menu-item.dkt-mega--insumos .menu-item.dkt-mega-feat > a:hover,
.dkt-header__nav .menu-item.dkt-mega--insumos .menu-item.dkt-mega-feat > a:focus-visible {
	background: rgba(0, 0, 0, 0.30);
	box-shadow: inset 0 0 0 1.5px rgba(109, 172, 164, 0.8);
}

/* =============================================================================
   MORE-ROW (dkt-mega-more) — fila de cierre del panel
   ============================================================================= */
.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-more {
	grid-column: 1 / -1;
	background: transparent;
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	padding: 6px 0 0;
	margin-top: 2px;
}
.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-more > a {
	flex-direction: row;
	justify-content: center;
	padding: 7px 8px;
	background: transparent;
	box-shadow: none;
	color: var(--mm-accent, var(--dkt-magenta));
	font: 600 14px/1 var(--dkt-font-titles);
}
.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-more > a:hover,
.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-more > a:focus-visible {
	color: var(--dkt-white);
	background: rgba(255, 255, 255, 0.06);
	transform: none;
	box-shadow: none;
}
.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-more > a::before { content: none; }
/* Prudence: rosa claro AA sobre cocoa */
.dkt-header__nav .menu-item.dkt-mega--prudence .menu-item.dkt-mega-more > a { color: #FF7ED2; }
/* Insumos: teal claro AA sobre vino */
.dkt-header__nav .menu-item.dkt-mega--insumos .menu-item.dkt-mega-more > a { color: #9CD6CE; }

/* ---------- Sub-sub-menús (no existen en la estructura actual; fail-safe) ---------- */
.dkt-header__nav .menu-item.dkt-mega .sub-menu .sub-menu {
	position: static; opacity: 1; visibility: visible; transform: none;
	box-shadow: none; background: transparent; min-width: 0; margin: 0; padding: var(--space-1) 0 0;
}

/* ---------- Íconos de sub-item por clase manual (mecanismo dkt-mi--* legado) ---------- */
[class*="dkt-mi--"] > a::before {
	content: "";
	width: 20px; height: 20px;
	flex: 0 0 auto;
	background-color: currentColor;
	-webkit-mask: var(--dkt-mi) no-repeat center / contain;
	        mask: var(--dkt-mi) no-repeat center / contain;
}
.dkt-mi--diu        { --dkt-mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a2 2 0 0 1 2 2v6.5a4.5 4.5 0 1 1-4 0V4a2 2 0 0 1 2-2zm0 10a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5z'/%3E%3C/svg%3E"); }
.dkt-mi--lubricante { --dkt-mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 2H8v3l-2 3v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V8l-2-3V2zm-1 16h-2v-3h2v3z'/%3E%3C/svg%3E"); }
.dkt-mi--ameu       { --dkt-mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 2h2v9.3a3 3 0 1 1-2 0V2zM7 4l1.5 1.5L7 7 5.5 5.5 7 4zm10 0 1.5 1.5L17 7l-1.5-1.5L17 4z'/%3E%3C/svg%3E"); }
.dkt-mi--condon     { --dkt-mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 2c-.6 0-1 .4-1 1v8c0 4 1.5 9 4 11 .3.3.8.3 1.1 0 .4-.4.2-1 .2-1.5C13 16 13 9 13 3c0-.6-.4-1-1-1H9z'/%3E%3C/svg%3E"); }
.dkt-mi--registro   { --dkt-mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2z'/%3E%3C/svg%3E"); }

/* =============================================================================
   Responsive: el drawer móvil degrada los mini-mundos a LISTA simple
   ============================================================================= */
@media (max-width: 1024px) {   /* lg — canónico DEC-W067 */
	.dkt-header__nav .menu-item.dkt-mega > .sub-menu {
		position: static; width: auto; max-width: none;
		display: block; transform: none; padding: 0 0 0 var(--space-3);
		background: transparent; border-top: 0; border-radius: 0; box-shadow: none;
	}
	.dkt-header__nav .menu-item.dkt-mega > .sub-menu > .menu-item,
	.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat,
	.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-more {
		background: transparent; border: 0; box-shadow: none; padding: 0; margin: 0;
	}
	.dkt-header__nav .menu-item.dkt-mega > .sub-menu > .menu-item > a,
	.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat > a,
	.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-more > a {
		flex-direction: row; justify-content: flex-start; text-align: left;
		padding: 8px 0; gap: 10px;
		background: transparent; box-shadow: none; transform: none;
		color: var(--dkt-white); font-size: 14px;
	}
	/* Miniaturas pequeñas en el drawer (toque de marca sin grid). [href] sube
	   a (0,6,2) para empatar con los glifos de Insumos/Andalan y ganar por
	   venir al final del archivo. */
	.dkt-header__nav .menu-item.dkt-mega > .sub-menu > .menu-item > a[href]::before { width: 26px; height: 26px; }
	.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat > a[href]::before { width: 26px; height: 26px; }
	/* Glow de feats apagado en el drawer */
	.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat--neon > a,
	.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat--chicle > a { box-shadow: none; }
	/* Micro-datos y badges (::after) ya los oculta el media de header.css. */
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
	.dkt-header__nav .menu-item.dkt-mega > .sub-menu,
	.dkt-header__nav .menu-item.dkt-mega > .sub-menu > .menu-item > a,
	.dkt-header__nav .menu-item.dkt-mega > .sub-menu > .menu-item > a::before { transition: none !important; }
	.dkt-header__nav .menu-item.dkt-mega > .sub-menu > .menu-item > a:hover,
	.dkt-header__nav .menu-item.dkt-mega > .sub-menu > .menu-item > a:focus-visible,
	.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat > a:hover,
	.dkt-header__nav .menu-item.dkt-mega .menu-item.dkt-mega-feat > a:focus-visible { transform: none; }
	.dkt-header__nav .menu-item.dkt-mega > .sub-menu > .menu-item > a:hover::before { transform: none; }
}