/* Contacto: mapa izquierda / form derecha */
#contacto .container{display:block}
.contacto-grid{
  display:grid;grid-template-columns:1fr;gap:2rem;align-items:start
}
.contacto-left{display:block}
.map-card{margin:1rem 0 0}
.map-embed-wrap{
  position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.06)
}
.map-embed{position:absolute;inset:0;width:100%;height:100%;border:0}
.map-note{margin-top:.5rem;color:var(--secondary-color);font-size:.95rem}

/* Pagos: layout */
#pago .pago-container{
  display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:flex-start
}

/* ===== Contacto: brand + dirección ===== */
.contact-brand{
  display:flex; align-items:center; gap:0.75rem;
  margin:0.75rem 0 0.5rem;
}
.contact-brand img{
  border-radius:12px; /* opcional, para suavizar el logo */
}
.contact-brand-text{ display:flex; flex-direction:column; line-height:1.1; }
.brand-name{ font-weight:700; font-size:1.1rem; color:var(--dark-color); }
.brand-desc{ color:var(--secondary-color); font-size:.95rem; }

/* Dirección */
.contact-address{
  display:flex; align-items:flex-start; gap:0.6rem;
  margin:0.25rem 0 1rem;
}
.contact-address i{
  font-size:1.1rem; color:var(--primary-color); line-height:1.2; margin-top:0.15rem;
}
.contact-address address{
  font-style:normal; color:var(--dark-color); margin:0;
}
.contact-address .map-link{
  color:var(--primary-color); text-decoration:none; border-bottom:1px dotted rgba(0,92,191,.35);
}
.contact-address .map-link:hover{ border-bottom-color:transparent; }