/*
Theme Name: WebMonster
Author: Santiago Lope del Palacio
Author URI: https://www.sldp.me
Theme URI: https://www.webmonster.io
Tags: full-site-editing, block-patterns
Text Domain: webmonster
Version: 1.5.77
*/


/* GENERAL */

html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	--wm-section-spacing: var(--wp--preset--spacing--80);
	--wm-focus-color: var(--wp--preset--color--purple);
}

:where(
	a[href],
	button,
	summary,
	input,
	select,
	textarea,
	[tabindex]:not([tabindex="-1"])
):focus-visible {
	outline: 3px solid var(--wm-focus-color);
	outline-offset: 3px;
}

/* tipografia */
small {
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.4;
}
.is-style-lead {
	font-size: var(--wp--preset--font-size--large);
}

/* HEADER */
.wm-header {
    padding: 50px 0;
}
@media (max-width: 599px) {
    .wm-header {
        padding: 20px 0;
    }
}
/* Ajustes del header en movil */
@media (max-width: 599px) {

	/* alinear el logo con el padding global del resto de la pagina */
	.site-header > .wp-block-group {
		box-sizing: border-box;
		padding-left: var(--wp--style--root--padding-left) !important;
		padding-right: var(--wp--style--root--padding-right) !important;
	}

	/* Alinear los botones de cerrar/abrir */
	.wm-main-navigation
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-close {
		top: 1.6rem;
	}
}

/* =========================================================
   VARIANTES DEL HEADER
   ========================================================= */

body {
	--wm-header-background: transparent;
	--wm-header-text: var(--wp--preset--color--wm-black);
	--wm-nav-accent: var(--wp--preset--color--purple);

	--wm-mobile-menu-background:
		var(--wp--preset--color--wm-white);

	--wm-mobile-menu-text:
		var(--wp--preset--color--wm-black);
}

.wm-header-shell {
	background-color: var(--wm-header-background);
	color: var(--wm-header-text);
}

.wm-header-shell .wm-main-navigation {
	color: inherit;
}

/* Menú móvil */
.wm-main-navigation
.wp-block-navigation__responsive-container.is-menu-open {
	background-color:
		var(--wm-mobile-menu-background) !important;

	color:
		var(--wm-mobile-menu-text) !important;
}

/* Variantes paginas */
body.home {
	--wm-header-background:
		var(--wp--preset--color--wm-white);

	--wm-mobile-menu-background:
		var(--wp--preset--color--wm-white);
}
body.wm-page-wordpress-cloud-hosting {
	--wm-header-background:
		var(--wp--preset--color--wm-white);

	--wm-mobile-menu-background:
		var(--wp--preset--color--wm-white);
}
body.wm-page-sobre-nosotros {
	--wm-header-background:
		var(--wp--preset--color--purple-bg-3);

	--wm-mobile-menu-background:
		var(--wp--preset--color--purple-bg-3);
}
body.wm-page-legal {
	--wm-header-background:
		var(--wp--preset--color--purple-bg-3);

	--wm-mobile-menu-background:
		var(--wp--preset--color--purple-bg-3);
}
body.wm-page-managed {
	--wm-header-background:
		var(--wp--preset--color--managed-dark);
	--wm-header-text:
		var(--wp--preset--color--wm-white);
	--wm-mobile-menu-background:
		var(--wp--preset--color--managed-dark);
	--wm-mobile-menu-text:
		var(--wp--preset--color--wm-white);
	--wm-nav-accent:
		var(--wp--preset--color--purple-light-2);
	overflow-x: clip;
}

body.wm-page-managed .site-header,
.wm-managed-hero,
.wm-managed-problems,
.wm-home-managed__panel,
.site-footer {
	--wm-focus-color: var(--wp--preset--color--yellow);
}

/* BLOCKS */
/* buttons */
.wp-element-button,
.wp-block-button__link {
	cursor: pointer;
  transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out, background-color 0.1s ease-in-out;
  will-change: transform;
}
/* hover */
.wp-element-button:hover,
.wp-block-button__link:hover {
  background-color: var(--wp--preset--color--purple-light);
  color: var(--wp--preset--color--wm-white);
  transform: translateY(-1px);
}
.is-style-outline .wp-element-button:hover,
.is-style-outline .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--purple-bg-2);
  color: var(--wp--preset--color--wm-black);
  transform: translateY(-1px);
}
/* pressed */
.wp-element-button:active,
.wp-block-button__link:active {
  background-color: var(--wp--preset--color--purple-light);
  box-shadow: 1px 1px 0 var(--wp--preset--color--wm-white);
  transform: translate(2px, 3px);
}
.is-style-outline .wp-element-button:active,
.is-style-outline .wp-block-button__link:active {
  background-color: var(--wp--preset--color--purple-bg-2);
  box-shadow: 1px 1px 0 var(--wp--preset--color--wm-black);
  transform: translate(2px, 3px);
}

/* Shared standalone action link */
.wm-action-link {
	flex-shrink: 0;
	max-inline-size: 100%;
}

.wm-action-link a {
	display: inline-block;
	inline-size: max-content;
	max-inline-size: 100%;
	align-content: center;
	min-height: var(--wp--preset--spacing--40);
	color: var(--wp--preset--color--purple);
	font-weight: 700;
	text-decoration: none;
}

.wm-action-link a::after,
.wm-main-navigation .wm-nav-login > .wp-block-navigation-item__content .wp-block-navigation-item__label::after {
	/* Keep the arrow on the same line as the last word, even when the label wraps. */
	content: "\00a0\2192";
	position: relative;
	inset-inline-start: 0;
	line-height: 1;
	transition: inset-inline-start 0.15s ease;
}

.wm-action-link a:hover,
.wm-action-link a:focus-visible {
	color: var(--wp--preset--color--purple-dark);
	text-decoration: underline;
}

.wm-action-link a:hover::after,
.wm-action-link a:focus-visible::after {
	inset-inline-start: 3px;
}

/* separador */
.wp-block-separator {
    max-width: 70%;
    height: 2px;
}



/* Cards clickables */
.wm-card {
	position: relative;
	isolation: isolate;
	background-color: var(--wp--preset--color--wm-white);
	border: 3px solid var(--wp--preset--color--wm-black);
	border-radius: 8px;
	padding: 2.2em 2em;
	transition: all 0.1s ease;
	box-shadow: 3px 3px 0 var(--wp--preset--color--wm-black);
	cursor: pointer;
}
.wm-card:hover {
	background-color: var(--wp--preset--color--purple-bg-3);
	transform: translateY(-1px);
}
.wm-card:active {
	box-shadow: 1px 1px 0 var(--wp--preset--color--wm-black);
	transform: translate(2px,2px);
}
.wm-card img {
	width: auto;
	max-height:3.2rem;
	margin-bottom: 1.2rem;
}
body.home .wm-home-services .wp-block-columns:has(> .wm-card) {
	column-gap: var(--wp--preset--spacing--30);
}

body.home .wm-card {
	padding-inline: calc(var(--wp--preset--spacing--30) + var(--wp--preset--spacing--20) / 2);
}

/* Ajuste óptico de los iconos de servicios en Inicio. */
body.home .wm-card img {
	transform-origin: left center;
}

body.home .wm-card img[src$="/wp-icon.png"] {
	transform: scale(1.05);
}

body.home .wm-card img[src$="/cohete.png"] {
	transform: scale(1.08);
}

body.home .wm-card img[src$="/envelop.png"] {
	transform: scale(0.9);
}

/* El enlace nativo cubre la tarjeta sin añadir otro destino de tabulación. */
.wm-card .wm-action-link a::before {
	position: absolute;
	inset: 0;
	z-index: 1;
	content: "";
}

.wm-card:has(.wm-action-link a:focus-visible) {
	outline: 3px solid var(--wm-focus-color);
	outline-offset: 3px;
}

.wm-card p:last-of-type {
  margin-top: auto;
}


/* PATTERNS */
/* Hero de Inicio: composición blanca con ilustración de infraestructura */
.wm-hero {
	background-color: var(--wp--preset--color--wm-white);
}

.wm-hero .wp-block-column:last-child .wp-block-image {
	margin: 0;
}

.wm-hero .wp-block-column:last-child .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	margin-inline: auto;
	object-fit: contain;
}

@media (max-width: 781px) {
	.wm-hero {
		padding-block: var(--wp--preset--spacing--30);
	}

	.wm-hero .wp-block-columns {
		gap: var(--wp--preset--spacing--40);
	}
}

/* Superficie suave compartida y Pattern Principios */
.wm-seccion-principios-inner,
.wm-panel-soft {
	background-color: var(--wp--preset--color--wm-white);
	border: 3px solid var(--wp--preset--color--purple-bg-2);
	border-radius: var(--wp--preset--border-radius--8);
	box-shadow: var(--wp--preset--shadow--wm-info);
}

.wm-seccion-principios-inner {
	max-width: var(--wp--style--global--content-size);
	padding: 3em 4em 7em 4em;
	background-repeat: repeat-x;
	background-position: bottom left;
	background-size: 40% !important;
}
.wm-seccion-principios-inner > h2 {
	max-width: 30ch;
	margin-inline: auto;
	text-wrap: balance;
}

.wm-seccion-principios-list {
    background-color: var(--wp--preset--color--wm-white);
	border: 2px solid var(--wp--preset--color--purple-bg-2);
	border-radius: 8px;
	padding: 0.6em 1em 0.6em 0.2em;
    margin: 1em 0.6em;
	box-shadow: 2px 2px 0 var(--wp--preset--color--purple-bg-2);
}
.wm-seccion-principios-badge {
    max-width: 12em;
    position: absolute;
    top:0;
    left:0;
    transform: translate(-25%, -25%);
}

/* Pattern Garantia de devolucion y Mudanza web */
.wm-garantia-devolucion .wp-block-columns, .wm-mudanza-web .wp-block-columns {
    align-items: center !important;
}
.wm-garantia-devolucion .wp-block-column img {
    max-width: 12.5em;
}
.wm-mudanza-web .wp-block-column img {
    max-width: 24em;
	transform: scale(1.08);
}

.wm-garantia-devolucion .wp-block-column img,
.wm-mudanza-web .wp-block-column img {
	display: block;
	width: 100%;
	height: auto;
	margin-inline: auto;
	object-fit: contain;
}

.wm-garantia-devolucion,
.wm-mudanza-web {
	font-size: var(--wp--preset--font-size--medium);
}

.wm-garantia-devolucion .wp-block-spacer,
.wm-mudanza-web .wp-block-spacer {
	height: var(--wm-section-spacing) !important;
}

/* Correo: Garantía y Mudanza forman una pareja dentro del mismo capítulo. */
.wm-page-correo-electronico-profesional .wm-garantia-devolucion:has(+ .wm-mudanza-web) > .wp-block-spacer:last-child,
.wm-page-correo-electronico-profesional .wm-garantia-devolucion + .wm-mudanza-web > .wp-block-spacer:first-child {
	height: calc(var(--wm-section-spacing) - var(--wp--preset--spacing--30)) !important;
}

/* Pattern CTA Final*/
.wm-page-wordpress-cloud-hosting .wm-cta-final {
	background-color: var(--wp--preset--color--yellow-bg);
}

.wm-page-wordpress-cloud-hosting .wm-cta-final-text > .is-layout-flex {
	flex-wrap: wrap;
}

.wm-page-correo-electronico-profesional .wm-cta-final,
.wm-page-correo-electronico-profesional .wm-faq-section {
	background-color: var(--wp--preset--color--email-bg);
}

.wm-page-wordpress-cloud-hosting .wm-faq-section:has(+ .wm-cta-final),
.wm-page-correo-electronico-profesional .wm-faq-section:has(+ .wm-cta-final),
.wm-page-business-cloud-hosting .wm-faq-section:has(+ .wm-cta-final),
.wm-page-webmonster-care .wm-faq-section:has(+ .wm-cta-final) {
	padding-bottom: var(--wp--preset--spacing--60);
}

.wm-page-correo-electronico-profesional .wm-cta-final {
	isolation: isolate;
	overflow: clip;
}

.wm-page-correo-electronico-profesional .wm-cta-final-inner::before {
	position: absolute;
	z-index: -1;
	top: calc(0px - var(--wp--preset--spacing--50) - var(--wp--preset--spacing--20) / 2);
	left: calc(0px - var(--wp--preset--spacing--40) - var(--wp--preset--spacing--30));
	width: calc(var(--wp--preset--spacing--40) * 4);
	aspect-ratio: 4 / 3;
	background: url("./assets/decorations/email/sobre-cta.png") center / contain no-repeat;
	content: "";
	pointer-events: none;
}

@media (max-width: 781px) {
	.wm-page-correo-electronico-profesional .wm-cta-final-inner::before {
		top: calc(0px - var(--wp--preset--spacing--40) - var(--wp--preset--spacing--20) / 2);
		left: calc(0px - var(--wp--preset--spacing--30));
		width: calc(var(--wp--preset--spacing--40) * 3);
	}
}

.wm-cta-final .wp-block-columns {
    align-items: center !important;
}
.wm-cta-final-inner {
    max-width: var(--wp--style--global--content-size);
	background-color: var(--wp--preset--color--purple-bg-3);
	border: 3px solid var(--wp--preset--color--purple-bg-2);
	border-radius: 8px;
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--60);
	box-shadow: 3px 3px 0 var(--wp--preset--color--purple-bg-2);
    overflow: visible;
}
.wm-cta-final-text {
    max-width: 650px;
}

.wm-cta-final-text h2 {
	font-size: var(--wp--preset--font-size--large);
}

.wm-cta-final__meta {
	font-size: var(--wp--preset--font-size--small);
}

.wm-cta-final-img {
    position: absolute;
	width: min(33.33%, 16rem);
    max-width: 16rem;
    bottom: 11%;
    right: 7%;
}
.wm-cta-final-img img {
  width: 100%;
  height: auto;
}
@media (max-width: 700px) {
  .wm-cta-final-img {
    display: none;
  }

	.wm-garantia-devolucion .wp-block-column,
	.wm-mudanza-web .wp-block-column {
		padding-right: var(--wp--preset--spacing--30) !important;
		padding-left: var(--wp--preset--spacing--30) !important;
	}

	.wm-seccion-principios-inner {
		padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30);
	}

	.wm-seccion-principios-badge {
		position: relative;
		inset: auto;
		width: min(9rem, 45%);
		margin: 0 auto var(--wp--preset--spacing--30);
		transform: none;
	}
}



/* PAGE STYLES */
/* Home */
.home header.site-header {
    background-color:var(--wp--preset--color--wm-white);
}
.wm-home-services {
	position: relative;
	margin-top: 0;
	background-color: var(--wp--preset--color--purple-bg-2) !important;
	background-image: none !important;
}

.wm-home-services > .wp-block-spacer:first-child {
	height: calc(var(--wp--preset--spacing--50) + var(--wp--preset--spacing--70) + var(--wp--preset--spacing--50)) !important;
}

/* Acerca la curva al primer viewport cuando el hero tiene aire suficiente. */
@media (min-width: 782px) and (min-height: 700px) {
	.wm-home-services {
		margin-top: calc(0px - var(--wp--preset--spacing--80) - var(--wp--preset--spacing--60));
	}
}

@media (min-width: 782px) and (min-height: 800px) {
	.wm-home-services {
		margin-top: calc(0px - var(--wp--preset--spacing--80) - var(--wp--preset--spacing--60) - var(--wp--preset--spacing--50));
	}
}

@media (min-width: 782px) and (min-height: 900px) {
	.wm-home-services > .wp-block-spacer:first-child {
		height: calc(var(--wp--preset--spacing--50) + var(--wp--preset--spacing--70) + var(--wp--preset--spacing--50) + var(--wp--preset--spacing--30)) !important;
	}
}

@media (min-width: 1280px) and (min-height: 900px) {
	.wm-home-services {
		margin-top: calc(0px - var(--wp--preset--spacing--80) - var(--wp--preset--spacing--60));
	}
}

.wm-home-services > .wp-block-spacer:last-child {
	height: var(--wp--preset--spacing--60) !important;
}

.wm-home-managed {
	position: relative;
	overflow: visible;
	/* Keep calc on one line: production minification must preserve spaces around +. */
	padding-top: calc(var(--wp--preset--spacing--80) + var(--wp--preset--spacing--40) + var(--wp--preset--spacing--30));
	padding-bottom: calc(var(--wm-section-spacing) + var(--wp--preset--spacing--80) - (2 * var(--wp--preset--spacing--40)));
	background-color: var(--wp--preset--color--purple-bg-2) !important;
	color: var(--wp--preset--color--wm-white);
}

.wm-home-managed + .wm-seccion-principios {
	padding-top: calc(2 * var(--wp--preset--spacing--40));
}

.wm-home-services::before,
.wm-bch-hero::after,
.wm-home-managed::after,
.wm-email-features::before {
	content: "";
	position: absolute;
	inset-inline: 0;
	height: var(--wp--preset--spacing--50);
	background-color: var(--wp--preset--color--wm-white);
	-webkit-mask: url("./assets/backgrounds/home-section-curve.svg") center / 100% 100% no-repeat;
	mask: url("./assets/backgrounds/home-section-curve.svg") center / 100% 100% no-repeat;
	pointer-events: none;
}

.wm-home-services::before,
.wm-email-features::before {
	/* Mirror the same edge and overlap the preceding white surface. */
	top: -1px;
	transform: scaleY(-1);
}

.wm-bch-hero::after,
.wm-home-managed::after {
	/* Overlap the next white surface to avoid subpixel seams. */
	bottom: -1px;
}

.wm-home-managed__panel {
	position: relative;
	box-sizing: border-box;
	max-width: var(--wp--style--global--content-size);
	padding: var(--wp--preset--spacing--60);
	border: 3px solid var(--wp--preset--color--wm-black);
	border-radius: var(--wp--preset--border-radius--8);
	background:
		linear-gradient(
			to bottom right,
			var(--wp--preset--color--managed-dark) 0%,
			color-mix(
				in srgb,
				var(--wp--preset--color--managed-dark) 52%,
				var(--wp--preset--color--wm-black)
			) 100%
		);
	box-shadow: var(--wp--preset--shadow--wm-black);
	overflow: visible;
}

.wm-home-managed__columns {
	position: relative;
	z-index: 1;
	gap: var(--wp--preset--spacing--60) !important;
}

.wm-home-managed__copy h2 {
	margin-top: var(--wp--preset--spacing--20);
	margin-bottom: var(--wp--preset--spacing--30);
}

