/* Agendamento em três formas e locais de atendimento no rodapé · 15/10/2026
   Usado por todas as páginas públicas junto com /agendar.js. As cores são as da identidade, escritas
   por extenso porque cartao-emergencia.html e programa.html não carregam estilo.css. */

/* ---------- três opções visíveis ----------
   Com espaço para as três lado a lado, são três botões. Quando o espaço não comporta (celular, coluna estreita,
   dentro da janela), viram três cartões empilhados, no mesmo desenho dos cartões claros do site. As três ficam
   sempre à vista. */
.agendar-3{container-type:inline-size;display:flex;flex-wrap:wrap;gap:.75rem;margin:1.7rem 0 1.15rem;max-width:760px}
.agendar-3:last-child{margin-bottom:0}
.agendar-op{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.1rem;min-height:64px;padding:.75rem 1.2rem;border-radius:6px;background:#BA1200;color:#fff;text-decoration:none;text-align:left;line-height:1.3;position:relative;transition:background-color .25s,border-color .25s,transform .25s}
.agendar-op:hover,.agendar-op:focus-visible{background:#8F0E00}
.agendar-op:focus-visible{outline:2px solid #508AA8;outline-offset:3px}
.agendar-op-t{font-weight:600;font-size:1.02rem}
.agendar-op-d{font-weight:300;font-size:.84rem;color:#FBE3DF}
.agendar-nota{font-size:.92rem;color:#4A4740;margin-top:.9rem;max-width:760px;text-align:left}
@container (max-width:620px){
  .agendar-op{flex:1 1 100%;min-height:68px;padding:.9rem 2.75rem .9rem 1.1rem;background:#fff;color:#031927;border:1px solid #E0DDD2;border-left:4px solid #9DD1F1;box-shadow:0 2px 10px rgba(3,25,39,.05)}
  .agendar-op::after{content:"→";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);color:#BA1200;font-size:1.15rem;transition:transform .25s}
  .agendar-op:hover,.agendar-op:focus-visible{background:#C8E0F4;border-left-color:#BA1200}
  .agendar-op:hover::after{transform:translate(4px,-50%)}
  .agendar-op-t{color:#031927;font-weight:500;font-size:1.05rem}
  .agendar-op-d{color:#4A4740;font-size:.9rem}
}
@supports not (container-type:inline-size){
  .agendar-op{flex:1 1 200px}
}

/* ---------- janela aberta pelos botões únicos (cabeçalho, chamada principal, flutuante) ---------- */
.agendar-janela{border:0;padding:0;margin:auto;width:calc(100% - 2rem);max-width:470px;border-radius:10px;background:#FBFAF7;color:#1A1A17;box-shadow:0 24px 60px -20px rgba(3,25,39,.55)}
.agendar-janela::backdrop{background:rgba(3,25,39,.55)}
.agendar-janela-in{position:relative;padding:1.6rem 1.4rem 1.4rem}
.agendar-janela-t{font-size:1.3rem;font-weight:500;color:#031927;letter-spacing:-.01em;line-height:1.25;margin:0 2.5rem 1.1rem 0;text-align:left;max-width:none}
.agendar-fechar{position:absolute;top:.6rem;right:.6rem;width:44px;height:44px;border:0;background:none;color:#4A4740;font-size:1.7rem;line-height:1;cursor:pointer;border-radius:6px}
.agendar-fechar:hover,.agendar-fechar:focus-visible{color:#BA1200;background:#fff}
@media (max-width:640px){
  .agendar-janela{margin:auto 0 0;width:100%;max-width:none;border-radius:14px 14px 0 0}
  .agendar-janela-in{padding:1.4rem 1rem calc(1.2rem + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:no-preference){
  .agendar-janela[open]{animation:agendar-sobe .28s cubic-bezier(.2,.7,.2,1)}
  @keyframes agendar-sobe{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
}

/* ---------- rodapé: locais de atendimento ---------- */
.rodape-locais{max-width:1180px;margin:0 auto 2rem;padding-bottom:1.8rem;border-bottom:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:1fr 1.25fr .8fr;gap:2.5rem}
.rodape-locais .r-tit{margin-bottom:.35rem}
.rodape-locais address{font-style:normal;margin:0;line-height:1.75;color:#9FB2C4}
.rodape-locais p{margin:0;max-width:none;text-align:left}
.rodape-locais ul{list-style:none;margin:.55rem 0 0;padding:0}
.rodape-locais a{color:#9DD1F1}
@media (max-width:900px){
  .rodape-locais{grid-template-columns:1fr;gap:1.6rem}
}