@charset "UTF-8";
.hm-listado-medicos {
  /* ============================
     GRID HORIZONTAL (modo actual)
     ============================ */
  /* ============================
     GRID VERTICAL (3 / 2 / 1 columnas)
     ============================ */
  /* ============================
     FOTO DEL DOCTOR
     ============================ */
  /* MODO HORIZONTAL → tu tamaño actual */
  /* MODO VERTICAL → foto grande */
  /* ============================
     RESTO DE CAMPOS
     ============================ */
}
.hm-listado-medicos .grid.horizontal {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  padding: 20px;
}
@media (max-width: 768px) {
  .hm-listado-medicos .grid.horizontal {
    grid-template-columns: 1fr;
  }
}
.hm-listado-medicos .grid.vertical {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  padding: 20px;
}
@media (max-width: 992px) {
  .hm-listado-medicos .grid.vertical {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .hm-listado-medicos .grid.vertical {
    grid-template-columns: 1fr;
  }
}
.hm-listado-medicos .grid.horizontal .axams__doctor--photo {
  width: 7rem !important;
  height: 7rem !important;
  margin-right: 1rem;
}
.hm-listado-medicos .grid.vertical .axams__doctor--photo {
  width: 100% !important;
  height: 320px !important;
  margin: 0;
}
.hm-listado-medicos .grid.vertical .axams__doctor--photo img {
  width: 100%;
  height: 100%;
  /* AJUSTA AQU� EL TAMAÑO */
  object-fit: cover;
  border-radius: 8px;
}
.hm-listado-medicos .axams__doctor--specialty,
.hm-listado-medicos .axams__doctor--name,
.hm-listado-medicos .axams__doctor--description,
.hm-listado-medicos .axams__doctor--number,
.hm-listado-medicos .axams__doctor--contact {
  float: left !important;
  padding-top: 1em;
  padding-left: 0px !important;
  width: 100%;
}
.hm-listado-medicos .axams__doctor--specialty img {
  width: 28px !important;
  height: 28px !important;
}