#btnInstall {
          display: none;
          padding: 10px 20px;
          font-size: 1.6rem;
          background-color: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%);
          color: white;
          border: none;
          border-radius: 5px;
          cursor: pointer;
          align-items: center;
          justify-items: center;
          position: absolute;
          z-index: 9999;
          width: 100%;
    }

.Tela_Diario{position: absolute;
              width: 100%;
              z-index: 9999;
              top:2%}

#editor { height: 200px; 
          background: #fff;
          margin-top: 15px;
          height: 50dvh;
          font-size: 1.5dvh;
          }

#editor2 {
  background-color: white;
  max-height: 19dvh;
  min-height: 19dvh;
  overflow-y: auto;  
  border: 1px solid #ccc; 
}

#editor3 {
  background-color: white;
  max-height: 19dvh;
  min-height: 19dvh;
  overflow-y: auto;  
  border: 1px solid #ccc;
}

         
.hidden {top: 10dvh;;
        padding: 10dvh;
        height: 60dvh;
        background-color:rgb(85, 85, 85);
        position:absolute;
        width: -webkit-fill-available;
        }

#toolbar{background-color: white;}

.Btt_Atendimento{ display: grid;
                  width: 100pix;
                  margin-left: 5%;
                  margin-right: 5%;
              }

.btt_Padrão {
            background-color: #4ca5af; /* verde */
            color: white;
            margin-top: 0.5rem;
            padding: 12px 24px;
            border: none;
            border-radius: 8px;
            font-size: 14px;
            cursor: pointer;
            transition: background-color 0.3s ease, transform 0.2s ease;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
          }

.btt_Padrão:hover {
                  background-color: #4ca5af;
                  transform: translateY(-2px);
                }

.btt_Padrão:active {
                  background-color: #3e8e41;
                  transform: translateY(0);
                }

.travaBarra {
              overflow: hidden;
            }

.Corpo {
        min-height: 90vh;
      }

.topo {
  position: fixed;
  z-index: 999;
  width: 100%;
}

.Cont_Cabeca {
  z-index: 999;
  display: grid;
  top: 0;
  grid-template-columns: 35% 65%;
  background-color: #027070;
  align-items: start;
  text-align: Start;
  padding: 0;
  padding-top: 0.5rem;
  padding-right: 2rem;
  color: aliceblue;

  & figure {
    padding: 0;
    padding-top: 0rem;
    padding-left: 1rem;
    margin: 0;
    text-align: start;
  }

  & div {
    padding-top: 1.4dvh;

    & A {
      all: unset;
    }
  }

}

.Menu_Opcoes {
  display: grid;
  justify-items: center;
  gap: 0;
  align-items: end;
  margin-bottom: 0;
  padding-bottom: 0;
  grid-template-columns: 0.1fr 1fr 1fr 1fr 1fr 0.8fr 0.8fr;

  & div:hover {
    color: rgb(14, 14, 95);
    font-size: 2rem;
    padding-top: 1rem;
    cursor: pointer;
  }
  
  & #Btt_Logado:hover {
    color: white;
    font-size: 1.6rem;
    padding-top: 1.5rem;
    border-bottom: 0rem solid rgb(20, 20, 20);
    cursor:pointer;}


  & #logout {background-color: rgb(2, 112, 112);
                border: none;
                color: white;
                cursor: pointer;}

  & #logout:hover {color: rgb(14, 14, 95);
                        font-size: 1.4rem;
                        cursor: pointer;}

}

.Pag_Atual {
          color: rgb(2, 2, 39);
          font-size: 2.2rem;
          padding-top: 1rem;
          border-bottom: 0.2rem solid rgb(20, 20, 20);
          cursor: pointer;
        }

.Icon_Menu_Res {
  display: None;
}

.Icon_Menu_Aber {
  display: Grid;
}

.Cont_Logon {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            align-items: end;
            text-align: start;
            margin: 0;
            padding: 0;
            background-color: white;
            color: black;

            & p {
              margin: 0;
              padding: 0;
            }
          }


