@media screen and (max-width: 3000px) {


    
     body {
         text-align: center;

     }

     #logo {
         margin-left: 5%;
     }
     .fotologo{
        margin-left:10%;
     }

     #nav {
         position: fixed;
         top: 0;
         bottom: 0;
         left: -90%;
         /* Inicia fora da tela */
         width: 80%;
         max-width: 400px;
         /* Largura máxima da barra lateral */
         background: rgba(15, 15, 15, 0.919);
         transition: left 1s ease;
         z-index: 1000;
         overflow-y: auto;
         padding-top: 60px;
         /* Ajuste para acomodar a altura do cabeçalho fixo */
     }

     #nav.active {
         left: 0;
         /* Aparece quando ativado */
     }

     .a {
         padding: 1rem 0;
         margin: 0 1rem;
         border-bottom: 2px solid rgb(230, 255, 248);
     }
     .a:hover{
                 border-bottom: 2px solid rgb(132, 0, 0);

      }
     #btn-mobile {
         position: fixed;
         top: 15px;
         right: 15px;
         display: flex;
         align-items: center;
         padding: .5rem 1rem;
         font-size: 1rem;
         border: none;
         background: none;
         cursor: pointer;
         gap: .5rem;
         z-index: 1100;
         /* Garante que o botão esteja acima da barra lateral */
     }

     #hamburguer {
         color: #fff;
         border-top: 2px solid;
         width: 20px;
     }



     #hamburguer::after,
     #hamburguer::before {
         content: '';
         display: block;
         width: 20px;
         height: 2px;
         background: currentColor;
         margin-top: 5px;
         transition: .3s;
         position: relative;

     }

     #nav.active #hamburguer {
         border-top-color: transparent;
         color: white;
         margin-right: .3rem;


     }

     #nav.active #hamburguer::before {
         transform: rotate(135deg);
         width: 2rem;
         color: red;


     }

     #nav.active #hamburguer::after {
         width: 2rem;
         transform: rotate(-135deg);
         top: -7px;
         color: red;

     }


 }