@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500&family=Open+Sans:wght@300;400;500;600&display=swap');


@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');





html {
    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;
   
    width: 100vw;    /*aumentar imagem fundo*/
    /*height: 190vh;*/
    font-size: 62.5%;
    overflow-x: hidden;
    /*rolagem no eixo y*/
  

}
/* Menu */
.contentMenu2 {

    width: 100vw;
    height: 72px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #1f1e1f;  
    margin-top: 0;
    position: fixed;
    margin-top: -70px;
    
}


.contentMenu2 .menu2 {
    width: 630px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    
  

}


.contentMenu2 .menu2 li a {
    padding: 4rem 3rem 2rem 2rem;
    color: white;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 500;
    transition: all 200ms ease-in;
    
}

.contentMenu2 .menu2 li a:hover {
    background: #3333;
    border-bottom: 4px solid hsl(34, 99%, 41%);
    color: #ff0606;
    background-color: #1f1e1f;
}


.menu2-drop-cadas {
    position: absolute;
    right: 740px;
    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;
    
    }
    .menu2-drop-cadas a{
    display: block;
    justify-content: center;
    align-items: center;
    height: 50px;
    
    
    
    }
    
    .drop2:hover .menu2-drop-cadas{
        display: block;
       
        transition: all 200ms ease-in;
        
        }
    
    
    
        .menu2-drop {
            position: absolute;
            right: 600px;
            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;
            
            }
            .menu2-drop a{
            display: block;
            justify-content: center;
            align-items: center;
            height: 50px;
            
            
            
            }
            
            .drop2:hover .menu2-drop{
                display: block;
                
                transition: all 200ms ease-in;
                
                }

.container {
    width: 70%;
    /*distancia do formulario pra o top*/  
    margin-top: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    

}



.form {
    width: 120%;
     /*tamanho do formulario*/
     margin-top: 120px;
     margin-bottom: 110px;
    display: flex;
    flex-direction: column;

    align-items: center;
    background-color: #ffffff80;
    padding: 3rem;

    border-radius: 25px;
    outline: 2px solid #b96402;
}

.form-header {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 20px;

}

.title h1 {
    margin-right: 920px;
}

.form-header h1::after {
    content: '';
    display: block;
    width: 7rem;
    height: 0.4rem;
    background-color: #ce4f06;
    margin: 0 auto;
    position: absolute;
    border-radius: 10px;
}

.rdo {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: bolder;

}

.rdo label {
    display: flex;
    align-items: center;
    width: 200px;
    font-size: 50px;
    font-weight: bolder;

}

.input-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1rem 0;

}

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

.input-box 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: 520px;
}

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

}

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

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

.input-box input::placeholder {
    color: #000000be;
}

.seg-parte {
    /*visibility: hidden;*/
    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* border-radius: 30px;*/

}


.menu-seg-parte {

    display: flex;
    flex-wrap: wrap;
}

.menu-btn {
  visibility: hidden;
    display: flex;
    margin-left: 900px;
}



.periodo {
    width: 520px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    background-color: #b96402;
    height: 40px;
    padding: 0.8rem 1.2rem;
    border: none;
    border-radius: 10px;
    box-shadow: 1px 1px 6px #0000001c;
    font-size: 1.75rem;
    color: white;
    font-weight: bold;


}

.tempo {
    width: 280px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    margin-right: -25px;
    background-color: #b96402;
    height: 40px;
    padding: 0.8rem 1.2rem;
    border: none;
    border-radius: 10px;
    box-shadow: 1px 1px 6px #0000001c;
    font-size: 1.75rem;
    color: white;
    font-weight: bold;

}

.dias-semana {
    width: 520px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    background-color: #b96402;
    height: 40px;
    padding: 0.8rem 1.2rem;
    border: none;
    border-radius: 10px;
    box-shadow: 1px 1px 6px #0000001c;
    font-size: 1.75rem;
    color: white;
    font-weight: bold;


}

/* borda em volta condição do Tempo*/
.gender-group {
    width: 400px;
    height: 150px;
    display: flex;
    border-radius: 10px;
    outline: 2px solid #b96402;
    flex-direction: column;
    justify-content: center;
    margin-top: -8px;
    margin-left: 50px;
    padding: .5rem;
    align-items: center;
    
}

