/* Formularios de acceso (registro, login, recuperar): columna angosta y centrada. */
.mqh-angosto {
  max-width: 520px;
}

/* Campo trampa contra bots: fuera de la vista, pero presente en el HTML. */
.mqh-trampa {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Fotos de productos: siempre cuadradas, recortando lo que sobra. */
.mqh-miniatura {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 6px;
}

.mqh-logo {
  width: 96px;
  height: 96px;
  object-fit: contain;
}

.mqh-foto-tarjeta {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.mqh-foto-principal {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}