/* Boletín: lo que agrega el módulo a .boletin-caja (la caja base vive en recursos/css/pie.css). */

.boletin-caja {
	position: relative;
}

.boletin-caja__texto {
	margin: 0;
	color: var(--texto-suave);
}

.boletin-caja input[type="text"] {
	height: 3.125rem;
	border-radius: 999px;
}

/* Con nombre: los dos campos lado a lado y el botón debajo, a todo el ancho. */
.boletin-caja--nombre .boletin-caja__fila {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.boletin-caja--nombre .boletin-caja__fila .btn {
	grid-column: 1 / -1;
}

.boletin-caja .btn[disabled] {
	opacity: 0.7;
	cursor: progress;
	transform: none;
}

.boletin-caja__verificacion {
	display: none;
}

.boletin-caja__consentimiento {
	display: flex;
	gap: 0.5rem;
	align-items: flex-start;
}

.boletin-caja__consentimiento input {
	flex: none;
	width: 1.125rem;
	height: 1.125rem;
	margin-top: 0.125rem;
	accent-color: var(--fucsia);
}

.boletin-caja__legal a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.boletin-caja__gracias:empty {
	display: none;
}

.boletin-caja__gracias--error {
	background: var(--rosa);
	color: var(--color-deep);
	box-shadow: inset 3px 0 0 var(--fucsia);
}

/* Campo trampa: fuera de la vista y del teclado, pero presente para los robots. */
.boletin-caja__trampa {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

@media (max-width: 480px) {
	.boletin-caja--nombre .boletin-caja__fila { grid-template-columns: minmax(0, 1fr); }
}