/**
 * AMAFI Core — formulario de suscripción.
 */

.amafi-suscripcion {
	--amafi-azul: #14324f;
	--amafi-azul-oscuro: #1d4d78;

	max-width: 34rem;
	/* Centrado cuando va en una sección ancha, como en la portada. */
	margin-inline: auto;
}

.amafi-suscripcion__titulo {
	margin: 0 0 .4em;
}

.amafi-suscripcion__texto {
	margin: 0 0 1.2em;
	opacity: .85;
}

.amafi-suscripcion__campo {
	margin: 0 0 .9em;
}

.amafi-suscripcion__campo label {
	display: block;
	margin-bottom: .25em;
	font-weight: 600;
	font-size: .92em;
}

.amafi-suscripcion__campo input {
	width: 100%;
	padding: .6em .75em;
	border: 1px solid currentColor;
	border-radius: 4px;
	background: transparent;
	color: inherit;
	font: inherit;
}

/* La casilla de consentimiento se deja legible a propósito: es lo que se acepta. */
.amafi-suscripcion__acepta {
	margin: 0 0 1.2em;
	font-size: .88em;
	line-height: 1.5;
}

.amafi-suscripcion__acepta label {
	display: flex;
	gap: .6em;
	align-items: flex-start;
}

.amafi-suscripcion__acepta input {
	margin-top: .25em;
	flex: 0 0 auto;
}

.amafi-suscripcion__enviar button {
	padding: .8em 1.8em;
	border: 0;
	border-radius: 4px;
	/* Sin color propio, el tema lo pintaba como un enlace suelto. */
	background: var(--amafi-azul);
	color: #fff;
	font: inherit;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	transition: background .15s ease;
}

.amafi-suscripcion__enviar button:hover,
.amafi-suscripcion__enviar button:focus {
	background: var(--amafi-azul-oscuro);
	color: #fff;
}

/* Trampa antirrobots: oculta para personas, visible para quien rellena a ciegas. */
.amafi-suscripcion__trampa {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.amafi-suscripcion__aviso {
	margin: 0 0 1em;
	padding: .75em 1em;
	border-radius: 4px;
	font-size: .92em;
}

.amafi-suscripcion__aviso--exito {
	background: #e6f4ea;
	color: #1e6b33;
}

.amafi-suscripcion__aviso--error {
	background: #fce8e6;
	color: #982219;
}