.grid-responsive {
    display: grid;
    grid-template-columns: 1fr; /* 1 columna por defecto */
    gap: 1rem;
}

/* Cuando la pantalla es mayor a 600px, cambia a 2 columnas */
@media (min-width: 600px) {
    .grid-responsive {
        grid-template-columns: 1fr 1fr;
    }
}