<!DOCTYPE html> <!-- Declara el documento como HTML5 -->
<html lang="es"> <!-- Indica que el idioma del contenido es español -->

<head>
  <meta charset="UTF-8" /> <!-- Define la codificación de caracteres como UTF-8 -->
  <title> Panel Administrativo Hotel Bahía Serena</title> <!-- Título de la pestaña del navegador -->
  <link rel="stylesheet" href="styles.css" /> <!-- Enlace a la hoja de estilos externa -->
</head>

<body>
  <header> <!-- Sección superior del sitio, usada para navegación o presentación -->
    <a href="/crud/login/login.html" class="button-inicio">📤Cerrar Sesión</a> <!-- Enlace para cerrar sesión y volver al login -->
    <h1>Panel Administrativo Hotel Bahía Serena</h1> <!-- Encabezado principal del panel -->
  </header>

  <main> <!-- Contenedor principal del contenido central -->
    <section class="bienvenida"> <!-- Sección de bienvenida personalizada -->
      <h2>Bienvenido, Administrador/Administradora</h2> <!-- Saludo dirigido al usuario del panel -->
      <p>Desde aquí puedes acceder a todos los módulos del sistema interno del hotel.</p> <!-- Mensaje informativo -->
    </section>

    <section class="acciones-rapidas"> <!-- Sección de navegación a los distintos módulos -->
      <h3>Módulos Principales</h3> <!-- Título de la sección de módulos -->
      <div class="menu"> <!-- Contenedor de accesos rápidos a funcionalidades clave -->
        <a href="reservaciones_empleados/">📅 Reservas</a> <!-- Enlace al módulo de reservaciones -->
        <a href="inventario/">📦 Inventario</a> <!-- Enlace al módulo de inventario -->
        <a href="facturacion/">💳 Facturación</a> <!-- Enlace al módulo de facturación -->
        <a href="clientes/">👥 Clientes</a> <!-- Enlace al módulo de gestión de clientes -->
        <a href="empleados/">🧑‍💼 Empleados</a> <!-- Enlace al módulo de gestión de empleados -->
      </div>
    </section>
  </main> <!-- Fin del contenido principal -->
</body>
</html>

