.google-section{
  padding:70px 20px; /* antes 120px */
  text-align:center;
  background:#0b0f1a;
  color:white;
}

.section-title{
  font-size:2.2rem;
  margin-bottom:10px; /* menos espacio */
  color:#00f7ff;
}

.section-subtitle{
  max-width:650px;
  margin:0 auto 30px auto; /* antes 60px */
  opacity:0.85;
  font-size:1.05rem;
}

.search-box{
  max-width:650px;
  margin:auto;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(0,255,255,0.2);
  padding:25px;
  border-radius:12px;
}

.search-bar{
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(0,255,255,0.4);
  padding:12px 18px;
  border-radius:25px;
  text-align:left;
  backdrop-filter:blur(4px);
  font-size:0.95rem;
}

/* resultados */

.search-results{
  margin-top:20px;
  text-align:left;
}

.result{
  padding:12px;
  margin-bottom:8px;
  background:rgba(255,255,255,0.03);
  border-left:3px solid #00f7ff;
  border-radius:6px;
}

.result h4{
  margin:0;
  font-size:1rem;
  color:#00f7ff;
}

.result p{
  margin:2px 0 0 0;
  font-size:0.85rem;
  opacity:0.7;
}

.missing{
  border-left:3px solid #ff3b7a;
}

.missing h4{
  color:#ff3b7a;
}
.typing::after{
  content:"gimnasio en Duitama";
  animation:typing 4s steps(20) infinite;
}

@keyframes typing{

0%{content:"";}
10%{content:"g";}
20%{content:"gi";}
30%{content:"gim";}
40%{content:"gimn";}
50%{content:"gimna";}
60%{content:"gimnas";}
70%{content:"gimnasio";}
80%{content:"gimnasio en";}
90%{content:"gimnasio en Duitama";}
100%{content:"gimnasio en Duitama";}
}

/* PLANO DIGITAL */

.grid-bg{
  position:absolute;
  bottom:-550px;
  left:-50%;
  width:200%;
  height:750px;

  background-image:
    linear-gradient(rgba(0,255,255,0.15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,255,255,0.15) 1px, transparent 1px);

  background-size:80px 80px;

  transform:perspective(700px) rotateX(60deg);

  animation:gridMove 18s linear infinite;

  opacity:0.4;
}

/* movimiento */

@keyframes gridMove{

  from{
    background-position:0 0;
  }

  to{
    background-position:0 160px;
  }

}