.tempo-group {
    width: 250px;
    height: 110px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    outline: 2px solid #b96402;
    margin-top: -10px;
    margin-left: 70px;
    padding: 1.5rem;
   
}

.cond-tempo1 {
    width: 200px;
    margin-left: 20px;
    box-shadow: 1px 1px 6px #0000001c;
    font-size: 1.75rem;

    font-weight: bold;
}

.cond-tempo2 {
    width: 200px;
    margin-left: 28px;
    box-shadow: 1px 1px 6px #0000001c;
    font-size: 1.75rem;

    font-weight: bold;
}

.dias-group {
    width: 380px;
    height: 150px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 10px;
    outline: 2px solid #b96402;
    margin-top: -8px;
    padding: 1.5rem;
    margin-left: 195px;

}

.gender-input {
    display: flex;
    align-items: center;
}


.gender-input input {
    margin-right: 0.35rem;
    margin: 8px;
}

.gender-input label {
    font-size: 1.81rem;
    font-weight: 600;
    color: #000000c0;
}



.ter-parte {
      /*visibility: hidden;*/
    
    
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;

    width: 100%;

    /* border-radius: 30px;*/

}

.esq-qnt {

    width: 50%;

    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;


}




.inserir {
    width: 200px;
    height: 8vh;
    border: none;
    margin-top: 10px;
    background-color: #f73737;
    padding: 0.62rem;
    border-radius: 10px;
    cursor: pointer;
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 8px;
}

.inserir a {
    text-decoration: none;
    font-size: 2.5rem;
    font-weight: 500;
    color: #fff;
}

.dir-qnt {
    width: 50%;

    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    

}

.menu-profissional {
    width: 100%;

    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    background-color: #b96402;
    height: 40px;
    padding: 0.8rem 1.2rem;
    border: none;
    border-radius: 10px;
    box-shadow: 1px 1px 6px #0000001c;
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
}





.profissao-contender {
  
    display: flex;
    flex-wrap: wrap;
    
    width: 80%;
    justify-content: center;
    align-items: center;
    
    border: none;
    border-radius: 10px;
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
    
    
}

.profissao-contender table {
    width: 70%;
    margin-top: -10px;
    text-align: center;
    
    border-radius: 15px;
    outline: 2px solid #f73737;
    margin-left: 10px;
   
    
}

.lista-profissao{
    width: 100%;
    
     
}



.titulo-prof-qnt {
    
    
    width: 382px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    margin-top: 5px;
    outline: 2px solid #f8f7f7;
    height: 50px;
    border-radius: 10px;
    background-color: #f73737;
    margin-left: -25px;
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
    
    
    
}


.pro-qnt {
    width: 150%;
    
    display: flex;
   
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    margin-top: 5px;
    outline: 2px solid #f8f7f7;
    height: 50px;
    border-radius: 10px;
    background-color: #f73737;
    
}


.lista-profissional {
    width: 382px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    margin-top: 5px;
    outline: 2px solid #f8f7f7;
    height: 50px;
    border-radius: 10px;
    background-color: #f73737;
    margin-left: 17px;
}

.lista-profissional img{
    width: 25px;
}


.profissional {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #b90202;
    height: 40px;
    padding: 0.8rem 1.2rem;
    border: none;
    border-radius: 10px;
    box-shadow: 1px 1px 6px #0000001c;
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 8px;
    

}

.mascara-formulario {
    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;
    
}

.btn-inserir-profissional  {
    width: 200px;
    height: 6vh;
    margin-top: 1.5rem;
    border: none;
    background-color: #f73737;
    padding: 0.62rem;
    border-radius: 10px;
    cursor: pointer;
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
    
}



.inserir-profissional {
    width: 30%;
    left: -30%;
    margin-top: -130px;
    

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
     background-color: #fce4da;
    padding: .8rem 1.2rem;
    border: none;
    border-radius: 10px;
    box-shadow: 1px 1px 6px #0000001c;
    font-size: 1.75rem;
    color: rgb(7, 3, 3);
    font-weight: bold;
    
    outline: 3px solid #b96402;
    transition: left 0.2s linear;
    position: fixed;
    
}