.wm-home-managed__copy > p:not(.wm-section-kicker) {
	margin-bottom: var(--wp--preset--spacing--40);
	line-height: 1.6;
}

.wm-section-kicker.wm-home-managed__tag {
	margin: 0;
	color: var(--wp--preset--color--purple-bg);
}

/* Keep the arrow attached to the final word when the long CTA wraps. */
.wm-home-managed .wm-home-managed__copy .wp-block-button__link::after {
	content: "\00a0\2192";
	display: inline;
	margin-left: 0;
}

.wm-home-managed__visual {
	position: relative;
	padding-block: var(--wp--preset--spacing--40);
}

.wm-home-managed__diagram,
.wm-home-managed__diagram img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

.wm-home-managed__features {
	position: absolute;
	inset: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var(--wp--preset--font-size--tiny);
	line-height: 1.35;
}

.wm-home-managed__features li {
	position: absolute;
	max-width: 13rem;
	margin: 0;
}

.wm-home-managed__features .is-hosting {
	top: 0;
	left: 50%;
	transform: translate(-50%, -25%);
	text-align: center;
}

.wm-home-managed__features .is-updates,
.wm-home-managed__features .is-security {
	left: -4%;
	width: 20%;
	text-align: right;
}

.wm-home-managed__features .is-performance,
.wm-home-managed__features .is-emergencies {
	right: -4%;
	width: 16%;
}

.wm-home-managed__features .is-updates,
.wm-home-managed__features .is-performance {
	top: 5%;
}

.wm-home-managed__features .is-security,
.wm-home-managed__features .is-emergencies {
	/* Anchor the final line: longer translations grow upwards, clear of the diagram. */
	bottom: calc(34% - 2.7em);
}

.wm-home-managed__features .is-technician {
	bottom: 0;
	left: 50%;
	width: 38%;
	transform: translate(-50%, 25%);
	text-align: center;
}

.wm-home-managed__monster {
	position: absolute;
	top: 0;
	right: var(--wp--preset--spacing--60);
	z-index: 2;
	width: min(24%, 18rem);
	margin: 0;
	transform: translateY(-70%);
	pointer-events: none;
}

.wm-home-managed__monster img {
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 900px) {
	.wm-home-managed__panel {
		padding: var(--wp--preset--spacing--50);
	}

	.wm-home-managed__columns {
		gap: var(--wp--preset--spacing--40) !important;
	}

	.wm-home-managed__features li {
		font-size: var(--wp--preset--font-size--tiny);
	}

	.wm-home-managed__monster {
		right: var(--wp--preset--spacing--40);
		width: min(26%, 14rem);
	}
}

@media (max-width: 781px) {
	.wm-home-services::before,
	.wm-bch-hero::after,
	.wm-home-managed::after,
	.wm-email-features::before {
		height: var(--wp--preset--spacing--40);
	}
}

@media (max-width: 1100px) {
	.wm-home-managed__panel {
		padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
	}

	.wm-home-managed__columns {
		gap: var(--wp--preset--spacing--50) !important;
	}

	.wm-home-managed__visual {
		padding-block: 0;
	}

	.wm-home-managed__features {
		position: static;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
		margin-top: var(--wp--preset--spacing--30);
		font-size: var(--wp--preset--font-size--small);
	}

	.wm-home-managed__features li,
	.wm-home-managed__features .is-hosting,
	.wm-home-managed__features .is-updates,
	.wm-home-managed__features .is-performance,
	.wm-home-managed__features .is-security,
	.wm-home-managed__features .is-technician,
	.wm-home-managed__features .is-emergencies {
		position: relative;
		inset: auto;
		width: auto;
		max-width: none;
		padding-left: var(--wp--preset--spacing--30);
		transform: none;
		text-align: left;
	}

	.wm-home-managed__features li::before {
		content: "\2022";
		position: absolute;
		margin-left: calc(0px - var(--wp--preset--spacing--30));
		color: var(--wp--preset--color--yellow);
		font-weight: 700;
	}

	.wm-home-managed__monster {
		right: var(--wp--preset--spacing--40);
		width: min(42%, 13rem);
	}
}

@media (max-width: 520px) {
	.wm-home-managed__panel {
		padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30);
	}

	.wm-home-managed__features {
		grid-template-columns: 1fr;
	}

	.wm-home-managed__monster {
		right: var(--wp--preset--spacing--30);
		width: min(48%, 11rem);
	}
}


/* FONTS */
.wm-subtitle {
  font-size: var(--wp--preset--font-size--large);
  line-height: 1.35;
  margin-top: 0.25rem;
  margin-bottom: 1.25rem;
}


/* =========================================================
   HEADER / MAIN MENU
   ========================================================= */

.site-header {
	position: relative;
	z-index: 100;
}

.wm-main-navigation {
	--wm-nav-border: var(--wp--preset--color--purple-bg-2);
	--wm-nav-hover: var(--wp--preset--color--purple-bg-3);
	--wm-nav-muted: #4c4852;
}

.wm-main-navigation a {
	text-decoration: none !important;
}

.wm-legal-header-navigation {
	display: flex;
	justify-content: flex-end;
}

.wm-legal-header-navigation__link {
	display: inline-block;
	padding: 0.55rem 0.15rem;
	color: var(--wp--preset--color--wm-black);
	font-size: var(--wp--preset--font-size--normal);
}

.wm-legal-header-navigation__link:hover,
.wm-legal-header-navigation__link:focus-visible {
	color: var(--wp--preset--color--purple);
	text-decoration: underline !important;
	text-decoration-skip-ink: none;
	text-underline-offset: 0.2em;
}

.wm-main-navigation .wp-block-navigation-item__content {
	transition:
		color 0.12s ease,
		background-color 0.12s ease;
}

/* Estado hover y activo de los enlaces principales */
.wm-main-navigation
.wp-block-navigation__container
> .wp-block-navigation-item
> .wp-block-navigation-item__content:hover,

.wm-main-navigation
.wp-block-navigation__container
> .wp-block-navigation-item
> .wp-block-navigation-item__content:focus-visible,

.wm-main-navigation
.wp-block-navigation__container
> .current-menu-item
> .wp-block-navigation-item__content {
	color: var(--wm-nav-accent);
	text-decoration: none;
}

/* Hosting aparece en morado mientras el submenú está abierto */
.wm-main-navigation .wm-nav-hosting:hover
> .wp-block-navigation-item__content,

.wm-main-navigation .wm-nav-hosting:focus-within
> .wp-block-navigation-item__content {
	color: var(--wm-nav-accent);
}

/* Iniciar sesión */
.wm-main-navigation .wm-nav-login
> .wp-block-navigation-item__content {
	color: var(--wm-nav-accent);
	font-weight: 700;
}


/* =========================================================
   PRODUCTOS DEL SUBMENÚ
   ========================================================= */

.wm-main-navigation .wm-nav-product {
	box-sizing: border-box;
	width: 100%;
}

.wm-main-navigation .wm-nav-product
> .wp-block-navigation-item__content {
	box-sizing: border-box;
	display: grid !important;
	grid-template-columns: 44px minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 14px;
	row-gap: 2px;
	align-items: center;
	width: 100%;
	padding: 15px 14px !important;
	border-radius: 0px;
	color: var(--wp--preset--color--wm-black) !important;
}

.wm-main-navigation .wm-nav-product:first-child a:hover {
    border-radius: 6px 6px 0px 0px;
}

.wm-main-navigation .wm-nav-product:last-child a:hover {
    border-radius: 0px 0px 6px 6px;
}

.wm-main-navigation .wm-nav-product
> .wp-block-navigation-item__content::before {
	content: "";
	grid-column: 1;
	grid-row: 1 / span 2;
	display: block;
	width: 42px;
	height: 42px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.wm-main-navigation .wm-nav-product
.wp-block-navigation-item__label {
	grid-column: 2;
	grid-row: 1;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	line-height: 1.25;
}

.wm-main-navigation .wm-nav-item__description {
	grid-column: 2;
	grid-row: 2;
	display: block;
	color: var(--wm-nav-muted);
	font-size: var(--wp--preset--font-size--tiny);
	font-weight: 400;
	line-height: 1.4;
}

.wm-main-navigation .wm-nav-product
> .wp-block-navigation-item__content:hover,

.wm-main-navigation .wm-nav-product
> .wp-block-navigation-item__content:focus-visible {
	background-color: var(--wm-nav-hover);
	text-decoration: none !important;
}

/* Separadores entre productos */
.wm-main-navigation .wm-nav-product
+ .wm-nav-product {
	border-top: 1px solid var(--wm-nav-border);
}

/* Iconos */
.wm-main-navigation .wm-nav-wordpress
> .wp-block-navigation-item__content::before {
	background-image:
		url("./assets/icons/wp-icon.png");
}

.wm-main-navigation .wm-nav-business
> .wp-block-navigation-item__content::before {
	background-image:
		url("./assets/icons/cohete.png");
}

.wm-main-navigation .wm-nav-email
> .wp-block-navigation-item__content::before {
	background-image:
		url("./assets/icons/envelop.png");
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 600px) {

	/* separacion entre elementos principales */
	.wm-main-navigation
	.wp-block-navigation__container {
		gap: clamp(1.75rem, 3.5vw, 4rem);
	}

	.wm-main-navigation
	.wp-block-navigation__container
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content {
		padding: 0.55rem 0.15rem;
	}

	/*
	 * Caja desplegable
	 */
	.wm-main-navigation .wm-nav-hosting
	> .wp-block-navigation__submenu-container {
		top: calc(100% + 0.8rem);
		left: 50%;
		transform: translateX(-50%);
		box-sizing: border-box;
		/* Core changes these on hover/click; keep the same desktop geometry. */
		width: 360px !important;
		min-width: 360px !important;
		padding: 7px !important;
		background-color:
			var(--wp--preset--color--wm-white) !important;
		color:
			var(--wp--preset--color--wm-black) !important;

	}

	/*
	 * zona invisible entre el enlace y caja desplegable
	 */
	.wm-main-navigation .wm-nav-hosting
	> .wp-block-navigation__submenu-container::before {
		content: "";
		position: absolute;
		right: 0;
		bottom: 100%;
		left: 0;
		height: 0.8rem;
	}

	/* flecha del desplegable  */
	.wm-main-navigation
	.wm-nav-hosting
	> .wp-block-navigation__submenu-icon {
		place-items: center start;
		margin-left: 0;
		padding: 0 0 0 calc(var(--wp--preset--spacing--20) / 2);
		color: var(--wm-header-text);
		transition: color 0.12s ease;
	}

	.wm-main-navigation
	.wm-nav-hosting:hover
	> .wp-block-navigation__submenu-icon,

	.wm-main-navigation
	.wm-nav-hosting:focus-within
	> .wp-block-navigation__submenu-icon,

	.wm-main-navigation
	.wm-nav-hosting
	> .wp-block-navigation-submenu__toggle[aria-expanded="true"]
	+ .wp-block-navigation__submenu-icon {
		color: var(--wm-nav-accent);
	}
}


/* =========================================================
   COMPONENTES DE PRODUCTO
   ========================================================= */

.wm-section {
	box-sizing: border-box;
	padding-top: var(--wm-section-spacing);
	padding-bottom: var(--wm-section-spacing);
	font-size: var(--wp--preset--font-size--medium);
}

body.wm-page-legal main.wp-block-group {
	padding-top: 0 !important;
}

body.wm-page-legal .wm-legal-page {
	padding-top: var(--wp--preset--spacing--40);
}

.wm-legal-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
	gap: var(--wp--preset--spacing--60);
	align-items: start;
	width: 100%;
}

.wm-legal-content {
	min-width: 0;
	overflow-wrap: anywhere;
	width: 100%;
	max-width: 760px;
	margin: 0 !important;
}

.wm-legal-content .wm-panel-soft :is(h2, h3, h4, h5, h6) {
	margin-top: 1em;
}

.wm-legal-content .wm-panel-soft > h2:first-of-type {
	margin-top: 0.4em;
}

/* Keep Complianz dynamic while using the shared legal reading styles. */
.wm-legal-content #cmplz-document {
	max-width: 100%;
	font-size: var(--wp--preset--font-size--normal);
	line-height: inherit;
	overflow-wrap: anywhere;
}

.wm-legal-content #cmplz-document,
.wm-legal-content #cmplz-document * {
	box-sizing: border-box;
}

.wm-legal-content #cmplz-document :is(p, li, td),
.wm-legal-content #cmplz-document .cmplz-dropdown a {
	font-size: inherit;
}

.wm-legal-content #cmplz-document > :is(h2, h3, h4, h5, h6) {
	margin-top: 1em;
	margin-bottom: 0.4em;
	padding-bottom: 0;
}

.wm-legal-content #cmplz-document > h2:first-of-type {
	margin-top: 0.4em;
}

.wm-legal-content #cmplz-document h2 {
	font-size: var(--wp--preset--font-size--x-large);
}

.wm-legal-content #cmplz-document h3 {
	font-size: var(--wp--preset--font-size--large);
}

.wm-legal-content #cmplz-document h4 {
	font-size: var(--wp--preset--font-size--medium);
}

.wm-legal-content #cmplz-document h5 {
	font-size: var(--wp--preset--font-size--small);
}

.wm-legal-version {
	color: color-mix(in srgb, var(--wp--preset--color--wm-black) 60%, var(--wp--preset--color--wm-white));
	font-size: var(--wp--preset--font-size--tiny);
	font-weight: 400;
}

/* Contextual legal reading aid: the SLA is the first example. */
.wm-legal-page--explained .wm-legal-layout--explained {
	max-width: var(--wp--style--global--content-size);
}

.wm-legal-content--explained {
	--wm-legal-document-width: 760px;
	--wm-legal-document-inset: calc(var(--wp--preset--spacing--50) + 3px);
	min-width: 0;
}

.wm-legal-document__heading {
	max-width: var(--wm-legal-document-width);
	margin: 0 0 var(--wp--preset--spacing--50);
}

.wm-legal-document,
.wm-legal-section {
	position: relative;
	margin: 0;
}

.wm-legal-document__surface {
	position: absolute;
	inset: 0 auto 0 0;
	box-sizing: border-box;
	width: 100%;
	pointer-events: none;
}

.wm-legal-section__text {
	position: relative;
	box-sizing: border-box;
	min-width: 0;
	margin: 0;
	padding-inline: var(--wm-legal-document-inset);
}

.wm-legal-content .wm-legal-section__text :is(h2, h3, h4, h5, h6) {
	margin-top: 1em;
	overflow-wrap: anywhere;
}

.wm-legal-section:first-of-type .wm-legal-section__text > h2:first-of-type {
	margin-top: 0.4em;
}

.wm-legal-document > .wm-legal-version {
	position: relative;
	box-sizing: border-box;
	max-width: var(--wm-legal-document-width);
	margin: 0;
	padding: var(--wp--preset--spacing--30) var(--wm-legal-document-inset) var(--wm-legal-document-inset);
}

.wm-legal-explainer {
	position: relative;
	box-sizing: border-box;
	min-width: 0;
	font-size: var(--wp--preset--font-size--normal);
	line-height: 1.5;
}

.wm-legal-explainer--intro {
	margin: 0 var(--wm-legal-document-inset) var(--wp--preset--spacing--40);
	padding-top: var(--wp--preset--spacing--30);
}

.wm-legal-explainer__card,
.wm-legal-explainer--summary {
	padding: var(--wp--preset--spacing--40);
}

.wm-legal-explainer__card {
	padding-top: var(--wp--preset--spacing--50);
	background-color: var(--wp--preset--color--yellow-bg);
}

.wm-legal-explainer--summary {
	margin: var(--wp--preset--spacing--40) var(--wm-legal-document-inset);
	background-color: var(--wp--preset--color--purple-bg-3);
}

.wm-legal-explainer__monster {
	position: relative;
	z-index: 1;
	display: block;
	width: min(100%, 16rem);
	height: auto;
	margin: 0 auto calc(-1 * var(--wp--preset--spacing--40));
}

.wm-legal-explainer__label {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
}

.wm-legal-explainer__label img {
	flex: 0 0 var(--wp--preset--spacing--50);
	width: var(--wp--preset--spacing--50);
	height: var(--wp--preset--spacing--50);
	object-fit: contain;
}

.wm-legal-content .wm-legal-explainer :is(h2, h3) {
	margin-top: 0;
}

.wm-legal-content .wm-legal-explainer :is(h2, h3, .wm-section-kicker) {
	font-size: var(--wp--preset--font-size--normal);
}

.wm-legal-explainer p:last-child {
	margin-bottom: 0;
}

.wm-legal-cookies .wm-legal-section__text {
	padding-bottom: var(--wm-legal-document-inset);
}

@media (min-width: 1540px) {
	body.wm-page-legal:has(.wm-legal-page--explained) .wm-header {
		max-width: var(--wp--style--global--wide-size);
	}

	.wm-legal-page--explained .wm-legal-layout--explained {
		max-width: var(--wp--style--global--wide-size);
		grid-template-columns: calc((var(--wp--style--global--content-size) - var(--wp--preset--spacing--60)) / 4) minmax(0, 1fr);
	}

	.wm-legal-content--explained {
		max-width: none;
	}

	.wm-legal-document__surface {
		width: var(--wm-legal-document-width);
	}

	.wm-legal-section {
		display: grid;
		grid-template-columns: var(--wm-legal-document-width) minmax(0, 1fr);
		column-gap: var(--wp--preset--spacing--60);
		align-items: start;
	}

	.wm-legal-section__text {
		grid-column: 1;
		grid-row: 1;
	}

	.wm-legal-section:first-of-type {
		grid-template-rows: min-content 1fr;
		row-gap: var(--wp--preset--spacing--40);
	}

	.wm-legal-section:first-of-type .wm-legal-section__text {
		grid-row: 1 / 3;
		padding-top: var(--wm-legal-document-inset);
	}

	.wm-legal-explainer--intro {
		grid-column: 2;
		grid-row: 1;
		margin: 0;
		padding-top: 0;
	}

	.wm-legal-explainer__monster {
		position: absolute;
		bottom: calc(100% - var(--wp--preset--spacing--40));
		left: 50%;
		margin: 0;
		transform: translateX(-50%);
	}

	.wm-legal-explainer--summary {
		grid-column: 2;
		grid-row: 1;
		margin: var(--wp--preset--spacing--40) 0 0;
		background-color: var(--wp--preset--color--wm-white);
	}

	.wm-legal-section:first-of-type .wm-legal-explainer--summary {
		grid-row: 2;
		margin-top: 0;
	}

	/* Three stacked reading aids beside one intact Complianz document. */
	.wm-legal-cookies .wm-legal-section:first-of-type {
		grid-template-rows: min-content min-content 1fr;
	}

	.wm-legal-cookies .wm-legal-section:first-of-type .wm-legal-section__text {
		grid-row: 1 / 4;
	}

	.wm-legal-cookies .wm-legal-explainer--summary:last-of-type {
		grid-row: 3;
	}
}

