/* Datos de sucursales: misma jerarquía, sin reservar espacio para fotografías. */
.branch-directory { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.branch-card, .branch-visit {
  min-width: 0;
  padding: clamp(24px, 3vw, 36px);
  background: #fff;
  border: 1px solid #d8dde4;
  border-top: 4px solid #e77920;
}
.branch-card { display: flex; flex-direction: column; gap: 24px; }
.branch-card-heading { display: flex; align-items: center; gap: 14px; }
.branch-card-heading p { color: #536273; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 4px; }
.branch-card-number { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; background: #f1eee7; color: #a34800; font-size: .8rem; font-weight: 800; }
.branch-card h4 { color: #536273; font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 8px; }
.branch-card-address p, .branch-hours { color: #18354b; line-height: 1.65; }
.branch-card-address p + p { font-size: .86rem; color: #536273; }
.branch-hours span { display: block; }
.branch-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.branch-card .branch-card-actions { margin-top: auto; padding-top: 8px; }
.branch-card-more { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #18354b; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.branch-visit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 48px; }
.branch-visit-grid h3 { margin-bottom: 12px; }
.branch-visit-note { border-top: 1px solid #d8dde4; margin-top: 24px; padding-top: 20px; color: #536273; line-height: 1.65; max-width: 76ch; }
.branch-visit > .branch-card-actions { margin-top: 24px; }
@media (max-width: 760px) {
  .branch-directory, .branch-visit-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 420px) {
  .branch-card-actions { flex-direction: column; align-items: stretch; gap: 8px; }
  .branch-card-more { justify-content: center; }
}