/**
 * Section: Por qué (mwm-por-que)
 * Alineado con mwm-descubre: kicker h2 (Google Sans 16px uppercase) · titular Minion 40px/1.3
 */

.mwm-por-que>.wp-block-columns {
	gap: 24px;
	align-items: flex-start;
}

.mwm-por-que>.wp-block-columns>.wp-block-column:first-child {
	flex-basis: 416px;
	flex-grow: 0;
	flex-shrink: 0;
	max-width: 100%;
	padding-top: 24px;
	box-sizing: border-box;
}

.mwm-por-que h2.mwm-por-que__kicker,
.editor-styles-wrapper .mwm-por-que h2.mwm-por-que__kicker {
	margin: 0;
	padding: 0;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--normal);
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--wp--preset--color--foreground);
}

.mwm-por-que>.wp-block-columns>.wp-block-column:last-child {
	flex: 1 1 auto;
	min-width: 0;
}

.mwm-por-que p.mwm-por-que__intro,
.editor-styles-wrapper .mwm-por-que p.mwm-por-que__intro {
	margin: 0;
	padding: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--heading-2);
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--foreground);
}

.mwm-por-que p.mwm-por-que__intro em {
	font-style: italic;
	font-family: var(--wp--preset--font-family--heading);
}

/*
 * Benefits grid — icono naranja sobre fondo blanco plano (sin pastillas).
 * Inline SVG en front: inc/inline-svg-image.php.
 */
.mwm-por-que .mwm-benefits-grid:not(.mwm-benefits-grid--bed-options) {
	--mwm-por-que-icon-color: var(--wp--preset--color--accent);
	--mwm-por-que-icon-bg: var(--wp--preset--color--background);
}

.mwm-por-que .mwm-benefits-grid:not(.mwm-benefits-grid--bed-options) .mwm-benefits-grid__icon,
.mwm-por-que .mwm-benefits-grid:not(.mwm-benefits-grid--bed-options) .wp-block-image:not(.mwm-inline-svg) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	box-sizing: border-box;
	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
	color: var(--mwm-por-que-icon-color);
	transition:
		color 0.65s cubic-bezier(0.45, 0, 0.55, 1),
		background-color 0.65s cubic-bezier(0.45, 0, 0.55, 1);
}

.mwm-por-que .mwm-benefits-grid:not(.mwm-benefits-grid--bed-options) .wp-block-image.mwm-benefits-grid__icon-wrap {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: transparent;
}

.mwm-por-que .mwm-benefits-grid:not(.mwm-benefits-grid--bed-options) .mwm-benefits-grid__icon .mwm-inline-svg__svg {
	display: block;
	width: 24px;
	height: 24px;
}

.mwm-por-que .mwm-benefits-grid:not(.mwm-benefits-grid--bed-options) .wp-block-image:not(.mwm-inline-svg) img {
	display: block;
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.editor-styles-wrapper .mwm-por-que .mwm-benefits-grid:not(.mwm-benefits-grid--bed-options) .wp-block-image {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	box-sizing: border-box;
	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
}

.editor-styles-wrapper .mwm-por-que .mwm-benefits-grid:not(.mwm-benefits-grid--bed-options) .wp-block-image img {
	width: 24px;
	height: 24px;
	object-fit: contain;
}

@media (max-width: 782px) {
	.mwm-por-que {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.mwm-por-que>.wp-block-columns>.wp-block-column:first-child {
		flex-basis: 100%;
		padding-top: 0;
	}
}