/**
 * Landings de servicio (inc/landings-servicios.php) y botón de las pestañas
 * de /servicios/.
 *
 * Todo sale de las variables globales del kit de Elementor (colores y
 * tipografías), así que un cambio en el kit se refleja aquí también.
 */

/* -------------------------------------------------------------------------
 * Botón "Más sobre..." en las pestañas de /servicios/
 * ---------------------------------------------------------------------- */

.mar-tab-more-wrap {
	margin: 24px 0 0;
}

.mar-tab-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

.mar-tab-actions > .elementor-button-wrapper {
	width: auto;
	margin: 0;
}

.elementor-button.mar-tab-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
}

.elementor-button.mar-l-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var( --e-global-typography-accent-font-family ), sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color .25s ease, color .25s ease;
}

.mar-tab-more .mar-l-ico,
.mar-l-btn .mar-l-ico {
	width: 18px;
	height: 18px;
	flex: none;
	transition: transform .25s ease;
}

.mar-tab-more:hover .mar-l-ico,
.mar-l-btn:hover .mar-l-ico {
	transform: translateX( 4px );
}

/* -------------------------------------------------------------------------
 * Estructura
 * ---------------------------------------------------------------------- */

.mar-landing {
	--mar-l-pad-x: 6%;
	--mar-l-pad-y: 90px;
	--mar-l-radius: 30px;
	--mar-l-tint: #f1f9fb;
	--mar-l-line: rgba( 27, 168, 193, .35 );
	width: 100%;
	color: var( --e-global-color-text );
	font-family: var( --e-global-typography-text-font-family ), sans-serif;
	font-size: 18px;
	line-height: 1.6;
}

.mar-landing p {
	margin: 0 0 1em;
}

.mar-landing a:not( .elementor-button ):not( .mar-l-card ):not( .mar-l-btn-ghost ):not( .mar-l-row ):not( .mar-l-guide ) {
	color: var( --e-global-color-primary );
	text-decoration: underline;
	text-underline-offset: 3px;
}

.mar-landing a:not( .elementor-button ):not( .mar-l-card ):not( .mar-l-btn-ghost ):not( .mar-l-row ):not( .mar-l-guide ):hover {
	color: var( --e-global-color-secondary );
}

.mar-l-crumbs {
	padding: 22px var( --mar-l-pad-x ) 0;
	font-size: 14px;
	color: var( --e-global-color-text );
	opacity: .85;
}

.mar-l-crumbs a {
	color: inherit !important;
	text-decoration: none !important;
}

.mar-l-crumbs a:hover {
	color: var( --e-global-color-primary ) !important;
}

.mar-l-sec {
	padding: var( --mar-l-pad-y ) var( --mar-l-pad-x );
}

.mar-l-sec--intro {
	padding-top: 50px;
}

.mar-l-sec--alt {
	background: var( --mar-l-tint );
}

.mar-l-wrap {
	max-width: 1400px;
	margin: 0 auto;
}

/* -------------------------------------------------------------------------
 * Tipografía (el kit pone H2 y H3 a 60 px: aquí se fija la jerarquía)
 * ---------------------------------------------------------------------- */

.elementor-kit-6 .mar-landing .mar-l-h2 {
	margin: 0 0 24px;
	color: var( --e-global-color-secondary );
	font-family: var( --e-global-typography-primary-font-family ), sans-serif;
	font-size: clamp( 32px, 3.4vw, 50px );
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.01em;
}

.elementor-kit-6 .mar-landing .mar-l-h3 {
	margin: 0 0 10px;
	color: var( --e-global-color-secondary );
	font-family: var( --e-global-typography-8b81cce-font-family ), sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
}

