/**
 * home-resenas-articulos.css
 *
 * Estilos para la sección "Últimos artículos" de la portada
 * (index.php). El nombre del archivo quedó de cuando también incluía
 * la sección de reseñas de Google, retirada por ahora — se puede
 * renombrar más adelante sin problema, solo hay que actualizar el
 * <link> en index.php si se hace. Mobile-first: 1 columna por
 * defecto, pasa a grid horizontal en escritorio vía min-width, mismo
 * patrón de min-height/clamp() de servicio.css.
 */

.ultimos-articulos {
    padding: 20px 0;
}

.ultimos-articulos h2 {
    text-align: center;
    margin-bottom: 12px;
}

.ultimos-articulos .section-intro {
    text-align: center;
    max-width: 640px;
    margin: 0 auto 32px;
}

.ultimos-articulos-cta {
    text-align: center;
    margin-top: 32px;
}

/* --- Últimos artículos --- */

.ultimos-articulos-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

@media (min-width: 800px) {
    .ultimos-articulos-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}