/* ===== MENU DE SERVICIOS (chips/píldoras) ===== */
.bb-menu {
  padding: clamp(34px, 5vw, 60px) 16px;
  background: #ffffff;
}

.bb-menu__container {
  max-width: 1120px;
  margin: 0 auto;
  text-align: center;
}

.bb-menu__title {
  font-family: "Playfair Display", serif;
  font-weight: 700;
  font-size: clamp(22px, 3vw, 36px);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin: 0 0 18px;
  color: #1a1a1a;
}

.bb-menu__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  align-items: center;
}

.bb-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 11px 18px;
  border-radius: 999px;
  text-decoration: none;

  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 14px;

  color: #1a1a1a;
  background: #ffffff; /* beige visible */
  border: 1px solid rgba(184,134,11,0.55);

  box-shadow:
    0 14px 30px rgba(0,0,0,0.08),
    0 10px 18px rgba(184,134,11,0.14);

  transition: transform 180ms ease, box-shadow 180ms ease, color 180ms ease;
}

.bb-chip:hover {
  transform: translateY(-2px);
  color: #b8860b;
  box-shadow:
    0 20px 45px rgba(0,0,0,0.10),
    0 14px 26px rgba(184,134,11,0.20);
}


.bb-chip:focus-visible {
  outline: none;
  border-color: #b8860b;
}