.emc-clasif {
  --emc-bg: #efefef;
  --emc-gap: 16px;
  --emc-pad: 14px;
  font-family: inherit
}

.emc-clasif .emc-head, .emc-clasif .emc-row {
  display: grid;
  grid-template-columns:72px repeat(8, 1fr);
  align-items: center;
  gap: var(--emc-gap);
  padding: var(--emc-pad);
  border-radius: 12px;
  background: var(--emc-bg);
  margin-bottom: 14px;
}

.emc-clasif .emc-head {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em
}

.emc-clasif .emc-logo {
  width: 65px;
  height: 65px;
    background-color: white;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.emc-clasif .emc-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 5px;
}

.emc-clasif .emc-cell {
  font-weight: 600;
  text-align: center
}

.resultados-info {
    font-weight:700;
    font-size:70px;
    font-family: "Schibsted Grotesk", sans-serif;
    text-transform: uppercase;
    line-height: 72px;
}

/* -------------------------
   Responsive < 720px
   ------------------------- */
@media (max-width: 720px) {
  .emc-clasif {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* scroll suave en móviles */
  }

  .emc-clasif .emc-head,
  .emc-clasif .emc-row {
    min-width: 720px; /* ajusta si quieres más/menos ancho mínimo */
    grid-template-columns: 72px repeat(8, 1fr); /* mantenemos las 8 columnas */
  }

  .emc-clasif .emc-head {
    position: sticky;
    top: 0;
    z-index: 3;
  }

  .emc-clasif .emc-logo {
    position: sticky;
    left: 0;
    z-index: 2;
  }

  .emc-clasif .emc-head .emc-logo {
    z-index: 4;
  }

  .emc-clasif .emc-head,
  .emc-clasif .emc-row {
    gap: 8px;
    padding: 10px;
    margin-bottom: 10px;
  }

  .resultados-info {
    font-size: 40px;
    line-height: 42px;
  }
}