/* Landing da campanha do ArtONE Saúde: a página /solucoes/artone-saude sem o menu do site.
   O topo tem só o logotipo, o nome do produto e o botão da demonstração. */
.topo-camp{display:flex;align-items:center;gap:14px;margin-right:auto;text-decoration:none}
.topo-camp img{width:clamp(140px,38vw,168px);height:auto}
.topo-camp span{padding-left:14px;border-left:1px solid var(--linha);font-size:15px;font-weight:620;white-space:nowrap}
@media (max-width:420px){.topo-camp span{display:none}}
.topo .topo-bt{display:inline-flex}
@media (max-width:759px){.topo .topo-bt{display:none}}

/* aviso de demonstração marcada (o Cal.com devolve o visitante com ?demonstracao=marcada) */
.aviso{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));z-index:50;transform:translateX(-50%);width:min(440px,calc(100% - 2 * var(--g)));display:flex;flex-direction:column;gap:2px;padding:16px 22px 16px 56px;border-radius:18px;background:var(--navy);color:#fff;box-shadow:var(--sombra);transition:opacity .3s,transform .3s}
.aviso::before{content:"";position:absolute;left:20px;top:18px;width:22px;height:22px;border-radius:50%;background:var(--lima)}
.aviso::after{content:"";position:absolute;left:28px;top:22px;width:6px;height:11px;border:solid var(--navy);border-width:0 2px 2px 0;transform:rotate(45deg)}
.aviso b{font-size:17px}
.aviso span{font-size:15px;color:rgba(255,255,255,.82)}
.aviso-sai{opacity:0;transform:translate(-50%,12px);pointer-events:none}
@media (prefers-reduced-motion:reduce){.aviso{transition:none}}