Centraliza um elemento horizontal e verticalmente usando Flexbox.
/* Centralizar conteúdo do container */
.centralizar {
display: flex;
align-items: center;
justify-content: center;
}
/* Centralizar na viewport */
.centralizar-tela {
display: flex;
align-items: center;
justify-content: center;
min-height: 100dvh;
}
/* Centralizar com Grid (mais simples) */
.centralizar-grid {
display: grid;
place-items: center;
min-height: 100dvh;
}Implementa suporte a dark mode usando variáveis CSS e a media query prefers-color-scheme.
Delega eventos para elementos dinâmicos usando um único listener no elemento pai.
Componente de abas seguindo o padrão ARIA Authoring Practices com navegação por teclado.
Copia qualquer texto para o clipboard com fallback para navegadores mais antigos.
Container com largura máxima e padding interno que escala de forma fluida com clamp().