#Btt_Logado div {
                display: grid;
                grid-template-columns: 2fr 1fr;
                position: absolute;
                top: 0;
                margin: 0;
                padding: 0.4rem;
                align-items: end;
                justify-items: end;
                right: 0;

                & img { height: 6dvh;
                        width: 5dvh;
                        max-height: 6dvh;
                        min-height: 6dvh;
                        max-width: 5dvh;
                        min-width: 5dvh;
                      }

                & button {background-color: rgb(2, 112, 112);
                        }
                }

              
.Foto_Cabecario {
                margin: 0;
                margin-top: 0;
                padding-top: 0;
                position: absolute;
                top: 5%;
                width: 5dvh;
            }

.Cont_Titulo {
            display: none;
            position: absolute;
            left: 25%;
          }

.Cont_Introducao {
                display: grid;
                align-items: center;
                text-align: Center;
                margin: 0;
                padding: 0;
                padding-bottom: 0rem;
                padding-top: 8rem;
                margin-left: 20rem;
                margin-right: 20rem;
              }

.Cont_Pessoal {
  display: grid;
  gap: 5dvh;
  margin-left: 5rem;
  margin-right: 5rem;
  margin-top: 4rem;
  grid-template-columns: repeat(3, 1fr);
  align-items: start;
  align-content: center;
  text-align: center;
  border: 0.5rem solid #00000066;
  border-radius: 1.5rem;
}

.Cont_Apresentacao {
  text-align: Center;
  position: relative;
  padding-bottom: 5rem;

  & div {
    margin-top: 4rem;
  }

  & div h2 {
    position: absolute;
    display: inline;
    padding: 0.8rem;
    border-radius: 2rem;
    background-color: rgba(255, 255, 255, 0.4);
    border: 0.2rem solid #f3eeee66;
    top: -5rem;
    left: 50%;
    transform: translateX(-50%) rotate(-5deg);
  }
}

.Cont_Pessoal_AP {position: relative;
                  grid-template-columns: 95% 5%;
                  margin-top: 2dvh;
                  margin-left: 2%;

                  & .Editor img {cursor: pointer;
                                display: none;
                                position: absolute;
                                top: 0;
                                right: 2%;}

                  & P{grid-column: 1 / span 2;}
}

.Cont_Servico {
  position: relative;
  text-align: center;
  margin-left: 5rem;
  margin-right: 5rem;
  border: 0.5rem solid #00000066;
  border-radius: 1.5rem;
  margin-bottom: 5rem;

  & div h2 {
    position: absolute;
    display: inline;
    padding: 0.8rem;
    border-radius: 2rem;
    background-color: rgba(255, 255, 255, 0.4);
    border: 0.2rem solid #f3eeee66;
    top: -5rem;
    left: 50%;
    transform: translateX(-50%) rotate(-5deg);
  }
}

.Editor_Servicos {
                  margin-left: 2%;
                  position: relative;
                
                & .Editor img {cursor: pointer;
                              display: none;
                              position: absolute;
                              top: 0%;
                              right: 1%;}
              }

.Servicos {
  text-align: start;
  padding: 2rem;
  margin-top: 5rem;
  padding-bottom: 5rem;
}

.Artigo {
  text-align: start;
  padding: 2rem;
  margin-top: 2rem;
  padding-bottom: 2rem;

  & P {
    text-indent: 30px;
    text-align: justify;
  }

  & b {
    color: blue;
    cursor: pointer;
  }
}

.Cont_Whats {
  position: fixed;
  bottom: 1%;
  left: 87%;

  & figure:hover {
    width: 60px;
    height: 60px;
  }
}

.Cont_Contatos {
  background-color: rgb(2, 112, 112);
  display: grid;
  padding-left: 10rem;
  padding-right: 10rem;
  grid-template-columns: 65% 35%;
  height: 25rem;
  align-content: center;

  & input {width: 10dvh;}
}

.Contatos_Lista {
  & P {
    margin: 0;
    padding: 0.4rem;
  }

  & h3 {
    margin: 0.4rem;
    padding: 0.4rem;
  }
}

.Contatos_Form {
  width: 80%;
         }

  & input {margin-bottom: 0.7dvh;}

  & h3 {
  margin: 0.4rem;
  padding: 0.4rem;
}

