/* CreART v1.6.15: las cuatro cifras en dos columnas / dos filas, sin choques de texto. */
/* Los móviles de hasta 700px ya tenían dos columnas: mantenemos sus reglas originales. */
@media (min-width: 701px) {
  body.creart-site .cm-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(138px, auto);
    gap: 0;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    padding: 6px 0 6px clamp(12px, 1.2vw, 22px);
  }
  body.creart-site .cm-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 20px clamp(8px, 1.1vw, 20px);
    text-align: center;
    border-right: 0;
    border-bottom: 0;
  }
  body.creart-site .cm-stat:nth-child(odd) {
    border-right: 1px solid #dadada;
  }
  body.creart-site .cm-stat:nth-child(-n+2) {
    border-bottom: 1px solid #dadada;
  }
  body.creart-site .cm-stat strong {
    display: block;
    max-width: 100%;
    font-size: clamp(35px, 2.45vw, 49px);
    line-height: 1;
    letter-spacing: -.065em;
    white-space: nowrap;
  }
  body.creart-site .cm-stat span {
    display: block;
    max-width: 100%;
    margin-top: 10px;
    font-size: clamp(14px, 1vw, 18px);
    line-height: 1.35;
    letter-spacing: .025em;
    overflow-wrap: break-word;
  }
}
/* En tablet se conserva también 2 × 2 y las cifras no compiten con otros bloques. */
@media (min-width: 701px) and (max-width: 980px) {
  body.creart-site .cm-stats {
    grid-auto-rows: minmax(110px, auto);
    padding: 14px 0 0;
  }
  body.creart-site .cm-stat strong { font-size: clamp(30px, 4.4vw, 42px); }
  body.creart-site .cm-stat span { font-size: clamp(13px, 1.8vw, 17px); }
}