@media (max-width: 600px) {
	.wm-legal-explainer--intro,
	.wm-legal-explainer--summary {
		margin-inline: var(--wp--preset--spacing--30);
	}

	.wm-legal-explainer__card,
	.wm-legal-explainer--summary {
		padding: var(--wp--preset--spacing--30);
	}

	.wm-legal-explainer__card {
		padding-top: var(--wp--preset--spacing--50);
	}
}

.wm-legal-sidebar {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: var(--wp--preset--spacing--40);
}

.wm-legal-nav__title {
	margin: 0 0 var(--wp--preset--spacing--40);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	list-style: none;
}

.wm-legal-nav__title::-webkit-details-marker {
	display: none;
}

.wm-legal-nav__groups {
	display: grid;
	gap: var(--wp--preset--spacing--40);
}

.wm-legal-nav__group--information {
	order: 1;
}

.wm-legal-nav__group--service {
	order: 2;
}

.wm-legal-nav__group--privacy {
	order: 3;
}

.wm-legal-nav__group--partners {
	order: 4;
}

.wm-legal-nav__group--accessibility {
	order: 5;
}

.wm-legal-nav__group-title {
	margin-top: 0;
}

.wm-legal-nav__list {
	display: grid;
	gap: var(--wp--preset--spacing--20);
	margin: 0;
	padding: 0;
	list-style: none;
}

.wm-legal-nav__link,
.wm-legal-nav__placeholder {
	display: block;
	box-sizing: border-box;
	padding: var(--wp--preset--spacing--20);
	border-radius: var(--wp--preset--border-radius--8);
	color: var(--wp--preset--color--wm-black);
	font-size: var(--wp--preset--font-size--normal);
	line-height: 1.35;
}

.wm-legal-nav__link {
	font-weight: 400;
	text-decoration: none;
}

.wm-legal-nav__link:hover,
.wm-legal-nav__link:focus-visible {
	background-color: var(--wp--preset--color--purple-bg-3);
	color: var(--wp--preset--color--purple-dark);
}

.wm-legal-nav__link.is-current {
	font-weight: 700;
	background-color: var(--wp--preset--color--purple-bg-2);
	color: var(--wp--preset--color--purple-dark);
}

.wm-legal-nav__placeholder {
	opacity: 0.6;
}

@media (max-width: 1200px) {
	.wm-legal-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.wm-legal-nav__groups {
		display: block;
		columns: 2;
		column-gap: var(--wp--preset--spacing--40);
	}

	.wm-legal-nav__group {
		break-inside: avoid;
		margin-bottom: var(--wp--preset--spacing--40);
	}

	.wm-legal-nav__group--service {
		break-before: column;
	}
}

@media (max-width: 520px) {
	.wm-legal-nav__title {
		position: relative;
		padding-left: 1.75rem;
		cursor: pointer;
	}

	.wm-legal-nav__title::before {
		position: absolute;
		top: 50%;
		left: 0;
		content: "\25B6";
		font-size: var(--wp--preset--font-size--normal);
		line-height: 1;
		transform: translateY(-50%);
		transition: transform 0.15s ease;
	}

	.wm-legal-nav__disclosure[open] > .wm-legal-nav__title::before {
		transform: translateY(-50%) rotate(90deg);
	}

	.wm-legal-nav__disclosure:not([open]) > .wm-legal-nav__title {
		margin-bottom: 0;
	}

	.wm-legal-nav__groups {
		display: flex;
		flex-direction: column;
		columns: auto;
	}

	.wm-legal-nav__group--service {
		break-before: auto;
	}

	.wm-legal-nav__group {
		margin-bottom: 0;
	}
}

.wm-section-heading,
.wm-faq-section__heading {
	margin-bottom: var(--wp--preset--spacing--50);
}

.wm-section-heading,
.wm-email-plans > .wm-panel-soft {
	max-width: 760px;
}

.wm-section-kicker,
.wm-product-hero__tag {
	margin-bottom: 0.6rem;
	color: var(--wp--preset--color--purple);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* Base compartida para tarjetas de planes de WCH y Managed */
.wm-plan-card {
	box-sizing: border-box;
	min-width: 0;
	background-color: var(--wp--preset--color--wm-white);
	border: 3px solid var(--wp--preset--color--wm-black);
	border-radius: var(--wp--preset--border-radius--8);
	box-shadow: var(--wp--preset--shadow--wm-black);
}

.wm-plan-card__name {
	color: var(--wp--preset--color--wm-black);
	font-size: var(--wp--preset--font-size--large);
}

.wm-plan-card__amount {
	color: var(--wp--preset--color--wm-black);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 700;
	letter-spacing: -0.04em;
	line-height: 1;
}

.wm-plan-card__period {
	font-size: var(--wp--preset--font-size--small);
}

.wm-plan-feature-list {
	font-size: var(--wp--preset--font-size--small);
}

.wm-plan-feature-list li {
	position: relative;
	padding-left: 1.25rem;
}

.wm-plan-feature-list li::before {
	position: absolute;
	left: 0;
	color: var(--wp--preset--color--purple);
	content: "\2713";
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	line-height: 1.4;
}

/* Hero común para páginas de producto */
.wm-product-hero {
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	padding-top: var(--wp--preset--spacing--50);
	padding-bottom: var(--wp--preset--spacing--70);
}

.wm-product-hero__inner {
	min-height: min(680px, 76vh);
	align-items: center !important;
}

.wm-product-hero__copy {
	position: relative;
	z-index: 2;
	max-width: 730px;
}

.wm-product-hero__copy h1 {
	max-width: none;
}

.wm-product-hero__copy .wm-subtitle {
	max-width: 38rem;
}

.wm-product-hero__actions {
	position: relative;
	display: inline-flex;
	max-inline-size: 100%;
	margin-top: var(--wp--preset--spacing--20);
}

.wm-product-hero__actions .wp-block-buttons {
	position: relative;
}

.wm-product-hero__actions .wp-block-buttons::after {
	position: absolute;
	top: 50%;
	left: calc(100% + 1rem);
	width: 4rem;
	height: 4rem;
	background: url("./assets/icons/stars.png") center / contain no-repeat;
	content: "";
	transform: translateY(-50%) rotate(8deg);
}

.wm-product-hero__microcopy {
	max-width: 44rem;
	margin-top: var(--wp--preset--spacing--30);
}

.wm-product-hero__visual {
	position: relative;
	z-index: 1;
	display: grid;
	min-height: 610px;
	place-items: center;
}

.wm-product-hero__visual::before {
	position: absolute;
	z-index: -1;
	width: min(42vw, 590px);
	max-width: 100%;
	aspect-ratio: 1.07;
	background: url("./assets/backgrounds/burbuja-morada.png") center / contain no-repeat;
	content: "";
	opacity: 0.88;
}

.wm-product-hero__image {
	margin: 0;
}

.wm-product-hero__image img {
	display: block;
	width: auto;
	max-width: 100%;
	height: min(650px, 72vh);
	margin: 0 auto;
	object-fit: contain;
}

/* Correo: mismo hero de producto, con fondo amarillo y arte integrado. */
body.wm-page-correo-electronico-profesional {
	--wm-header-background: var(--wp--preset--color--email-bg);
	--wm-mobile-menu-background: var(--wp--preset--color--email-bg);
}

.wm-bch-hero .wm-product-hero__visual::before,
.wm-bch-hero .wm-product-hero__actions .wp-block-buttons::after,
.wm-email-hero .wm-product-hero__visual::before,
.wm-email-hero .wm-product-hero__actions .wp-block-buttons::after {
	content: none;
}

.wm-email-hero::after,
.wm-email-benefits::before,
.wm-email-benefits::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: var(--wp--preset--spacing--30);
	background-color: var(--wp--preset--color--wm-white);
	mask: url("./assets/decorations/email/borde-sello.svg") left bottom / auto 100% repeat-x;
	content: "";
	pointer-events: none;
}

.wm-email-benefits::before {
	top: 0;
	bottom: auto;
	transform: scaleY(-1);
}

.wm-wch-hero .wm-product-hero__image img {
	transform: scale(0.8);
}

.wm-email-plans .wm-pricing-card__icon {
	height: calc(var(--wp--preset--spacing--30) * 4);
}

.wm-email-plans {
	padding-bottom: calc(var(--wm-section-spacing) - var(--wp--preset--spacing--30));
}

.wm-email-plans > .wm-panel-soft {
	box-sizing: border-box;
	margin-inline: auto;
}

.wm-email-plans .wm-section-heading h2 {
	text-wrap: balance;
}

/* Variante WCH del hero de producto */
.wm-wch-hero::before {
	position: absolute;
	bottom: var(--wp--preset--spacing--70);
	left: max(calc((100vw - var(--wp--style--global--wide-size)) / 2 - 7rem), var(--wp--preset--spacing--20));
	z-index: 0;
	width: clamp(21rem, 27vw, 29rem);
	aspect-ratio: 1.07;
	background: url("./assets/backgrounds/burbuja-morada.png") center / contain no-repeat;
	content: "";
	opacity: 1;
	pointer-events: none;
}

.wm-wch-hero .wm-product-hero__microcopy {
	width: min(100%, 32rem);
	max-width: 32rem;
}

.wm-wch-hero .wm-product-hero__visual::before {
	content: none;
}

.wm-wch-hero .wm-product-hero__actions .wp-block-buttons::after {
	left: calc(100% + 0.8rem);
	width: 3.4rem;
	height: 2rem;
	background-image: url("./assets/icons/wiggle.png");
	transform: translateY(-50%) rotate(-4deg);
}

/* La letra grande: variante editorial del panel suave compartido. */
body.wm-page-la-letra-grande {
	--wm-header-background: var(--wp--preset--color--transparency);
	--wm-mobile-menu-background: var(--wp--preset--color--transparency);
}

.wm-large-print {
	background-color: var(--wp--preset--color--transparency);
	padding-block: var(--wp--preset--spacing--40) var(--wm-section-spacing);
}

.wm-large-print__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, min(74%, 900px));
	align-items: start;
}

.wm-large-print__monster {
	grid-column: 1;
	grid-row: 1;
	width: calc(100% + var(--wp--preset--spacing--80));
	max-width: none;
	margin: var(--wp--preset--spacing--60) 0 0 calc(0px - var(--wp--preset--spacing--40));
	transform: scale(0.65);
	transform-origin: calc(100% - var(--wp--preset--spacing--80) + var(--wp--preset--spacing--40)) top;
	pointer-events: none;
}

.wm-large-print__monster img {
	display: block;
	width: 100%;
	height: auto;
}

.wm-large-print__letter {
	position: relative;
	grid-column: 2;
	grid-row: 1;
	box-sizing: border-box;
	min-width: 0;
	margin: 0;
	padding: var(--wp--preset--spacing--60);
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.7;
	overflow-wrap: break-word;
}

.wm-large-print__letter > * {
	margin-block: 0;
}

.wm-large-print__letter > * + * {
	margin-top: var(--wp--preset--spacing--30);
}

.wm-large-print__letter h1 {
	font-size: var(--wp--preset--font-size--xx-large);
	line-height: 1.15;
	margin-bottom: var(--wp--preset--spacing--50);
}

.wm-large-print__letter h2 {
	color: var(--wp--preset--color--purple);
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 1.3;
	border-top: 3px solid var(--wp--preset--color--purple-bg-2);
	padding-top: var(--wp--preset--spacing--50);
	margin-top: var(--wp--preset--spacing--50);
}

.wm-large-print__letter h3 {
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.4;
	margin-top: calc(var(--wp--preset--spacing--40) + var(--wp--preset--spacing--20));
}

.wm-large-print__letter > h3 + p,
.wm-large-print__letter > p + p {
	margin-top: var(--wp--preset--spacing--20);
}

@media (max-width: 1100px) {
	.wm-large-print__letter {
		padding: var(--wp--preset--spacing--40);
	}
}

@media (max-width: 781px) {
	.wm-large-print__layout {
		display: block;
	}

	.wm-large-print__monster {
		display: none;
	}

	.wm-large-print__letter {
		padding: var(--wp--preset--spacing--30);
	}
}

/* Sobre nosotros: hero */
.wm-about-page {
	position: relative;
	overflow: hidden;
}

.wm-about-page .wm-about-hero,
.wm-about-page .wm-about-manifesto {
	background-color: transparent !important;
}

.wm-about-hero {
	isolation: isolate;
	overflow: visible;
}

.wm-about-hero::before {
	position: absolute;
	bottom: calc(0px - var(--wp--preset--spacing--70));
	left: max(calc((100vw - var(--wp--style--global--content-size)) / 2 - 10rem), -9rem);
	z-index: 0;
	width: min(34vw, 32rem);
	aspect-ratio: 1.07;
	background: url("./assets/backgrounds/burbuja-morada.png") center / contain no-repeat;
	content: "";
	opacity: 1;
	pointer-events: none;
	transform: rotate(-14deg);
}

.wm-about-hero__inner {
	position: relative;
	z-index: 1;
	gap: var(--wp--preset--spacing--50);
}

.wm-about-hero__copy h1 {
	font-size: var(--wp--preset--font-size--xx-large);
	line-height: 1.08;
}

.wm-about-hero__copy .wm-subtitle {
	max-width: 37rem;
}

.wm-about-hero__visual::before {
	width: min(39vw, 34rem);
	aspect-ratio: 490 / 474;
	background-image: url("./assets/backgrounds/forma-amarilla.png");
	opacity: 0.16;
}

.wm-about-hero__image img {
	height: min(690px, 74vh);
	transform: scale(0.8);
}

/* Sobre nosotros: manifiesto */
.wm-about-manifesto {
	position: relative;
	z-index: 1;
	margin-top: calc(0px - var(--wp--preset--spacing--80));
	padding-top: var(--wp--preset--spacing--40);
}

.wm-about-manifesto__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 600px);
	gap: var(--wp--preset--spacing--60);
	align-items: center;
}

.wm-about-manifesto__intro h2 {
	margin-top: 0;
	margin-bottom: var(--wp--preset--spacing--40);
	font-size: var(--wp--preset--font-size--x-large);
}

.wm-about-manifesto__intro-copy p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: var(--wp--preset--font-size--normal);
	line-height: 1.65;
}

.wm-about-manifesto__intro-copy p + p {
	margin-top: var(--wp--preset--spacing--40);
}

.wm-about-manifesto__panel {
	box-sizing: border-box;
	width: 100%;
	padding: var(--wp--preset--spacing--50);
}

.wm-about-manifesto__tag {
	margin-top: 0;
	margin-bottom: var(--wp--preset--spacing--40);
}

.wm-about-manifesto__copy p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.65;
}

.wm-about-manifesto__copy p + p {
	margin-top: var(--wp--preset--spacing--30);
}

.wm-about-manifesto__signature {
	gap: var(--wp--preset--spacing--20);
	align-items: center;
	margin-top: var(--wp--preset--spacing--50);
}

.wm-about-manifesto__avatar {
	flex: 0 0 auto;
	width: 5.5rem;
	height: 5.5rem;
	margin: 0;
	overflow: hidden;
	background-color: var(--wp--preset--color--purple-bg-3);
	border: 3px solid var(--wp--preset--color--purple-bg-2);
	border-radius: 50%;
}

.wm-about-manifesto__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.85);
	transform-origin: 50% 46%;
}

.wm-about-manifesto__author-name,
.wm-about-manifesto__author-role {
	margin: 0;
	font-size: var(--wp--preset--font-size--normal);
}

.wm-about-manifesto__author-role {
	margin-top: 0.2rem;
}

.wm-about-manifesto__closing {
	margin-top: var(--wp--preset--spacing--40);
	margin-bottom: 0;
	font-size: var(--wp--preset--font-size--small);
}

/* Sobre nosotros: nuestros principios */
.wm-about-principles {
	position: relative;
	z-index: 1;
	padding-top: 0;
}

.wm-about-principles__heading {
	width: 100%;
	max-width: none;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.wm-about-principles__heading h2 {
	margin-bottom: 0;
}

.wm-about-principles__groups {
	display: grid;
	gap: var(--wp--preset--spacing--80);
}

.wm-about-principles__group-title {
	margin-top: 0;
	margin-bottom: var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--large);
	text-align: left;
}

.wm-about-principles__intro {
	margin-right: auto;
	margin-bottom: var(--wp--preset--spacing--50);
	margin-left: auto;
}

.wm-about-principles__illustration {
	margin: 0;
}

.wm-about-principles__illustration img {
	display: block;
	width: 82%;
	height: auto;
	margin-inline: auto;
	object-fit: contain;
}

.wm-about-principles__lead {
	margin: 0;
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.65;
}

.wm-about-principles__source-note {
	margin-top: var(--wp--preset--spacing--20);
	margin-bottom: 0;
}

.wm-about-principles__cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--40);
}

.wm-about-principle-card {
	box-sizing: border-box;
	padding: var(--wp--preset--spacing--40);
}

.wm-about-principle-card h4 {
	margin-top: 0;
	margin-bottom: var(--wp--preset--spacing--20);
	color: var(--wp--preset--color--purple);
	font-size: var(--wp--preset--font-size--medium);
}

.wm-about-principle-card p {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.6;
}

.wm-about-animated-band {
	position: relative;
	height: 200px;
	background-color: var(--wp--preset--color--yellow-light);
	background-image: url("./assets/backgrounds/banner-animado-1080.gif");
	background-repeat: repeat-x;
	background-position: center;
	background-size: auto 120%;
}

.wm-about-animated-band.is-paused {
	background-image: url("./assets/backgrounds/banner-animado-1080-static.png");
}

.wm-motion-toggle {
	position: absolute;
	right: var(--wp--preset--spacing--30);
	bottom: var(--wp--preset--spacing--30);
	z-index: 1;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	background: var(--wp--preset--color--wm-white);
	color: var(--wp--preset--color--wm-black);
	font-size: var(--wp--preset--font-size--small);
}

@media (prefers-reduced-motion: reduce) {
	.wm-about-animated-band {
		background-image: url("./assets/backgrounds/banner-animado-1080-static.png");
	}
}

