/* AGENDAMENTO */

/* Faixa de contato direto */
.agendamento-topo { background: var(--cor-primaria); color: #fff; }
.agendamento-topo-inner {
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  padding: 28px 20px; flex-wrap: wrap;
}
.agendamento-topo h2 { margin: 0 0 4px; }
.agendamento-topo p { margin: 0; opacity: .9; }
.agendamento-topo-ctas { display: flex; gap: 12px; flex-wrap: wrap; }

/* Grid principal */
.agendamento-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding: 50px 20px; align-items: start; }
.agendamento-dica { color: var(--cor-texto-suave); margin: -6px 0 18px; font-size: .95rem; }

/* Botões de seleção de unidade */
.local-select {
  display: block; width: 100%; text-align: left; cursor: pointer;
  background: #fff; border: 1px solid var(--cor-borda); border-radius: var(--raio);
  padding: 16px 18px; margin-bottom: 12px; font-family: var(--fonte);
  transition: all .15s ease; position: relative;
}
.local-select:hover { border-color: var(--cor-primaria); }
.local-select.ativo { border-color: var(--cor-primaria); border-width: 2px; box-shadow: var(--sombra); background: var(--cor-fundo-alt); }
.local-select.ativo::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px;
  background: var(--cor-primaria); border-radius: var(--raio) 0 0 var(--raio);
}
.local-select-nome { display: block; font-weight: 700; color: var(--cor-primaria); margin-bottom: 4px; }
.local-select-end { display: block; color: var(--cor-texto-suave); font-size: .9rem; }

/* Painel lateral (mapa + contatos da unidade selecionada) */
.agendamento-lateral { position: sticky; top: calc(var(--altura-header) + 20px); }
.mapa-wrapper { border-radius: var(--raio); overflow: hidden; box-shadow: var(--sombra); }
.mapa-wrapper iframe { width: 100%; height: 320px; border: 0; display: block; }
.lateral-info { background: var(--cor-fundo-alt); border-radius: var(--raio); padding: 18px 20px; margin-top: 16px; }
.lateral-info h3 { margin: 0 0 6px; color: var(--cor-primaria); }
.lateral-info p { margin: 6px 0; }
.lateral-acoes { display: flex; gap: 10px; flex-wrap: wrap; margin: 14px 0; }
.lateral-horario { font-size: .92rem; color: var(--cor-texto-suave); }

@media (max-width: 900px) {
  .agendamento-grid { grid-template-columns: 1fr; }
  .agendamento-lateral { position: static; }
}