/* ================================================================
   SECTIONS/CONTACTO.CSS
================================================================ */
#contacto { background: var(--cr); }
.contacto-grid {
  max-width: var(--max-w);
  margin-inline: auto;
  padding-inline: var(--sp-lg);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-2xl);
  align-items: center;
}
.contacto-txt h2 {
  font-family: var(--ff-display);
  font-size: clamp(2rem, 3.5vw, 2.8rem);
  color: var(--g0);
  margin-bottom: var(--sp-md);
}
.contacto-txt p { color: #4a5a4d; margin-bottom: var(--sp-xl); }
.contact-items { margin-bottom: var(--sp-xl); }
.contact-item {
  display: flex; align-items: center; gap: .9rem;
  margin-bottom: .8rem;
  font-size: .92rem; color: #3d4f41;
}
.contact-item-icon {
  width: 40px; height: 40px; flex-shrink: 0;
  background: var(--gll);
  border-radius: var(--radius-sm);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem;
}
.contacto-btns { display: flex; gap: var(--sp-sm); flex-wrap: wrap; }