<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> <title>The Hunger Games Saga | Official Film Collection</title> <!-- Google Fonts & modern reset --> <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700;14..32,800&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap" rel="stylesheet"> <style> * margin: 0; padding: 0; box-sizing: border-box;
<footer> <span>🏹 Panem et Circenses 🏹</span><br> tribute to the districts | all boxsets & digital now streaming </footer> </div> peliculas de juegos del hambre
body background: radial-gradient(circle at 10% 20%, #0a0c12, #030507); font-family: 'Inter', sans-serif; color: #ede7dd; line-height: 1.5; scroll-behavior: smooth; meta name="viewport" content="width=device-width
// modal logic const modal = document.getElementById('filmModal'); const modalTitle = document.getElementById('modalTitle'); const modalDetail = document.getElementById('modalDetail'); const closeBtn = document.getElementById('closeModalBtn'); * margin: 0
.container max-width: 1400px; margin: 0 auto; padding: 2rem 2rem 4rem;