* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Nunito', sans-serif;
  user-select: none; /* Impede a seleção de texto e elementos */
  -webkit-user-select: none; /* Suporte para navegadores WebKit (Safari, Chrome) */
  -ms-user-select: none; /* Suporte para IE10+ */
  -moz-user-select: none; /* Suporte para navegadores baseados em Mozilla (Firefox) */
}
header{
    color: #FFF;
    background-color: #16253d;
    align-content: center;
    width: 100%;
    height: 70px;
    max-height: 70px;
  
    @media (max-width: 768px) {
  
      border-bottom:2px solid #33a0e8;
      height: 70px;
      max-height: 70px;
      }
  
  }
  
  .Main-Header {
    display: flex;
    align-items: center;
    padding: 0px 35px;
  
    @media (max-width: 768px) {
  
  
  
  
    }
  
  }
  
  
  .FZ-Logo img {
    max-width: 150px;
  
    @media (max-width: 768px) {
      display: none;
  }
  }
  
  
  .Search-Bar {
    margin: 0px 80px;
    position: relative;
  
  
    @media (max-width: 768px) {
    margin: 0px 0px;
  
  }
  }
  
  .search-input {
    color: #fff;
    padding-left: 40px;
    font-size: 18px;
    width: 250px;
    height: 30px;
    border: none;
    outline: none;
    border-radius: 3px;
    background-color: #233e59;
    transition: border-color 0.3s;
  
    @media (max-width: 768px) {
      height: 40px;
      width: 70dvw;
    
    }
     
  
  }
  .search-fz-logo{
    position: absolute;
    left: 5px; /* Distância da borda esquerda */
    top: 50%;
    transform: translateY(-50%); /* Centraliza verticalmente */
    width: 25px; /* Largura do ícone */
    height: 25px; /* Altura do ícone */
    pointer-events: none; /* Evita que o ícone bloqueie cliques no input */
    opacity: 0.5;
    @media (max-width: 768px) {
      width: 30px; /* Largura do ícone */
      height: 30px; /* Altura do ícone */
    
    }
  }
  .search-input::placeholder {
      color: #fff; 
      opacity: 0.5;
  }
  .search-input:focus {
      border: 2px solid #ffffff;
      outline: none;
  }
  
  
  /*
  @media (max-width: 768px) {
    
    .search-input:focus ~ .SideBar-Main.expandir{
      width: 300px;
    }
  
  }
  
  */
  
  .Header-Icons {
    font-size: 25px;
    display: flex;
    margin-left: auto;
    gap: 20px;
    
  }
  