@media (max-width: 1100px) {
	.wm-about-manifesto__layout {
		grid-template-columns: 1fr;
	}

	.wm-about-manifesto__intro,
	.wm-about-manifesto__panel {
		width: min(100%, 600px);
	}

	.wm-about-manifesto__panel {
		margin-left: auto;
	}
}

@media (max-width: 781px) {
	.wm-about-manifesto {
		margin-top: 0;
	}

	.wm-about-hero::before {
		bottom: auto;
		top: 15rem;
		left: -6rem;
		width: min(82vw, 32rem);
	}

	.wm-about-hero__visual {
		min-height: 470px;
	}

	.wm-about-hero__visual::before {
		width: min(84vw, 32rem);
	}

	.wm-about-hero__image img {
		height: min(570px, 66vh);
	}

	.wm-about-principles__groups {
		gap: var(--wp--preset--spacing--70);
	}

	.wm-about-principles__intro {
		gap: var(--wp--preset--spacing--30);
	}

	.wm-about-principles__illustration img {
		width: 55%;
	}
}

@media (max-width: 599px) {
	.wm-about-animated-band {
		height: 120px;
	}

	.wm-about-hero__visual {
		min-height: 340px;
	}

	.wm-about-hero__image img {
		height: 400px;
	}

	.wm-about-manifesto__panel {
		padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30);
	}

	.wm-about-manifesto__signature {
		align-items: center;
	}

	.wm-about-manifesto__avatar {
		width: 4.75rem;
		height: 4.75rem;
	}

	.wm-about-principles__cards {
		grid-template-columns: 1fr;
	}

	.wm-about-principles__illustration img {
		width: 65%;
	}

	.wm-about-principle-card {
		padding: var(--wp--preset--spacing--30);
	}
}

/* Sección de planes WCH */
.wm-plans-section {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding-top: var(--wp--preset--spacing--60);
	background-color: var(--wp--preset--color--wm-white);
}

@media (min-width: 782px) {
	.wm-plans-section {
		margin-top: calc(0px - var(--wp--preset--spacing--70));
	}
}

.wm-plans-section::after {
	position: absolute;
	top: clamp(7rem, 9vw, 9rem);
	right: max(calc((100vw - 1180px) / 2 - 9rem), var(--wp--preset--spacing--20));
	z-index: 0;
	width: clamp(28rem, 38vw, 40rem);
	aspect-ratio: 1.07;
	background: url("./assets/backgrounds/burbuja-morada.png") center / contain no-repeat;
	content: "";
	opacity: 1;
	pointer-events: none;
}

.wm-plans-section > * {
	position: relative;
	z-index: 1;
}

.wm-plans-section__intro,
.wm-email-plans .wm-section-heading {
	--wm-heading-decor-space: clamp(3.75rem, 6vw, 5rem);
	box-sizing: border-box;
	width: 100%;
	max-width: 1180px;
	margin-right: auto !important;
	margin-left: auto !important;
	padding-left: var(--wm-heading-decor-space);
	text-align: left;
}

.wm-plans-section__intro::before,
.wm-email-plans .wm-section-heading h2::before {
	position: absolute;
	top: 0.25rem;
	left: 0;
	width: clamp(2.8rem, 4vw, 3.8rem);
	aspect-ratio: 68 / 74;
	background: url("./assets/icons/stars.png") center / contain no-repeat;
	content: "";
	pointer-events: none;
}

.wm-email-plans .wm-section-heading h2 {
	position: relative;
}

.wm-email-plans .wm-section-heading h2::before {
	left: calc(0px - var(--wm-heading-decor-space));
	aspect-ratio: 80 / 64;
	background-image: url("./assets/icons/postmark.svg");
}

.wm-plans-section__intro h2,
.wm-plans-section__intro p,
.wm-email-plans .wm-section-heading h2,
.wm-email-plans .wm-section-heading p {
	max-width: 760px;
	margin-right: auto !important;
	margin-left: 0 !important;
	text-align: left;
}

.wm-plans-section .wm-pricing-plans__switch,
.wm-email-plans .wm-pricing-plans__switch {
	justify-content: flex-start;
	margin-right: auto;
	margin-left: 0;
}

/* Sección de comparativa técnica WCH */
.wm-details-section {
	position: relative;
	isolation: isolate;
	overflow: hidden;
}

.wm-details-section::before {
	position: absolute;
	top: clamp(12rem, 18vw, 17rem);
	right: max(calc((100vw - 1080px) / 2 - 8rem), -4rem);
	z-index: 0;
	width: clamp(20rem, 30vw, 30rem);
	aspect-ratio: 490 / 474;
	background: url("./assets/backgrounds/forma-amarilla.png") center / contain no-repeat;
	content: "";
	opacity: 0.2;
	pointer-events: none;
}

.wm-details-section > * {
	position: relative;
	z-index: 1;
}

/* Beneficios alternos */
.wm-benefits-section {
	position: relative;
}

.wm-feature-row {
	align-items: center !important;
	gap: var(--wp--preset--spacing--60);
	margin-bottom: var(--wp--preset--spacing--70);
}

.wm-feature-row:last-child {
	margin-bottom: 0;
}

.wm-feature-row__copy {
	max-width: 560px;
}

.wm-feature-row__visual figure {
	width: 100%;
	max-width: 300px;
	margin: 0;
	margin-inline: auto;
}

.wm-feature-row__visual img {
	display: block;
	box-sizing: border-box;
	width: 100%;
	border: 3px solid var(--wp--preset--color--wm-black);
	border-radius: var(--wp--preset--border-radius--8);
	box-shadow: var(--wp--preset--shadow--wm-black);
}

/* Beneficios de producto: cajas uniformes y aire para el copy largo. */
.wm-benefits-section .wm-feature-row__visual img {
	background-color: var(--wp--preset--color--wm-white);
}

@media (max-width: 900px) {
	.wm-benefits-section .wm-feature-row__visual figure {
		max-width: calc(var(--wp--preset--spacing--40) * 8);
	}
}

@media (max-width: 599px) {
	.wm-benefits-section .wm-feature-row__visual figure {
		max-width: calc(var(--wp--preset--spacing--40) * 7);
	}
}

.wm-email-benefits {
	isolation: isolate;
	overflow: clip;
}

.wm-email-benefits__postmark {
	position: absolute;
	z-index: -1;
	top: calc(var(--wp--preset--spacing--30) * 2);
	right: max(calc((100% - var(--wp--style--global--content-size)) / 2 - var(--wp--preset--spacing--60)), calc(0px - var(--wp--preset--spacing--40)));
	width: calc(var(--wp--preset--spacing--70) * 2.5);
	aspect-ratio: 2 / 1;
	background-color: var(--wp--preset--color--yellow);
	mask: url("./assets/decorations/email/matasellos.png") center / contain no-repeat;
	opacity: 0.6;
	margin: 0;
	pointer-events: none;
}

.wm-benefits-section .wm-feature-row:not(:last-child) {
	margin-bottom: var(--wp--preset--spacing--80);
}

.wm-bch-benefits .wm-feature-row__visual img,
.wm-email-benefits .wm-feature-row__visual img {
	aspect-ratio: 1;
	height: auto;
	object-fit: contain;
	padding: var(--wp--preset--spacing--30);
}

/* Compensa el formato cuadrado del monstruo sin cambiar su caja. */
.wm-bch-benefits .wm-feature-row.is-support .wm-feature-row__visual img,
.wm-email-benefits .wm-feature-row.is-support .wm-feature-row__visual img {
	padding: var(--wp--preset--spacing--40);
}

/* La ilustración de dispositivos se integra directamente en el fondo blanco. */
.wm-email-daily-use .wm-feature-row__visual img,
.wm-bch-expansion .wm-feature-row__visual img {
	border: 0;
	border-radius: var(--wp--preset--border-radius--0);
	box-shadow: none;
}

/* Lista de características: medios y texto nativos, sin superficie de tarjeta. */
.wm-feature-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: var(--wp--preset--spacing--60);
}

.wm-feature-list > .wm-feature-list__item {
	grid-template-columns: var(--wp--preset--spacing--70) minmax(0, 1fr) !important;
	gap: var(--wp--preset--spacing--40);
	align-items: start;
	min-width: 0;
	margin: 0;
	padding-block: var(--wp--preset--spacing--40);
	border-bottom: 2px solid var(--wp--preset--color--purple-bg-2);
}

.wm-feature-list > .wm-feature-list__item:nth-last-child(-n + 2) {
	border-bottom: 0;
}

.wm-feature-list__item > .wp-block-media-text__media {
	width: 100%;
	margin: 0;
	aspect-ratio: 1;
}

.wm-feature-list__item > .wp-block-media-text__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.wm-feature-list__item > .wp-block-media-text__content {
	min-width: 0;
	padding: 0;
	overflow-wrap: anywhere;
}

.wm-feature-list__item h3 {
	margin: 0 0 var(--wp--preset--spacing--20);
}

.wm-feature-list__item p {
	margin: 0;
}

.wm-email-features {
	position: relative;
	padding-top: calc(var(--wp--preset--spacing--60) + var(--wp--preset--spacing--50));
}

.wm-email-features .wm-feature-list > .wm-feature-list__item {
	border-bottom-color: var(--wp--preset--color--purple-bg);
}

.wm-email-features .wm-section-heading {
	max-width: var(--wp--style--global--content-size);
}

.wm-email-features .wm-section-heading h2 {
	position: relative;
	box-sizing: border-box;
	width: fit-content;
	max-width: 100%;
	padding-right: calc(var(--wp--preset--spacing--30) * 3 + var(--wp--preset--spacing--40));
}

.wm-email-features .wm-section-heading h2::after {
	position: absolute;
	top: var(--wp--preset--spacing--20);
	right: 0;
	width: calc(var(--wp--preset--spacing--30) * 3);
	aspect-ratio: 68 / 74;
	background: url("./assets/icons/stars.png") center / contain no-repeat;
	content: "";
	pointer-events: none;
}

@media (max-width: 900px) {
	.wm-feature-list {
		grid-template-columns: minmax(0, 1fr);
	}

	.wm-feature-list > .wm-feature-list__item:nth-last-child(2) {
		border-bottom: 2px solid var(--wp--preset--color--purple-bg-2);
	}
}

@media (max-width: 600px) {
	.wm-feature-list > .wm-feature-list__item {
		grid-template-columns: calc(var(--wp--preset--spacing--40) * 2) minmax(0, 1fr) !important;
		column-gap: var(--wp--preset--spacing--30);
		row-gap: var(--wp--preset--spacing--20);
		padding-block: var(--wp--preset--spacing--30);
	}

	.wm-feature-list__item > .wp-block-media-text__media {
		grid-column: 1;
		grid-row: 1;
		align-self: center !important;
	}

	.wm-feature-list__item > .wp-block-media-text__content {
		display: contents;
	}

	.wm-feature-list__item h3 {
		grid-column: 2;
		grid-row: 1;
		align-self: center;
		margin: 0;
	}

	.wm-feature-list__item p {
		grid-column: 1 / -1;
		grid-row: 2;
	}

	.wm-email-features .wm-section-heading h2 {
		padding-right: calc(var(--wp--preset--spacing--30) * 2 + var(--wp--preset--spacing--40));
	}

	.wm-email-features .wm-section-heading h2::after {
		width: calc(var(--wp--preset--spacing--30) * 2);
	}
}

/* Comparativa técnica */
.wm-comparison-table {
	box-sizing: border-box;
	max-width: 100%;
	overflow-x: auto;
	border: 3px solid var(--wp--preset--color--wm-black);
	border-radius: var(--wp--preset--border-radius--8);
	box-shadow: var(--wp--preset--shadow--wm-black);
}

.wm-comparison-table table {
	min-width: 860px;
	margin: 0;
	border-collapse: collapse;
	font-size: var(--wp--preset--font-size--medium);
}

.wm-comparison-table th,
.wm-comparison-table td {
	padding: 0.8rem 1rem;
	border: 1px solid var(--wp--preset--color--purple-bg-2);
	text-align: center;
}

.wm-comparison-table th:first-child,
.wm-comparison-table td:first-child {
	text-align: left;
}

.wm-comparison-table thead th {
	position: sticky;
	top: 0;
	z-index: 2;
	background: var(--wp--preset--color--purple-dark);
	color: var(--wp--preset--color--wm-white);
}

.wm-comparison-table tbody th:first-child {
	position: sticky;
	left: 0;
	z-index: 1;
	background: var(--wp--preset--color--wm-white);
}

.wm-comparison-table .wm-comparison-table__group th {
	position: static;
	background: var(--wp--preset--color--purple-bg-3);
	color: var(--wp--preset--color--purple-dark);
	font-size: var(--wp--preset--font-size--medium);
	text-align: left;
}

/* Transparencia reutilizable */
.wm-transparency {
	box-sizing: border-box;
	padding-top: var(--wm-section-spacing);
	padding-bottom: var(--wm-section-spacing);
	font-size: var(--wp--preset--font-size--medium);
}

.wm-transparency__inner {
	align-items: center !important;
}

.wm-transparency__visual img {
	display: block;
	width: min(100%, 320px);
	margin: 0 auto;
}

.wm-product-hero .wp-element-button,
.wm-product-hero .wp-block-button__link,
.wm-transparency .wp-element-button,
.wm-transparency .wp-block-button__link {
	padding: 0.75rem 1.4rem;
}

/* FAQ */
.wm-faq-section {
	background-color: var(--wp--preset--color--yellow-bg);
}

body.wm-page-managed .wm-faq-section,
body.wm-page-business-cloud-hosting .wm-faq-section,
body.wm-page-webmonster-care .wm-faq-section {
	background-color: var(--wp--preset--color--wm-white);
}

body.wm-page-managed .wm-managed-features + .wm-faq-section {
	padding-top: var(--wp--preset--spacing--60);
}

.wm-faq-section__icon {
	width: 5rem;
	margin: 0 auto var(--wp--preset--spacing--20);
}

.wm-faq-list {
	display: grid;
	width: min(100%, var(--wp--preset--spacing--faq-width));
	margin-inline: auto;
	gap: var(--wp--preset--spacing--40);
}

.wm-faq-list > .wm-faq-item {
	box-sizing: border-box;
	width: 100%;
	max-width: 100% !important;
	margin-inline: 0 !important;
}

.wm-faq-item {
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 3px solid var(--wp--preset--color--wm-black);
	border-radius: var(--wp--preset--border-radius--8);
	background: var(--wp--preset--color--wm-white);
	box-shadow: var(--wp--preset--shadow--wm-black);
}

.wm-faq-item__question {
	position: relative;
	display: flex;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 1.1rem 1.3rem 1.1rem 3rem;
	align-items: center;
	list-style: none;
	cursor: pointer;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 700;
}

.wm-faq-item__question::-webkit-details-marker {
	display: none;
}

.wm-faq-item__question::before {
	position: absolute;
	top: 50%;
	left: 1.3rem;
	content: "\25B6";
	line-height: 1;
	transform: translateY(-50%);
	transition: transform 0.15s ease;
}

.wm-faq-item[open] > .wm-faq-item__question::before {
	transform: translateY(-50%) rotate(90deg);
}

.wm-faq-item__question:focus-visible {
	outline: 3px solid var(--wp--preset--color--purple);
	outline-offset: -4px;
}

.wm-faq-item > :not(summary) {
	margin-right: 1.3rem;
	margin-left: 3rem;
}

.wm-faq-item > summary + * {
	margin-top: 0;
}

.wm-faq-item > :last-child {
	margin-bottom: 1.1rem;
}

@media (max-width: 900px) {
	.wm-product-hero__inner {
		min-height: auto;
	}

	.wm-product-hero__visual {
		min-height: 470px;
	}

	.wm-product-hero__image img {
		height: 500px;
	}

	.wm-feature-row {
		gap: var(--wp--preset--spacing--40);
	}
}

@media (max-width: 781px) {
	.wm-product-hero {
		padding-top: var(--wp--preset--spacing--30);
	}

	.wm-product-hero__inner {
		gap: var(--wp--preset--spacing--30);
	}

	.wm-product-hero__copy h1 {
		max-width: none;
	}

	.wm-wch-hero::before {
		bottom: auto;
		top: 16rem;
		left: -6rem;
		width: clamp(18rem, 70vw, 24rem);
	}

	.wm-plans-section__intro {
		padding-left: var(--wp--preset--spacing--60);
	}

	.wm-bch-plans .wm-plans-section__intro,
	.wm-email-plans .wm-section-heading {
		padding-left: 0;
	}

	.wm-bch-plans .wm-plans-section__intro::before,
	.wm-email-plans .wm-section-heading h2::before {
		position: static;
		display: block;
		margin-bottom: var(--wp--preset--spacing--20);
	}

	.wm-plans-section::after {
		top: 18rem;
		right: -9rem;
		width: 28rem;
	}

	.wm-product-hero__visual {
		min-height: 390px;
	}

	.wm-product-hero__visual::before {
		width: min(90vw, 500px);
	}

	.wm-product-hero__image img {
		height: min(480px, 62vh);
	}

	.wm-feature-row,
	.wm-feature-row:last-child {
		margin-bottom: var(--wp--preset--spacing--70);
	}

	.wm-feature-row.is-reverse .wm-feature-row__visual {
		order: 2;
	}

	.wm-feature-row.is-reverse .wm-feature-row__copy {
		order: 1;
	}

	.wm-feature-row:last-child {
		margin-bottom: 0;
	}

	.wm-transparency__visual {
		order: 2;
	}
}

@media (max-width: 599px) {
	.wm-product-hero__actions .wp-block-buttons::after {
		left: calc(100% + 0.7rem);
		width: 2.6rem;
		height: 2.6rem;
	}

	.wm-wch-hero .wm-product-hero__actions .wp-block-buttons::after {
		width: 2.8rem;
		height: 1.7rem;
	}

	.wm-product-hero__visual {
		min-height: 340px;
	}

	.wm-product-hero__image img {
		height: 400px;
	}

	.wm-comparison-table th,
	.wm-comparison-table td {
		padding: 0.7rem;
	}
}


/* =========================================================
   MOVIL
   ========================================================= */

