/* Estilos do Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }
  
  /* Loader com animação circular */
  .loader {
    position: relative;
    width: 100px;
    height: 100px;
    display: grid;
    place-items: center;
  }
  
  /* Animações de bordas girando */
  .loader::before,
  .loader::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 6px solid transparent;
    border-radius: 50%;
    box-sizing: border-box;
    animation: spin 1.5s linear infinite;
  }
  
  /* Primeira borda - vermelha e transparente */
  .loader::before {
    border-color: #D90A2C #D90A2C transparent transparent;
    animation-direction: normal;
  }
  
  /* Segunda borda - azul e transparente */
  .loader::after {
    border-color: transparent transparent #1B2D6E #1B2D6E;
    animation-direction: reverse;
  }
  
  /* Imagem da logo no centro */
  .loader img {
    width: 60px; /* Ajuste o tamanho conforme necessário */
    height: auto;
    display: block;
    z-index: 1;
  }
  
  /* Animação de rotação */
  @keyframes spin {
    100% {
      transform: rotate(1turn);
    }
  }
  
  /* Efeito de saída para esconder o preloader */
  body.loaded #preloader {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
  }