/* Wally Herramientas — menú principal y mega menú. Colores de marca aquí: */
:root {
	--wtm-accent: #d93a2e;
	--wtm-accent-soft: #fdeceb;
	--wtm-ink: #1f1d1c;
	--wtm-muted: #6b6560;
	--wtm-line: #ece6e1;
	--wtm-panel: #ffffff;
}

/* Menú centrado */
.wt-nav-centered { margin-left: auto !important; margin-right: auto !important; }
.wt-menu-centered { justify-content: center !important; }

/* «Herramientas» como píldora cuando está abierto o es la sección actual */
.wt-mega-item > a {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	border-radius: 999px;
	transition: background-color .15s, color .15s;
}
.wt-mega-item.wt-drop > a { padding-left: 14px !important; padding-right: 14px !important; }
.wt-mega-item.is-open > a,
.wt-mega-item.current-menu-item > a {
	background: var(--wtm-accent-soft) !important;
	color: var(--wtm-accent) !important;
}
.wt-mega-item .wt-chev { transition: transform .2s; flex: none; }
.wt-mega-item.is-open .wt-chev { transform: rotate(180deg); }

/* «• Hoy» */
.wt-hoy-link > a { display: inline-flex !important; align-items: center; gap: 7px; }
.wt-dot {
	width: 7px; height: 7px; border-radius: 50%; background: var(--wtm-accent); flex: none;
	box-shadow: 0 0 0 0 rgba(217, 58, 46, .45);
	animation: wtm-pulse 2.4s ease-out infinite;
}
@keyframes wtm-pulse { 0% { box-shadow: 0 0 0 0 rgba(217, 58, 46, .45); } 70%, 100% { box-shadow: 0 0 0 7px rgba(217, 58, 46, 0); } }

/* ---------- Panel ---------- */
.wt-mega {
	display: none;
	position: fixed;
	z-index: 99990;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: min(1200px, calc(100vw - 32px));
	max-height: calc(100vh - 120px);
	overflow-y: auto;
	background: var(--wtm-panel);
	border: 1px solid var(--wtm-line);
	border-radius: 20px;
	box-shadow: 0 2px 6px rgba(31, 29, 28, .05), 0 24px 60px rgba(31, 29, 28, .14);
	padding: 26px 30px 24px;
	text-align: left;
	color: var(--wtm-ink);
	font-size: 15px;
	line-height: 1.4;
	text-transform: none;
	letter-spacing: normal;
	white-space: normal;
}
.wt-mega-item.is-open > .wt-mega { display: block; animation: wtm-in .16s ease-out; }
@keyframes wtm-in { from { opacity: 0; margin-top: -6px; } to { opacity: 1; margin-top: 0; } }
/* Puente invisible para que el ratón no «caiga» entre el enlace y el panel */
.wt-mega::before { content: ""; position: absolute; left: 0; right: 0; top: -18px; height: 18px; }

.wt-mega-in { display: grid; grid-template-columns: 250px minmax(0, 1fr); }
.wt-mega-feat { display: flex; flex-direction: column; gap: 4px; padding-right: 26px; border-right: 1px solid var(--wtm-line); }
.wt-mega-cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 22px; padding-left: 24px; }
.wt-mega-col { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
.wt-mega-g { display: flex; flex-direction: column; gap: 2px; min-width: 0; }

.wt-mega .wt-mega-h {
	margin: 0 0 8px !important;
	padding: 0 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
	color: var(--wtm-accent) !important;
	line-height: 1.2 !important;
}

/* Enlaces del panel (con !important para que el tema no los pise) */
.wt-mega a {
	display: block !important;
	text-decoration: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	color: var(--wtm-ink) !important;
	background: none !important;
	border: 0 !important;
	white-space: normal !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
	height: auto !important;
}
.wt-mega a strong { display: block; font-size: 15.5px; font-weight: 700; color: var(--wtm-ink); }
.wt-mega a span { display: block; font-size: 13.5px; color: var(--wtm-muted); margin-top: 2px; }

.wt-mega a.wt-mega-l { padding: 7px 10px !important; margin: 0 -10px !important; border-radius: 10px; }
.wt-mega a.wt-mega-l span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wt-mega a.wt-mega-l:hover, .wt-mega a.wt-mega-l:focus-visible { background: #f7f3f0 !important; }
.wt-mega a.wt-mega-l:hover strong { color: var(--wtm-accent); }

.wt-mega a.wt-mega-fi {
	display: flex !important; gap: 14px; align-items: flex-start;
	padding: 10px !important; margin: 0 -10px !important; border-radius: 14px;
}
.wt-mega a.wt-mega-fi:hover, .wt-mega a.wt-mega-fi:focus-visible { background: #f7f3f0 !important; }
.wt-mega-ico {
	display: grid !important; place-items: center; flex: none;
	width: 42px; height: 42px; border-radius: 50%;
	background: var(--wtm-accent-soft); color: var(--wtm-accent) !important; margin: 0 !important;
}
.wt-mega-txt { display: block; margin: 0 !important; color: inherit !important; }

.wt-mega a.wt-mega-all {
	margin-top: auto !important; padding: 14px 0 0 !important;
	font-weight: 700 !important; color: var(--wtm-accent) !important;
}
.wt-mega a.wt-mega-all:hover { text-decoration: underline !important; }
.wt-mega a:focus-visible { outline: 2px solid var(--wtm-accent); outline-offset: 2px; }

/* Pantallas medianas: tres columnas más estrechas */
@media (max-width: 1100px) {
	.wt-mega-in { grid-template-columns: 210px minmax(0, 1fr); }
	.wt-mega-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 22px; }
	.wt-mega { padding: 22px 22px 20px; }
	.wt-mega-cols { gap: 22px 18px; padding-left: 20px; }
}

/* ---------- Modo acordeón (menú del móvil / menú en vertical) ---------- */
.wt-mega-item.wt-acc > .wt-mega {
	position: static !important;
	transform: none !important;
	width: auto !important;
	max-height: none;
	margin: 4px 0 10px !important;
	padding: 16px 14px !important;
	border-radius: 14px;
	box-shadow: none;
	animation: none;
	background: var(--wtm-panel);
}
.wt-mega-item.wt-acc > .wt-mega::before { display: none; }
.wt-acc .wt-mega-in, .wt-acc .wt-mega-cols { display: flex; flex-direction: column; gap: 18px; }
.wt-acc .wt-mega-feat { border-right: 0; padding-right: 0; padding-bottom: 16px; border-bottom: 1px solid var(--wtm-line); }
.wt-acc .wt-mega-cols { padding-left: 0; }
.wt-acc .wt-mega a.wt-mega-l span { white-space: normal; }
.wt-acc .wt-mega a.wt-mega-all { padding-top: 8px !important; }

@media (prefers-reduced-motion: reduce) {
	.wt-dot, .wt-mega-item.is-open > .wt-mega { animation: none; }
}
/* En el acordeón, «Las más usadas» repetiría enlaces: dejamos solo «Ver todas». */
.wt-acc .wt-mega-feat .wt-mega-h, .wt-acc .wt-mega a.wt-mega-fi { display: none !important; }
.wt-acc .wt-mega-feat { padding-bottom: 12px; }
.wt-acc .wt-mega a.wt-mega-all { padding-top: 0 !important; }
.wt-mega a { font-size: 15px !important; font-family: inherit !important; }
.wt-mega-item > a, .wt-hoy-link > a { text-decoration: none !important; }