<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Canelita Duck House</title>
  <link rel="stylesheet" href="http://localhost:8012/Restaurante/css/estilos.css?v=1.4">
  <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Lato:wght@300;400;700&display=swap" rel="stylesheet"/>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"/>
</head>
<body>

  <nav class="navbar" id="navbar">
    <div class="nav-logo">
      <img src="img/logo.jpeg" alt="Logo Canelita Duck House" style="height: 45px; width: auto;">
      <div class="logo-text">
        <span class="logo-name">Canelita</span>
        <span class="logo-sub">Duck House</span>
      </div>
    </div>
    <ul class="nav-links" id="navLinks">
      <li><a href="index.php" class="nav-link">Inicio</a></li>
      <li><a href="menu.php" class="nav-link">Menú</a></li>
      <li><a href="reservas.php" class="nav-link">Reservas</a></li>
      <li><a href="contacto.php" class="nav-link">Contacto</a></li>
      <li><a href="pedido.php" class="nav-link">Pedidos</a></li>
      <li>
        <a href="admin/login.php" class="nav-link" title="Intranet" style="font-size: 1.4rem;">
          🦆
        </a>
      </li>
    </ul>
    <button class="hamburger" id="hamburger" aria-label="Abrir menú">
      <span></span><span></span><span></span>
    </button>
  </nav>