/* Botao flutuante "Agenda Online" */
.agenda-flutuante{
  position:fixed;right:18px;bottom:18px;z-index:9000;
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 20px 12px 14px;border-radius:999px;
  background:linear-gradient(135deg,#5ff7cd,#2fd9a8);color:#05304d;
  font:700 15px/1 Montserrat,Arial,sans-serif;letter-spacing:.02em;text-decoration:none;
  box-shadow:0 10px 26px rgba(2,62,99,.35),0 0 0 3px rgba(255,255,255,.55);
  transition:transform .2s ease,box-shadow .2s ease,opacity .25s ease,visibility 0s;
  animation:agenda-pulso 2.8s ease-in-out infinite;
}
/* some quando a pagina chega ao fundo, para nao cobrir o fim do rodape */
.agenda-flutuante.oculto{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);animation:none;transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}
.agenda-flutuante:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 14px 30px rgba(2,62,99,.42),0 0 0 3px #fff;animation:none}
.agenda-flutuante svg{width:30px;height:30px;flex:none;padding:5px;border-radius:50%;background:#05304d;color:#5ff7cd;box-sizing:border-box}
.agenda-flutuante small{display:block;font:500 11px/1.1 Montserrat,Arial,sans-serif;opacity:.8;margin-top:3px}
@keyframes agenda-pulso{0%,100%{box-shadow:0 10px 26px rgba(2,62,99,.35),0 0 0 3px rgba(255,255,255,.55)}50%{box-shadow:0 10px 26px rgba(2,62,99,.35),0 0 0 9px rgba(95,247,205,.35)}}
@media (prefers-reduced-motion:reduce){.agenda-flutuante{animation:none}}
@media (max-width:767px){.agenda-flutuante{right:12px;bottom:12px;padding:11px 16px 11px 12px;font-size:14px}.agenda-flutuante small{display:none}}

/* Botao "Topo" (volta ao inicio da pagina), do lado oposto ao Agenda Online */
.voltar-topo{
  position:fixed;left:14px;bottom:18px;z-index:9000;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  width:52px;height:52px;border:0;border-radius:50%;cursor:pointer;padding:0;
  background:#05304d;color:#fff;font:700 10px/1 Montserrat,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;
  box-shadow:0 8px 20px rgba(2,62,99,.35),0 0 0 3px rgba(255,255,255,.55);
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s;
}
.voltar-topo.visivel{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .25s ease,visibility 0s}
.voltar-topo:hover{background:#0b6fa8}
.voltar-topo svg{width:20px;height:20px}
@media (max-width:767px){.voltar-topo{left:12px;bottom:12px;width:48px;height:48px}}

/* Faixa final: da respiro no fim da pagina (barras do navegador e botoes flutuantes ficam sobre a faixa, nao sobre o texto do rodape) */
.faixa-final{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;padding:22px 16px calc(96px + env(safe-area-inset-bottom));background:#022239;color:#b9d7ea;font:500 13px/1.4 Montserrat,Arial,sans-serif}
.faixa-final a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.faixa-final a:hover{color:#5ff7cd}
@media (max-width:767px){.faixa-final{padding-bottom:calc(110px + env(safe-area-inset-bottom))}}
.faixa-final .faixa-crm{flex:1 1 100%;margin:0 0 4px;text-align:center;font-weight:600;color:#dff0fb}