/* styles.css */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9); /* Fundo transparente com cor de fundo escura */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;

}


.loader img{
    width: 67vh;
    height: 37vh;

    
}

#disable-scroll {
    overflow: hidden;
  }

  


/* .loader {
    width: 50px;
    aspect-ratio: 1;
    display: flex;
    color: rgb(221, 0, 0);
    background:
      linear-gradient(currentColor 0 0) right  /51% 100%,
      linear-gradient(currentColor 0 0) bottom /100% 51%;
    background-repeat: no-repeat;
    animation: l16-0 2s infinite linear .25s;
  }
  .loader::before{
    content: "";
    width: 50%;
    height: 50%;
    background: currentColor;
    animation: l16-1 .5s infinite linear;
  }
  @keyframes l16-0 {
    0%   ,12.49% {transform: rotate(0deg)}
    12.5%,37.49% {transform: rotate(90deg)}
    37.5%,62.49% {transform: rotate(180deg)}
    62.5%,87.49% {transform: rotate(270deg)}
    87.5%,100%   {transform: rotate(360deg)}
  }
  @keyframes l16-1 {
    0%      {transform: perspective(80px) rotate3d(-1,-1,0,0)}
    80%,100%{transform: perspective(80px) rotate3d(-1,-1,0,-180deg)}
  } */


  /* .loader {
    width: fit-content;
    font-weight: bold;
    font-family: monospace;
    font-size: 45px;
    color: #0000;
    background: linear-gradient(90deg,#f80029 calc(50% + 0.5ch),#000 0) right/calc(200% + 1ch) 100%;

    -webkit-background-clip: text;
            background-clip: text;
    animation: l7 2s infinite steps(11);
  }
  .loader:before {
    content:"Loading..."
  }
  @keyframes l7 {to{background-position: left}}  */

  @media(max-width: 958px) {

    .preloader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.9); /* Fundo transparente com cor de fundo escura */
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
  
  }
  
  
  .loader img{
      width: 67vh;
      height: 40vh;
      margin-left: 40px;
  }
  }

  @media(max-width: 558px) {

    .preloader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.9); /* Fundo transparente com cor de fundo escura */
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
  
  }
  
  
  .loader img{
      width: 57vh;
      height: 30vh;
      margin-left: 40px;
  }
  }