/* Componente blog-pilares (contenidos, v2 #60). Solo tokens de style.css.
 * Cada tema es un `chip` de shell con el icono de su pilar (su hoja sale
 * antes que esta): aquí solo la lista, que se reparte en varias líneas, y que
 * un nombre largo se parta antes que desbordar a 320px. */

.pf-blog-pilares__titulo {
    margin-bottom: var(--pf-space-xs);
}

.pf-blog-pilares__lista {
    display: flex;
    flex-wrap: wrap;
    gap: var(--pf-space-2xs);
    margin: 0;
    padding: 0;
    list-style: none;
}

.pf-blog-pilares .pf-chip {
    max-width: 100%;
    white-space: normal;
}