/* ============================================================
   CONTACTO.CSS
   ============================================================ */

.contact-grid{display:grid; grid-template-columns:.85fr 1.15fr; gap:40px; align-items:start;}
.contact-info h3{font-size:1.05rem; margin-bottom:10px;}
.contact-info p{color:var(--ink-dim); font-size:.9rem; line-height:1.7;}
.contact-list{margin-top:20px; display:flex; flex-direction:column; gap:14px;}
.contact-list .item{display:flex; gap:12px; align-items:flex-start;}
.contact-list .ic{width:34px; height:34px; border-radius:9px; background:rgba(127,224,168,.1); color:var(--green); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.contact-list .label{font-size:.75rem; color:var(--ink-dim);}
.contact-list .val{font-size:.9rem;}

/* ============================================================
   RESPONSIVE — contacto.css
   ============================================================ */
@media (max-width:760px){
  .contact-grid{grid-template-columns:1fr;}
}