html{
    scroll-behavior: smooth;
}

#sec-1{
    background:linear-gradient(
        rgba(0,0,0,.5),rgba(0,0,0,.3)
      ),url('../img/sec-aluno.jpg') ;
    background-repeat: no-repeat;
  background-size: cover;
   
}

.navbar{
    background-color: rgba(0, 0, 0, 0);
}


#sec-1 .inf{
    border-radius: 10px 10px 10px 10px;
    transition: 0.3s border ease-out;
    background-color:rgba(255, 254, 254, 0.7);
  
}


#sec-1 .button{
    transition: 0.3s all;
}
#sec-1 .button:hover{
    transition: 0.3s ease-in-out;
    transform: scale(1.1);

}

.nome-item{
    font-weight: bold;
    text-transform: uppercase;
    
}

div.ensino{

    transition: 0.3s;
    
}

div.ensino:hover{
    transition: cubic-bezier(0.075, 0.82, 0.165, 1)  0,3s;
    transform: scale(1.07);
    cursor:pointer;
}

.op-menu{
    margin:0 auto;
}

.lg3d img{
    height:128px;
    width: auto;
    display: block;
    margin: 0 auto;    
}

.lg-loader{
    height: 100px;
    width: 100px;
    margin: 0 auto;
    opacity:1;
    transition: 1s all;
}

#menu-mobile{
    width:max-content ; margin: 0 auto; 
}
#menu-mobile span{
    color: white;
    height: 3px;
    width: 20px;
}

#galeria img{
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) all 0.3s;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

#galeria img:hover:not(.modal img){
    transform: scale(1.05) rotate(3deg);
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) all 0.3s;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
}

footer .lg3d{
    width: 120px;
    height: 120px;
}

#btnModal{
    background: rgb(255, 0, 0);
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 1s all;
}

#btnModal:hover{
    transform: scale(1.5);
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 1s all;
}

#login .box{
    background-color: #f39c12;
}

#login p, #login label{
    text-shadow: 1px 1px 3px rgba(0,0,0,0.2) ;
}

#login picture{
   
 height: 150px;
  width: 150px;
  border-radius: 100px;
  margin: -90px auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.4);
  
}

#login picture img{

   height: 105px;
   width: 105px;

}


#login .box{
    min-height: 350px;
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.3);
  
}

#login ifnput[type="submit"]{
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.3);
}

#login{
    background: url("../img/papel.jpg") no-repeat;
    background-size: auto;
}

#tabela-topo td{
    border: none;
}

.item .fa{
    vertical-align: middle;
}

#valores .card{
    padding: 0;
    margin: 10px;
}

.item.insta{
    color: #e22be2;
}

.item.twitter{
    color: #1188f8;
}

@media (max-width: 1024px) {
    .navbar-dropdown .navbar-item {
        color: white;
    }

    .navbar-dropdown .navbar-item:hover {
        background-color: rgba(255, 255, 255, 0.1); /* Leve transparência ao hover */
    }
}