/* BG BLUE */
.backblue {
 position: fixed;
 width: 100%;
 height: 100%;
}
/* GRAIN EFFECT */	
.grain {
 background-image: url("background.svg"); 
 background-color: #0f2130;
 background-size: cover;
 margin: 0;
}

.grain_no:after {
  animation: grain 12s steps(10) infinite;
  background-image: url("https://galileomedialab.com/wp-content/uploads/2025/11/grain.png");
  content: "";
  height: 300%;
  width: 300%;
  left: -50%;
  opacity: 0.04;
  position: fixed;
  top: -110%;
}
.grain p {
    animation: grain 12s steps(10) infinite;
    background-image: url("https://galileomedialab.com/wp-content/uploads/2025/11/grain.png");
    content: "";
    height: 300%;
    left: -50%;
    opacity: 0.045;
    position: absolute;
    top: -110%;
    width: 300%;
    overflow: hidden;
    /* top: 0; */
    /* left: 0; */
    background-repeat: repeat;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}

/* FONDO */
.bokeh {
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    filter: blur(60px);
    transform: translateZ(0);
    backface-visibility: hidden;
    z-index: 1;
    mix-blend-mode: difference;
}
.bokeh circle {
  animation: rotate 12s linear infinite;
  fill: #030509;
  opacity: 0.23;
  transform-origin: 10%;
}

