/* Beacon · estilos base: se cargan ANTES de tailwind.css para que sus utilidades (lg:hidden, etc.) los puedan sobrescribir */
    /* Líneas de Figma: alto 0 con el trazo de 1px hacia arriba (inset -1px arriba) */
    .linea { display: block; width: 100%; height: 1px; margin-top: -1px; }
    .vlinea { width: 1px; flex: none; align-self: stretch; background-size: 100% 100%; }
    .sin-scrollbar { scrollbar-width: none; }
    .sin-scrollbar::-webkit-scrollbar { display: none; }
    /* Paginador (puntos naranjas de Figma: activo = bullet con halo, resto = punto de 12px) */
    .paginador { display: flex; align-items: center; gap: 10px; height: 24px; }
    .paginador button { display: grid; place-items: center; width: 24px; height: 24px; }
    .paginador button::before { content: ''; width: 12px; height: 12px; border-radius: 9999px; background: #FF6E14; }
    .paginador button.active::before { width: 24px; height: 24px; background: url('../icons/bullet-activo.svg') center / 24px 24px no-repeat; }