.Form_Base {
  text-align: end;
  margin-left: 5rem;
  margin-right: 5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: grid;
  gap: 2rem;
  grid-template-columns: 3fr 1fr;
  align-items: end;
  justify-content: end;
}

.container {
  margin-top: 1rem;
}

.Botton_Form {
  margin-top: 1rem;
  display: inline-flexbox;

  & p {
    width: 50%;
    background-color: aqua;
    border-radius: 5rem;
    text-align: center;
    border: 0.1rem solid rgb(88, 87, 87);
  }

  & p:hover {
    background-color: antiquewhite;
    border-bottom: 0.2rem solid rgb(20, 20, 20);
  }
}

.Tela_Logon {
              display: inline-flex;
              position: absolute;
              top: 0;
              margin: auto;
              padding: auto;
              right: 0;
              justify-content: space-around;
              z-index: 999;
              height: 100%;
              width: 100%;
              background-color: rgb(240, 248, 250, 0.7);
              & .Logon_Tela {
                      display: grid;
                      grid-template-columns: 80% 10%;
                      width: auto;
                      gap: 2%;
                      margin: auto;
                      /* padding: 2%; */
                      border: 0.2rem solid black;
                      border-radius: 2rem;
                      text-align: center;
                      justify-items: stretch;
                      height: 10rem;
                      background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%);
                      opacity: 1;
                      align-content: center;
                      height: 30dvh;
                      align-items: start;

                & em {
                  grid-column: 1 / span 6;
                  font-size: 1.5rem;
                }

              & button {width: 20dvh;}

              & .Fechar_Logon {width: 5dvh;
                                text-align: start;
                                background-color: rgb(204, 204, 204,0);
                                color: black;}

              }
}

.Cont_Cursos {
  display: grid;
  grid-template-columns: 1fr;
  padding-bottom: 2rem;
  padding-top: 12rem;
  margin-left: 5rem;
  margin-right: 5rem;
  gap: 0;
  cursor: pointer;
  min-height: 80dvh;

  & section p {
    text-indent: 30px;
    text-align: justify;
    margin: 0;
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.Cont_Artigos {
  display: grid;
  padding-bottom: 2rem;
  padding-top: 12rem;
  margin-left: 5rem;
  margin-right: 5rem;
  gap: 0;
  cursor: pointer;

  & section p {
    text-indent: 30px;
    text-align: justify;
    margin: 0;
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.Cont_Cursos1 {
  grid-template-columns: 1fr;
  padding-bottom: 2rem;
  gap: 0;
}

.List_Curso {
  margin-left: 3rem;
  margin-right: 5rem;
  display: block;
}

.List_Curso_select {
  background-color: rgb(85, 85, 85, 0.3);
}

.Cont_Curso_Desc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  align-items: start;
  text-align: center;
  margin-left: 2rem;
  margin-right: 5rem;
  border: 0.5rem solid #00000066;
  background-color: rgb(85, 85, 85, 0.1);
  border-radius: 1.5rem;
  margin-bottom: 5rem;
  margin-top: 3rem;

  & .Video_Curso {
    margin-top: 5rem;

    & div {
      margin-top: 2rem;
      & div {
        padding: 1rem;
        display: grid;
        background-color: rgb(62, 142, 65, 0.1);

        & p {
          padding: 0.5rem;
        }
      }
    }
  }
}

.Descricao_Oculta {
  display: none;
}

.Descrição_Curso {
  display: grid;
}

.iframe-video {
  width: 50rem;
  height: 25rem;
}

#video-container {
      flex: 1;
      display: block;
      grid-column: 1;
      grid-row: 1 / span 2;  

    }

#jitsi-meet {
      width: 100%;
      height: 100%;
      border: 0;
    }

.input-area {
            display: grid;
            flex-direction: column;
            width: 100%;
            font-size: 1.6dvh;
            justify-items: center;
            align-content: stretch;
            align-items: stretch;
            margin-bottom: 2;
            padding-bottom: 2%;
            padding-top: 2%;
            }         

.Tele_Atendimento_Cabeça { background: #4CAF50;
                            color: white;
                            padding: 15px;
                            text-align: center;
                            font-size: 20px;
                            font-weight: bold;
                            display: flex;
                            justify-items: stretch;
                            align-items: flex-start;
                            justify-content: space-between;
                        }

.Tele_Atendimento_cliente{
                          height: 90%;}

#video-container_Cliente{width: 100%;
                         height: 100%; }  
                         
