@font-face {
     font-family: "Neue Power Ultra";
     src: url("../fonts/Neue-Power/NeuePower-Ultra.ttf") format("truetype");
    }
    @font-face {
        font-family: "Neue Power";
        src: url("../fonts/Neue-Power/NeuePower-Regular.ttf") format("truetype");
   }
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { width: 100%; height: 100%; overflow: hidden; font-family: "Neue Power Ultra", sans-serif; }
body {
    background-color: #000;
    background-image:
    repeating-linear-gradient(to right, #111 0, #111 1px, transparent 1px, transparent 200px),
    repeating-linear-gradient(to bottom, #111 0, #111 1px, transparent 1px, transparent 200px);
    position: relative;
}
svg {
    position: absolute;
    top: 50%; left: 48%;
    transform: translate(-50%, -50%);
    width: 600px; height: 500px;
    z-index: 0;
}
.content {
    position: absolute;
    top: 0%;
    width: 100%;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 20px;
      
    height: 100%;
    flex-direction: column;
}
.content h1 {
    color: #fff;
    font-size: 2rem;
    letter-spacing: 0.25rem;
    line-height: 1.4;
    text-transform: uppercase;
    max-width: 800px;
    margin-bottom: 1.5rem;
}
.footer {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
    z-index: 5;
    font-family: "Neue Power", sans-serif;
}
.footer a { color: #fff; text-decoration: none; z-index: 4; }
.social.foot {
    filter: invert(100%) brightness(200%);
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    gap: 12px;
    z-index: 4;
}
.social.foot img:hover { opacity: 0.7; }
svg.fondo {
    z-index: 1;
}
svg.mancha {
    z-index: 2;
}
.spray-overlay {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-image: url('../img/sprayBG.png');
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: 0.18;
  z-index: 2; 
}