/**
 * MasVirtual Lead Tracking — enlaces de WhatsApp insertados con el shortcode o el bloque.
 *
 * A diferencia del botón flotante, estos enlaces viven en el contenido y deben
 * parecerse al sitio, no imponerse. Por eso heredan tipografía y no llevan un
 * color de marca fijo: solo la forma mínima para que se lean como un botón.
 *
 * Nada de esto está en un Shadow DOM a propósito. Un botón dentro del contenido
 * que ignore el tema se ve peor que uno que lo respete, y aquí el riesgo de que
 * el tema lo deforme es justamente lo que queremos permitir.
 */

.mvlt-enlace {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	text-decoration: none;
	line-height: 1.2;
}

.mvlt-enlace--boton {
	/* 44px de alto mínimo: el mismo piso táctil que el botón flotante. */
	min-height: 44px;
	padding: 0.65em 1.15em;
	border-radius: 6px;
	background: #25d366;
	color: #fff;
	font-weight: 600;
	transition: filter 0.15s ease;
}

.mvlt-enlace--boton:hover,
.mvlt-enlace--boton:focus {
	color: #fff;
	filter: brightness( 0.94 );
}

.mvlt-enlace:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 2px;
}

.mvlt-enlace__icono {
	display: inline-flex;
	flex: 0 0 auto;
}

.mvlt-enlace__icono svg {
	width: 1.25em;
	height: 1.25em;
	display: block;
}

@media ( prefers-reduced-motion: reduce ) {
	.mvlt-enlace--boton {
		transition: none;
	}
}