/* Celulares em pé (iPhone 11 - até 414px) */
@media screen and (max-width: 414px) {
body{font-size: 14px;}
/* 1. Esconde a versão de desktop */
.header-desktop { display: none;}

/* 2. Mostra a versão de celular e a transforma em um container flexível */
.header-mobile {
 display: flex;
 align-items: center; /* Alinha os itens verticalmente no centro */
 flex-wrap: wrap; /* PERMITE que os itens quebrem para a próxima linha */
}

/* 3. Define que cada item interno ocupará 50% do espaço */
.header-mobile .mobile-logo, .header-mobile .mobile-auth{  width: 50%; }
a.loginDesktop, .loginDesktop{display: none;}
#menuUser a{
    font-size: 0.8rem; 
}

a.loginMobile, #menuUser a.loginMobile{display: contents;}
/* Ajusta o tamanho do logo para o celular */
.header-mobile .mobile-logo img {
    margin: 0 auto;
    width: 95%;
    height: auto;
}

/* 4. Faz o menu ocupar 100% da largura, forçando-o para a linha de baixo */
.header-mobile .menu {
    width: 100%;
    padding:1%;
    
}
.menu a{
    letter-spacing: 0;
    margin: 2px 0px;
    font-size: 0.8rem;
    width: 15%;
}

.registro h2{
    font-size: 1.1rem;
  }

form.registro {
width: 100%;
font-size: 0.9rem;
}

.registro label {
    font-size: 1rem;
    flex: 0 0 35%; /* Não cresce, não encolhe, base de 120px de largura */
}

.registro fieldset {
    padding: 1%;
}

.ms {
    font-size: 1rem;
}

}