/* ========================================
   CAMPEONES (ORO + PLATA) — MOBILE PRO
   Objetivo: uniformar presencia de logos, jerarquía Oro>Plata,
   y estabilizar alturas/espaciados sin tocar imágenes.
   Solo afecta móvil/tablet.
   ======================================== */

@media (max-width: 768px){
  /* Grillas: 2 columnas en móvil grande, 1 en móviles chicos si hace falta */
  #campeones-oro-container,
  #campeones-plata-container{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.15rem !important;
  }

  /* Tarjeta: consistencia de alto y padding */
  #campeones-oro-container > div,
  #campeones-plata-container > div{
    min-height: 290px !important;
    padding: 1.25rem 0.95rem !important;
    border-radius: 14px !important;
  }

  /* Marco de logo (contenedor superior) */
  #campeones-oro-container > div > div > div:first-child,
  #campeones-plata-container > div > div > div:first-child{
    height: 118px !important; /* base */
    margin-bottom: 0.7rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Oro: un pelín más grande */
  #campeones-oro-container > div > div > div:first-child{
    height: 124px !important;
  }

  /* Imagen: no distorsiona y se escala de forma uniforme */
  #campeones-oro-container img,
  #campeones-plata-container img{
    width: auto !important;
    height: auto !important;
    max-width: 108px !important;
    max-height: 108px !important;
    object-fit: contain !important;
    transform-origin: center center;
  }

  /* ===== AJUSTE FINO POR LOGO (MÓVIL) =====
     Si alguno se ve chico: sube a 1.10–1.25
     Si alguno se ve grande: baja a 0.90–0.98
     (Por defecto todos en 1.00: no cambia nada hasta que ajustes)
  */
  /* Escalas calibradas según tus medidas objetivo (móvil) */
  #campeones-oro-container img[alt="Cartel del Bajo"]{ transform: scale(1.1224); }   /* 98 → 110 */
  #campeones-oro-container img[alt="Carol Urzua FC"]{ transform: scale(1.2212); }    /* 104 → 127 */
  #campeones-oro-container img[alt="Italia United"]{ transform: scale(1.1667); }     /* 96 → 112 */
  #campeones-oro-container img[alt="Rara Almendral"]{ transform: scale(1.2178); }    /* 101 → 123 */
  #campeones-oro-container img[alt="Black Panther"]{ transform: scale(1.0353); }    /* 85 → 88 */
  #campeones-oro-container img[alt="Tukizao FC"]{ transform: scale(1.21); }          /* 100 → 121 */
  #campeones-oro-container img[alt="Bravarios"]{ transform: scale(1.2222); }         /* 99 → 121 */
  #campeones-oro-container img[alt="Esfuerzo PS"]{ transform: scale(0.9875); }        /* 80 → 79 */
  #campeones-oro-container img[alt="Exóticos FC"]{ transform: scale(1.0870); }       /* 92 → 100 */

  /* Copa de Plata: +5px aprox según tamaño original */
  #campeones-plata-container img[alt="Chacotas FC"]{ transform: scale(1.5703); }        /* 128 → 201 */
  #campeones-plata-container img[alt="Palmeiras ST"]{ transform: scale(1.1111); }      /* 90 → 100 */
  #campeones-plata-container img[alt="Villa del Álamo"]{ transform: scale(1.1277); }   /* 94 → 106 */
  #campeones-plata-container img[alt="Horizonte FC"]{ transform: scale(1.0989); }      /* 91 → 100 */
  #campeones-plata-container img[alt="Porfiados FC"]{ transform: scale(0.975); }     /* 80 → 78 */
  #campeones-plata-container img[alt="Bayer Leverpilsen"]{ transform: scale(0.7213); }/* 61 → 44 */
  #campeones-plata-container img[alt="Peluches FC"]{ transform: scale(1.0238); }      /* 84 → 86 */

  #campeones-oro-container img{
    max-width: 116px !important;
    max-height: 116px !important;
  }

  /* Tipografía: unificar ritmo para que todas las tarjetas se sientan iguales */
  #campeones-oro-container h4,
  #campeones-plata-container h4{
    font-size: 0.82rem !important;
    letter-spacing: 0.6px !important;
    line-height: 1.15 !important;
  }

  #campeones-oro-container p,
  #campeones-plata-container p{
    line-height: 1.2 !important;
  }

  /* Nombre equipo: evita saltos raros */
  #campeones-oro-container p[style*="text-transform: uppercase"],
  #campeones-plata-container p[style*="text-transform: uppercase"]{
    text-wrap: balance;
  }
}

@media (max-width: 480px){
  #campeones-oro-container,
  #campeones-plata-container{
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  #campeones-oro-container > div,
  #campeones-plata-container > div{
    min-height: 275px !important;
    padding: 1.15rem 0.95rem !important;
  }

  #campeones-oro-container > div > div > div:first-child,
  #campeones-plata-container > div > div > div:first-child{
    height: 112px !important;
  }

  #campeones-oro-container > div > div > div:first-child{
    height: 118px !important;
  }

  #campeones-oro-container img,
  #campeones-plata-container img{
    max-width: 104px !important;
    max-height: 104px !important;
  }

  #campeones-oro-container img{
    max-width: 112px !important;
    max-height: 112px !important;
  }
}