/* ============================================================
   Complemento MOBILE (≤ 767px) — aumentar altura da tarjeta
   ------------------------------------------------------------
   Ajuste o valor de --rpq-card-minh conforme desejar (ex.: 280–420px)
   ============================================================ */
@media (max-width: 767px) {

  /* 1) Defina uma altura mínima confortável para a tarjeta */
  :root { --rpq-card-minh: 340px; } /* <<< ajuste aqui a altura mínima */

  /* Compatível com os dois nomes de classe que usamos nas versões anteriores */
  .rpq-header-tarjeta,
  .rpq-tarjeta {
    min-height: var(--rpq-card-minh) !important;  /* aumenta a ALTURA da tarjeta */
    padding-top: 18px !important;                 /* respiro extra opcional */
    padding-bottom: 18px !important;
  }

  /* 2) Garante que a imagem cresça proporcionalmente (sem cortes) */
  .rpq-header-tarjeta__img img,
  .rpq-tarjeta__img img {
    width: 100% !important;       /* ocupa a largura da tarjeta no mobile */
    height: auto !important;      /* mantém proporção */
    max-height: none !important;  /* evita corte vertical por limites herdados */
    object-fit: contain !important;
    display: block !important;
  }
}