/* Bloque Cifras (acanda/paginas-cifras, #70): de tres a cuatro `contador` en
 * rejilla. Una columna en estrecho, dos desde 30rem y todas en una fila desde
 * 52rem de ancho del bloque. Solo tokens. */

.pf-cifras {
    container-type: inline-size;
    margin-block: var(--pf-space-2xl);
}

.pf-cifras .pf-cifras__titulo {
    margin: 0 0 var(--pf-space-sm);
}

.pf-cifras .pf-cifras__entradilla {
    max-width: var(--pf-measure);
    margin: 0 0 var(--pf-space-lg);
    font-size: var(--pf-text-lg);
    color: var(--pf-color-text-soft);
}

.pf-cifras .pf-cifras__lista {
    display: grid;
    gap: var(--pf-space-md);
    margin: var(--pf-space-lg) 0 0;
    padding: 0;
    list-style: none;
}

@container (min-width: 30rem) {
    .pf-cifras .pf-cifras__lista {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container (min-width: 52rem) {
    .pf-cifras .pf-cifras__lista--3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .pf-cifras .pf-cifras__lista--4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.pf-cifras .pf-cifras__cifra {
    display: flex;
    margin: 0;
}

.pf-cifras .pf-cifras__cifra > * {
    flex: 1;
}

/* Aviso del editor (solo en la vista previa, para quien edita). */
.pf-bloque-aviso {
    margin: 0;
    padding: var(--pf-space-sm) var(--pf-space-md);
    font-size: var(--pf-text-sm);
    color: var(--pf-color-text);
    background-color: var(--pf-color-bg-inset);
    border: 1px dashed var(--pf-color-border-strong);
    border-radius: var(--pf-radius-control);
}