#jitsi-meet_Cliente{width: 100%;
                         height: 100%; }                     

.Tele_Atendimento{display: Grid;
                  grid-template-columns: 75% 25%;
                  position: relative;
                  height: 100%;
                  margin-top: 8rem;
                  background-color: white;
                  margin: 0;
          & p {font-size: 2rem;
               margin: 0;
               padding: 0;
               text-align: center;
          }         
          
          & input{height: 80%;}

          & .input-area{background-color: #c5caeb;
            
            & p {font-size: 1.6rem; }

            & button {
                      font-size: 1.6dvh;
                     cursor: pointer; 
                    }
            & button:hover {color: rgb(14, 14, 95);
                        font-size: 1.5dvh;
                        cursor: pointer;}
          }
          
                    }

.Sala_Atendimento{
      position: absolute;
      z-index: 999;
      top: 1%;
      right: 5%;
      background-color: bisque;
      width: 90%;
      height: 90%;

    }

.Perfil_Atendente {
          display: grid;
          grid-template-columns: 20% 80%;
          gap: 0;
          width: auto;
          padding-top: 8rem;
          height: 100dvh;
          margin-left: 2%;

          & .Perfil_Tel {width: 7dvh;
                        cursor: pointer;
                        height: 7dvh;}

          & img {width: 20dvh;}
      }


.Perfil_Historico {
              width: 100%;
              height: auto;
              align-items: center;
              

          & .Perfil_Consulta {
                  background-color: rgb(233, 240, 240);
                  height: 47%; 
                  width: 95%; 
                  margin: 2% ;
                  margin-top: 0;
                  border-end-end-radius: 2rem;
                  border-start-start-radius: 2rem;
                  border: 0.2rem solid rgb(23, 20, 20);   
                  text-align: center;  
          }

          & .Perfil_Pagamento {
                  background-color: rgb(233, 240, 240);
                  height: 47%; 
                  width: 95%;   
                  margin: 2%;
                  border-end-end-radius: 2rem;
                  border-start-start-radius: 2rem;
                  border: 0.2rem solid rgb(23, 20, 20);
                  text-align: center;  
          }

          & .Menu_Pagamento {display: inline-grid;
                              grid-template-columns: 1fr 1fr;
                              gap: 20%;
                              cursor: pointer;
                              margin: 0;
                              padding: 0;
                              justify-content: center;
                              align-items: center;
                              justify-items: center;

                & H2 {margin: 2%;
                      padding: 4%;
                      border-radius: 10px;
                
                & h2:hover{
                            margin-top: 2%;
                            border-radius: 10px;
                            cursor: pointer;
                            box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.1);
                            transition: background-color 0.3s ease, transform 0.2s ease;
                          }
                    
                }

                & button {cursor: pointer;
                          margin-top: 4%;
                          margin-bottom: 2%;
                          height: 70%;
                          border-radius: 10px;
                          font-size: 2rem;
                          width: 30dvh;
                          justify-self: center;}            
                
                            }
      }

.Menu_Pagamento {display: inline-grid;
                grid-template-columns: 1fr 1fr;
                gap: 20%;
                cursor: pointer;
                margin: 0;
                padding: 0;
                justify-content: center;
                align-items: center;
                justify-items: center;
                
                & H2 {margin: 2%;
                      padding: 4%;
                      border-radius: 10px;
                    }
                
                & h2:hover{ 
                            margin-top: 2%;
                            border-radius: 10px;
                            cursor: pointer;
                            box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
                            transition: background-color 0.3s ease, transform 0.2s ease;
                          }
                }

