/* IME — Corrección de flechas en la página principal */

.ime-arrow,
.card-arrow,
.cta-arrow {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  flex: 0 0 20px;
  font-size: 20px;
  line-height: 1;
  vertical-align: middle;
}

.ime-arrow svg,
.card-arrow svg,
.cta-arrow svg {
  display: block;
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
}

.ime-arrow-text {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

/* Evitar que las flechas agranden las tarjetas */
.ime-arrow,
.card-arrow,
.cta-arrow {
  overflow: hidden;
}

/* Móviles */
@media (max-width: 650px) {
  .ime-arrow,
  .card-arrow,
  .cta-arrow {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
  }
}