.bokeh circle:nth-child(3n) {
  opacity: 0.1;
  fill: #0f215b;
  transform-origin: 20% 30%;
  animation-delay: -11.5s;
  animation-duration: 39.9998s;
}
.bokeh circle:nth-child(4n) {
  fill: #121f36;
  transform-origin: 90% 110%;
  animation-delay: -2s;
  animation-duration: 6.77996s;
}
.bokeh circle:nth-child(5n) {
  fill: #11254b;
  transform-origin: 90% 40%;
}
.bokeh circle:nth-child(6n) {
  fill: #070c15;
  transform-origin: -10% 80%;
  animation-delay: -7.8s;
}
.bokeh circle:nth-child(7n) {
  fill: #070c15;
  transform-origin: 70% -10%;
}
.bokeh circle:nth-child(8n) {
  fill: #070c15;
  transform-origin: -50% 50%;
  animation-delay: -2.4s;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* PARTÍCULAS */

.particle {
  border-radius: 100%;
  background-color: #78d2f9;
  font-size: 0;
  position: absolute;
}
.particle:nth-child(0) {
  left: 51vw;
  top: 91vh;
  height: 5px;
  width: 5px;
  animation: particle-0 22s linear both infinite -21s;
}
@keyframes particle-0 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(-2vw, -56vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(1) {
  filter: blur(3px);
  left: 100vw;
  top: 8vh;
  height: 4px;
  width: 4px;
  animation: particle-1 24s linear both infinite -7s;
}
@keyframes particle-1 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(29vw, -52vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(2) {
  filter: blur(2px);
  left: 80vw;
  top: 26vh;
  height: 4px;
  width: 4px;
  animation: particle-2 25s linear both infinite -7s;
}
@keyframes particle-2 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(20vw, -44vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(3) {
  filter: blur(3px);
  left: 87vw;
  top: 15vh;
  height: 4px;
  width: 4px;
  animation: particle-3 25s linear both infinite -35s;
}
@keyframes particle-3 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(-10vw, -16vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(4) {
  filter: blur(2px);
  left: 47vw;
  top: 89vh;
  height: 6px;
  width: 6px;
  animation: particle-4 25s linear both infinite -35s;
}
@keyframes particle-4 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(-1vw, -31vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(5) {
  filter: blur(1.5px);
  left: 8vw;
  top: 86vh;
  height: 5px;
  width: 5px;
  animation: particle-5 23s linear both infinite -7s;
}
@keyframes particle-5 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(12vw, -13vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(6) {
  filter: blur(2px);
  left: 95vw;
  top: 49vh;
  height: 4px;
  width: 4px;
  animation: particle-6 23s linear both infinite -35s;
}
@keyframes particle-6 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(1vw, -12vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(7) {
  left: 16vw;
  top: 93vh;
  height: 5px;
  width: 5px;
  animation: particle-7 25s linear both infinite -21s;
}
@keyframes particle-7 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(-5vw, -49vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(8) {
  left: 98vw;
  top: 16vh;
  height: 6px;
  width: 6px;
  animation: particle-8 25s linear both infinite -7s;
}
@keyframes particle-8 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(21vw, -58vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(9) {
  filter: blur(2px);
  left: 52vw;
  top: 45vh;
  height: 5px;
  width: 5px;
  animation: particle-9 25s linear both infinite -21s;
}
@keyframes particle-9 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(23vw, -50vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(10) {
  filter: blur(1px);
  left: 1vw;
  top: 37vh;
  height: 4px;
  width: 4px;
  animation: particle-10 23s linear both infinite -21s;
}
@keyframes particle-10 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(33vw, -40vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(11) {
  left: 78vw;
  top: 14vh;
  height: 5px;
  width: 5px;
  animation: particle-11 25s linear both infinite -14s;
}
@keyframes particle-11 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(9vw, -54vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(12) {
  left: 18vw;
  top: 92vh;
  height: 4px;
  width: 4px;
  animation: particle-12 21s linear both infinite -35s;
}
@keyframes particle-12 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(17vw, -43vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(13) {
  filter: blur(0.5px);
  left: 70vw;
  top: 83vh;
  height: 5px;
  width: 5px;
  animation: particle-13 23s linear both infinite -21s;
}
@keyframes particle-13 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(23vw, -35vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(14) {
  left: 4vw;
  top: 67vh;
  height: 5px;
  width: 5px;
  animation: particle-14 25s linear both infinite -21s;
}
@keyframes particle-14 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(-2vw, -23vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(15) {
  filter: blur(0.5px);
  left: 20vw;
  top: 24vh;
  height: 5px;
  width: 5px;
  animation: particle-15 22s linear both infinite -14s;
}
@keyframes particle-15 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(32vw, -12vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(16) {
  left: 39vw;
  top: 37vh;
  height: 6px;
  width: 6px;
  animation: particle-16 21s linear both infinite -21s;
}
@keyframes particle-16 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(34vw, -21vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(17) {
  filter: blur(0.5px);
  left: 78vw;
  top: 92vh;
  height: 6px;
  width: 6px;
  animation: particle-17 23s linear both infinite -35s;
}
@keyframes particle-17 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(-6vw, -54vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(18) {
  filter: blur(0.5px);
  left: 14vw;
  top: 78vh;
  height: 6px;
  width: 6px;
  animation: particle-18 21s linear both infinite -28s;
}
@keyframes particle-18 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(-8vw, -55vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(19) {
  left: 41vw;
  top: 90vh;
  height: 5px;
  width: 5px;
  animation: particle-19 21s linear both infinite -14s;
}
@keyframes particle-19 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(10vw, -50vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(20) {
  left: 92vw;
  top: 71vh;
  height: 6px;
  width: 6px;
  animation: particle-20 21s linear both infinite -7s;
}
@keyframes particle-20 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(25vw, -30vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(21) {
  left: 76vw;
  top: 49vh;
  height: 5px;
  width: 5px;
  animation: particle-21 25s linear both infinite -7s;
}
@keyframes particle-21 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(16vw, -47vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(22) {
  left: 95vw;
  top: 62vh;
  height: 4px;
  width: 4px;
  animation: particle-22 24s linear both infinite -14s;
}
@keyframes particle-22 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(-4vw, -35vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(23) {
  left: 56vw;
  top: 21vh;
  height: 5px;
  width: 5px;
  animation: particle-23 25s linear both infinite -21s;
}
@keyframes particle-23 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(-12vw, -45vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(24) {
  left: 43vw;
  top: 42vh;
  height: 4px;
  width: 4px;
  animation: particle-24 23s linear both infinite -28s;
}
@keyframes particle-24 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(-8vw, -26vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.particle:nth-child(25) {
  left: 56vw;
  top: 91vh;
  height: 6px;
  width: 6px;
  animation: particle-25 24s linear both infinite -14s;
}
@keyframes particle-25 {
  0% {
    opacity
    : 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  99.9% {
    transform: translate(-6vw, -20vw);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}

.__icommkt_modal_form_terms_anchor  {
    color: #ffffff;
}
.__icommkt_modal_wrapper  {
    margin: auto 20px;
}

/* DESKTOP */
@media screen and (min-device-width: 768px)   {
.grain_no:after {
  opacity: 0.06;
}
}
	

	