@media (max-width: 599px) {

	.site-header > .wp-block-group {
		padding-top: 1.1rem !important;
		padding-bottom: 1.1rem !important;
	}

	/* Botón hamburguesa */
	.wm-main-navigation
	.wp-block-navigation__responsive-container-open {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		border: 2px solid
			var(--wp--preset--color--wm-black);
		border-radius: 8px;
		box-shadow: 2px 2px 0
			var(--wp--preset--color--wm-black);
	}

	.wm-main-navigation
	.wp-block-navigation__responsive-container-open:active {
		box-shadow: none;
		transform: translate(2px, 2px);
	}

	/* overlay del menu */
	.wm-main-navigation
	.wp-block-navigation__responsive-container.is-menu-open {
		box-sizing: border-box;
		padding: 1.25rem !important;
		background-color:
			var(--wp--preset--color--wm-white) !important;
		color:
			var(--wp--preset--color--wm-black) !important;
	}

	.home
	.wm-main-navigation
	.wp-block-navigation__responsive-container.is-menu-open {
		background-color:
			var(--wp--preset--color--yellow-bg) !important;
	}

	.wm-main-navigation
	.wp-block-navigation__responsive-dialog {
		min-height: 100%;
	}

	/* Boton cerrar */
	.wm-main-navigation
	.wp-block-navigation__responsive-container-close {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		border: 2px solid
			var(--wp--preset--color--wm-black);
		border-radius: 8px;
	}

	.wm-main-navigation
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-content {
		box-sizing: border-box;
		align-items: stretch !important;
		width: 100%;
		padding-top: 4.75rem !important;
	}

	.wm-main-navigation
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__container {
		align-items: stretch !important;
		width: 100%;
		gap: 0.2rem !important;
	}

	.wm-main-navigation
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__container
	> .wp-block-navigation-item {
		align-items: stretch !important;
		width: 100%;
	}

	/* enlaces principales */
	.wm-main-navigation
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__container
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content {
		box-sizing: border-box;
		width: 100%;
		padding: 0.8rem 0 !important;
		font-size: var(--wp--preset--font-size--medium);
		font-weight: 700;
	}

	/*
	 * En movil dejamos los tres productos visibles
	 */
	.wm-main-navigation
	.wp-block-navigation__responsive-container.is-menu-open
	.wm-nav-hosting
	> .wp-block-navigation__submenu-container {
		box-sizing: border-box;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0.45rem 0 1.15rem;
		padding: 6px !important;
		background-color:
			var(--wp--preset--color--wm-white) !important;

	}

	.wm-main-navigation
	.wp-block-navigation__responsive-container.is-menu-open
	.wm-nav-product
	> .wp-block-navigation-item__content {
		padding: 14px 12px !important;
	}

	/* algo de separacion antes de login */
	.wm-main-navigation
	.wp-block-navigation__responsive-container.is-menu-open
	.wm-nav-login {
		margin-top: 0.6rem;
		padding-top: 0.6rem;
		border-top: 1px solid
			var(--wm-nav-border);
	}
}


/* =========================================================
   ACCESIBILIDAD
   ========================================================= */

.wm-main-navigation a:focus-visible,
.wm-main-navigation button:focus-visible {
	outline: 3px solid var(--wm-focus-color);
	outline-offset: 3px;
}

.wm-main-navigation .wp-block-navigation-submenu__toggle {
	display: grid;
	box-sizing: border-box;
	place-items: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	padding: var(--wp--preset--spacing--20);
}

.wm-main-navigation .wp-block-navigation-submenu__toggle svg {
	width: 12px;
	height: 12px;
}

.wm-main-navigation .wm-nav-hosting
> button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle {
	display: inline-flex;
	width: auto;
	height: auto;
	padding-inline-end: calc(var(--wp--preset--spacing--20) * 2);
}

.wm-main-navigation .wm-nav-hosting
> .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon {
	width: 12px;
	height: 12px;
	margin-left: calc(var(--wp--preset--spacing--20) * -1.5);
	padding: 0;
	pointer-events: none;
}

/* =========================================================
   SUBRAYADO ANIMADO — ELEMENTOS PRINCIPALES
   ========================================================= */

@media (min-width: 600px) and (hover: hover) {

	.wm-main-navigation
	.wp-block-navigation__container
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content {
		position: relative;
		text-decoration: none !important;
	}

	.wm-main-navigation
	.wp-block-navigation__container
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0.15rem;
		left: 0;
		height: 2px;
		background-color: currentColor;
		transform: scaleX(0);
		transform-origin: left;
		transition: transform 0.2s ease;
	}

	/* Hover, navegacion con teclado y elemento activo */
	.wm-main-navigation
	.wp-block-navigation__container
	> .wp-block-navigation-item:hover
	> .wp-block-navigation-item__content::after,

	.wm-main-navigation
	.wp-block-navigation__container
	> .wp-block-navigation-item:focus-within
	> .wp-block-navigation-item__content::after,

	.wm-main-navigation
	.wp-block-navigation__container
	> .current-menu-item
	> .wp-block-navigation-item__content::after {
		transform: scaleX(1);
	}
}

.wm-main-navigation
.wm-nav-login:hover
> .wp-block-navigation-item__content
.wp-block-navigation-item__label::after,

.wm-main-navigation
.wm-nav-login:focus-within
> .wp-block-navigation-item__content
.wp-block-navigation-item__label::after {
	inset-inline-start: 4px;
}


/* =========================================================
   FOOTER
   ========================================================= */

.wm-footer-inner {
	gap: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
	align-items: flex-end;
}

.wm-footer-brand,
.wm-footer-links {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
	min-width: 0;
}

.wm-footer-brand {
	align-items: flex-start;
}

.wm-footer-links {
	align-items: flex-end;
}

.wm-footer-brand > *,
.wm-footer-links > * {
	margin: 0;
}

/* Full language names below the copyright; the active language has a yellow underline. */
.wm-footer-languages {
	display: flex;
	align-items: baseline;
	gap: var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--normal);
}

.wm-footer-languages a {
	color: inherit;
	text-decoration: none;
	line-height: 1.5;
}

.wm-footer-languages a[aria-current] {
	font-weight: 700;
	text-decoration: underline var(--wp--preset--color--yellow-light);
	text-decoration-thickness: 0.16em;
	text-underline-offset: 0.25em;
}

.wm-footer-languages a:hover,
.wm-footer-languages a:focus-visible {
	text-decoration-line: underline;
	text-underline-offset: 0.25em;
}

.wm-footer-logo img,
.wm-footer-wcag img {
	display: block;
}

.wm-footer-logo img {
	height: auto;
}

.wm-footer-navigation .wp-block-navigation__container {
	gap: var(--wp--preset--spacing--20);
}

.wm-footer-navigation .wp-block-navigation-item + .wp-block-navigation-item::before {
	content: "·" / "";
	margin-inline-end: var(--wp--preset--spacing--20);
}

.wm-footer-navigation .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	min-height: var(--wp--preset--spacing--40);
	color: inherit;
	font-weight: 400;
	text-decoration: none;
}

.wm-footer-navigation .wp-block-navigation-item__content:hover,
.wm-footer-navigation .wp-block-navigation-item__content:focus-visible {
	text-decoration: underline;
}


/* =========================================================
   WEBMONSTER MANAGED
   ========================================================= */

.wm-managed-hero,
.wm-managed-problems {
	box-sizing: border-box;
	color: var(--wp--preset--color--wm-white);
}

.wm-managed-hero {
	position: relative;
	overflow: hidden;
	padding-top: clamp(1.25rem, 2vw, 2rem);
	padding-bottom: clamp(2rem, 3vw, 3rem);
	background:
		linear-gradient(
			180deg,
			transparent 68%,
			var(--wp--preset--color--managed-dark) 100%
		),
		radial-gradient(
			circle at 72% 46%,
			var(--wp--preset--color--managed-glow) 0%,
			var(--wp--preset--color--managed-dark) 70%
		);
}

.wm-managed-hero::before {
	display: none;
}

.wm-managed-hero__inner {
	position: relative;
	z-index: 1;
	min-height: max(28rem, calc(100svh - 12rem));
	gap: clamp(1.5rem, 3vw, 3.5rem) !important;
}

.wm-managed-hero__copy {
	max-width: 650px;
}

.wm-managed-hero__tag {
	margin-bottom: 0.75rem;
	color: var(--wp--preset--color--purple-bg);
}

.wm-managed-hero h1 {
	max-width: none;
	margin-bottom: 0.5em;
	font-size: var(--wp--preset--font-size--xx-large);
	line-height: 1.08;
	letter-spacing: -0.045em;
}

.wm-managed-hero__lead {
	max-width: 600px;
	margin-bottom: 1.65rem;
	color: color-mix(in srgb, var(--wp--preset--color--wm-white) 88%, transparent);
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.55;
}

.wm-managed-hero__actions {
	align-items: center;
	gap: 0.85rem 1rem;
}

.wm-managed-hero__actions .wp-block-button__link {
	box-sizing: border-box;
	min-height: 48px;
	padding: 0.72rem 1.15rem;
	font-size: var(--wp--preset--font-size--normal);
	will-change: auto;
}

.wm-managed-hero__primary .wp-block-button__link {
	background-color: var(--wp--preset--color--yellow);
	color: var(--wp--preset--color--wm-black);
	border-color: var(--wp--preset--color--wm-black);
}

.wm-managed-hero__primary .wp-block-button__link:hover,
.wm-managed-hero__primary .wp-block-button__link:focus-visible {
	background-color: var(--wp--preset--color--wm-white);
	color: var(--wp--preset--color--wm-black);
}

.wm-managed-hero__secondary {
	margin: 0;
}

.wm-managed-hero__secondary a,
.wm-managed-hero__secondary a:hover,
.wm-managed-hero__secondary a:focus-visible {
	color: var(--wp--preset--color--purple-bg);
}

.wm-managed-hero__primary .wp-block-button__link::after {
	content: "\2192";
	display: inline-block;
	margin-left: 0.65em;
	line-height: 1;
	transition: transform 0.15s ease;
}

.wm-managed-hero__primary .wp-block-button__link:hover::after,
.wm-managed-hero__primary .wp-block-button__link:focus-visible::after {
	transform: translateX(3px);
}

.wm-managed-hero__visual {
	position: relative;
	overflow: visible;
}

.wm-managed-hero__visual .wp-block-image {
	overflow: visible;
}

.wm-managed-hero__visual img {
	display: block;
	width: min(108%, 735px);
	max-width: none;
	margin-right: -4%;
	margin-left: -4%;
}

/* Envolvente visual compartida de las ilustraciones principales */
.wm-hero .wp-block-column:last-child .wp-block-image img,
.wm-product-hero__image img,
.wm-managed-hero__visual img {
	max-height: var(--wp--preset--spacing--hero-illustration-max-height);
}

/* Altura compartida de los heroes principales */
.wm-hero,
.wm-product-hero,
.wm-managed-hero {
	min-height: var(--wp--preset--spacing--hero-height) !important;
}

/* Geometría compartida de los heroes principales en escritorio */
@media (min-width: 782px) {
	.wm-hero > .wp-block-group {
		display: flex;
		box-sizing: border-box;
		min-height: var(--wp--preset--spacing--hero-height);
		flex-direction: column;
		justify-content: center;
		transform: translateY(calc(0px - var(--wp--preset--spacing--70)));
	}

	.wm-hero > .wp-block-group > .wp-block-columns {
		width: 100%;
		margin-block: 0;
		align-items: stretch !important;
	}

	.wm-hero > .wp-block-group > .wp-block-columns > .wp-block-column:first-child {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.wm-product-hero,
	.wm-managed-hero {
		padding-top: 0;
		padding-bottom: 0;
	}

	.wm-product-hero__inner,
	.wm-managed-hero__inner {
		box-sizing: border-box;
		min-height: var(--wp--preset--spacing--hero-height);
		align-items: center !important;
		transform: translateY(calc(0px - var(--wp--preset--spacing--70)));
	}

	.wm-product-hero__copy,
	.wm-managed-hero__copy {
		box-sizing: border-box;
		max-width: none;
		align-self: center !important;
		padding-top: 0;
	}

	.wm-product-hero__visual,
	.wm-managed-hero__visual {
		align-self: center !important;
	}

	.wm-product-hero__visual {
		min-height: var(--wp--preset--spacing--hero-height);
	}
}

@media (min-width: 1280px) {
	.wm-managed-hero__inner {
		gap: var(--wp--preset--spacing--40) !important;
	}

	.wm-managed-hero__copy {
		flex-basis: 47% !important;
	}

	.wm-managed-hero__visual {
		flex-basis: 53% !important;
	}

	.wm-product-hero__image img {
		height: var(--wp--preset--spacing--hero-illustration-max-height);
	}

	.wm-managed-hero__visual img {
		width: 100%;
		height: auto;
		margin-inline: 0;
		object-fit: contain;
	}
}

/* Correo y BCH: altura según contenido, sin reservar una pantalla completa. */
.wm-product-hero.wm-bch-hero,
.wm-product-hero.wm-email-hero {
	min-height: 0 !important;
	padding-block: var(--wp--preset--spacing--50);
}

.wm-bch-hero .wm-product-hero__inner,
.wm-email-hero .wm-product-hero__inner {
	min-height: 0;
	margin-block: 0;
	transform: none;
}

.wm-bch-hero .wm-product-hero__visual,
.wm-email-hero .wm-product-hero__visual {
	min-height: 0;
}

.wm-bch-hero .wm-product-hero__image,
.wm-email-hero .wm-product-hero__image {
	width: 100%;
}

.wm-bch-hero .wm-product-hero__image img,
.wm-email-hero .wm-product-hero__image img {
	width: 75%;
	height: auto;
}

@media (min-width: 782px) and (max-width: 1100px) {
	.wm-bch-hero .wm-product-hero__image img,
	.wm-email-hero .wm-product-hero__image img {
		width: 90%;
	}
}

@media (max-width: 781px) {
	.wm-product-hero.wm-bch-hero,
	.wm-product-hero.wm-email-hero {
		padding-top: var(--wp--preset--spacing--20);
		padding-bottom: var(--wp--preset--spacing--40);
	}

	.wm-bch-hero .wm-product-hero__inner,
	.wm-email-hero .wm-product-hero__inner {
		gap: var(--wp--preset--spacing--20);
	}

	.wm-bch-hero .wm-product-hero__image img,
	.wm-email-hero .wm-product-hero__image img {
		width: 80%;
		max-height: calc(var(--wp--preset--spacing--hero-illustration-max-height) * 0.75);
	}
}

.wm-managed-problems {
	position: relative;
	overflow: hidden;
	overflow: clip;
	padding-top: var(--wp--preset--spacing--50);
	padding-bottom: clamp(16rem, 18vw, 22rem);
	background:
		linear-gradient(
			180deg,
			var(--wp--preset--color--managed-dark) 0%,
			transparent 22%
		),
		linear-gradient(
			to bottom left,
			var(--wp--preset--color--managed-dark) 0%,
			color-mix(
				in srgb,
				var(--wp--preset--color--managed-dark) 52%,
				var(--wp--preset--color--wm-black)
			) 100%
		);
}

@media (min-width: 782px) {
	.wm-managed-problems {
		margin-top: calc(0px - var(--wp--preset--spacing--60));
	}
}

.wm-managed-problems__inner {
	position: relative;
	z-index: 2;
	gap: clamp(2rem, 4vw, 3.5rem) !important;
}

.wm-managed-problems__copy h2,
.wm-managed-benefits__heading h2,
.wm-managed-pricing__heading h2 {
	font-size: var(--wp--preset--font-size--xx-large);
	line-height: 1.1;
	letter-spacing: -0.035em;
}

.wm-managed-problems__copy h2 {
	max-width: 530px;
	margin-bottom: 0.75em;
	font-size: var(--wp--preset--font-size--xx-large);
}

.wm-managed-problems__copy {
	position: relative;
	top: auto;
	z-index: 2;
	align-self: center !important;
	margin-top: 0 !important;
}

.wm-managed-problems__copy p {
	max-width: 470px;
	color: color-mix(in srgb, var(--wp--preset--color--wm-white) 80%, transparent);
	font-size: var(--wp--preset--font-size--normal);
	line-height: 1.65;
}

.wm-managed-problems__copy .wm-managed-problems__intro {
	margin-bottom: 0.75rem;
	color: var(--wp--preset--color--wm-white);
	font-size: var(--wp--preset--font-size--large);
}

.wm-managed-problems__journey {
	position: relative;
	min-height: 50rem;
	overflow: visible;
}

.wm-managed-problems__path {
	position: absolute;
	top: -16rem;
	left: -74rem;
	z-index: 0;
	width: 150rem;
	max-width: none;
	margin: 0;
	opacity: 0.9;
}

.wm-managed-problems__path img,
.wm-managed-problems__branch img {
	display: block;
	width: 100%;
}

.wm-managed-problems__branch {
	position: absolute;
	z-index: 0;
	width: clamp(13rem, 21vw, 20rem);
	margin: 0;
	opacity: 0.58;
	pointer-events: none;
}

.wm-managed-problems__branch.is-left-upper {
	top: 3rem;
	left: -3rem;
}

.wm-managed-problems__branch.is-left-lower {
	bottom: 20rem;
	left: -2rem;
}

.wm-managed-problems__branch.is-right {
	top: 8rem;
	right: -1rem;
	width: clamp(20rem, 29vw, 29rem);
	opacity: 0.76;
}

.wm-managed-problems__cards {
	position: relative;
	z-index: 1;
}

.wm-managed-problem {
	display: grid;
	grid-template-columns: minmax(14rem, 36%) minmax(0, 1fr);
	gap: clamp(1rem, 2vw, 2rem);
	align-items: center;
	min-height: 16rem;
}

.wm-managed-problem__icon {
	width: clamp(7.5rem, 10vw, 9rem);
	margin: 0 auto;
}

.wm-managed-problem__icon img {
	display: block;
	width: 100%;
}

.wm-managed-problem h3 {
	margin-bottom: 0.45rem;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.25;
}

.wm-managed-problem__copy {
	box-sizing: border-box;
	padding: 1.05rem 1.2rem;
	background-color: color-mix(
		in srgb,
		var(--wp--preset--color--wm-black) 38%,
		transparent
	);
	border: 1px solid color-mix(
		in srgb,
		var(--wp--preset--color--purple-light-2) 16%,
		transparent
	);
	border-radius: 1rem;
}

.wm-managed-problem p {
	margin: 0;
	color: color-mix(in srgb, var(--wp--preset--color--wm-white) 74%, transparent);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.55;
}

.wm-managed-cloud-transition {
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	z-index: 3;
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
	height: clamp(14rem, 12vw, 25rem);
	background-color: var(--wp--preset--color--yellow-bg);
	-webkit-mask-image: url("assets/managed/problems-benefits-clouds.svg?ver=3");
	mask-image: url("assets/managed/problems-benefits-clouds.svg?ver=3");
	-webkit-mask-position: center bottom;
	mask-position: center bottom;
	-webkit-mask-repeat: repeat-x;
	mask-repeat: repeat-x;
	-webkit-mask-size: auto 100%;
	mask-size: auto 100%;
	pointer-events: none;
}

.wm-managed-benefits {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	overflow: hidden;
	padding-top: clamp(0.5rem, 1vw, 1rem);
	padding-bottom: clamp(5rem, 9vw, 8rem);
	background: var(--wp--preset--color--yellow-bg);
}

.wm-managed-benefits__heading {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	margin-bottom: clamp(3rem, 6vw, 5.25rem);
	padding-inline: 0;
	text-align: center;
}

.wm-managed-benefits__heading > * {
	margin-right: auto !important;
	margin-left: auto !important;
}

.wm-managed-benefits__heading h2 {
	max-width: none;
	white-space: nowrap;
}

.wm-managed-benefits__intro,
.wm-managed-pricing__intro {
	max-width: 780px;
	margin-right: auto;
	margin-left: auto;
	color: var(--wp--preset--color--purple-dark);
	font-size: var(--wp--preset--font-size--large);
}

.wm-managed-benefits__grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: 1120px;
	margin-inline: auto;
}

