/* ==========================================================================
   CONTACTO — "El primer paso" (#contacto)
   ========================================================================== */

.contact{padding:var(--section-space) 0;background:var(--navy2);color:var(--pure-white)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.contact h2{color:var(--pure-white)}
.contact p{color:#dce2e8;font-size:18px}
.contact-list{display:grid;gap:14px;margin:25px 0 30px}
.contact-item{padding:15px 18px;border:1px solid rgba(255,255,255,.13);border-radius:12px}

@media(max-width:800px){
 .contact-grid{grid-template-columns:1fr;gap:35px}
 .contact{padding:var(--section-space-mobile) 0}
}