.mar-l-kicker {
	display: inline-block;
	margin: 0 0 14px !important;
	color: var( --e-global-color-primary );
	font-family: var( --e-global-typography-8796b6d-font-family ), sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.mar-l-lead {
	max-width: 900px;
	margin-bottom: 40px;
}

.mar-l-lead p:last-child {
	margin-bottom: 0;
}

.mar-l-note {
	margin-top: 24px !important;
	font-size: 16px;
}

.mar-l-ico {
	display: block;
	width: 24px;
	height: 24px;
}

/* -------------------------------------------------------------------------
 * Bloques de texto + imagen
 * ---------------------------------------------------------------------- */

.mar-l-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.mar-l-split--reverse .mar-l-split__media {
	order: -1;
}

.mar-l-split__text > :last-child {
	margin-bottom: 0;
}

.mar-l-split__text .mar-l-h3 {
	margin-top: 26px;
}

.mar-landing img.mar-l-img {
	display: block;
	width: 100%;
	height: 460px;
	object-fit: cover;
	border-radius: var( --mar-l-radius );
}

.mar-l-facts {
	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	margin: 24px 0 0;
	border-top: 2px solid var( --e-global-color-primary );
}

.mar-l-facts div {
	padding: 18px 12px 0 0;
}

.mar-l-facts dt {
	color: var( --e-global-color-primary );
	font-family: var( --e-global-typography-primary-font-family ), sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.15;
}

.mar-l-facts dd {
	margin: 4px 0 0;
	font-size: 15px;
	line-height: 1.35;
}

/* -------------------------------------------------------------------------
 * Listas
 * ---------------------------------------------------------------------- */

.mar-l-checks {
	margin: 24px 0;
	padding: 0;
	list-style: none;
}

.mar-l-checks li {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	margin: 0 0 10px;
}

.mar-l-checks .mar-l-ico {
	flex: none;
	width: 22px;
	height: 22px;
	margin-top: 3px;
	padding: 3px;
	border-radius: 50%;
	background: var( --e-global-color-primary );
	color: #fff;
	stroke-width: 3;
}

.mar-l-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mar-l-tags li {
	display: inline-flex;
	gap: 10px;
	align-items: center;
	padding: 14px 24px;
	border: 2px solid var( --e-global-color-primary );
	border-radius: 50px;
	font-weight: 500;
	line-height: 1.2;
}

.mar-l-tags .mar-l-ico {
	color: var( --e-global-color-primary );
}

/* -------------------------------------------------------------------------
 * Tarjetas
 * ---------------------------------------------------------------------- */

.mar-l-cards {
	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	gap: 24px;
}

.mar-l-cards--2 {
	grid-template-columns: repeat( 2, 1fr );
}

.mar-l-cards--4 {
	grid-template-columns: repeat( 4, 1fr );
}

.mar-l-card {
	display: flex;
	flex-direction: column;
	padding: 34px 30px;
	border-bottom: 2px solid var( --e-global-color-primary );
	border-radius: 20px 20px 0 0;
	background: #fff;
	color: var( --e-global-color-text );
	text-decoration: none;
	transition: transform .25s ease, box-shadow .25s ease;
}

.mar-l-sec:not( .mar-l-sec--alt ) .mar-l-card {
	background: var( --mar-l-tint );
}

.mar-l-card p {
	margin-bottom: 0;
	font-size: 17px;
}

.mar-l-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin-bottom: 20px;
	border-radius: 50%;
	background: var( --e-global-color-primary );
	color: #fff;
}

.mar-l-card__icon .mar-l-ico {
	width: 28px;
	height: 28px;
}

/* Tarjeta con miniatura: la foto ocupa todo el ancho y el icono la solapa. */
.mar-l-card--media {
	padding-top: 0;
	overflow: hidden;
}

.mar-l-card__media {
	display: block;
	height: 210px;
	margin: 0 -30px;
	background: #f2f4f5;
	overflow: hidden;
}

.mar-landing .mar-l-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	transition: transform .5s ease;
}

.mar-l-card--link:hover .mar-l-card__media img {
	transform: scale( 1.05 );
}

.mar-l-card--media .mar-l-card__icon {
	position: relative;
	margin-top: -28px;
	box-shadow: 0 0 0 5px #fff;
}

/* Tarjeta de otro servicio: foto arriba y, debajo, bloque azul marino sólido con el texto. */
.mar-l-card--photo {
	padding-top: 0;
	overflow: hidden;
	border-bottom: 0;
	border-radius: 20px;
	color: #fff;
}

.mar-l-sec .mar-l-card--photo,
.mar-l-sec:not( .mar-l-sec--alt ) .mar-l-card--photo {
	background: var( --e-global-color-secondary );
}

