/* =====================================================================
   LETO — botões pill e variantes (fig usa cantos 14px).
   ===================================================================== */
.pill-green, .pill-outline, .pill-dark {
	display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
	height: 56px; padding-inline: 2rem; border-radius: 14px;
	font-size: 14.4px; font-weight: 500; white-space: nowrap;
	transition: background .35s var(--ease), color .35s var(--ease);
}
.pill-green { background: var(--leto-green); color: var(--leto-ink); }
.pill-green:hover { background: var(--leto-green-deep); }
.pill-outline { border: 1px solid rgba(255,255,255,.6); color: #fff; }
.pill-outline:hover { background: #fff; color: var(--leto-ink); }
.pill-dark { background: var(--leto-charcoal); color: #fff; }
.pill-dark:hover { background: #000; }

.leto-eyebrow { display: inline-block; font-size: var(--fs-micro); letter-spacing: var(--tracking-xwide); text-transform: uppercase; color: var(--leto-gray); }

/* Setas circulares (carrosséis). */
.round-arrow { width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(45,45,45,.4); color: var(--leto-ink); display: grid; place-items: center; font-size: 16.2px; transition: background .25s, color .25s; }
.round-arrow:hover { background: var(--leto-ink); color: #fff; }