/* Fix services_item sizing */
.services_item-img-wrap {
  overflow: hidden;
  aspect-ratio: 1 / 1;
  width: 100%;
}

.services_item-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

.navbar3_logo {
  filter: brightness(0) invert(1) opacity(0.77);
}
  /* CONFIGURACIÓN PARA PC (Escritorio) */
  @media screen and (min-width: 992px) {
    .button-group.is-cta-dental {
      display: flex;
      flex-direction: row; /* Alineados uno al lado del otro */
      align-items: center;
      gap: 12px;
      flex-wrap: nowrap; /* Evita que salten de línea */
    }

    /* Reducimos la fuente del botón con el número de teléfono */
    .button-group.is-cta-dental a[href^="tel:"] {
      font-size: 13px !important; /* Más pequeño para que quepa en la fila */
      padding-left: 10px;
      padding-right: 10px;
      white-space: nowrap;
    }
    
    /* Aseguramos que los otros botones no se deformen */
    .button-group.is-cta-dental .button {
      flex: 0 1 auto;
      white-space: nowrap;
    }
  }

  /* CONFIGURACIÓN PARA TABLET Y MÓVIL (Aquí aplicamos el estilo de la imagen) */
  @media screen and (max-width: 991px) {
    .button-group.is-cta-dental {
      display: flex;
      flex-wrap: wrap; /* Aquí sí permitimos el salto de línea */
      gap: 10px;
      justify-content: center;
    }

    .button-group.is-cta-dental a[href^="tel:"] {
      font-size: 13px !important; 
      padding-left: 10px;
      padding-right: 10px;
      white-space: nowrap;
    }

    /* WhatsApp y Teléfono arriba (reparten el 50%) */
    .button-group.is-cta-dental > a[href*="wa.me"], 
    .button-group.is-cta-dental > .w-dyn-list:nth-of-type(2) {
      flex: 1 1 calc(50% - 10px); 
      order: 1;      
    }

    /* Reservar Cita abajo (100% de ancho) */
    .button-group.is-cta-dental > .w-dyn-list:nth-of-type(1) {
      flex: 1 1 100%; 
      order: 2;       
    }

    .button-group.is-cta-dental .w-dyn-item,
    .button-group.is-cta-dental .button {
      width: 100%;
      display: block;
      text-align: center;
    }
  }