nav {
      position: relative;
    }
    .menu {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
     
    }
     .menu li {
        text-align: center;
      }

      .menu li a, 
      .menu li button {
        /*font-size: 15px;*/
        color: white;
        font-weight: 500;
        font-size: 0.9rem;       
      }
    

     .submenu {
        display:flex;
        background: rgba(0,0,0,0.2);
        /*padding: 15px;*/
        border-radius: 8px;
      }
    .submenu li a {
        font-size: 10px;
        display: block;
        padding: 4px 0;
      }
    .menu li a {
      color: rgb(255, 255, 255);
      text-decoration: none;
      
    }

    .submenu.show {
        display: flex;
        flex-direction: column;
      }

    

    /* Botón hamburguesa */
    .hamburguesa {
      display: none;
      flex-direction: column;
      cursor: pointer;
      gap: 5px;
      z-index: 1002;
    }

    .hamburguesa span {
      width: 25px;
      height: 3px;
      background: white;
    }

    /* --- Estilos móviles y tablets --- */
    @media (max-width: 991px) {
      .hamburguesa {
        display: flex;
      }

      .menu {
        display: none;
        flex-direction: column;
        position:relative;
        top: 50px;
        right: 0;
        background: #05396d;
        width: 200px;
        padding: 10px 0;
      }

      .menu li {
        padding: 10px 20px;
      }

      .menu.show {
        display:flex;
      }
    }