/* ========================================== */
/* SISTEMA DE GRILLA UTRAU - 8 COLUMNAS       */
/* ========================================== */
.grilla-utrau-8 {
    display: flex;
    flex-wrap: wrap; /* Pasa a la línea siguiente si no entra */
    gap: 20px; /* Espacio entre los artículos */
    align-items: stretch; /* Iguala las alturas al elemento más alto de la fila */
    padding: 20px 0;
}

.grilla-utrau-8 > .articulo-item {
    /* 8 columnas exactas calculando el espacio del gap */
    flex: 1 1 calc((100% / 8) - 20px); 
    box-sizing: border-box;
    /* Min-width para que en celulares se colapse a 1 o 2 columnas automáticamente */
    min-width: 250px; 
    display: flex;
    flex-direction: column;
}