/* =========================
   Contacto
   Claro, confiable y B2B
========================= */

.contact{
  padding:64px 0;
}

.contact__head{
  max-width:680px;
  margin-bottom:36px;
}

.contact__head h1{
  margin:0 0 8px;
  font-size:clamp(24px, 2.4vw, 32px);
}

.contact__head p{
  margin:0;
  color:rgba(11,15,20,.72);
}

/* Grid */
.contact__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
}

@media (max-width:900px){
  .contact__grid{
    grid-template-columns:1fr;
  }
}

/* Info */
.contact__card{
  padding:28px;
  background:#fff;
  border-radius:18px;
  border:1px solid rgba(11,15,20,.08);
  box-shadow:0 10px 28px rgba(11,15,20,.06);
  margin-bottom:24px;
}

.contact__card h3{
  margin:0 0 6px;
  font-size:18px;
}

.contact__card p{
  margin:0 0 18px;
  color:rgba(11,15,20,.72);
}

.contact__details{
  display:grid;
  gap:14px;
}

.contact__details strong{
  display:block;
  font-size:14px;
}

.contact__details p{
  margin:2px 0 0;
  color:rgba(11,15,20,.70);
}

/* Map */
.contact__map iframe{
  width:100%;
  height:100%;
  min-height:360px;
  border-radius:18px;
  border:1px solid rgba(11,15,20,.08);
}