<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Menú Digital - Niño Burguer</title>
    <style>
        /* Eliminamos márgenes globales */
        body {
            margin: 0;
            padding: 0;
            background-color: #000; /* Fondo negro para que combine con el diseño */
        }

        /* Contenedor principal para centrar el contenido si la pantalla es muy grande */
        .main-wrapper {
            max-width: 1200px; /* Puedes ajustar este ancho a tu gusto */
            margin: 0 auto;
            display: flex;
            flex-direction: column;
        }

        /* Estilo para todas las imágenes del catálogo */
        .main-wrapper img {
            display: block; /* Elimina el espacio extra inferior (gap) */
            width: 100%;
            height: auto;
            margin: 0;
            padding: 0;
            border: none;
        }

        /* Estilo específico para el header si deseas añadirle una sombra o destaque */
        header img {
            box-shadow: 0px 4px 10px rgba(0,0,0,0.5);
            z-index: 10;
        }
    </style>
</head>
<body>

    <div class="main-wrapper">
        <header>
            <img src="img/logotienda.jpeg" alt="Logotipo Niño Burguer">
        </header>

        <main>
            <img src="img/WhatsApp Image 2026-04-14 at 10.34.16 PM (1).jpeg" alt="Menú Parte 1">
            <img src="img/WhatsApp Image 2026-04-14 at 10.34.16 PM.jpeg" alt="Menú Parte 2">
        </main>
    </div>

</body>
</html>