.proceso{
  padding:100px 8%;
  background:#070b1f;
  color:white;
  text-align:center;
}

.proceso h2{
  font-family:'Orbitron', sans-serif;
  font-size:2.5rem;
  margin-bottom:20px;
}

.proceso h2 span{
  color:#00E5FF;
}

.proceso-sub{
  max-width:700px;
  margin:0 auto 60px;
  color:#cbd5e1;
  font-size:1.1rem;
}

/* STEPS */

.proceso-steps{
  display:flex;
  justify-content:center;
  gap:30px;
  flex-wrap:wrap;
}

.step{
  width:280px;
  padding:25px;
  border-radius:12px;

  background:rgba(0,229,255,0.05);
  border:1px solid rgba(0,229,255,0.2);

  transition:0.3s;
  position:relative;
}

.step:hover{
  transform:translateY(-10px);
  box-shadow:0 0 25px rgba(0,229,255,0.2);
}

/* NÚMERO */

.step-number{
  width:40px;
  height:40px;
  border-radius:50%;
  background:#00E5FF;
  color:#050816;

  display:flex;
  align-items:center;
  justify-content:center;

  font-weight:bold;
  margin:0 auto 15px;
}

/* TEXTO */

.step h3{
  margin-bottom:10px;
}

.step p{
  color:#94a3b8;
  font-size:0.95rem;
}
@media (max-width: 768px){

  .proceso{
    padding:70px 5%;
  }

  .proceso h2{
    font-size:1.8rem;
  }

  .proceso-sub{
    font-size:1rem;
  }

}