Luzes Pendentes LED Minimalistas NovaLume com Controlo Remoto
Visão Geral
As seguintes regras de estilo definem como a página do produto apresenta as Luzes Pendentes LED Minimalistas NovaLume com Controlo Remoto. Elas regulam a aparência das secções abertas, o tratamento dos cabeçalhos das secções, o comportamento dos painéis de acordeão e o layout e tipografia responsivos para garantir uma apresentação limpa e moderna.
Principais características de estilo
- O estado aberto (is-open) aplica um fundo claro e preenchimento horizontal às áreas de conteúdo para destacar as secções expandidas.
- Os rodapés das secções (section-footer__title) usam espaçamento entre letras aumentado, peso de fonte médio e um tamanho de fonte compacto para um rótulo distinto e legível.
- Os painéis de acordeão (accordionPanel) oferecem uma transição suave de altura máxima em ecrãs maiores para um efeito refinado de expandir/recolher, com fundo claro e overflow oculto quando recolhidos.
- Os invólucros de acordeão (accordionWrapper) gerem a visibilidade através de transições de desvanecimento e garantem preenchimento consistente em todos os pontos de vista.
- As colunas responsivas (columns) mudam para um layout de duas colunas em ecrãs mais largos para melhorar a densidade do conteúdo mantendo a legibilidade.
Tipografia e espaçamento
- A tipografia utiliza fontes como Replica Std e Helvetica Neue para um aspeto moderno e limpo. Alguns títulos são estilizados em maiúsculas com espaçamento apertado entre letras para criar uma hierarquia forte.
- As utilidades de espaçamento regulam margens e preenchimentos para manter um ritmo consistente entre os elementos, incluindo margens inferiores e preenchimentos internos.
- As listas e os contentores de conteúdo redefinem os estilos e margens padrão das listas para garantir um layout organizado.
Notas sobre a estrutura
As regras descritas focam-se na apresentação da página e não introduzem funcionalidades adicionais ou elementos externos além do quadro de estilo descrito.