.mar-landing img.mar-l-card__bg {
	display: block;
	width: calc( 100% + 60px );
	max-width: none;
	height: 170px;
	margin: 0 -30px;
	object-fit: cover;
	border-radius: 0;
	transition: transform .6s ease;
}

.mar-l-card--photo:hover img.mar-l-card__bg {
	transform: scale( 1.06 );
}

.elementor-kit-6 .mar-landing .mar-l-card--photo .mar-l-h3,
.mar-l-card--photo p,
.mar-l-card--photo:hover {
	color: #fff;
}

.mar-l-card--photo p {
	opacity: .85;
}

.mar-l-card--photo .mar-l-card__icon {
	position: relative;
	z-index: 1;
	margin-top: -28px;
	box-shadow: 0 0 0 5px var( --e-global-color-secondary );
}

.mar-l-card--photo .mar-l-card__more {
	color: var( --e-global-color-primary );
}

.mar-l-card__more {
	margin-top: 0;
	color: #fff;
}

.mar-l-card__more {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	margin-top: auto;
	padding-top: 20px;
	color: var( --e-global-color-primary );
	font-weight: 700;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: .04em;
}

.mar-l-card__more .mar-l-ico {
	width: 18px;
	height: 18px;
	transition: transform .25s ease;
}

.mar-l-card--link:hover {
	transform: translateY( -4px );
	box-shadow: 0 18px 40px -22px rgba( 16, 47, 79, .45 );
	color: var( --e-global-color-text );
}

.mar-l-card--link:hover .mar-l-card__more .mar-l-ico {
	transform: translateX( 4px );
}

.mar-l-card--link:focus-visible {
	outline: 3px solid var( --e-global-color-primary );
	outline-offset: 3px;
}

/* -------------------------------------------------------------------------
 * Tarjetas claras horizontales (relacionados con style 'row')
 * ---------------------------------------------------------------------- */

.mar-l-rows {
	display: grid;
	gap: 20px;
}

.mar-landing a.mar-l-row {
	display: grid;
	grid-template-columns: minmax( 220px, 34% ) 1fr;
	overflow: hidden;
	border-bottom: 2px solid var( --e-global-color-primary );
	border-radius: 20px 20px 0 0;
	background: #fff;
	color: var( --e-global-color-text );
	text-decoration: none;
	transition: transform .25s ease, box-shadow .25s ease;
}

.mar-l-sec:not( .mar-l-sec--alt ) a.mar-l-row {
	background: var( --mar-l-tint );
}

.mar-landing a.mar-l-row:hover {
	transform: translateY( -3px );
	box-shadow: 0 18px 40px -22px rgba( 16, 47, 79, .45 );
	color: var( --e-global-color-text );
}

.mar-landing a.mar-l-row:focus-visible {
	outline: 3px solid var( --e-global-color-primary );
	outline-offset: 3px;
}

.mar-l-row__media {
	display: block;
	min-height: 200px;
	overflow: hidden;
	background: #f2f4f5;
}

.mar-landing img.mar-l-row__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	transition: transform .6s ease;
}

.mar-landing a.mar-l-row:hover img.mar-l-row__img {
	transform: scale( 1.05 );
}

.mar-l-row__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 28px 36px;
}

.mar-l-row__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-bottom: 14px;
	border-radius: 50%;
	background: var( --e-global-color-primary );
	color: #fff;
}

.mar-l-row__icon .mar-l-ico {
	width: 22px;
	height: 22px;
}

.elementor-kit-6 .mar-landing .mar-l-row .mar-l-h3 {
	font-size: 22px;
}

.mar-l-row__body p {
	max-width: 640px;
	margin: 0;
	font-size: 17px;
}

.mar-l-row .mar-l-card__more {
	margin-top: 0;
	padding-top: 16px;
}

.mar-landing a.mar-l-row:hover .mar-l-card__more .mar-l-ico {
	transform: translateX( 4px );
}

@media ( max-width: 767px ) {
	.mar-landing a.mar-l-row {
		grid-template-columns: 1fr;
	}

	.mar-l-row__media {
		min-height: 0;
		height: 180px;
	}

	.mar-l-row__body {
		padding: 22px;
	}
}

