@layer components{.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:var(--border-thick) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-coliflor);box-shadow:var(--shadow-hard-sm);color:var(--color-ink);font-size:var(--text-sm);font-weight:800;line-height:var(--leading-tight);white-space:nowrap;display:inline-flex}.badge--acelga{background:var(--color-acelga);color:var(--color-coliflor)}.badge--acelga-soft{background:var(--color-acelga-suave)}.badge--zapallo{background:var(--color-zapallo)}.badge--zapallo-soft{background:var(--color-zapallo-suave)}.badge--ink{background:var(--color-ink);color:var(--color-coliflor)}.badge--morron{background:var(--color-morron);color:var(--color-coliflor)}.badge--remolacha{background:var(--color-remolacha);color:var(--color-coliflor)}.badge--lg{gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-lg)}@media not (min-width:40rem){.badge--lg{gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}}.badge--tilt-left{transform:rotate(calc(var(--tilt-1) * -1))}.badge--tilt-right{transform:rotate(var(--tilt-1))}}