/* Contrato visual compartido por los bloques públicos de Hallegro Gestión. */
:is(.hal-biblioteca, .hal-cuenta, .hal-compras, .hal-contenido-coleccion, .hal-soporte) {
	color: var(--wp--preset--color--tinta, #2a2420);
}

:is(
	.hal-biblioteca__aviso,
	.hal-biblioteca__tarjeta,
	.hal-cuenta__nota-editor,
	.hal-cuenta__aviso,
	.hal-cuenta__tarjeta,
	.hal-compras__compra,
	.hal-contenido-coleccion__aviso,
	.hal-contenido-coleccion--editor,
	.hal-soporte__nuevo,
	.hal-soporte__caso
) {
	border: 1px solid var(--wp--preset--color--papel-hondo, #ede5d6);
	background: var(--wp--preset--color--papel-hondo, #ede5d6);
}

:is(
	.hal-biblioteca__aviso,
	.hal-cuenta__nota-editor,
	.hal-cuenta__aviso,
	.hal-cuenta__tarjeta,
	.hal-compras__compra,
	.hal-contenido-coleccion__aviso,
	.hal-contenido-coleccion--editor,
	.hal-soporte__nuevo,
	.hal-soporte__caso
) {
	padding: var(--wp--preset--spacing--30, 1.75rem);
}

:is(
	.hal-biblioteca__boton,
	.hal-cuenta__boton,
	.hal-compras__boton,
	.hal-contenido-coleccion__boton,
	.hal-soporte__boton,
	.hal-proteccion__boton
) {
	display: inline-block;
	box-sizing: border-box;
	width: max-content;
	min-height: 2.75rem;
	padding: .7rem 1.15rem;
	border: 1px solid var(--wp--preset--color--tinta, #2a2420);
	color: var(--wp--preset--color--papel, #f7f2e9);
	background: var(--wp--preset--color--tinta, #2a2420);
	font: inherit;
	text-decoration: none;
	cursor: pointer;
}

:is(
	.hal-biblioteca__boton,
	.hal-cuenta__boton,
	.hal-compras__boton,
	.hal-contenido-coleccion__boton,
	.hal-soporte__boton,
	.hal-proteccion__boton
):is(:hover, :focus-visible) {
	border-color: var(--wp--preset--color--verdin, #3e5c50);
	color: var(--wp--preset--color--papel, #f7f2e9);
	background: var(--wp--preset--color--verdin, #3e5c50);
}

:is(.hal-biblioteca, .hal-cuenta, .hal-compras, .hal-contenido-coleccion, .hal-soporte, .hal-proteccion__navegacion) a:focus-visible,
.hal-soporte button:focus-visible {
	outline: 2px solid var(--wp--preset--color--arcilla, #a64b2a);
	outline-offset: 3px;
}

:is(.hal-biblioteca, .hal-cuenta, .hal-compras, .hal-contenido-coleccion, .hal-soporte) :is(h2, h3, strong) {
	overflow-wrap: anywhere;
}

@media (forced-colors: active) {
	:is(
		.hal-biblioteca__aviso,
		.hal-biblioteca__tarjeta,
		.hal-cuenta__nota-editor,
		.hal-cuenta__aviso,
		.hal-cuenta__tarjeta,
		.hal-compras__compra,
		.hal-contenido-coleccion__aviso,
		.hal-soporte__nuevo,
		.hal-soporte__caso
	) {
		border-color: CanvasText;
	}
}