/* -------------------------------------------------------------------------
 * Tabla
 * ---------------------------------------------------------------------- */

.mar-l-table-wrap {
	overflow-x: auto;
	border-radius: 20px;
	border: 1px solid var( --mar-l-line );
}

.mar-l-table {
	width: 100%;
	min-width: 640px;
	margin: 0;
	border-collapse: collapse;
	font-size: 16px;
}

.mar-l-table caption {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect( 0 0 0 0 );
}

.mar-l-table th,
.mar-l-table td {
	padding: 16px 20px;
	border: 0;
	border-bottom: 1px solid var( --mar-l-line );
	text-align: left;
	vertical-align: top;
}

.mar-l-table thead th {
	background: var( --e-global-color-secondary );
	color: #fff;
	font-family: var( --e-global-typography-8b81cce-font-family ), sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: .05em;
}

.mar-l-table tbody th {
	color: var( --e-global-color-secondary );
	font-weight: 700;
}

/* El reset de Hello tiñe las filas impares con más especificidad. */
.mar-landing .mar-l-table tbody tr > th,
.mar-landing .mar-l-table tbody tr > td {
	background-color: transparent;
}

.mar-l-table tbody tr:nth-child( even ) {
	background: var( --mar-l-tint );
}

.mar-l-table tbody tr:last-child th,
.mar-l-table tbody tr:last-child td {
	border-bottom: 0;
}

/* -------------------------------------------------------------------------
 * Pasos
 * ---------------------------------------------------------------------- */

.mar-l-steps {
	display: grid;
	grid-template-columns: repeat( 4, 1fr );
	gap: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: none;
}

.mar-l-step {
	position: relative;
	padding-top: 22px;
	border-top: 2px solid var( --e-global-color-primary );
}

.mar-l-step__n {
	display: block;
	margin-bottom: 12px;
	color: var( --e-global-color-primary );
	font-family: var( --e-global-typography-primary-font-family ), sans-serif;
	font-size: 54px;
	font-weight: 700;
	line-height: 1;
}

.mar-l-step p {
	margin: 0;
	font-size: 17px;
}

/* -------------------------------------------------------------------------
 * Columnas de texto
 * ---------------------------------------------------------------------- */

.mar-l-cols {
	display: grid;
	grid-template-columns: repeat( 2, 1fr );
	gap: 60px;
}

.mar-l-col .mar-l-checks {
	margin-bottom: 0;
}

/* -------------------------------------------------------------------------
 * Preguntas frecuentes (mismo aspecto que el acordeón de la portada:
 * pregunta en negrita y círculo azul con flecha hacia abajo / arriba)
 * ---------------------------------------------------------------------- */

.mar-l-faq {
	max-width: 1100px;
}

.mar-l-faq__item summary {
	display: flex;
	gap: 24px;
	align-items: center;
	justify-content: space-between;
	padding: 14px 0;
	cursor: pointer;
	list-style: none;
}

.mar-l-faq__item summary::-webkit-details-marker {
	display: none;
}

.elementor-kit-6 .mar-landing .mar-l-faq__q {
	margin: 0;
	color: var( --e-global-color-secondary );
	font-family: var( --e-global-typography-8b81cce-font-family ), sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
	text-transform: none;
	transition: color .2s ease;
}

.mar-l-faq__btn {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var( --e-global-color-primary );
	color: #fff;
	transition: background-color .2s ease;
}

.mar-l-faq__btn .mar-l-ico {
	width: 18px;
	height: 18px;
	transform: rotate( 90deg );
	transition: transform .25s ease;
}

.mar-l-faq__item[open] .mar-l-faq__btn .mar-l-ico {
	transform: rotate( -90deg );
}

.mar-l-faq__item summary:hover .mar-l-faq__q {
	color: var( --e-global-color-primary );
}

.mar-l-faq__item summary:hover .mar-l-faq__btn {
	background: var( --e-global-color-secondary );
}

.mar-l-faq__item summary:focus-visible {
	outline: 3px solid var( --e-global-color-primary );
	outline-offset: 4px;
}

.mar-l-faq__a {
	padding: 0 60px 14px 0;
}

