/*
 * Estilos exclusivamente funcionales.
 * El diseño visual puede definirse en el tema utilizando estas clases.
 */

.anarpla-screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.anarpla-card__logo {
	position: relative;
}

.anarpla-card__logo-image {
	display: block;
	height: auto;
	max-width: 100%;
}

.anarpla-card__logo-image--color {
	height: 100%;
	inset: 0;
	object-fit: contain;
	opacity: 0;
	position: absolute;
	transition: opacity 180ms ease;
	width: 100%;
}

.anarpla-card__logo:hover .anarpla-card__logo-image--color,
.anarpla-card__logo:focus-within .anarpla-card__logo-image--color {
	opacity: 1;
}

.anarpla-card__logo--single .anarpla-card__logo-image--mono {
	opacity: 1;
}

[hidden] {
	display: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.anarpla-card__logo-image--color {
		transition: none;
	}
}