.wm-managed-benefit {
	display: grid;
	grid-template-columns: clamp(7.5rem, 10vw, 9rem) minmax(0, 1fr);
	gap: clamp(1.25rem, 2.3vw, 2.25rem);
	align-items: center;
	min-height: 17rem;
	padding: clamp(2rem, 3vw, 3rem);
}

.wm-managed-benefit:nth-child(1),
.wm-managed-benefit:nth-child(3) {
	border-right: 2px solid var(--wp--preset--color--purple-light-2);
}

.wm-managed-benefit:nth-child(1),
.wm-managed-benefit:nth-child(2) {
	border-bottom: 2px solid var(--wp--preset--color--purple-light-2);
}

.wm-managed-benefit__icon {
	width: 100%;
	margin: 0;
}

.wm-managed-benefit__icon img {
	display: block;
	width: 100%;
}

.wm-managed-benefit__copy h3 {
	margin-bottom: 0.6rem;
	color: var(--wp--preset--color--purple-dark);
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.28;
}

.wm-managed-benefit__copy p {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.65;
}

.wm-managed-benefits__decor {
	position: absolute;
	z-index: 1;
	margin: 0;
	pointer-events: none;
}

.wm-managed-benefits__decor img {
	display: block;
	width: 100%;
}

.wm-managed-benefits__decor.is-blob-left {
	top: 34%;
	left: -12rem;
	width: clamp(22rem, 31vw, 32rem);
	opacity: 0.72;
}

.wm-managed-benefits__decor.is-stars {
	top: clamp(5rem, 7.5vw, 7rem);
	left: max(4%, calc(50% - 650px));
	width: clamp(4rem, 5vw, 4.75rem);
}

.wm-managed-benefits__decor.is-cloud {
	top: 8rem;
	right: 8%;
	width: clamp(7rem, 13vw, 11rem);
	opacity: 0.82;
}

.wm-managed-benefits__decor.is-loop {
	top: 22rem;
	right: 3%;
	width: clamp(5rem, 9vw, 8rem);
	opacity: 0.85;
}

.wm-managed-pricing {
	position: relative;
	z-index: 3;
	box-sizing: border-box;
	overflow: hidden;
	overflow: clip;
	padding-top: clamp(6.5rem, 10vw, 9rem);
	padding-bottom: clamp(5rem, 8vw, 7rem);
	background: var(--wp--preset--color--yellow-bg);
}

.wm-managed-pricing::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-color: var(--wp--preset--color--purple-bg-3);
	border-top-left-radius: 50% clamp(3rem, 7vw, 7rem);
	border-top-right-radius: 50% clamp(3rem, 7vw, 7rem);
	pointer-events: none;
}

.wm-managed-pricing > *:not(.wm-managed-pricing__decor) {
	position: relative;
	z-index: 2;
}

.wm-managed-pricing__heading {
	margin-bottom: clamp(3rem, 5vw, 4.5rem);
	text-align: left;
}

.wm-managed-pricing__tag {
	margin-bottom: 0.75rem;
}

.wm-managed-pricing__heading h2,
.wm-managed-pricing__intro {
	max-width: 1100px;
}

.wm-managed-pricing__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 1.5rem);
	align-items: stretch;
}

.wm-managed-plan {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: clamp(1.4rem, 2.2vw, 2rem);
}

.wm-managed-plan__icon {
	width: clamp(5.5rem, 8vw, 7rem);
	margin: 0 0 0.5rem;
}

.wm-managed-plan__icon img {
	display: block;
	width: 100%;
}

.wm-managed-plan__badge {
	position: absolute;
	top: 1.1rem;
	right: 1.1rem;
	max-width: none;
	margin: 0;
	padding: 0.45rem 0.7rem;
	background-color: var(--wp--preset--color--purple);
	color: var(--wp--preset--color--wm-white);
	border-radius: 999px;
	font-size: var(--wp--preset--font-size--tiny);
	font-weight: 700;
	letter-spacing: 0.035em;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
}

@media (max-width: 480px) {
	.wm-managed-plan.is-enterprise .wm-managed-plan__badge {
		position: static;
		align-self: flex-end;
		max-width: min(24ch, 100%);
		box-sizing: border-box;
		margin-bottom: var(--wp--preset--spacing--20);
		white-space: normal;
		text-wrap: balance;
	}
}

.wm-managed-plan__eyebrow {
	margin-bottom: var(--wp--preset--spacing--20);
	color: var(--wp--preset--color--purple);
	font-size: var(--wp--preset--font-size--tiny);
	font-weight: 700;
	letter-spacing: 0.035em;
	line-height: 1.3;
	text-transform: uppercase;
}

.wm-managed-plan h3 {
	margin: 0 0 0.35rem;
}

.wm-managed-plan__price {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.55rem;
	align-items: baseline;
	margin-bottom: 0.65rem;
}

.wm-managed-plan__price.is-from span:first-child {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}

.wm-managed-plan__description {
	min-height: 7.2em;
	margin-bottom: 1rem;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.55;
}

.wm-managed-plan__includes {
	margin-bottom: 0.45rem;
	color: var(--wp--preset--color--purple);
	font-size: var(--wp--preset--font-size--small);
}

