/**
 * Utilidades y accesibilidad.
 */

.aab-bg-light {
	background-color: var(--aab-grey);
}

.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;
	white-space: nowrap;
}

.screen-reader-text:focus {
	background-color: var(--aab-white);
	border-radius: var(--aab-radius);
	box-shadow: 0 0 0 3px var(--aab-blue);
	clip: auto;
	clip-path: none;
	color: var(--aab-navy);
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 0.5rem;
	line-height: normal;
	padding: 0.75rem 1rem;
	text-decoration: none;
	top: 0.5rem;
	width: auto;
	z-index: 100000;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible,
.menu-link:focus-visible,
.aab-btn:focus-visible,
.aab-cta-link:focus-visible,
.aab-social-link:focus-visible,
.aab-cat-filters__item:focus-visible,
.page-numbers:focus-visible {
	outline: 3px solid var(--aab-blue);
	outline-offset: 2px;
}

.entry-content img,
.wp-block-image img {
	border-radius: var(--aab-radius);
	max-width: 100%;
	height: auto;
}

@media (prefers-reduced-motion: reduce) {
	.aab-btn,
	.aab-btn:hover,
	.wp-block-button__link,
	.wp-block-button__link:hover,
	.button,
	.button:hover,
	.aab-card--post,
	.aab-card--post:hover,
	.aab-card--cpt,
	.aab-card--cpt:hover,
	.aab-cat-filters__item {
		transform: none;
		transition: none;
	}
}