/*
 * c-tabs — pestañas (js/c-tabs.js): texto en versalitas chicas, la activa
 * subrayada en dorado; la fila se desplaza si no entra.
 */
@layer components {
	.c-tabs {
		display: flex;
		gap: var(--space-m);
		margin: 0;
		padding: 0;
		list-style: none;
		overflow-x: auto;
		scrollbar-width: none;
	}
	.c-tabs__tab {
		padding: var(--space-xs) 0;
		border: 0;
		border-block-end: 2px solid transparent;
		background: none;
		color: var(--color-muted);
		font-size: var(--step--1);
		font-weight: 600;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		white-space: nowrap;
		cursor: pointer;
	}
	.c-tabs__tab:hover { color: var(--color-strong); }
	.c-tabs__tab[aria-selected="true"] { color: var(--color-strong); border-block-end-color: var(--color-accent); }
}