.wm-managed-plan__features {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wm-managed-plan__features li {
	margin-top: 0.65rem;
	line-height: 1.5;
}

.wm-managed-plan__button {
	width: 100%;
	margin-top: auto !important;
	margin-bottom: 0 !important;
	padding-top: 1.5rem;
}

.wm-managed-plan__button .wp-block-button,
.wm-managed-plan__button .wp-block-button__link {
	width: 100%;
}

.wm-managed-plan__button,
.wm-managed-plan__button .wp-block-button,
.wm-managed-plan__button .wp-block-button__link,
.wm-managed-plan__button .wp-block-button__link * {
	cursor: pointer !important;
}

.wm-managed-plan__button .wp-block-button__link {
	pointer-events: auto;
}

.wm-managed-pricing__meta {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 0;
	max-width: 1080px;
	margin: clamp(2rem, 4vw, 3.5rem) auto;
}

.wm-managed-pricing__meta-item {
	position: relative;
	flex: 0 0 auto;
	justify-content: center;
	gap: 0.65rem !important;
}

.wm-managed-pricing__meta-item:not(:last-child)::after {
	display: block;
	margin-inline: clamp(1rem, 2vw, 1.75rem);
	content: "\00b7";
	color: var(--wp--preset--color--wm-black);
	font-weight: 700;
	line-height: 1;
	opacity: 0.55;
}

.wm-managed-pricing__meta-item figure {
	flex: 0 0 2.2rem;
	width: 2.2rem;
	margin: 0;
}

.wm-managed-pricing__meta-item img {
	display: block;
	width: 100%;
}

.wm-managed-pricing__meta-item p {
	margin: 0;
	color: var(--wp--preset--color--wm-black);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}

.wm-managed-pricing__help {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto 7.5rem;
	gap: clamp(1.25rem, 3vw, 2.5rem);
	align-items: center;
	box-sizing: border-box;
	padding: clamp(1.25rem, 2.5vw, 2rem);
	background-color: var(--wp--preset--color--wm-white);
	border: 2px solid var(--wp--preset--color--purple-bg-2);
	border-radius: var(--wp--preset--border-radius--12);
	box-shadow: var(--wp--preset--shadow--wm-info);
}

.wm-managed-pricing__help-copy h3 {
	margin-bottom: 0.3rem;
	color: var(--wp--preset--color--wm-black);
	font-size: var(--wp--preset--font-size--large);
}

.wm-managed-pricing__help-copy p {
	margin: 0;
	color: var(--wp--preset--color--wm-black);
	font-size: var(--wp--preset--font-size--small);
}

.wm-managed-pricing__help-link {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	white-space: nowrap;
}

.wm-managed-pricing__help-avatar {
	position: relative;
	width: 7.5rem;
	aspect-ratio: 1;
	margin: 0;
	overflow: visible;
	background: transparent;
}

.wm-managed-pricing__help-avatar img {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	transform: translateX(-50%);
}

.wm-managed-pricing__decor {
	position: absolute;
	z-index: 1;
	margin: 0;
	opacity: 0.55;
	pointer-events: none;
}

.wm-managed-pricing__decor img {
	display: block;
	width: 100%;
}

.wm-managed-pricing__decor.is-lines-left {
	top: 43%;
	left: -3rem;
	width: clamp(12rem, 17vw, 17rem);
}

.wm-managed-pricing__decor.is-star-left {
	top: clamp(10.5rem, 12vw, 12rem);
	left: 9%;
	width: clamp(2rem, 3.5vw, 3rem);
}

.wm-managed-pricing__decor.is-lines-right {
	top: 6rem;
	right: -2rem;
	width: clamp(12.5rem, 17.5vw, 17.5rem);
}

.wm-managed-pricing__decor.is-bottom-right {
	right: -2rem;
	bottom: 2rem;
	width: clamp(12.5rem, 17.5vw, 17.5rem);
	transform: rotate(180deg);
}

/* Managed: qué no hacemos */
.wm-managed-exclusions {
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	padding-top: clamp(4.5rem, 7vw, 7rem);
	padding-bottom: clamp(4.5rem, 7vw, 7rem);
	color: var(--wp--preset--color--wm-black);
}

.wm-managed-exclusions__header {
	width: 100%;
	max-width: var(--wp--style--global--content-size) !important;
	margin-right: auto;
	margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
	margin-left: auto;
	text-align: left;
}

.wm-managed-exclusions__tag {
	margin: 0 0 0.75rem;
	color: var(--wp--preset--color--purple);
}

.wm-managed-exclusions__header h2 {
	max-width: none;
	margin: 0 auto;
	color: var(--wp--preset--color--wm-black);
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 1.08;
}

.wm-managed-exclusions__intro {
	width: 100%;
	max-width: none;
	margin: 1.25rem auto 0;
	font-size: var(--wp--preset--font-size--normal);
	line-height: 1.7;
}

.wm-managed-exclusions__body {
	display: grid;
	grid-template-columns:
		minmax(12rem, 0.72fr)
		minmax(17rem, 1fr)
		minmax(18rem, 1.15fr);
	gap: clamp(1.75rem, 3vw, 3.25rem);
	align-items: start;
}

.wm-managed-exclusions__visual {
	width: min(100%, 19rem);
	margin: 0 auto;
}

.wm-managed-exclusions__visual img {
	display: block;
	width: 100%;
	height: auto;
}

.wm-managed-exclusions__card {
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.wm-managed-exclusions__label {
	margin: 0 0 1.5rem;
	color: var(--wp--preset--color--wm-black);
	font-size: var(--wp--preset--font-size--normal);
	line-height: 1.5;
}

.wm-managed-exclusions__list {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: none;
	grid-auto-flow: row;
	gap: 0.85rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wm-managed-exclusions__list li {
	position: relative;
	margin: 0;
	padding-left: 2rem;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.55;
}

.wm-managed-exclusions__list li::before {
	position: absolute;
	top: 0.14rem;
	left: 0;
	display: grid;
	place-items: center;
	width: 1.35rem;
	height: 1.35rem;
	content: "\00d7";
	background-color: var(--wp--preset--color--purple);
	color: var(--wp--preset--color--wm-white);
	border-radius: 50%;
	font-size: var(--wp--preset--font-size--normal);
	font-weight: 800;
	line-height: 1;
}

.wm-managed-exclusions__notes {
	padding-left: clamp(1.25rem, 2vw, 1.75rem);
	border-left: 1px solid var(--wp--preset--color--purple-light-2);
}

.wm-managed-exclusions__notes p {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.75;
}

.wm-managed-exclusions__notes p + p {
	margin-top: 1rem;
}

/* Managed: características */
.wm-managed-features {
	position: relative;
	box-sizing: border-box;
	overflow: clip;
	padding-top: clamp(5rem, 8vw, 8rem);
	padding-bottom: clamp(5rem, 8vw, 8rem);
	color: var(--wp--preset--color--wm-black);
}

.wm-managed-features__header {
	width: 100%;
	max-width: var(--wp--style--global--content-size) !important;
	margin-right: auto;
	margin-bottom: clamp(2rem, 4vw, 3.25rem);
	margin-left: auto;
	text-align: left;
}

.wm-managed-features__header > * {
	margin-right: auto !important;
	margin-left: 0 !important;
	text-align: left;
}

.wm-managed-features__tag {
	margin: 0 0 0.75rem;
}

.wm-managed-features__header h2 {
	max-width: 1120px;
	margin: 0;
	color: var(--wp--preset--color--wm-black);
	font-size: var(--wp--preset--font-size--x-large);
	letter-spacing: -0.035em;
	line-height: 1.08;
}

.wm-managed-features__intro {
	max-width: 780px;
	margin: 1.1rem 0 0;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.65;
}

.wm-managed-features__interactive {
	position: relative;
}

/* Shared pricing/features switch */
.wm-pricing-plans__switch {
	display: flex;
	justify-content: center;
	margin: 0 auto var(--wp--preset--spacing--40);
}

.wm-pricing-plans__switch-button {
	--wm-switch-min-height: 2.75rem;
	--wm-switch-padding-block: 0.55rem;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--wm-switch-min-height);
	padding: var(--wm-switch-padding-block) 1rem;
	background: var(--wp--preset--color--wm-white);
	color: var(--wp--preset--color--wm-black);
	border: 2px solid var(--wp--preset--color--wm-black);
	border-radius: 0;
	font: inherit;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.wm-pricing-plans__switch-button:first-child {
	border-radius: var(--wp--preset--border-radius--8) 0 0 var(--wp--preset--border-radius--8);
}

.wm-pricing-plans__switch-button + .wm-pricing-plans__switch-button {
	margin-left: -2px;
}

.wm-pricing-plans__switch-button:last-child {
	border-radius: 0 var(--wp--preset--border-radius--8) var(--wp--preset--border-radius--8) 0;
}

.wm-pricing-plans__switch-button.is-active {
	background: var(--wp--preset--color--purple);
	color: var(--wp--preset--color--wm-white);
}

.wm-pricing-plans__switch-button:focus-visible {
	outline: 3px solid var(--wm-focus-color);
	outline-offset: 3px;
}

.wm-managed-features__interactive > .wm-pricing-plans__switch {
	justify-content: flex-start;
	margin-right: 0;
	margin-bottom: clamp(2rem, 4vw, 3rem);
	margin-left: 0;
}

.wm-managed-features__interactive.is-showing-all > .wm-pricing-plans__switch {
	position: sticky;
	top: 1rem;
	z-index: 21;
	width: max-content;
}

.wm-managed-features__show-all:focus-visible {
	outline: 3px solid var(--wm-focus-color);
	outline-offset: -4px;
}

.wm-managed-features__panel[hidden] {
	display: none;
}

.wm-managed-features__featured-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 1.5rem);
	align-items: stretch;
}

.wm-managed-feature-card {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	min-width: 0;
	padding: clamp(1.25rem, 2vw, 1.6rem);
	background-color: var(--wp--preset--color--wm-white);
	border: 2px solid var(--wp--preset--color--wm-black);
	border-radius: var(--wp--preset--border-radius--12);
	box-shadow: var(--wp--preset--shadow--wm-info);
}

.wm-managed-feature-card.is-featured {
	background-color: var(--wp--preset--color--purple-bg-3);
}

.wm-managed-feature-card__plans {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	align-self: flex-start;
	margin: 0 0 1.15rem;
	padding: 0;
}

.wm-managed-feature-card__plan {
	display: inline-flex;
	align-items: center;
	padding: 0.35rem 0.65rem;
	color: var(--wp--preset--color--wm-white);
	border-radius: 999px;
	font-size: var(--wp--preset--font-size--tiny);
	font-weight: 700;
	line-height: 1.2;
}

.wm-managed-feature-card__plan.is-simple {
	background-color: var(--wp--preset--color--purple-light);
}

.wm-managed-feature-card__plan.is-business {
	background-color: var(--wp--preset--color--purple);
}

.wm-managed-feature-card__plan.is-enterprise {
	background-color: var(--wp--preset--color--purple-dark);
}

.wm-managed-feature-card__heading {
	display: block;
	margin: 0 0 0.75rem;
}

.wm-managed-feature-card.is-featured .wm-managed-feature-card__heading {
	display: grid;
	grid-template-columns: 4.75rem minmax(0, 1fr);
	gap: 1rem;
	align-items: center;
}

.wm-managed-feature-card__icon {
	display: grid;
	place-items: center;
	width: 4.75rem;
	aspect-ratio: 1;
	margin: 0;
}

.wm-managed-feature-card__icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.wm-managed-feature-card__title {
	margin: 0;
	color: var(--wp--preset--color--wm-black);
	font-size: var(--wp--preset--font-size--large);
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.wm-managed-feature-card__description {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.65;
}

.wm-managed-features__show-all {
	display: flex;
	gap: 0.55rem;
	align-items: center;
	margin: clamp(2rem, 4vw, 3rem) 0 0;
	padding: 0.7rem 0;
	background: transparent;
	color: var(--wp--preset--color--purple);
	border: 0;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.wm-managed-features__show-all:hover span,
.wm-managed-features__show-all:focus-visible span {
	transform: translateX(0.25rem);
}

.wm-managed-features__show-all span {
	transition: transform 160ms ease;
}

.wm-managed-features__nav {
	position: sticky;
	top: calc(1rem + 2.75rem + 0.75rem);
	z-index: 20;
	justify-content: stretch;
	width: 100%;
	box-sizing: border-box;
	overflow-x: auto;
	margin-right: 0;
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
	margin-left: 0;
	scrollbar-width: thin;
}

.wm-managed-features__nav .wm-pricing-plans__switch-button {
	flex: 1 1 0;
	min-width: 0;
	min-height: calc(var(--wm-switch-min-height) - var(--wp--preset--spacing--20));
	padding-block: calc(var(--wm-switch-padding-block) * 0.75);
}

.wm-managed-features__category {
	scroll-margin-top: 9rem;
}

.wm-managed-features__category + .wm-managed-features__category {
	margin-top: clamp(3.5rem, 7vw, 6rem);
	padding-top: clamp(3.5rem, 7vw, 6rem);
	border-top: 1px solid var(--wp--preset--color--purple-light-2);
}

.wm-managed-features__category-header {
	display: flex;
	gap: 1rem;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 1.5rem;
}

.wm-managed-features__category-header h3,
.wm-managed-features__category-header p {
	margin: 0;
}

.wm-managed-features__category-header h3 {
	color: var(--wp--preset--color--wm-black);
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 1.15;
}

.wm-managed-features__category-header p {
	flex: 0 0 auto;
	color: var(--wp--preset--color--purple);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}

.wm-managed-features__all-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
	align-items: stretch;
}

@media (max-width: 1100px) {

	.wm-managed-features__featured-grid,
	.wm-managed-features__all-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wm-managed-features__nav {
		justify-content: flex-start;
	}

	.wm-managed-features__nav .wm-pricing-plans__switch-button {
		flex: 0 0 auto;
		min-width: max-content;
	}
}

@media (max-width: 700px) {

	.wm-managed-features {
		padding-top: 4.5rem;
		padding-bottom: 4.5rem;
	}

	.wm-managed-features__header h2 {
		font-size: var(--wp--preset--font-size--x-large);
	}

	.wm-pricing-plans__switch-button {
		padding-inline: 0.8rem;
		font-size: var(--wp--preset--font-size--small);
	}

	.wm-managed-features__featured-grid,
	.wm-managed-features__all-grid {
		grid-template-columns: 1fr;
	}

	.wm-managed-feature-card.is-featured .wm-managed-feature-card__heading {
		grid-template-columns: 4rem minmax(0, 1fr);
	}

	.wm-managed-feature-card__icon {
		width: 4rem;
	}

	.wm-managed-features__category-header {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 900px) {

	.wm-managed-exclusions__body {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}

	.wm-managed-exclusions__visual {
		width: min(68vw, 19rem);
	}

	.wm-managed-exclusions__notes {
		padding-top: clamp(1.25rem, 2vw, 1.75rem);
		padding-left: 0;
		border-top: 1px solid var(--wp--preset--color--purple-light-2);
		border-left: 0;
	}
}

@media (max-width: 599px) {

	.wm-managed-exclusions {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.wm-managed-exclusions__header {
		margin-bottom: 2.25rem;
	}

	.wm-managed-exclusions__header h2 {
		font-size: var(--wp--preset--font-size--x-large);
	}

	.wm-managed-exclusions__list {
		grid-template-columns: 1fr;
		grid-template-rows: none;
		grid-auto-flow: row;
	}

}

@media (max-width: 1100px) and (min-width: 901px) {

	.wm-managed-plan {
		padding: 1.3rem;
	}

	.wm-managed-plan__icon {
		width: 5rem;
	}

}

@media (max-width: 900px) {

	.wm-managed-pricing__grid {
		grid-template-columns: 1fr;
		max-width: 720px;
		margin-inline: auto;
		gap: 1.5rem;
	}

	.wm-managed-plan {
		padding: 2rem;
	}

	.wm-managed-plan__description {
		min-height: 0;
	}

	.wm-managed-pricing__meta {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1rem 2rem;
		max-width: 620px;
	}

	.wm-managed-pricing__meta-item:not(:last-child)::after {
		display: none;
	}

	.wm-managed-pricing__meta-item:nth-child(odd):not(:last-child)::after {
		position: absolute;
		top: 50%;
		left: calc(100% + 1rem);
		display: block;
		margin: 0;
		transform: translate(-50%, -50%);
	}

	.wm-managed-pricing__help {
		grid-template-columns: minmax(0, 1fr) 6.5rem;
	}

	.wm-managed-pricing__help-link {
		grid-column: 1;
	}

	.wm-managed-pricing__help-avatar {
		grid-row: 1 / span 2;
		grid-column: 2;
		width: 6.5rem;
	}

	.wm-managed-pricing__decor.is-lines-left {
		left: -3rem;
	}

	.wm-managed-pricing__decor.is-lines-right {
		right: -2rem;
	}
}

@media (max-width: 599px) {

	.wm-managed-pricing {
		padding-top: 5.5rem;
		padding-bottom: 4.5rem;
	}

	.wm-managed-plan {
		padding: 1.35rem;
	}

	.wm-managed-plan__icon {
		width: 5.25rem;
	}

	.wm-managed-pricing__meta {
		grid-template-columns: 1fr;
		max-width: 300px;
	}

	.wm-managed-pricing__meta-item {
		justify-content: flex-start;
	}

	.wm-managed-pricing__meta-item:not(:last-child)::after,
	.wm-managed-pricing__meta-item:nth-child(odd):not(:last-child)::after {
		display: none;
	}

	.wm-managed-pricing__help {
		grid-template-columns: minmax(0, 1fr);
		text-align: center;
	}

	.wm-managed-pricing__help-link,
	.wm-managed-pricing__help-avatar {
		grid-row: auto;
		grid-column: 1;
		margin-inline: auto;
	}

	.wm-managed-pricing__help-link {
		white-space: normal;
	}

	.wm-managed-pricing__help-avatar {
		width: 5.5rem;
	}

	.wm-managed-pricing__decor.is-lines-left,
	.wm-managed-pricing__decor.is-lines-right,
	.wm-managed-pricing__decor.is-bottom-right {
		display: none;
	}

	.wm-managed-pricing__decor.is-star-left {
		top: 5rem;
		left: 0.5rem;
		width: 2.25rem;
	}
}

@media (max-width: 900px) {

	.wm-managed-problems__inner {
		gap: 2rem !important;
	}

	.wm-managed-problem {
		grid-template-columns: minmax(11rem, 42%) minmax(0, 1fr);
	}

	.wm-managed-benefit {
		grid-template-columns: 7rem minmax(0, 1fr);
		min-height: 18rem;
		padding: 2rem;
	}
}

@media (max-width: 781px) {

	.wm-managed-hero__inner {
		min-height: 0;
	}

	.wm-managed-hero__copy {
		max-width: 680px;
	}

	.wm-managed-hero__visual img {
		width: min(105%, 620px);
		margin-right: -2.5%;
		margin-left: -2.5%;
	}

	.wm-managed-problems__path,
	.wm-managed-problems__branch {
		display: none;
	}

	.wm-managed-problems__copy {
		position: relative;
		top: auto;
		align-self: auto !important;
		max-width: 620px;
		margin-top: 0 !important;
		margin-inline: auto;
		text-align: center;
	}

	.wm-managed-problems__copy h2,
	.wm-managed-problems__copy p {
		margin-right: auto;
		margin-left: auto;
	}

	.wm-managed-problems__journey {
		min-height: 0;
	}

	.wm-managed-problems__cards {
		max-width: 560px;
		margin-inline: auto;
	}

	.wm-managed-problem {
		position: relative;
		grid-template-columns: 8rem minmax(0, 1fr);
		min-height: 10.5rem;
	}

	.wm-managed-problem:not(:last-child)::after {
		content: "";
		position: absolute;
		bottom: -1rem;
		left: 4rem;
		width: 2px;
		height: 2rem;
		background-color: var(--wp--preset--color--purple-light-2);
		opacity: 0.6;
	}

	.wm-managed-benefits__grid {
		grid-template-columns: 1fr;
		max-width: 660px;
	}

	.wm-managed-benefits__heading h2 {
		white-space: normal;
	}

	.wm-managed-benefits__decor.is-blob-left,
	.wm-managed-benefits__decor.is-cloud,
	.wm-managed-benefits__decor.is-loop {
		display: none;
	}

	.wm-managed-benefits__decor.is-stars {
		top: 3.5rem;
		left: 1rem;
		width: 4rem;
		opacity: 0.78;
	}

	.wm-managed-benefit {
		grid-template-columns: 8rem minmax(0, 1fr);
		min-height: 0;
		padding: 2.25rem 1rem;
	}

	.wm-managed-benefit:nth-child(n) {
		border-right: 0;
		border-bottom: 2px solid var(--wp--preset--color--purple-light-2);
	}

	.wm-managed-benefit:last-child {
		border-bottom: 0;
	}
}

@media (max-width: 599px) {

	body.wm-page-managed .wm-main-navigation
	.wp-block-navigation__responsive-container-open,
	body.wm-page-managed .wm-main-navigation
	.wp-block-navigation__responsive-container-close {
		color: var(--wp--preset--color--wm-white);
		border-color: var(--wp--preset--color--wm-white);
		box-shadow: 2px 2px 0 var(--wp--preset--color--wm-black);
	}

	body.wm-page-managed .wm-main-navigation
	.wp-block-navigation__responsive-container.is-menu-open {
		background-color: var(--wp--preset--color--managed-dark) !important;
		color: var(--wp--preset--color--wm-white) !important;
	}

	.wm-managed-hero {
		padding-top: 1.5rem;
		padding-bottom: 3rem;
	}

	.wm-managed-hero::before {
		top: auto;
		bottom: 3rem;
		left: 5%;
		width: 90%;
	}

	.wm-managed-hero__actions,
	.wm-managed-hero__actions .wp-block-button {
		width: 100%;
	}

	.wm-managed-hero__actions .wp-block-button__link {
		width: 100%;
		text-align: center;
	}

	.wm-managed-problems {
		padding-top: var(--wp--preset--spacing--50);
		padding-bottom: clamp(12rem, 32vw, 15rem);
	}

	.wm-managed-cloud-transition {
		height: clamp(10rem, 24vw, 14rem);
	}

	.wm-managed-problem__icon {
		width: 7rem;
	}

	.wm-managed-problem {
		grid-template-columns: 1fr;
		gap: 0.75rem;
		min-height: 0;
		padding: 1.5rem 0 2.75rem;
		text-align: center;
	}

	.wm-managed-problem:not(:last-child)::after {
		bottom: 0;
		left: 50%;
		height: 2rem;
	}

	.wm-managed-benefits {
		padding-top: 0.75rem;
		padding-bottom: 4.5rem;
	}

	.wm-managed-benefits__heading {
		padding-left: 0;
		text-align: center;
	}

	.wm-managed-benefits__intro {
		margin-right: auto;
		margin-left: auto;
	}

	.wm-managed-benefit {
		grid-template-columns: 1fr;
		gap: 1rem;
		padding: 2.25rem 0;
		text-align: center;
	}

	.wm-managed-benefit__icon {
		width: 7.5rem;
		margin-inline: auto;
	}

	.wm-managed-benefits__decor.is-cloud,
	.wm-managed-benefits__decor.is-loop {
		display: none;
	}
}

@media (max-width: 700px) {

	.wm-footer-inner {
		align-items: flex-start;
		flex-direction: column;
	}

	.wm-footer-navigation
	.wp-block-navigation__container {
		justify-content: flex-start;
	}

	.wm-footer-links {
		align-items: flex-start;
	}
}

/* BCH: composición de producto y planes compartidos, sobre lavanda. */
body.wm-page-business-cloud-hosting {
	--wm-header-background: var(--wp--preset--color--purple-bg-2);
	--wm-mobile-menu-background: var(--wp--preset--color--purple-bg-2);
}

.wm-product-hero.wm-bch-hero {
	padding-bottom: calc(var(--wp--preset--spacing--50) + var(--wp--preset--spacing--40));
}

.wm-bch-plans {
	margin-top: 0;
}

.wm-bch-plans::after {
	content: none;
}

.wm-bch-plans .wm-plans-section__intro::before {
	background-image: url("./assets/icons/bch-rayos.png");
	aspect-ratio: 1;
}

.wm-bch-hero h1 mark {
	display: inline-block;
	max-width: 100%;
	text-wrap: wrap;
}

@media (min-width: 782px) {
	.wm-bch-hero .wm-product-hero__image img {
		width: 90%;
	}
}

/* Ampliación BCH: fila compartida y nota de recursos en una sola columna. */
.wm-bch-expansion > .wm-feature-row,
.wm-bch-expansion > .wm-feature-list {
	max-width: calc(var(--wp--style--global--content-size) - var(--wp--preset--spacing--70) * 2);
}

.wm-bch-expansion .wm-feature-list {
	grid-template-columns: minmax(0, 1fr);
}

.wm-bch-expansion .wm-feature-list > .wm-feature-list__item {
	align-items: center;
	border-top: 2px solid var(--wp--preset--color--purple-bg-2);
	padding-bottom: 0;
}

@media (max-width: 600px) {
	.wm-bch-expansion .wm-feature-list__item p {
		grid-column: 2;
		grid-row: 1;
	}
}

/* Características BCH: variante de la lista abierta sobre la tabla compartida. */
.wm-bch-features > .wm-section-heading,
.wm-bch-features > .wm-feature-list {
	max-width: 1080px;
}

.wm-bch-features > .wm-feature-list {
	margin-bottom: var(--wp--preset--spacing--50);
}

.wm-bch-features .wm-feature-list__item h3 {
	font-size: var(--wp--preset--font-size--medium);
}

.wm-bch-features .wm-feature-list__item p {
	font-size: var(--wp--preset--font-size--normal);
}

@media (min-width: 901px) {
	.wm-bch-features .wm-feature-list {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		column-gap: var(--wp--preset--spacing--30);
	}

	.wm-bch-features .wm-feature-list > .wm-feature-list__item {
		display: flex;
		flex-direction: column;
		gap: var(--wp--preset--spacing--30);
		padding: 0 var(--wp--preset--spacing--30) 0 0;
		border-bottom: 0;
		border-right: 2px solid var(--wp--preset--color--purple-bg-2);
	}

	.wm-bch-features .wm-feature-list > .wm-feature-list__item:last-child {
		padding-right: 0;
		border-right: 0;
	}

	.wm-bch-features .wm-feature-list__item > .wp-block-media-text__media {
		width: calc(var(--wp--preset--spacing--70) + var(--wp--preset--spacing--20));
		flex-shrink: 0;
	}
}

/* Composición compacta compartida: móvil y tablet, sin alturas de viewport. */
@media (max-width: 900px) {
	.wm-hero,
	.wm-product-hero,
	.wm-managed-hero {
		min-height: 0 !important;
		padding-block: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
	}

	.wm-hero > .wp-block-group,
	.wm-product-hero__inner,
	.wm-managed-hero__inner {
		min-height: 0;
		transform: none;
	}

	.wm-hero > .wp-block-group > .wp-block-columns,
	.wm-product-hero__inner,
	.wm-managed-hero__inner {
		display: flex;
		flex-direction: column;
		align-items: stretch !important;
		gap: var(--wp--preset--spacing--30) !important;
		margin-block: 0;
	}

	/* Solo se aplanan envoltorios neutros; el orden del texto y enlaces no cambia. */
	.wm-hero > .wp-block-group > .wp-block-columns > .wp-block-column:first-child,
	.wm-product-hero__copy,
	.wm-managed-hero__copy {
		display: contents !important;
	}

	.wm-hero > .wp-block-group > .wp-block-columns > .wp-block-column:first-child > *,
	.wm-product-hero__copy > *,
	.wm-managed-hero__copy > * {
		margin-block: 0;
	}

	.wm-hero > .wp-block-group > .wp-block-columns > .wp-block-column:last-child,
	.wm-product-hero__visual,
	.wm-managed-hero__visual {
		order: 1;
		flex-basis: auto !important;
		align-self: center !important;
		min-height: 0;
		width: 100%;
		max-width: calc(var(--wp--preset--spacing--hero-illustration-max-height) / 2);
		margin: 0;
	}

	.wm-hero .wp-block-column:last-child .wp-block-image,
	.wm-product-hero__image,
	.wm-managed-hero__visual .wp-block-image {
		width: 100%;
		margin: 0;
	}

	.wm-hero .wp-block-column:last-child .wp-block-image img,
	.wm-product-hero .wm-product-hero__image img,
	.wm-managed-hero__visual img {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		max-height: calc(var(--wp--preset--spacing--hero-illustration-max-height) * 0.4);
		margin: 0 auto;
		object-fit: contain;
		transform: none;
	}

	.wm-product-hero__visual::before {
		width: 100%;
		max-height: 100%;
	}

	.wm-hero .wp-block-column:first-child > .wp-block-buttons,
	.wm-product-hero__actions,
	.wm-managed-hero__actions {
		order: 2;
		margin-block: 0;
	}

	.wm-product-hero__microcopy {
		order: 3;
	}

	.wm-product-hero__actions .wp-block-buttons::after {
		display: none;
	}

	.wm-home-services {
		margin-top: 0;
	}

	.wm-home-managed__columns {
		flex-direction: column;
	}

	.wm-home-managed__columns > .wp-block-column {
		flex-basis: auto !important;
		width: 100%;
	}

	/* Espacio real para la mascota que asoma y para la curva bajo el panel. */
	.wm-home-managed {
		padding-top: calc(var(--wp--preset--spacing--80) + var(--wp--preset--spacing--40));
		padding-bottom: calc(var(--wp--preset--spacing--60) + var(--wp--preset--spacing--40));
	}

	.wm-home-managed__monster {
		width: calc(var(--wp--preset--spacing--40) * 5);
		max-width: 42%;
	}

	.wm-home-managed__diagram {
		max-width: calc(var(--wp--preset--spacing--hero-illustration-max-height) / 2);
		margin-inline: auto;
	}

	/* Adornos en su propia línea: no pueden chocar con títulos largos. */
	.wm-managed-benefits__decor.is-stars {
		position: static;
		width: calc(var(--wp--preset--spacing--40) * 2);
		margin: 0 auto var(--wp--preset--spacing--30);
	}

	.wm-plans-section__intro,
	.wm-email-plans .wm-section-heading {
		padding-left: 0;
	}

	.wm-plans-section__intro::before,
	.wm-email-plans .wm-section-heading h2::before,
	.wm-email-features .wm-section-heading h2::after {
		position: static;
		display: block;
		transform: none;
		margin-bottom: var(--wp--preset--spacing--20);
	}

	/* Apoyos visuales compartidos, con límites independientes del ancho de columna. */
	.wm-garantia-devolucion .wp-block-columns {
		flex-direction: column-reverse;
	}

	.wm-garantia-devolucion .wp-block-columns > .wp-block-column {
		flex-basis: auto !important;
		width: 100%;
	}

	.wm-garantia-devolucion .wp-block-column,
	.wm-mudanza-web .wp-block-column {
		padding-inline: 0 !important;
	}

	.wm-garantia-devolucion .wp-block-column img {
		max-width: calc(var(--wp--preset--spacing--40) * 6);
	}

	.wm-mudanza-web .wp-block-column img {
		max-width: calc(var(--wp--preset--spacing--hero-illustration-max-height) * 0.4);
		transform: none;
	}

	.wm-about-principles__illustration img {
		width: 100%;
		max-width: calc(var(--wp--preset--spacing--hero-illustration-max-height) * 0.4);
	}

	.wm-email-features .wm-section-heading h2 {
		padding-right: 0;
	}

	.wm-transparency__inner {
		display: flex;
		flex-direction: column;
		align-items: stretch !important;
		gap: var(--wp--preset--spacing--30);
	}

	.wm-transparency__inner > .wp-block-column:not(.wm-transparency__visual) {
		display: contents;
	}

	.wm-transparency__inner .wm-section-kicker {
		order: 0;
		margin: 0;
	}

	.wm-transparency__inner h2 {
		order: 1;
		margin: 0;
	}

	.wm-transparency__visual {
		order: 2;
		flex-basis: auto !important;
		align-self: center !important;
		width: 100%;
		margin: 0;
	}

	.wm-transparency__visual figure {
		margin: 0;
	}

	.wm-transparency__visual img,
	.wm-managed-exclusions__visual img {
		width: 100%;
		max-width: calc(var(--wp--preset--spacing--40) * 7);
		height: auto;
		margin-inline: auto;
	}

	.wm-transparency__inner p:not(.wm-section-kicker) {
		order: 3;
		margin: 0;
	}

	.wm-transparency__inner .wp-block-buttons {
		order: 4;
		margin: 0;
	}

	.wm-seccion-principios-inner {
		padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30);
	}

	.wm-seccion-principios-badge {
		position: static;
		width: calc(var(--wp--preset--spacing--40) * 3);
		margin: 0 auto;
		transform: none;
	}
}

@media (min-width: 375px) and (max-width: 900px) {
	.wm-seccion-principios-inner {
		display: grid;
		grid-template-columns: calc(var(--wp--preset--spacing--40) * 2) minmax(0, 1fr);
		column-gap: var(--wp--preset--spacing--30);
		align-items: center;
	}

	.wm-seccion-principios-inner > * {
		grid-column: 1 / -1;
	}

	.wm-seccion-principios-inner > .wm-seccion-principios-badge {
		grid-column: 1;
		grid-row: 1;
		width: 100%;
	}

	.wm-seccion-principios-inner > h2 {
		grid-column: 2;
		grid-row: 1;
		margin: 0;
		max-width: none;
		font-size: var(--wp--preset--font-size--x-large);
		text-align: left !important;
	}

	.wm-seccion-principios-inner > .wp-block-separator {
		width: 100%;
	}
}

@media (min-width: 600px) and (max-width: 900px) {
	.wm-seccion-principios-inner {
		grid-template-columns: calc(var(--wp--preset--spacing--40) * 3) minmax(0, 1fr);
	}
}

/* On phones, move 60px of the white gap into the lavender chapter. */
@media (max-width: 600px) {
	.wm-home-managed {
		padding-bottom: calc(var(--wp--preset--spacing--60) + 3 * var(--wp--preset--spacing--40));
	}

	.wm-home-managed + .wm-seccion-principios {
		padding-top: 0;
	}
}

/* Care: shared product hero, native columns and shared pricing cards. */
body.wm-page-webmonster-care {
	overflow-wrap: anywhere;
	--wm-header-background: var(--wp--preset--color--wm-white);
	--wm-header-text: var(--wp--preset--color--wm-black);
}

.wm-care-hero .wm-product-hero__visual::before,
.wm-care-hero .wm-product-hero__actions .wp-block-buttons::after {
	display: none;
}

@media (min-width: 901px) {
	.wm-care-hero h1 {
		font-size: calc(var(--wp--preset--font-size--xx-large) * 0.95);
	}

	.wm-product-hero.wm-care-hero {
		min-height: 0 !important;
		padding-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
	}

	.wm-care-hero .wm-product-hero__inner,
	.wm-care-hero .wm-product-hero__visual {
		min-height: 0;
		margin-block: 0;
		transform: none;
	}

	.wm-care-hero .wm-product-hero__image img {
		width: 100%;
		height: auto;
		max-height: calc(var(--wp--preset--spacing--hero-illustration-max-height) * 0.8);
	}
}

/* Mint chapters share the existing white wave at both edges. */
.wm-care-benefits,
.wm-care-features {
	position: relative;
	isolation: isolate;
	padding-block: calc(var(--wp--preset--spacing--60) + var(--wp--preset--spacing--50));
}

.wm-care-benefits::before,
.wm-care-benefits::after,
.wm-care-features::before,
.wm-care-managed::after {
	position: absolute;
	inset-inline: 0;
	height: var(--wp--preset--spacing--50);
	background-color: var(--wp--preset--color--wm-white);
	mask: url("./assets/backgrounds/home-section-curve.svg") center / 100% 100% no-repeat;
	content: "";
	pointer-events: none;
	z-index: 1;
}

.wm-care-benefits::before,
.wm-care-features::before {
	top: -1px;
	transform: scaleY(-1);
}

.wm-care-benefits::after,
.wm-care-managed::after {
	bottom: -1px;
}

@media (min-width: 901px) {
	.wm-care-benefits {
		padding-top: calc(var(--wp--preset--spacing--60) + var(--wp--preset--spacing--50) + var(--wp--preset--spacing--30));
	}
}

/* Offset the lower wave so both edges follow the same direction. */
.wm-care-benefits::after {
	transform: scaleX(-1);
}

.wm-care-benefits > .wp-block-group {
	position: relative;
	max-width: calc(var(--wp--style--global--content-size) - 4 * var(--wp--preset--spacing--70));
}

.wm-care-benefits > .wp-block-group::before {
	position: absolute;
	top: calc(-1 * (var(--wp--preset--spacing--60) + var(--wp--preset--spacing--30)));
	right: 0;
	width: calc(var(--wp--preset--spacing--70) + var(--wp--preset--spacing--30));
	aspect-ratio: 1;
	background: url("./assets/icons/iconos-care/01-calendario-decorativo.png") center / contain no-repeat;
	content: "";
	pointer-events: none;
}

.wm-care-plans > .wm-section-heading,
.wm-care-plans > .wp-block-webmonster-pricing-plans,
.wm-care-plans > p {
	width: 100%;
	max-width: calc(var(--wp--style--global--content-size) - 2 * var(--wp--preset--spacing--70)) !important;
	margin-inline: auto;
}

.wm-care-plans .wm-section-heading {
	text-align: left;
}

.wm-care-plans .wm-pricing-plans__switch {
	justify-content: flex-start;
	margin-left: 0;
	margin-right: auto;
}

.wm-care-plans .wm-pricing-card {
	padding: var(--wp--preset--spacing--40);
}

.wm-care-plans .wm-pricing-card__top {
	margin-bottom: var(--wp--preset--spacing--30);
}

.wm-pricing-card__includes {
	margin-block: var(--wp--preset--spacing--30) 0;
	color: var(--wp--preset--color--purple);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}

.wm-care-plans > p:last-child {
	margin-top: var(--wp--preset--spacing--30);
}

/* Care is an add-on, visually separated from the three hosting products. */
.wm-main-navigation .wm-nav-care > .wp-block-navigation-item__content::before {
	background-image: url("./assets/icons/iconos-care/05-plan-care-proteccion.png");
}

@media (min-width: 600px) {
	.wm-main-navigation .wm-nav-hosting:has(.wm-nav-care) > .wp-block-navigation__submenu-container {
		display: grid;
		grid-template-columns: 1.15fr 1fr;
		width: min(calc(var(--wp--style--global--content-size) / 2), calc(100vw - 2 * var(--wp--preset--spacing--30))) !important;
		min-width: min(calc(var(--wp--style--global--content-size) / 2), calc(100vw - 2 * var(--wp--preset--spacing--30))) !important;
	}

	.wm-main-navigation .wm-nav-hosting .wm-nav-product:not(.wm-nav-care) {
		grid-column: 1;
	}

	.wm-main-navigation .wm-nav-hosting .wm-nav-care {
		grid-column: 2;
		grid-row: 1 / span 3;
		width: auto;
		margin-left: var(--wp--preset--spacing--20);
		padding-left: var(--wp--preset--spacing--20);
		border-top: 0;
		border-left: 1px solid var(--wp--preset--color--care-mint);
		align-self: stretch;
	}

	.wm-main-navigation .wm-nav-care > .wp-block-navigation-item__content {
		height: 100%;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto auto auto;
		align-content: center;
		gap: var(--wp--preset--spacing--20);
		border-radius: var(--wp--preset--border-radius--4);
		background-color: var(--wp--preset--color--care-bg);
	}

	.wm-main-navigation .wm-nav-care > .wp-block-navigation-item__content::before {
		grid-column: 1;
		grid-row: 1;
		width: calc(var(--wp--preset--spacing--40) * 2);
		height: calc(var(--wp--preset--spacing--40) * 2);
	}

	.wm-main-navigation .wm-nav-care .wp-block-navigation-item__label {
		grid-column: 1;
		grid-row: 2;
	}

	.wm-main-navigation .wm-nav-care .wm-nav-item__description {
		grid-column: 1;
		grid-row: 3;
	}
}

@media (min-width: 600px) and (max-width: 999px) {
	/* Anchor to the navigation row when there is no room around Hosting. */
	.wm-main-navigation li.wm-nav-hosting:has(.wm-nav-care) {
		position: static;
	}

	.wm-main-navigation .wm-nav-hosting:has(.wm-nav-care) > .wp-block-navigation__submenu-container {
		left: auto;
		right: 0;
		width: min(calc(var(--wp--style--global--content-size) / 2), 100%) !important;
		min-width: min(calc(var(--wp--style--global--content-size) / 2), 100%) !important;
		transform: none;
	}
}

@media (max-width: 599px) {
	.wm-main-navigation .wm-nav-hosting .wm-nav-care {
		margin-top: var(--wp--preset--spacing--20);
		padding-top: var(--wp--preset--spacing--20);
		border-top: 1px solid var(--wp--preset--color--care-mint);
		background-color: var(--wp--preset--color--care-bg);
	}

	.wm-care-plans .wm-pricing-card {
		padding: var(--wp--preset--spacing--30);
	}
}

/* Care composes the shared section heading and open feature list. */
.wm-care-plans .wm-section-heading {
	position: relative;
	box-sizing: border-box;
	max-width: var(--wp--style--global--content-size);
	padding-left: calc(var(--wp--preset--spacing--70) + var(--wp--preset--spacing--40));
	text-align: left;
}

.wm-care-plans .wm-section-heading::before {
	position: absolute;
	top: 0;
	left: 0;
	width: var(--wp--preset--spacing--70);
	aspect-ratio: 1;
	background: center / contain no-repeat;
	content: "";
	pointer-events: none;
}

.wm-care-plans .wm-section-heading::before {
	background-image: url("./assets/icons/iconos-care/05-plan-care-proteccion.png");
}

.wm-care-features .wm-section-heading {
	max-width: var(--wp--style--global--content-size);
	text-align: left;
}

.wm-care-features .wm-feature-list > .wm-feature-list__item:not(:last-child) {
	border-bottom: 2px solid var(--wp--preset--color--care-mint);
}

.wm-care-features .wm-feature-list::after {
	width: calc(var(--wp--preset--spacing--70) * 2);
	aspect-ratio: 1;
	justify-self: end;
	align-self: end;
	background: url("./assets/icons/care-detalles/08-documento-decorativo.png") center / contain no-repeat;
	opacity: 0.35;
	content: "";
	pointer-events: none;
}

@media (max-width: 900px) {
	.wm-care-benefits > .wp-block-group::before,
	.wm-care-features .wm-feature-list::after {
		display: none;
	}
}

@media (max-width: 600px) {
	.wm-care-plans .wm-section-heading {
		padding-left: 0;
	}

	.wm-care-plans .wm-section-heading::before {
		position: static;
		display: block;
		width: calc(var(--wp--preset--spacing--40) * 2);
		margin-bottom: var(--wp--preset--spacing--30);
	}
}

/* Care has one complete plan, using the same card and billing switch. */
.wm-care-plans > .wp-block-webmonster-pricing-plans,
.wm-care-plans > p:last-child {
	max-width: calc(var(--wp--style--global--content-size) / 2) !important;
}

.wm-care-plans .wm-pricing-plans__grid {
	grid-template-columns: minmax(0, 1fr);
}

.wm-care-plans .wm-pricing-card__top {
	min-height: 0;
}

/* The comparison continues the mint chapter, followed by the white FAQ. */

.wm-care-managed {
	padding-top: var(--wp--preset--spacing--60);
	position: relative;
	isolation: isolate;
	padding-bottom: calc(var(--wm-section-spacing) + var(--wp--preset--spacing--50));
}

.wm-care-managed::before {
	position: absolute;
	bottom: var(--wp--preset--spacing--50);
	left: 0;
	width: calc(var(--wp--preset--spacing--70) * 2);
	aspect-ratio: 1;
	background: url("./assets/illustrations/care-managed/calendario-actualizaciones-fondo.png") center / contain no-repeat;
	content: "";
	pointer-events: none;
	z-index: -1;
}

.wm-care-managed > .wp-block-columns {
	gap: var(--wp--preset--spacing--60);
}

.wm-care-managed .wp-block-separator {
	margin-block: var(--wp--preset--spacing--40);
}

.wm-care-managed .wm-panel-soft figure {
	width: 100%;
	max-width: calc(var(--wp--preset--spacing--hero-illustration-max-height) * 0.4);
	margin: 0 auto var(--wp--preset--spacing--30);
}

.wm-care-managed .wm-panel-soft figure img {
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 1200px) {
	.wm-care-managed::before { display: none; }
}

@media (max-width: 900px) {
	.wm-care-managed > .wp-block-columns { flex-direction: column; }
	.wm-care-managed > .wp-block-columns > .wp-block-column { flex-basis: auto !important; }
}

/* WPML language navigation in the header and mobile overlay. */
.wm-mobile-languages { display: none; }
.wm-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--wp--preset--spacing--40);
	margin-inline-start: auto;
}
.wm-header-languages {
	position: relative;
	flex-shrink: 0;
	font-size: var(--wp--preset--font-size--medium);
}

.wm-header-languages summary {
	display: flex;
	align-items: center;
	gap: calc(var(--wp--preset--spacing--20) / 2);
	padding-block: var(--wp--preset--spacing--20);
	color: var(--wm-nav-accent);
	font-weight: 700;
	cursor: pointer;
	list-style: none;
}
.wm-header-languages summary::-webkit-details-marker { display: none; }
.wm-header-languages summary::after {
	content: "";
	width: .4em;
	height: .4em;
	border: solid currentColor;
	border-width: 0 2px 2px 0;
	transform: translateY(-20%) rotate(45deg);
}
.wm-header-languages details[open] summary::after {
	transform: translateY(20%) rotate(225deg);
}

/* Both disclosures use the same outlined, raised surface as our buttons. */
.wm-header-languages__list,
.wm-main-navigation .wm-nav-hosting > .wp-block-navigation__submenu-container {
	border: 2px solid var(--wp--preset--color--wm-black) !important;
	border-radius: var(--wp--preset--border-radius--8);
	box-shadow: var(--wp--preset--shadow--wm-black);
}

.wm-header-languages__list {
	--wm-focus-color: var(--wp--preset--color--purple);
	position: absolute;
	z-index: 10;
	inset-inline-end: 0;
	top: 100%;
	min-inline-size: 10em;
	padding: calc(var(--wp--preset--spacing--20) / 2);
	background: var(--wp--preset--color--wm-white);
	color: var(--wp--preset--color--wm-black);
}
.wm-header-languages__list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--30);
	padding: var(--wp--preset--spacing--20);
	border-radius: var(--wp--preset--border-radius--4);
	color: inherit;
	text-decoration: none;
}
.wm-header-languages__list a[aria-current],
.wm-header-languages__list a:hover,
.wm-header-languages__list a:focus-visible {
	background: var(--wp--preset--color--purple-bg-3);
	color: var(--wp--preset--color--purple);
}
.wm-header-languages__list a[aria-current] { font-weight: 700; }
@media (max-width: 599px) {
	.wm-header:has(.wm-header-languages) {
		flex-wrap: nowrap;
		gap: var(--wp--preset--spacing--20);
	}
	.wm-header:has(.wm-header-languages) > .wp-block-group {
		min-width: 0;
		flex-shrink: 1;
	}
	.wm-header:has(.wm-header-languages) .wp-block-site-logo img {
		max-width: 100%;
		height: auto;
	}
	.wm-header-actions {
		flex-shrink: 0;
		gap: var(--wp--preset--spacing--20);
	}
	.wm-header-actions:has(.wm-mobile-languages) > .wm-header-languages {
		display: none;
	}
	.is-menu-open .wm-mobile-languages {
		display: flex;
		align-items: center;
		gap: var(--wp--preset--spacing--20);
		font-size: var(--wp--preset--font-size--medium);
	}
	.wm-mobile-languages a {
		padding-block: var(--wp--preset--spacing--20);
	}
	.wm-mobile-languages a[aria-current] {
		font-weight: 700;
		color: var(--wm-nav-accent);
	}
	.wm-mobile-languages a:is(:hover, :focus-visible) {
		text-decoration: underline !important;
	}
}

@media (min-width: 600px) and (max-width: 999px) {
	.wm-header:has(.wm-header-languages) {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: var(--wp--preset--spacing--20);
	}
	.wm-header-actions { display: contents; }
	.wm-header-actions > .wm-main-navigation {
		grid-column: 1 / -1;
		grid-row: 2;
		justify-self: end;
	}
	.wm-header-languages {
		grid-column: 2;
		grid-row: 1;
		justify-self: end;
	}
}

/* Allow narrow layouts to reflow when the reader enlarges the base font. */
@media (max-width: 599px) {
	main {
		overflow-wrap: anywhere;
	}

	.wm-pricing-plans__switch-button {
		min-inline-size: 0;
	}
}