Container com largura máxima e padding interno que escala de forma fluida com clamp().
.container {
width: 100%;
max-width: 1280px;
margin-inline: auto;
padding-inline: clamp(1rem, 5vw, 3rem);
}
/* Variantes */
.container--sm { max-width: 768px; }
.container--md { max-width: 1024px; }
.container--xl { max-width: 1536px; }
.container--full { max-width: 100%; }Cabeçalho que muda de estilo ao rolar a página, usando Intersection Observer.
Componente de abas seguindo o padrão ARIA Authoring Practices com navegação por teclado.
Estrutura semântica de card de produto com preço, avaliação e botão de compra acessível.
Estrutura completa de variáveis CSS para cores, tipografia, espaçamento e breakpoints.
Utilitário simples para ler, escrever e remover cookies no navegador.