/* Estilos Generales */
body {
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f4f4f4;
    overflow-x: hidden; /* Evita el scroll horizontal */
}

.menu-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Sección del Logo - Ahora ocupa todo el ancho */
.logo-section {
    width: 100%;
    margin: 0;
    padding: 0;
}

#logo {
    width: 100%;       /* Ocupa el 100% de su contenedor */
    height: auto;      /* Mantiene la proporción */
    display: block;    /* Elimina espacios en blanco debajo de la imagen */
}

/* Sección del Menú */
.menu-section {
    width: 100%;
    max-width: 800px;  /* El menú puede mantenerse centrado o ser igual al logo */
    margin-top: 0px;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}