/* Editorial width follows the chosen capacity, not the resolved article count. */
.o-grid.o-grid--home-main-4.o-grid--editorial-row[data-columns] {
    display: grid;
    grid-template-columns: repeat(var(--editorial-columns, 4), minmax(0, 1fr));
}
.o-grid--editorial-row[data-columns="1"] { --editorial-columns: 1; }
.o-grid--editorial-row[data-columns="2"] { --editorial-columns: 2; }
.o-grid--editorial-row[data-columns="3"] { --editorial-columns: 3; }
.o-grid.o-grid--home-main-4.o-grid--editorial-row[data-columns] > .o-grid__item {
    grid-column: auto;
    min-width: 0;
}
@media (max-width: 768.98px) {
    .o-grid.o-grid--home-main-4.o-grid--editorial-row[data-columns],
    .o-grid.o-grid--home-doble-apertura {
        grid-template-columns: minmax(0, 1fr);
    }
    .o-grid.o-grid--home-doble-apertura > .o-grid__item {
        grid-column: auto;
        min-width: 0;
    }
    /* #2197 · Pablo, 24-sep, punto 2 (mismo ticket que el cine de #2196): «En móvil se ve
       mal la fila de 4 noticias: deben verse dos y las otras dos abajo, no las cuatro a la
       misma altura». Medido en el teléfono real (Playwright 390 px) antes de este cambio:
       la fila de 4 (`data-columns="4"`) caía en la regla genérica de arriba y salía en una
       sola columna, cuatro filas apiladas. Aquí, dos por fila. Selector con el mismo peso
       que el genérico (misma cantidad de clases + un atributo): gana por ir DESPUÉS en la
       cascada. Las filas de 2 y 3 (el cine, #2196) no cambian — una tarjeta por pantalla
       sigue siendo lo pedido para esas. */
    .o-grid.o-grid--home-main-4.o-grid--editorial-row[data-columns="4"] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* #2196 · Estrenos de cine dentro de una fila editorial (Pablo, 24-sep: «las imágenes
   salen justificadas a la izquierda; el título sí va centrado»). La tarjeta de noticias
   (format-14) da a la foto una ventana 16:9; con un cartel vertical y `contain` el cartel
   queda diminuto entre bandas grises, y la figura se encoge al ancho de la conversión
   «tablet» (243 px) pegada a la izquierda (`align-self: flex-start` de home-css.css).
   Medido en la vista previa de la edición #74: figura 243×137 en una tarjeta de 332 px.
   Aquí el cartel se ve entero, a su proporción, centrado bajo el título; en móvil ocupa
   el ancho de la tarjeta (una película por pantalla, punto 3 de Pablo). Gancho:
   `has-category-11` («Estrenos de cine»), que es lo que ya lleva el marcado; las
   tarjetas de noticias de la misma fila no cambian. Verja: tests/playwright/front/
   el-cartel-de-cine-en-la-fila-editorial-va-centrado.spec.ts. */
.o-grid.o-grid--home-main-4.o-grid--editorial-row .c-item.c-item--format-14.has-category-11 .c-item__fig {
    align-self: center;
}
.o-grid.o-grid--home-main-4.o-grid--editorial-row .c-item.c-item--format-14.has-category-11 .c-item__fig picture {
    aspect-ratio: auto;
}
.o-grid.o-grid--home-main-4.o-grid--editorial-row .c-item.c-item--format-14.has-category-11 .c-item__fig picture img {
    height: auto;
}
@media (max-width: 768.98px) {
    .o-grid.o-grid--home-main-4.o-grid--editorial-row .c-item.c-item--format-14.has-category-11 .c-item__fig {
        align-self: stretch;
        flex-basis: auto;
        width: 100%;
    }
    .o-grid.o-grid--home-main-4.o-grid--editorial-row .c-item.c-item--format-14.has-category-11 .c-item__fig picture {
        width: 100%;
    }
}