@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    border: none;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
}

html {
    width: 100vw;
    height: 100vh;
    font-size: 62.5%;
    overflow-x: hidden;
    
}

/* Menu */
.content {
    width: 100vw;
    height: 70px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #1f1e1f;
    position: fixed;
    
}



.logo {
    width: 30px;
    height: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.logo img {

    width: 350px;
}


.content .menu {
    /*tamanho menu resolução 1333*/
    width: 500px;
    
    display: flex;
    align-items: center;
    justify-content: space-between;
    

}


.content .menu li a {
    padding: 3rem 2rem 1rem 1rem;
    color: white;
    /*tamanho fonte menu 1333*/
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 500;
    transition: all 200ms ease-in;
}

.content .menu li a:hover {
    
    border-bottom: 4px solid hsl(34, 99%, 41%);
    color: #ff0606;

}

.menu-drop-cadas {
position: absolute;
/*resolucao 1337*/
right: 505px;

box-shadow: 0 0 2px solid #1f1e1f;
margin-top: 15px;
line-height: 0px;
/*border: 1px solid white;*/
display: none;
align-items: center;
justify-content: center;
background-color: #1f1e1f;
text-align: center;


}
.menu-drop-cadas a{
display: block;
justify-content: center;
align-items: center;
height: 50px;


}

.drop:hover .menu-drop-cadas{
    display: block;
   
    transition: all 200ms ease-in;
    
    }



    .menu-drop {
        position: absolute;
            /*tamanho fonte menu 1333*/
        right: 410px;
        box-shadow: 0 0 2px solid #1f1e1f;
        margin-top: 15px;
        line-height: 0px;
        /*border: 1px solid white;*/
        display: none;
        background-color: #1f1e1f;
        text-align: center;
        
        }
        .menu-drop a{
        display: block;
        justify-content: center;
        align-items: center;
        height: 50px;
        
        
        
        }
        
        .drop:hover .menu-drop{
            display: block;
            
            transition: all 200ms ease-in;
            
            }

.primeira-section {
    width: 100vw;
    height: 100vh;
    background-image: linear-gradient(rgba(29, 29, 29, 0.8), rgba(29, 29, 29, 0.8)), url(./imagens/fundoed3.jpg);
     background-position: center center;
    background-size: cover;
    background-repeat: no;
    background-position-y: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.primeira-section .conteudo-principal {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: justify;
    
}

.primeira-section h1 {
    color: #ce0000;
    font-size: 5rem;
    text-transform: uppercase;
    margin-bottom: 1rem;

}

.primeira-section h2 {
    color: rgb(177, 177, 177);
    font-size: 2.1rem;
    text-transform: uppercase;
    margin-bottom: 3rem;
    padding-left: 120px;
    padding-right: 100px;
    margin-top: 30px;
    
}

.btn button{
width: 230px;
height: 60px;
cursor: pointer;
text-transform: uppercase;
background-color: #d40101;
border-radius: 10px;
color: rgb(255, 255, 255);
font-weight: 700;
margin-top: 5rem;
transition: all 300ms ease-in;

}

.btn button:hover {
border: 1px solid #ff9306;
background-color: transparent;
color: #ff9306;

}

.btn  {
    width: 480px;
    display: flex;
    justify-content: space-between;

}



.inserir-profissionalbd {
    width: 50%;
    display: flex;
  
  
    /*max-height: 70%;*/
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 25%;
     
   /* left: 25%;*/
    /*background-color: #fce4da;   */
    
    /*outline: 3px solid #b96402;*/
    border: none;
    border-radius: 10px;
   /* box-shadow: 1px 1px 6px #0000001c;*/
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
   
    /*overflow-y: scroll;*/

}

.mascara{
    visibility: hidden;
    width: 110%;
    height: 100%;
    background: linear-gradient(109deg, rgb(16, 14, 10) 5%, rgba(10, 12, 16, 0.7) 170%, rgba(10, 12, 16, 0.99) 100%);
    position: fixed;
    top: 0;
    left: 0;
    
}




.tabelaProfissionais {
   
   
    margin-bottom: 30px;    
    flex-direction: column;
    align-items: center;     
    padding: .2rem .2rem;
    border: none;
    border-radius: 10px;
    box-shadow: 1px 1px 6px #fc05051c;
    font-size: 1.95rem;
    color: white;
    font-weight: bold;
    margin-top: 3%;
    text-align: center;
    max-height: 60%;
  /*  overflow-y: scroll;*/
border-collapse: collapse;

}


.tabelaProfissionais th {
    
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
    
    border: 2px solid #b96402;
    border-radius: 10px;
    
}


.tabelaProfissionais td {
   
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
   
    height: 30px;
}

.idTabela {
    
   
    width: 50px;
}

.base {
    height: 50px;
}



.input-box {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.1rem;
}

.input-boxbd input {
    margin: 0.6rem 0;
    padding: 0.8rem 1.2rem;
    border: none;
    border-radius: 10px;
    box-shadow: 1px 1px 6px #0000001c;
    font-size: 1.75rem;
    width: 460px;
    margin-top: 20px;
}

.input-boxbd input:hover {
    background-color: #eeeeee75;

}

.input-boxbd input:focus-visible {
    outline: 2px solid #ce4f06;
}

.input-boxbd label,
.gender-title h6 {
    font-size: 1.75rem;
    font-weight: 600px;
    color: #000000c0;
}

.input-boxbd input::placeholder {
    color: #000000be;
}
.profissional-titulo{
    margin-top: 100px;
    width: 90%;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    align-items: center;
    text-align: center;
    background-color: #b96402;
    height: 55px;
   
    border: none;
    border-radius: 10px;
    box-shadow: 1px 1px 6px #0000001c;
    font-size: 2.2rem;
    color: white;
    font-weight: bold;
}