/* Círculo flutuante com a foto do Dr. Henrique e balão de mensagem (usuário, 21/10/2026: "ESSE BOTÃO DO LADO DIREITO
   AI (UM CIRCULO), ELE PRECISA FICAR TIPO ESSE AQUI... COM A FOTO DO DR. HENRIQUE"; "PRA MOBILE a mesma coisa").
   O círculo e o balão abrem o formulário em popup (article-contact.js). */
.medico-flutuante{position:fixed;z-index:80;right:22px;bottom:22px;display:flex;align-items:flex-end;gap:12px;font-family:"Montserrat",Arial,sans-serif}
.medico-avatar{position:relative;display:block;flex:none;width:66px;height:66px;border-radius:50%;border:3px solid #e2bd5a;background:#151716;box-shadow:0 8px 24px rgba(11,24,16,.28);transition:transform .2s ease}
.medico-avatar:hover,.medico-avatar:focus-visible{transform:translateY(-3px)}
.medico-avatar:focus-visible{outline:3px solid #ad650b;outline-offset:3px}
.medico-avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.medico-avatar-online{position:absolute;top:1px;right:1px;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:#22c95a}
.medico-avatar-selo{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:#1f7a4d;color:#fff}
.medico-avatar-selo svg{width:16px;height:16px;fill:currentColor}
.medico-balao{position:relative;max-width:280px;margin-bottom:10px;padding:16px 18px 16px 18px;border-top:4px solid #123b29;border-radius:16px;background:#fff;box-shadow:0 14px 36px rgba(11,24,16,.18);animation:medico-balao-entra .35s ease both}
.medico-balao[hidden]{display:none}
.medico-balao-link{display:block;color:#151716;text-decoration:none}
.medico-balao-topo{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:#118c3b;font-size:11px;font-weight:700;letter-spacing:.06em}
.medico-balao-topo i{width:9px;height:9px;border-radius:50%;background:#22c95a}
.medico-balao-link strong{display:block;margin-bottom:6px;color:#123b29;font-size:17px;line-height:1.3;font-weight:700}
.medico-balao-link span.medico-balao-texto{display:block;color:#58645c;font-size:13px;line-height:1.5}
.medico-balao-link:hover strong{text-decoration:underline;text-underline-offset:3px}
.medico-balao-fechar{position:absolute;top:-12px;right:-12px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #dfe5e1;border-radius:50%;background:#fff;color:#425249;font:400 18px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 4px 12px rgba(11,24,16,.12)}
.medico-balao-fechar:hover{color:#151716;border-color:#9aa9a0}
.has-contact-modal .medico-flutuante{visibility:hidden}
@keyframes medico-balao-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:600px){
  .medico-flutuante{right:14px;bottom:14px;gap:10px}
  .medico-avatar{width:58px;height:58px}
  .medico-balao{max-width:calc(100vw - 110px);padding:13px 14px}
  .medico-balao-link strong{font-size:15px}
  .medico-balao-link span.medico-balao-texto{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.medico-balao{animation:none}.medico-avatar{transition:none}}
@media print{.medico-flutuante{display:none!important}}