/* 07 — Utilitários: peças pequenas usadas em vários lugares. */

/* Link "Pular para o conteúdo": invisível até receber foco do teclado (acessibilidade). */
.pular-conteudo { position: absolute; left: -999px; top: 0.5rem; padding: 0.5rem 1rem; background: #fff; z-index: 10; }
.pular-conteudo:focus { left: 0.5rem; }

/* Botão padrão. */
.botao {
    display: inline-block; padding: 0.875rem 1.5rem; border-radius: var(--raio);
    background: var(--cor-azul); color: #fff; font-weight: 700; text-decoration: none;
}
.botao:hover { background: var(--cor-marinho); color: #fff; }
.botao--compra { background: var(--cor-conversao); }

:focus-visible { outline: 3px solid var(--cor-ciano); outline-offset: 2px; }