.Perfil_Dados {
              background-color: rgb(233, 240, 240);
              width: 100%;
              height: 97%;       
              display: block;
              text-align: center;
              margin-left: 2.5%;
              margin-right: 2.5%;
              border-end-end-radius: 2rem;
              border-start-start-radius: 2rem;
              border: 0.2rem solid rgb(23, 20, 20);
              grid-column: 1;
              grid-row: 1 / span 2;

        & img {
          margin: 4%;
          border-radius: 5%;
        }

        & div {
          margin: 2%;
          text-align: start;

        & p{font-size: 2.2rem;
            justify-items: center;
            justify-content: flex-start;
            display: flex;
            align-items: center;}

        & textarea {border: none;
                    background-color: inherit;
                    resize: none;
                    font-size: 1.5rem;}
          
        }
      } 

.Perfil_Dados_Busca {
              background-color: rgb(233, 240, 240);
              width: 100%;
              height: 97%;       
              display: block;
              text-align: center;
              margin-left: 2.5%;
              margin-right: 2.5%;
              border-end-end-radius: 2rem;
              border-start-start-radius: 2rem;
              border: 0.2rem solid rgb(23, 20, 20);
              grid-column: 1;
              grid-row: 1 / span 2;

        & img {
          margin: 4%;
          border-radius: 5%;
        }

        & img {
          margin: 4%;
          border-radius: 5%;
        }

        & div {
          margin: 2%;
          text-align: start;

        & p{font-size: 1.8rem;
            justify-items: center;
            justify-content: flex-start;
            display: flex;
            align-items: center;}
      }
}

.Perfil_Avatar {display: grid;
                grid-template-columns: 65% 35%;
                gap: 2%;
                text-align: center;
                justify-self: center;
                align-items: End;
                font-size: 0.8rem;
                justify-items: center;
                position: relative;

                & div {text-align: center;               
              }
          
                & img {width: 20dvh;
                                    height: 30dvh;}

  }
  
.Diario_Chamada {display: grid;
                gap: 2dvh;
                font-size: 1.6rem;
                align-content: center;
              }

.tabela-container {
  overflow-y: auto;
  display: block;
}

.tabela-container table {
  border-collapse: collapse;
  width: 95%;

  & h2 {cursor: pointer;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;      
        text-overflow: ellipsis;   
        color:white;
        display: inline;
        font-size: 1.8rem;
        justify-content: center;
        align-items: center;
        justify-items: center;
        margin: 0.5%;
        padding: 1%;
        padding-left: 5%;
        padding-right: 5%;
        border-radius: 10px;
        background-color: rgba(2, 112, 112, 0.5);
      }

  & h2:hover{
              background-color: #4ca5af; /* verde */
              color: white;
              margin-top: 0.5%;
              border-radius: 10px;
              font-size: 1.8rem;
              cursor: pointer;
              box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.1);
              transition: background-color 0.3s ease, transform 0.2s ease;
            }
}

.tabela-container thead th {
  position: sticky;
  top: 0;
  background: #0a2540; /* cor do cabeçalho */
  color: white;
  z-index: 2;
}

.modal{
      display: none;
      position: fixed;
      z-index: 1;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
      background-color: rgba(0,0,0,0.4);
    }

.modal-content {
      background-color: #fefefe;
      margin: 15% auto;
      padding: 20px;
      text-align: start;
      font-size: 1.8rem;
      border-radius: 0.5rem;
      overflow: auto;
      height: 40dvh;
      border: 1px solid #888;
      width: 80%;
    }