.mar-l-faq__a p:last-child {
	margin-bottom: 0;
}

/* -------------------------------------------------------------------------
 * Llamadas a la acción
 * ---------------------------------------------------------------------- */

.mar-l-ctas {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: center;
	margin-top: 30px;
}

.mar-l-btn-ghost {
	display: inline-flex;
	gap: 10px;
	align-items: center;
	padding: 16px 28px 18px;
	border: 2px solid var( --e-global-color-secondary );
	border-radius: 50px;
	color: var( --e-global-color-secondary );
	font-family: var( --e-global-typography-accent-font-family ), sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}

.mar-l-btn-ghost .mar-l-wa {
	flex: none;
	width: 24px;
	height: 24px;
}

.mar-l-btn-ghost:hover {
	border-color: var( --e-global-color-primary );
	color: var( --e-global-color-primary );
}

.mar-l-sec--cta {
	padding-top: 150px;
}

.mar-l-band {
	position: relative;
	display: flex;
	align-items: center;
	max-width: 1400px;
	min-height: 330px;
	margin: 0 auto;
	padding: 56px calc( 6% + 400px ) 56px 6%;
	border-radius: var( --mar-l-radius );
	background: var( --e-global-color-secondary );
	color: #fff;
}

.mar-l-band__text {
	flex: 1;
}

.elementor-kit-6 .mar-landing .mar-l-band .mar-l-h2 {
	color: #fff;
}

.mar-l-band p {
	margin: 0;
	opacity: .9;
}

.mar-l-band .mar-l-ctas {
	margin-top: 28px;
}

/* Sale por arriba de la banda y apoya en su borde inferior. */
.mar-landing img.mar-l-band__person {
	position: absolute;
	right: 4%;
	bottom: 0;
	width: auto;
	max-width: none;
	height: calc( 100% + 100px );
	max-height: 560px;
	border-radius: 0;
	filter: drop-shadow( 0 18px 30px rgba( 0, 0, 0, .25 ) );
	pointer-events: none;
}

.elementor-kit-6 .mar-l-band .elementor-button.mar-l-btn--light {
	background: var( --e-global-color-primary );
	color: #fff;
}

.elementor-kit-6 .mar-l-band .elementor-button.mar-l-btn--light:hover {
	background: #fff;
	color: var( --e-global-color-secondary );
}

.mar-l-band .mar-l-btn-ghost {
	border-color: #fff;
	color: #fff;
}

.mar-l-band .mar-l-btn-ghost:hover {
	border-color: var( --e-global-color-primary );
	color: #fff;
	background: var( --e-global-color-primary );
}

/* -------------------------------------------------------------------------
 * Responsive (mismos cortes que el kit: 1024 y 767)
 * ---------------------------------------------------------------------- */

