.containermp { max-width: 1000px; margin: auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; } .pelicula { background: white; padding: 15px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); text-align: center; } .pelicula img { max-width: 100%; border-radius: 10px; } .pelicula h2 { font-size: 1.1rem; margin: 10px 0; } .pelicula a { display: inline-block; margin-top: 10px; padding: 8px 15px; background: #c62828; color: white; text-decoration: none; border-radius: 5px; font-weight: bold; } .pelicula a:hover { background: #8e0000; }