@media (max-width: 820px){
  .catalog-four{
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .catalog-four .tournament-card{
    min-height: 390px !important;
    aspect-ratio: 4 / 5 !important;
  }
  .catalog-four .card-content{
    padding: 18px 16px !important;
  }
  .catalog-four h3{
    font-size: clamp(30px, 9vw, 44px) !important;
    line-height: .92 !important;
    max-width: 8ch;
    text-wrap: balance;
  }
  .catalog-four p{
    font-size: 14px !important;
    line-height: 1.45 !important;
    max-width: 26ch;
  }
  .catalog-four .card-link{
    font-size: 15px !important;
  }
  .catalog-four .card-media::after{
    background: linear-gradient(180deg, rgba(7,9,14,.1) 0%, rgba(7,9,14,.42) 50%, rgba(7,9,14,.88) 100%) !important;
  }
  .catalog-four .tk-card-subtitle{
    display:block;
    font-size:.56em;
    line-height:1.04;
    margin-top:.18em;
    color:#f4f1ea;
    letter-spacing:.02em;
  }
}

/* V13.2.2: Presentación breve del título solamente en tarjetas móviles.
   No se reescribe el DOM de React ni se instalan observadores. */
@media (max-width: 820px) {
  .catalog-four .game-mlbb .card-content h3 {
    font-size: 0 !important;
    line-height: 1 !important;
    max-width: 100% !important;
  }
  .catalog-four .game-mlbb .card-content h3::after {
    content: "Mobile Legends\A 1v1";
    display: block;
    white-space: pre-line;
    font-size: clamp(30px, 9vw, 44px);
    line-height: 1.03;
    font-weight: 800;
    color: #f7f4ee;
    -webkit-text-fill-color: #f7f4ee;
    letter-spacing: -0.035em;
  }
}