.close {
      color: #aaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }

.close:hover,
.close:focus {
      color: black;
      text-decoration: none;
      cursor: pointer;
    }

.Secao_Cadastro{position: absolute;
                top: 0;
                padding-top: 3%;
                z-index: 999;
                width: 100%;
                height: 100dvh;
                justify-items: center;
                background-color: rgb(85, 85, 85, 0.3);}

.Dados_Cadastro {display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 1dvh;
                width: 70dvh;
                margin: 0;
                padding: 0;
                padding-right: 3dvh;
                padding-left: 3dvh;
                padding-bottom: 3dvh;
                border-radius: 5dvh;
                border: 0.1dvh rgb(27, 26, 26) solid;
                background-color: rgb(221, 215, 250);

                & label {font-weight: bold;
                  }

                 & h2 {
                grid-column: 1 / span 2;   /* ocupa as 2 colunas */
                text-align: center; 
                padding: 0;
                margin: 2dvh;
              }

              & button {
                grid-column: 2 / span 1;   /* ocupa as 2 colunas */
                text-align: center;
                width: 20dvh;
                padding: 2%;
                margin: 0dvh;
              }

              & input {margin-bottom: 0.7dvh;
                      display: block;
                      width: 100%;}
              }

.Atendimento{z-index: 990;
              width: 100%;
              height: max-content;
            }

.Perfil_Atendimento {
              width: 100%;
              height: 95%;
              align-items: center;
              

          & .Perfil_Consulta {
                  background-color: rgb(233, 240, 240);
                  height: 70dvh; 
                  width: 95%; 
                  margin: 2% ;
                  border-end-end-radius: 2rem;
                  border-start-start-radius: 2rem;
                  border: 0.2rem solid rgb(23, 20, 20);   
                  text-align: center;  
                  }

          & .Perfil_Menu {
                  background-color: rgb(233, 240, 240);
                  height: 25%; 
                  width: 95%;   
                  margin: 2%;
                  margin-top: 0;
                  border-end-end-radius: 2rem;
                  border-start-start-radius: 2rem;
                  border: 0.2rem solid rgb(23, 20, 20);
                  text-align: center;  
          }

          & button {width: 30dvh;
                    }

      }

.Perfil_Consulta1 {
                  background-color: rgb(233, 240, 240);
                  height: 44dvh; 
                  width: 95%; 
                  margin: 2% ;
                  margin-top: 0;
                  border-end-end-radius: 2rem;
                  border-start-start-radius: 2rem;
                  border: 0.2rem solid rgb(23, 20, 20);   
                  text-align: center;  
                  }

.Perfil_Pagamento1 {
                  background-color: rgb(233, 240, 240);
                  height: 44dvh; 
                  width: 95%;   
                  margin: 2%;
                  border-end-end-radius: 2rem;
                  border-start-start-radius: 2rem;
                  border: 0.2rem solid rgb(23, 20, 20);
                  text-align: center; }


.Perfil_Atendimento_Busca {
              width: 100%;
              height: 94%;
              align-items: center;
              margin: 0;
        
          & .Perfil_Busca {background-color: rgb(233, 240, 240);
                            height: auto;
                            width: 94%;
                            margin: 2%;
                            border-end-end-radius: 2rem;
                            border-start-start-radius: 2rem;
                            border: 0.2rem solid rgb(23, 20, 20);
                            text-align: center;
                            margin-top: 0;
                
                & h2 {margin-bottom: 0;}

                & Form {display: flex;
                        align-items: center;
                        justify-content: center;
                        margin: 0;
                      
                      }

                & button {height: 3dvh;
                          padding: 0;}

                & input {width: 50dvh;}
          }

          & .Perfil_Consulta {
                  background-color: rgb(233, 240, 240);
                  height: 48%; 
                  width: 94%; 
                  margin: 2% ;
                  border-end-end-radius: 2rem;
                  border-start-start-radius: 2rem;
                  border: 0.2rem solid rgb(23, 20, 20);   
                  text-align: center; 
                  margin-bottom: 0; 
          }


          & .Perfil_Pagamento {
                  background-color: rgb(233, 240, 240);
                  height: 45%; 
                  width: 94%;   
                  margin: 2%;
                  border-end-end-radius: 2rem;
                  border-start-start-radius: 2rem;
                  border: 0.2rem solid rgb(23, 20, 20);
                  text-align: center;
                  margin-top: 1%;
          }

          

          & button {width: 30dvh;
                    margin: 2dvh;
                    }

      }

.Perfil_Secao_Busca {
              width: 100%;
              height: 94%;
              align-items: center;
              margin: 0;
        
          & .Perfil_Busca {background-color: rgb(233, 240, 240);
                            height: auto;
                            width: 94%;
                            margin: 2%;
                            border-end-end-radius: 2rem;
                            border-start-start-radius: 2rem;
                            border: 0.2rem solid rgb(23, 20, 20);
                            text-align: center;
                            margin-top: 0;
                
                & h2 {margin-bottom: 0;}

                & Form {display: flex;
                        align-items: center;
                        justify-content: center;
                        margin: 0;
                        margin-left: 2%;
                      
                      }

                & button {height: 3dvh;
                          padding: 0;}

                & input {width: 50dvh;}
          }

          & .Perfil_Consulta {
                  background-color: rgb(233, 240, 240);
                  height: 40%; 
                  width: 95%; 
                  margin: 2% ;
                  border-end-end-radius: 2rem;
                  border-start-start-radius: 2rem;
                  border: 0.2rem solid rgb(23, 20, 20);   
                  text-align: center;
          }


          & .Perfil_Pagamento {
                  background-color: rgb(233, 240, 240);
                  height: 38%; 
                  width: 95%;   
                  margin: 2%;
                  border-end-end-radius: 2rem;
                  border-start-start-radius: 2rem;
                  border: 0.2rem solid rgb(23, 20, 20);
                  text-align: center;  
          }

          & button {width: 30dvh;
                    margin: 2dvh;
                    }

      }

#btt_mostrar_Agenda { background-color: rgba(2, 112, 112, 0.3)}

#btt_mostrar_Agenda_Busca{ background-color: rgba(2, 112, 112, 0.3)}

.month-nav {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
      margin-bottom: 15px;
    }

.month-btn {
      background: #6c5ce7;
      color: white;
      border: none;
      padding: 8px 15px;
      border-radius: 5px;
      cursor: pointer;
    }

.month-btn:hover {
      background: #4834d4;
    }

.calendar {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 5px;
      width: 90%;
      max-width: 800px;
      margin: auto;
    }

.day {
      background-color: #fff;
      border: 1px solid #ddd;
      padding: 0.8rem;
      text-align: center;
      cursor: pointer;
      border-radius: 8px;
      transition: background-color 0.2s;
    }

.day:hover {
      background-color: #e0d4ff;
    }

.header {
      font-weight: bold;
      background-color: #ddd;
      border-radius: 8px;
      padding: 10px;
    }

.modal1 {
      position: fixed;
      top: 0;
      z-index: 9999;
      right: -120%;
      width: 20%;
      height: 100%;
      background-color: #fff;
      box-shadow: -3px 0 8px rgba(0,0,0,0.4);
      transition: right 0.3s ease;
      padding: 20px;
      overflow-y: auto;
    }

.modal1.active {
      right: 0;
    }

.modal1 h2 {
      margin-top: 0;
      font-size: 2.4rem;
    }

.close-btn {
      background: #e74c3c;
      color: white;
      border: none;
      padding: 10px 15px;
      border-radius: 5px;
      cursor: pointer;
    }

.close-btn:hover {
      background: #c0392b;
    }

.agendar-btn {
      background: #4CAF50;
      color: white;
      border: none;
      padding: 10px 15px;
      border-radius: 5px;
      cursor: pointer;
      margin-top: 15px;
    }

.agendar-btn:hover {
      background: #388E3C;
    }

.form-group {
      margin-bottom: 2%;
    }

.form-group label {
      display: block;
      font-weight: bold;
      margin-bottom: 2%;
    }

.form-group input,
.form-group select,
.form-group textarea {
      width: 90%;
      padding: 8px;
      border: 1px solid #ddd;
      border-radius: 5px;
    }

.form-group select {
      width: 95%;
    }

.Agendamento{position: absolute;
                top: 0;
                padding-top: 3%;
                z-index: 999;
                width: 100%;
                height: 100dvh;
                justify-items: center;
                background-color: rgb(85, 85, 85, 0.3);
            }

#month-year {background-color: white;
              padding: 1.5rem;
              margin-bottom: 2dvh;
              display: block;
              border-radius: 10%;
              border-radius: 8px;
              border: 1px solid rgb(221, 221, 221);
}

