/**
 * Catálogo · mega menú editorial.
 *
 * Playground conserva la autoría de la navegación y Wapuos conserva su
 * interacción. Esta hoja modifica exclusivamente la composición de escritorio
 * cuando el tema hijo Catálogo está activo.
 */

@media (min-width: 62rem) {
	body.catalogo-theme .wapu-megamenu--editorial-v2.catalogo-megamenu {
		--catalogo-mega-paper: #fbf8f2;
		--catalogo-mega-ink: var(--wtds-ink);
		--catalogo-mega-muted: var(--wtds-ink-3);
		background: var(--catalogo-mega-paper);
		box-shadow: 0 1.75rem 4rem color-mix(in srgb, var(--wtds-ink) 14%, transparent);
		overflow: hidden;
	}

	body.catalogo-theme .wapu-megamenu--editorial-v2.catalogo-megamenu .wapu-megamenu-v2__body {
		align-items: start;
		background: var(--catalogo-mega-paper);
		display: grid;
		gap: clamp(2rem, 3.25vw, 4rem);
		grid-template-columns: minmax(13rem, .72fr) minmax(27rem, 1.25fr) minmax(27rem, 1.42fr);
		margin: 0 auto;
		max-width: 100rem;
		min-height: 0;
		padding: clamp(2.25rem, 3vw, 3.5rem) clamp(2rem, 5vw, 5rem);
		width: 100%;
	}

	body.catalogo-theme .catalogo-mega-intro {
		align-self: start;
		min-width: 0;
		padding-top: .25rem;
	}

	body.catalogo-theme .catalogo-mega-intro__title {
		color: var(--catalogo-mega-ink);
		font-family: var(--wtds-font-display);
		font-size: clamp(2.75rem, 4.25vw, 4.75rem);
		font-style: italic;
		font-weight: var(--wtds-fw-regular);
		letter-spacing: -.055em;
		line-height: .95;
		margin: 0;
		text-wrap: balance;
	}

	body.catalogo-theme .catalogo-mega-intro__description {
		color: var(--catalogo-mega-muted);
		font-family: var(--wtds-font-text);
		font-size: var(--wtds-fs-footnote);
		line-height: var(--wtds-lh-relaxed);
		margin: var(--wtds-s-3) 0 var(--wtds-s-4);
		max-width: 28ch;
	}

	body.catalogo-theme .catalogo-mega-intro__link {
		align-items: center;
		border-bottom: 1px solid currentColor;
		color: var(--catalogo-mega-ink);
		display: inline-flex;
		font-family: var(--wtds-font-text);
		font-size: var(--wtds-fs-caption-1);
		font-weight: var(--wtds-fw-semibold);
		gap: var(--wtds-s-1);
		padding-bottom: .25rem;
		text-decoration: none;
	}

	body.catalogo-theme .catalogo-mega-intro__link:is(:hover, :focus-visible) {
		color: var(--wapu-mega-accent, var(--wtds-action));
	}

	body.catalogo-theme .catalogo-mega-intro .wapu-megamenu-v2__footer-pages {
		justify-content: flex-start;
		margin-top: var(--wtds-s-4);
	}

	body.catalogo-theme .catalogo-mega-intro .wapu-megamenu-v2__pagination {
		justify-content: flex-start;
	}

	body.catalogo-theme .wapu-megamenu--editorial-v2.catalogo-megamenu .wapu-megamenu-v2__groups {
		align-content: start;
		column-gap: clamp(1.5rem, 2.25vw, 2.75rem);
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		max-height: min(28rem, calc(100dvh - 15rem));
		overflow-x: hidden;
		overflow-y: auto;
		padding: .25rem .25rem .5rem 0;
		scrollbar-width: thin;
	}

	body.catalogo-theme .wapu-megamenu--editorial-v2.catalogo-megamenu .wapu-megamenu-v2__brands {
		display: none;
	}

	body.catalogo-theme .wapu-megamenu--editorial-v2.catalogo-megamenu .wapu-megamenu-v2__column {
		gap: var(--wtds-s-4);
		max-height: none;
		overflow: visible;
		padding-inline-end: 0;
	}

	body.catalogo-theme .wapu-megamenu--editorial-v2.catalogo-megamenu .wapu-megamenu-v2__group-title,
	body.catalogo-theme .wapu-megamenu--editorial-v2.catalogo-megamenu .wapu-megamenu-v2__group--custom > strong {
		border-bottom-color: color-mix(in srgb, var(--catalogo-mega-ink) 12%, transparent);
		color: var(--catalogo-mega-ink);
		font-size: var(--wtds-fs-caption-1);
		letter-spacing: .08em;
		text-transform: uppercase;
	}

	body.catalogo-theme .wapu-megamenu--editorial-v2.catalogo-megamenu .wapu-megamenu-v2__link {
		color: var(--catalogo-mega-muted);
	}

	body.catalogo-theme .catalogo-mega-features {
		display: grid;
		gap: var(--wtds-s-2);
		grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
		min-width: 0;
	}

	body.catalogo-theme .catalogo-mega-features--single {
		grid-template-columns: 1fr;
	}

	body.catalogo-theme .catalogo-mega-feature {
		background: var(--wtds-surface);
		border: 1px solid color-mix(in srgb, var(--catalogo-mega-ink) 9%, transparent);
		border-radius: 1rem;
		display: block;
		isolation: isolate;
		min-height: 17.5rem;
		overflow: hidden;
		position: relative;
		text-decoration: none;
	}

	body.catalogo-theme .catalogo-mega-feature > img,
	body.catalogo-theme .catalogo-mega-feature > .wapu-megamenu-v2__visual-placeholder {
		display: block;
		height: 100%;
		inset: 0;
		max-height: none;
		min-height: 17.5rem;
		object-fit: cover;
		position: absolute;
		transition: transform .35s ease;
		width: 100%;
	}

	body.catalogo-theme .catalogo-mega-feature:is(:hover, :focus-visible) > img {
		transform: scale(1.025);
	}

	body.catalogo-theme .catalogo-mega-feature__caption {
		background: color-mix(in srgb, var(--wtds-surface) 92%, transparent);
		bottom: var(--wtds-s-2);
		color: var(--wtds-ink);
		left: var(--wtds-s-2);
		padding: var(--wtds-s-2);
		position: absolute;
		right: var(--wtds-s-2);
		z-index: 2;
	}

	body.catalogo-theme .catalogo-mega-feature__caption small,
	body.catalogo-theme .catalogo-mega-feature__caption strong {
		display: block;
	}

	body.catalogo-theme .catalogo-mega-feature__caption small {
		font-family: var(--wtds-font-text);
		font-size: var(--wtds-fs-caption-2);
		letter-spacing: .12em;
		margin-bottom: .25rem;
		text-transform: uppercase;
	}

	body.catalogo-theme .catalogo-mega-feature__caption strong {
		font-family: var(--wtds-font-text);
		font-size: var(--wtds-fs-caption-1);
		font-weight: var(--wtds-fw-semibold);
		line-height: var(--wtds-lh-tight);
	}

	body.catalogo-theme .wapu-megamenu--editorial-v2.catalogo-megamenu .wapu-megamenu-v2__footer {
		display: none;
	}
}

@media (min-width: 62rem) and (max-width: 78rem) {
	body.catalogo-theme .wapu-megamenu--editorial-v2.catalogo-megamenu .wapu-megamenu-v2__body {
		gap: 1.75rem;
		grid-template-columns: minmax(11rem, .7fr) minmax(25rem, 1.4fr) minmax(19rem, 1fr);
		padding-inline: 1.75rem;
	}

	body.catalogo-theme .catalogo-mega-features {
		grid-template-columns: 1fr;
	}

	body.catalogo-theme .catalogo-mega-feature--secondary {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.catalogo-theme .catalogo-mega-feature > img {
		transition: none;
	}
}