/** * Componentes: piezas de interfaz reutilizables en más de una * plantilla (botones, etiquetas, menú, tarjetas, listas, insignias). * No incluye la composición particular de cada sección del home, * eso vive en sections.css. * * @package Induscore */ /* --------------------------------------------------- Etiqueta: antetítulo pequeño en mayúsculas --------------------------------------------------- */ .etiqueta { display: inline-flex; align-items: center; gap: var(--e-10); margin-bottom: var(--e-16); /* Texto naranjo sobre fondo claro: variante de texto (AA); la línea ::before, que es gráfica, sigue en el naranjo de marca. */ color: var(--color-naranjo-texto); font-size: var(--fs-sm); font-weight: var(--peso-negrita); text-transform: uppercase; letter-spacing: var(--letras-abiertas-xl); } .etiqueta::before { content: ''; display: inline-block; width: var(--e-24); height: var(--e-2); background-color: var(--color-naranjo); } /* Variante para usar la etiqueta sobre fondos oscuros */ .etiqueta--clara { color: var(--color-blanco); } /* --------------------------------------------------- Animaciones al hacer scroll ("reveal on scroll") Sistema data-animate (ver assets/js/animaciones.js): un