.actions {display: flex;
        margin-top: 2%;
        gap: 2%;
        justify-items: center;
        justify-content: center;

   & h2 {cursor: pointer;
        white-space: nowrap;
        overflow: hidden;      
        text-overflow: ellipsis;   
        color:white;
        display: inline;
        font-size: 1.2rem;
        justify-content: center;
        align-items: center;
        justify-items: center;
        padding: 0.5%;
        padding-left: 5%;
        padding-right: 5%;
        border-radius: 10px;
        background-color: rgb(2, 112, 112);
      }

  & h2:hover{
              background-color: rgb(2, 112, 112, 0.8); /* verde */
              color: white;
              margin-top: 0%;
              border-radius: 10px;
              font-size: 1.2rem;
              cursor: pointer;
              box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.1);
              transition: background-color 0.3s ease, transform 0.2s ease;
            }
}

.actions button {width: 15dvh;
                    margin: 2dvh;
          }

div .actions h2 {cursor: pointer;
                  display: grid;
                  white-space: nowrap;
                  overflow: hidden;      
                  text-overflow: ellipsis;   
                  color:white;
                  font-size: 1.2rem;
                  justify-content: center;
                  align-items: center;
                  justify-items: center;
                  margin: 0%;
                  padding: 0.5%;
                  padding-left: 5%;
                  padding-right: 5%;
                  border-radius: 10px;
                  background-color: rgb(2, 112, 112);
                  position:relative;
                  padding: 0.8rem; 
                  border-radius: 2rem;
                  border: 0rem solid #f3eeee66;
                  left: 0;
                  top: 0;
                  position: static;
                  width: 10dvh;
                  transform: translateX(0%) rotate(0deg);
                  padding: 0.5%;
                  padding-left: 5%;
                  padding-right: 5%;
                }