@media ( max-width: 1200px ) {
	.mar-l-cards--4 {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media ( max-width: 1024px ) {
	.mar-landing {
		--mar-l-pad-x: 20px;
		--mar-l-pad-y: 60px;
	}

	.mar-l-split {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.mar-l-split--reverse .mar-l-split__media {
		order: 0;
	}

	.mar-landing img.mar-l-img {
		height: 380px;
	}

	.mar-l-cards {
		grid-template-columns: repeat( 2, 1fr );
	}

	.mar-l-steps {
		grid-template-columns: repeat( 2, 1fr );
	}

	.mar-l-cols {
		gap: 40px;
	}

	.mar-l-band {
		padding-right: calc( 20px + 300px );
	}

	.mar-landing img.mar-l-band__person {
		right: 2%;
		height: calc( 100% + 70px );
	}
}

@media ( max-width: 767px ) {
	.mar-landing {
		font-size: 17px;
	}

	.mar-l-sec--intro {
		padding-top: 30px;
	}

	.mar-landing img.mar-l-img {
		height: 260px;
		border-radius: 20px;
	}

	.mar-l-facts dt {
		font-size: 19px;
	}

	.mar-l-facts dd {
		font-size: 13px;
	}

	.mar-l-cards,
	.mar-l-cards--4,
	.mar-l-steps,
	.mar-l-cols {
		grid-template-columns: 1fr;
	}

	.mar-l-card {
		padding: 28px 22px;
	}

	.mar-l-card--media {
		padding-top: 0;
	}

	.mar-l-card__media {
		margin: 0 -22px;
	}

	.mar-landing img.mar-l-card__bg {
		width: calc( 100% + 44px );
		margin: 0 -22px;
	}

	.mar-l-step__n {
		font-size: 44px;
	}

	.mar-l-tags li {
		padding: 10px 18px;
		font-size: 16px;
	}

	.elementor-kit-6 .mar-landing .mar-l-faq__q {
		font-size: 16px;
	}

	.mar-l-faq__btn {
		width: 32px;
		height: 32px;
	}

	.mar-l-faq__a {
		padding-right: 0;
	}

	/* Tablas apiladas: cada fila es una ficha con la etiqueta de cada dato. */
	.mar-l-table-wrap {
		overflow: visible;
		border: 0;
	}

	.mar-l-table {
		min-width: 0;
	}

	.mar-l-table thead {
		display: none;
	}

	.mar-l-table,
	.mar-l-table tbody,
	.mar-l-table tr,
	.mar-l-table th,
	.mar-l-table td {
		display: block;
		width: 100%;
	}

	.mar-l-table tbody tr {
		margin-bottom: 14px;
		border: 1px solid var( --mar-l-line );
		border-radius: 16px;
		overflow: hidden;
		background: #fff;
	}

	.mar-l-table tbody tr:nth-child( even ) {
		background: #fff;
	}

	.mar-landing .mar-l-table tbody tr > th {
		background: var( --e-global-color-secondary );
		color: #fff;
	}

	.mar-l-table td {
		padding: 10px 18px;
	}

	.mar-l-table td[data-label]::before {
		content: attr( data-label );
		display: block;
		color: var( --e-global-color-primary );
		font-size: 12px;
		font-weight: 700;
		letter-spacing: .05em;
		text-transform: uppercase;
	}

	.mar-l-table tbody tr:last-child td {
		border-bottom: 0;
	}

	.mar-l-table tbody td:last-child {
		border-bottom: 0;
	}

	.mar-l-sec--cta {
		padding-top: 190px;
	}

	.mar-l-band {
		display: block;
		padding: 150px 24px 40px;
		border-radius: 20px;
	}

	.mar-landing img.mar-l-band__person {
		left: 50%;
		right: auto;
		top: -150px;
		bottom: auto;
		height: 280px;
		transform: translateX( -50% );
	}

	.mar-l-ctas > a {
		justify-content: center;
		width: 100%;
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.mar-landing *,
	.mar-tab-more .mar-l-ico {
		transition: none !important;
	}
}

/* Subtítulo del héroe en EN/IT (sus plantillas no traen el widget de entradilla). */
.mar-l-hero-lead {
	max-width: 760px;
	margin: 15px 0 0;
	color: var( --e-global-color-30ef779 );
	font-family: var( --e-global-typography-text-font-family ), sans-serif;
	font-size: 18px;
	line-height: 1.6;
}

/* Guías y consejos: artículos del blog que enlazan a la landing. */
.mar-l-guides {
	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	gap: 24px;
}

.mar-landing a.mar-l-guide {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 0 0 1px #e3eaf0;
	color: var( --e-global-color-secondary );
	text-decoration: none;
	transition: transform .25s ease, box-shadow .25s ease;
}

.mar-landing a.mar-l-guide:hover {
	transform: translateY( -4px );
	box-shadow: 0 18px 40px -22px rgba( 16, 47, 79, .45 ), 0 0 0 1px #e3eaf0;
}

.mar-l-guide__media {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var( --mar-l-tint );
}

.mar-landing .mar-l-guide__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
}

.mar-l-guide__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 20px 22px 22px;
}

.mar-l-guide__title {
	margin-bottom: 14px;
	font-family: var( --e-global-typography-primary-font-family ), sans-serif;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.3;
}

.mar-l-guide .mar-l-card__more {
	margin-top: auto;
	padding-top: 0;
}

@media ( max-width: 1024px ) {
	.mar-l-guides {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media ( max-width: 767px ) {
	.mar-l-guides {
		grid-template-columns: 1fr;
	}
}