/**
 * Utilitarios.
 *
 * Poucos, com nome explicito. Se uma classe daqui comeca a aparecer em toda
 * parte, ela virou componente: promova para components.css.
 */

/* Conteudo lido por leitor de tela e escondido visualmente. */
.rt-visually-hidden:not(:focus):not(:active) {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* Texto de apoio. */
.rt-muted {
	color: var(--wp--preset--color--ink-muted);
}

/* Medida de leitura para blocos de texto solto dentro de layouts largos. */
.rt-measure {
	max-width: 62ch;
}

/* Bloco que precisa ocupar a largura total de um pai com padding lateral. */
.rt-bleed {
	margin-left: calc(var(--wp--style--root--padding-left) * -1);
	margin-right: calc(var(--wp--style--root--padding-right) * -1);
}

/* Esconde um elemento apenas em telas pequenas, mantendo-o para o leitor. */
@media (max-width: 47.99rem) {
	.rt-hide-mobile {
		display: none;
	}
}

@media (min-width: 48rem) {
	.rt-hide-desktop {
		display: none;
	}
}