.checkbox {
    width: 30%;
    height: 25%;
    margin-top: 10px;
    align-items: center;
    justify-content: center;
    font-size: 2.0rem;
    color: rgb(7, 3, 3);
    font-weight: bold;
   
}


.checkboxMenu {
    width: 34%;   
    margin-top: 13px;
    align-items: center;    
    font-size: 2.3rem;
    color: rgb(7, 3, 3);
    font-weight: bold;    
   display: flexbox;
   justify-content: center;
   align-items: center;   
   margin-right: 35px;

}

.checkboxMenu input{   
    width: 25px;
    height: 25px;
    border-radius: 4px;    
    border: 1px solid gray;
    vertical-align: text-bottom;    
    
 }
 

 

.checkboxAtividade {
    
   
    margin-top: 13px;
    align-items: center;
    
    font-size: 2.3rem;
    color: rgb(7, 3, 3);
    font-weight: bold;
    display: grid;
   
   
   
   

}

.checkboxAtividade input{   
    width: 25px;
    height: 25px;
    border-radius: 4px;
    
    border: 1px solid gray;
    vertical-align: text-bottom;
     margin-top: 10px;
    
 }


 
.continue-button button {
    width:  140px;
    height: 50px;
    margin-top: 40px;
    border: none;
    background-color: #f73737;
    padding: 0.62rem;
    border-radius: 10px;
    cursor: pointer;
    margin-bottom: 25px;
}

.profissional-qnt {
    width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
    background-color: #b96402;
    height: 60px;
    padding: 0.8rem 1.2rem;
    border: none;
    border-radius: 10px;
    font-size: 2.5rem;
    color: white;
    font-weight: bold;
    margin-top: 20px;
    
}

.int-qnt input {
    text-align: center;

    height: 40px;
    padding: 0.8rem 1.2rem;
    border: none;
    border-radius: 10px;
    font-size: 1.75rem;
    font-weight: bold;
    margin-top: 10px;


}

.inserir-btn button {
    width: 200px;
    height:50px;
    margin-top: 10%;
    margin-bottom: 5%;
    border: none;
    background-color: #f73737;
    padding: 0.62rem;
    border-radius: 10px;
    cursor: pointer;
    font-size: 1.75rem;

}

.inserir-btn button a {
    text-decoration: none;
    font-size: 2.5rem;
    font-weight: 500;
    color: #fff;
}

.menu-equipamento {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    background-color: #b96402;
    height: 40px;
    padding: 0.8rem 1.2rem;
    border: none;
    border-radius: 10px;
    box-shadow: 1px 1px 6px #0000001c;
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
}


.titulo-equip-qnt {
    width: 382px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    margin-top: 5px;
    outline: 2px solid #f8f7f7;
    height: 50px;
    border-radius: 10px;
    background-color: #f73737;
    margin-left: 16px;
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
    
    
}




.inserir-equipamento {
    width: 30%;
    left: -35%;
    margin-top: -80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fce4da;
    padding: .8rem 1.2rem;
    border: none;
    border-radius: 10px;
    box-shadow: 1px 1px 6px #0000001c;
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
     outline: 3px solid #b96402;
    transition: left 0.2s linear;
    position: fixed;
}


.equipamento-qnt {
    width: 80%;
    text-align: center;
    background-color: #b96402;
    height: 40px;
    padding: 0.8rem 1.2rem;
    border: none;
    border-radius: 10px;
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
    margin-top: 20px;

}

.int-qnt input {
    text-align: center;

    height: 40px;
    padding: 0.8rem 1.2rem;
    border: none;
    border-radius: 10px;
    font-size: 1.75rem;
    font-weight: bold;
    margin-top: 10px;


}

.lista-equip {
    width: 382px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    margin-top: 5px;
    outline: 2px solid #f8f7f7;
    height: 50px;
    border-radius: 10px;
    background-color: #f73737;
    margin-left: 14px;
}

.lista-equip img{
    width: 25px;
}

.inserir-equipamento-btn button {
    width: 200px;
    height: 6vh;
    margin-top: 1.5rem;
    border: none;
    background-color: #f73737;
    padding: 0.62rem;
    border-radius: 10px;
    cursor: pointer;
    font-size: 1.75rem;





}

.inserir-equipamento-btn button a {
    text-decoration: none;
    font-size: 2.5rem;
    font-weight: 500;
    color: #fff;
}











