.contacto{
  padding:100px 8%;
  background:#050816;
  color:white;
}

.contacto-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
}

/* TEXTO */

.contacto-content{
  max-width:600px;
}

.contacto-tag{
  color:#00E5FF;
  margin-bottom:10px;
  letter-spacing:1px;
}

.contacto h2{
  font-family:'Orbitron', sans-serif;
  font-size:2.8rem;
  margin-bottom:15px;
}

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

.contacto-sub{
  color:#cbd5e1;
  margin-bottom:25px;
}

/* BENEFICIOS */

.contacto-benefits{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  margin-bottom:25px;
  font-size:0.95rem;
}

/* BOTÓN WHATSAPP */

.whatsapp-btn{
  display:inline-block;
  background:linear-gradient(135deg,#25D366,#00FFA3);
  color:#050816;
  font-weight:bold;
  padding:16px 28px;
  border-radius:10px;
  text-decoration:none;

  box-shadow:0 0 20px rgba(37,211,102,0.4);
  transition:0.3s;
}

.whatsapp-btn:hover{
  transform:scale(1.05);
  box-shadow:0 0 30px rgba(37,211,102,0.6);
}

/* MICRO COPY */

.contacto-micro{
  margin-top:10px;
  font-size:0.85rem;
  color:#94a3b8;
}

/* IMAGEN */

.contacto-image img{
  width:100%;
  max-width:500px;
  filter: drop-shadow(0 0 25px rgba(0,229,255,0.3));
}
@media (max-width: 1024px){

  .contacto-container{
    flex-direction:column;
    text-align:center;
  }

}

@media (max-width: 768px){

  .contacto{
    padding:70px 5%;
  }

  .contacto h2{
    font-size:2rem;
  }

  .contacto-benefits{
    justify-content:center;
  }

  .whatsapp-btn{
    width:100%;
    text-align:center;
  }

}