/*
 * Ajustes de acessibilidade (auditoria nov/2026).
 * Carregado depois de style.css. Arquivo separado porque style.css é gerado pelo Prepros a partir do SCSS.
 */

/*
 * Texto só para leitores de tela. O !important impede que regras do tema
 * (ex.: ".course .text p.meta span { width: 100% }") aumentem o elemento
 * e criem rolagem horizontal.
 */
.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Link "Pular para o conteúdo": invisível até receber foco pelo teclado */
.skip-link {
	position: absolute;
	top: -100px;
	left: 8px;
	z-index: 10000;
	padding: 10px 16px;
	background: #000;
	color: #fff !important;
	font-weight: 600;
	border-radius: 0 0 4px 4px;
	text-decoration: none;
}
.skip-link:focus {
	top: 0;
	outline: 3px solid #F8E92A;
}

main:focus {
	outline: none;
}

/* Indicadores dos carrosséis: área de toque de 24x24px, mantendo o ponto visual de 10px */
.owl-carousel .owl-dots .owl-dot,
.owl-carousel.home-slider .owl-dots .owl-dot,
.testimony-section .owl-dots .owl-dot {
	width: 24px;
	height: 24px;
	padding: 7px;
	margin: 0 2px;
	background-clip: content-box;
	box-sizing: border-box;
	border: 0;
}

/* Foco visível nos indicadores e setas (o tema removia o outline) */
.owl-carousel .owl-dots .owl-dot:focus-visible,
.owl-carousel .owl-nav button:focus-visible {
	outline: 2px solid #000 !important;
	outline-offset: 2px;
}

/* Links "SAIBA MAIS" dos serviços: altura mínima de 24px */
.link-saiba-mais {
	display: inline-block;
	min-height: 24px;
	padding: 4px 0;
}

/* Links das listas do rodapé: altura mínima de 24px */
.ftco-footer .ftco-footer-widget ul li a {
	display: inline-block;
	min-height: 24px;
	padding: 2px 0;
}

/* Metadados das notícias (categoria, data, visualizações) estavam em 10px */
.course .text p.meta {
	font-size: 12px;
}
