Lámparas colgantes LED minimalistas NovaLume con control remoto
Resumen
Las siguientes reglas de estilo definen cómo la página del producto presenta las lámparas colgantes LED minimalistas NovaLume con control remoto. Regulan la apariencia de las secciones abiertas, el tratamiento de los encabezados de sección, el comportamiento de los paneles acordeón y el diseño y tipografía adaptables para asegurar una presentación limpia y moderna.
Características clave de estilo
- El estado abierto (is-open) aplica un fondo claro y un relleno horizontal a las áreas de contenido para resaltar las secciones ampliadas.
- Los pies de sección (section-footer__title) usan un aumento en el espaciado entre letras, un peso medio de fuente y un tamaño compacto para una etiqueta distinta y legible.
- Los paneles acordeón (accordionPanel) ofrecen una transición suave de altura máxima en pantallas grandes para un efecto refinado de expandir/plegar, con un fondo claro y desbordamiento oculto cuando están plegados.
- Los envoltorios acordeón (accordionWrapper) gestionan la visibilidad mediante transiciones de desvanecimiento y aseguran un relleno consistente en todas las vistas.
- Las columnas adaptables (columns) cambian a un diseño de dos columnas en pantallas más anchas para mejorar la densidad del contenido manteniendo la legibilidad.
Tipografía y espaciado
- La tipografía utiliza fuentes como Replica Std y Helvetica Neue para un aspecto moderno y limpio. Algunos encabezados están estilizados en mayúsculas con un espaciado estrecho entre letras para crear una jerarquía marcada.
- Las utilidades de espaciado regulan márgenes y rellenos para mantener un ritmo constante entre los elementos, incluyendo márgenes inferiores y rellenos internos.
- Las listas y contenedores de contenido reinician los estilos y márgenes predeterminados para asegurar un diseño ordenado.
Notas sobre la estructura
Las reglas descritas se centran en la presentación de la página y no introducen funciones adicionales ni elementos externos más allá del marco de estilo descrito.