.loader{
  position: fixed;
  left:0; right:0; top:0; bottom:0;
  z-index: 1000;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader .logo-container{
  width:100%; max-width: 100px;
  height: auto;
  align-items: center;
}
.logo {
  width: 100px; /* Ajusta el tamaño a tu gusto */
  height: auto;
  stroke: black;
  stroke-width: 4;
  fill: none;
}

.logo path, 
.logo rect, 
.logo line {
  stroke-dasharray: 500; /* Largo del trazo */
  stroke-dashoffset: 500;
  animation: draw 3s linear infinite;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}