div .actions h2:hover{
              background-color: #4ca5af; /* verde */
              color: white;
              margin-top: 0%;
              border-radius: 10px;
              font-size: 1.2rem;
              cursor: pointer;
              box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.1);
              transition: background-color 0.3s ease, transform 0.2s ease;
            }

.Secao_Agendamento_Consulta{width: 80%;
                            background-color: white;
                            height: 25vh;
                            margin-top: 2%;
                            padding-top: 0.2%;
                            padding-bottom: 2%;
                            border-radius: 2rem;
                            border: 0.2rem solid rgb(23, 20, 20);
                            overflow: auto; /* ou scroll */
                            scrollbar-width: none; /* Firefox */
                            -ms-overflow-style: none; /* IE e Edge */
                            text-align: center;

                            }

.Secao_Agendamento_Consulta::-webkit-scrollbar {
  display: none;
}

.Perfil {
          display: grid;
          grid-template-columns: 20% 80%;
          grid-auto-rows: 15% 85%;
          gap: 0;
          width: auto;
          padding-top: 8rem;
          height: 100dvh;
          margin-left: 2%;

          & .Perfil_Tel {width:7dvh;
                          height: 8dvh;
                          cursor: pointer;}

          & img {width: 20dvh;}
      }

#fileInput {
    display: none; /* Oculta o input padrão */
  }

  .custom-file-label {
    cursor: pointer;
    display: inline;
  }

  .custom-file-label img {
    text-align: center;
    width: 10rem;
    min-width: 10rem;
    max-width: 10rem;
    height: 12rem;
    max-height: 12rem;
    min-height: 12rem;
  }

.Editor_Apre_Inicio {display: grid;
                      grid-template-columns: 20% 80%;
                    
                      & div {display: grid;
                              align-items: center;}
                      & textarea {
                              min-width: max-content;
                              max-width: 100%;
                              height: 14dvh;}

                      & label {font-size: 2.4rem;
                              color: #eaeef1;
                            }
                    }
              
.Serv_Edit{grid-column: 1 / span 2;
            width: 100%;
          
          & textarea {min-width: max-content;
                  max-width: 100%;
                   height: 14dvh;}
                            }

.Dest_Edit{grid-column: 1 / span 2;
            width: 100%;   

          & textarea {min-width: max-content;
                  max-width: 100%;
                   height: 14dvh;}
                            }

#Edito_Cadastro{height: -1dvh;
                right: 20%;
                top: 0;
                position: absolute;
              
                & img {height: 4dvh;
                      width: 2dvh;
                      cursor: pointer; 
                    } 
              }

#Editor_Mob{display: block;}

.Mob_Editor{display: None;}