/* Bonjour R17B */

/* HOME — números 01/02/03/04 */
.bj-r17b-step-number {
  display: block !important;
  font-size: clamp(58px, 5.8vw, 88px) !important;
  line-height: .78 !important;
  font-weight: 700 !important;
  letter-spacing: -0.06em !important;
  color: #168df5 !important;
  margin: 0 0 24px !important;
}

/* Iconos grandes, coherentes con Bonjour */
.bj-r17b-icon-circle {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(22,141,245,.32) !important;
  background: rgba(22,141,245,.08) !important;
  color: #168df5 !important;
}

.bj-r17b-icon-circle svg {
  width: 30px !important;
  height: 30px !important;
  display: block !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Contacto */
.bj-r17b-contact-hero-single {
  grid-template-columns: minmax(0, 1fr) !important;
}

.bj-r17b-contact-hero-single > *:first-child {
  width: 100% !important;
  max-width: 900px !important;
}

.bj-r17b-contact-card {
  position: relative;
}

.bj-r17b-contact-icon {
  margin-bottom: 24px !important;
}

.bj-r17b-contact-email {
  font-size: clamp(17px, 1.35vw, 21px) !important;
  letter-spacing: -0.025em !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 767px) {
  .bj-r17b-step-number {
    font-size: 50px !important;
    margin-bottom: 16px !important;
  }

  .bj-r17b-icon-circle {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
  }

  .bj-r17b-icon-circle svg {
    width: 27px !important;
    height: 27px !important;
  }
}