/* Estilos básicos para la carta del restaurante */
        body {
            font-family: 'Roboto', sans-serif; /* Aplicar la fuente Roboto */
            margin: 0; /* Eliminar márgenes predeterminados */
            background-color: #f8f9fa; /* Fondo claro */
        }
        header {
            background-color: #000000; /* Fondo oscuro para el header */
            color: #fff; /* Texto blanco */
            padding: 20px; /* Espaciado interno */
            text-align: center; /* Alineación centrada del texto */
            position: relative; /* Para posicionar el selector de idioma */
        }
        #language-select {
            position: absolute; /* Posicionamiento absoluto */
            top: 20px; /* Distancia desde la parte superior */
            right: 20px; /* Distancia desde la derecha */
            background-color: #fff; /* Fondo blanco */
            border: 1px solid #ccc; /* Borde gris claro */
            padding: 10px; /* Espaciado interno */
            font-size: 16px; /* Tamaño de fuente */
            border-radius: 5px; /* Bordes redondeados */
        }
        main {
            padding: 0px; /* Sin padding */
            max-width: fill; /* Ancho máximo del contenedor */
            margin: 0 auto; /* Centrar el contenedor */
        }
        .reserva-section {
            background-color: #000000; /* Fondo oscuro */
            color: #fff; /* Texto blanco */
            padding: 90px; /* Espaciado interno */
            text-align: center; /* Alineación centrada del texto */
            border-radius: 0px; /* Sin bordes redondeados */
            margin-bottom: 20px; /* Margen inferior */
        }
        .reserva-section h2 {
            margin: 0; /* Sin margen */
            font-size: 80px; /* Tamaño de fuente */
            color: #fff; /* Color del texto */
        }
        .reserva-section p {
            margin: 10px 0 20px 0; /* Márgenes */
            font-size: 16px; /* Tamaño de fuente */
            color: #fff; /* Color del texto */
        }
        .reserva-section button {
            padding: 15px 40px; /* Espaciado interno */
            font-size: 16px; /* Tamaño de fuente */
            color: #ffffff; /* Color del texto */
            background-color: #fff; /* Fondo blanco */
            border: none; /* Sin borde */
            border-radius: 60px; /* Bordes redondeados */
            cursor: pointer; /* Cursor de puntero al pasar por encima */
            background-color: #deb623 ;
        }
        .reserva-section button:hover {
            background-color: #ddd; /* Fondo gris claro al pasar por encima */
        }
        .menu-header {
            text-align: center; /* Alineación centrada */
            margin: 20px 0; /* Márgenes superior e inferior */
            padding: 0 20px; /* Márgenes laterales consistentes */
        }
        .menu-header h1 {
            font-size: 80px; /* Tamaño de fuente */
            color: #000000; /* Color del texto */
        }
        .menu-header p {
            font-weight: bold; /* Texto en negrita */
            color: #000000; /* Color del texto */
            font-size: 16px; /* Tamaño de fuente */
        }
        .categoria-section {
            margin-bottom: 40px; /* Margen inferior */
            padding: 0 15%; /* Márgenes laterales consistentes */
        }
        .categoria-section h2 {
            font-size: 24px; /* Tamaño de fuente */
            color: #000000; /* Color del texto */
            border-bottom: 2px solid #000000; /* Borde inferior */
            padding-bottom: 5px; /* Espaciado interno inferior */
        }
        ul {
            list-style-type: none; /* Sin viñetas */
            padding: 0; /* Sin padding */
            display: flex; /* Flexbox */
            flex-wrap: wrap; /* Envolver los elementos */
            justify-content: space-around;
            margin: 10 -10px; /* Márgenes negativos para ajustar el espaciado */
        }
        li {
            background-color: #fff; /* Fondo blanco */
            margin: 10px; /* Márgenes */
            padding: 20px; /* Espaciado interno */
            border-radius: 5px; /* Bordes redondeados */
            box-shadow: 0 0 10px rgba(0,0,0,0.1); /* Sombra */
            width: calc(50% - 100px); /* Ancho ajustado para dos columnas */
            display: flex; /* Flexbox */
            justify-content: space-between; /* Espaciado entre elementos */
            align-items: center; /* Alinear los elementos al centro */
        }
        .producto-info {
            flex-grow: 1; /* Permitir que el contenedor crezca */
            margin-right: 20px; /* Margen derecho */
        }
        .producto-nombre h3 {
            margin: 0; /* Sin margen */
            font-size: 20px; /* Tamaño de fuente */
            color: #000000; /* Color del texto */
        }
        .producto-precio h3 {
            margin: 0; /* Sin margen */
            font-size: 18px; /* Tamaño de fuente */
            color: #000000; /* Color del texto */
        }
        p {
            margin: 10px 0 0 0; /* Márgenes */
            font-size: 14px; /* Tamaño de fuente */
            color: #6c757d; /* Color del texto */
        }
        @media (max-width: 800px){
            li {
                flex-direction: column;
                min-width: 300px;
            }
        }