.ter-parte input {
    margin-top: 5px;
    width: 100px;
    height: 40px;
    border: none;
    border-radius: 10px;
    box-shadow: 1px 1px 6px #0000001c;
    font-size: 1.75rem;
    text-align: center;

}

.ter-parte input:hover {
    background-color: #eeeeee75;

}

.ter-parte input:focus-visible {
    outline: 2px solid #ce4f06;

}


.inserir-atividade {
    width: 40%;
    left: -40%;
    margin-top: -80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fce4da;
    padding: .8rem 1.2rem;
    border: none;
    border-radius: 10px;
    box-shadow: 1px 1px 6px #0000001c;
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
     outline: 3px solid #b96402;
    transition: left 0.2s linear;
    position: fixed;
}

.inserir-atividade li{
    margin-top: 10px;
}

.btn-add-atividade {
  margin-top: 100px;
}




.inserir-btn-atividade button {
    width: 200px;
    height: 8vh;
    margin-top: 20%;
    margin-bottom: 10%;
    border: none;
    background-color: #f73737;
    padding: 0.62rem;
    border-radius: 10px;
    cursor: pointer;
    font-size: 1.75rem;
}

.inserir-btn-atividade button a {
    text-decoration: none;
    font-size: 2.5rem;
    font-weight: 500;
    color: #fff;
}

.atividades-realizadas {
     
    width: 100%;
    display: flex;   
    flex-direction: column;
    align-items: center;   
    border: none;     
    font-size: 1.95rem;
    color: white;
    font-weight: bold;
    margin-top: 20px;
    text-align: center;

}

 .atividades-titulo {
    width: 100%;
    display: flex;   
    color: rgb(150, 24, 24);
    justify-content: space-around;
    align-items: center;  
}

.atividades-titulo li {
    width: 1099px;
    display: flex;
    align-items: center;
   
    padding: 0 15px;
    margin-top: 5px;
    outline: 2px solid #f8f7f7;
    height: 50px;
    border-radius: 10px;
    background-color: #f73737;
    
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
    
   
  
}

.menu-data-Titulo {
   width: 150px;
}

.menu-data {
    display: flex;
    flex-direction: column;
    
}

.menu-data 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: 160px;
}

.menu-data input:focus-visible {
    outline: 2px solid #dd5202;
}

.menu-data input::placeholder {
    color: #000000be;
}

.menu-obser {
    display: flex;
    flex-direction: column;
    
}

.menu-obser 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: 380px;
    margin-right: 30px;
}

.menu-obser input:focus-visible {
    outline: 2px solid #dd5202;
}

.menu-obser input::placeholder {
    color: #000000be;
}

.lista-atividades img {
      width: 25px;    
 }
 
.menu-atividade {
  
    width: 450px;
   
    text-align: center;
   
 }
 
 
 .menu-obser-Titulo{
    width: 410px;     
 }

 .menu-img {
      width: 25px;
     
 }

 

 .atividades {
   
    width: 100%;
    display: flex;
    margin-top: 6px;
    color: rgb(150, 24, 24);
    justify-content: space-around;
    align-items: center;
  
}

.atividades li {
    width: 1099px;
    display: flex;
    align-items: center;
   
    padding: 0 15px;
    
    outline: 2px solid #f8f7f7;
    height: 50px;
    border-radius: 10px;
    background-color: #f73737;
    
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
    
   
  
}

.titulo-atividade label{
  
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    margin-top: 20px;
    outline: 2px solid #f8f7f7;
    height: 50px;
    border-radius: 10px;
    background-color: #1f1e1f;
   
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
    text-align: center;
    
}


.linha-atividades {
    width: 100%;
    height: 5px;
    background-color:  #b96402;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 10px;
    
    margin-top: 15px;
   

}


.menu-atividades {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    background-color: #b96402;
    height: 40px;
    padding: 0.8rem 1.2rem;
    border: none;
    border-radius: 10px;
    box-shadow: 1px 1px 6px #0000001c;
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
    margin-top: 30px
}



.continue-button button:hover {
    background-color: #ce4f06;
}

.continue-button button a {
    text-decoration: none;
    font-size: 2.5rem;
    font-weight: 500;
    color: #fff;
}

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