/* Iconos informativos compartidos: ubicación y atención profesional. */
:is(
  [class*="location"],
  [class*="ubicacion"],
  [class*="address"],
  [class*="direccion"],
  [class*="map-"],
  [class*="clinic-info"],
  [class*="doctor-info"],
  [class*="expert-info"]
) :is(.fa-female, .fa-user-md, .fa-map-marker, .fa-map-marker-alt),
:is(
  [class*="location-icon"],
  [class*="ubicacion-icon"],
  [class*="address-icon"],
  [class*="direccion-icon"],
  [class*="map-icon"],
  [class*="clinic-icon"],
  [class*="doctor-icon"],
  [class*="expert-icon"]
) {
  width: 52px !important;
  min-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 52px !important;
  font-size: 25px !important;
  line-height: 1 !important;
  border-radius: 50%;
}

:is(
  [class*="location-icon"],
  [class*="ubicacion-icon"],
  [class*="address-icon"],
  [class*="direccion-icon"],
  [class*="map-icon"],
  [class*="clinic-icon"],
  [class*="doctor-icon"],
  [class*="expert-icon"]
) :is(img, svg) {
  width: 27px !important;
  height: 27px !important;
  object-fit: contain;
}

@media (max-width: 767px) {
  :is(
    [class*="location"],
    [class*="ubicacion"],
    [class*="address"],
    [class*="direccion"],
    [class*="map-"],
    [class*="clinic-info"],
    [class*="doctor-info"],
    [class*="expert-info"]
  ) :is(.fa-female, .fa-user-md, .fa-map-marker, .fa-map-marker-alt),
  :is(
    [class*="location-icon"],
    [class*="ubicacion-icon"],
    [class*="address-icon"],
    [class*="direccion-icon"],
    [class*="map-icon"],
    [class*="clinic-icon"],
    [class*="doctor-icon"],
    [class*="expert-icon"]
  ) {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    flex-basis: 46px !important;
    font-size: 22px !important;
  }

  :is(
    [class*="location-icon"],
    [class*="ubicacion-icon"],
    [class*="address-icon"],
    [class*="direccion-icon"],
    [class*="map-icon"],
    [class*="clinic-icon"],
    [class*="doctor-icon"],
    [class*="expert-icon"]
  ) :is(img, svg) {
    width: 24px !important;
    height: 24px !important;
  }
}