/* Eyebrow de los heros con imagen: línea de acento y texto en mayúsculas
   espaciadas, igual que el de la home (.home-hero__eyebrow). */
.hero-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 clamp(14px, 1.6vw, 22px);
  color: rgba(244, 248, 255, 0.82);
  font-size: clamp(0.68rem, 0.9vw, 0.8rem);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.22em;
  line-height: 1.2;
  text-transform: uppercase;
}

.hero-eyebrow::before {
  content: "";
  flex: 0 0 auto;
  width: 40px;
  height: 5px;
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, #f0281e 0%, var(--color-action-primary) 60%, #f5912a 100%);
}

@media (max-width: 767.98px) {
  .hero-eyebrow {
    gap: 8px;
    margin-bottom: 10px;
    font-size: 0.6rem;
    letter-spacing: 0.11em;
    white-space: nowrap;
  }

  .hero-eyebrow::before {
    width: 22px;
    height: 4px;
  }
}