/* Caetano Construtora - WhatsApp */
.wa [hidden]{display:none!important}
@keyframes wa-surge{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.wa{position:fixed;z-index:30;right:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));display:grid;justify-items:end;gap:12px;font-family:var(--corpo,inherit)}
.wa-botao{position:relative;display:flex;align-items:center;justify-content:center;height:58px;min-width:58px;padding:0 17px;border:0;border-radius:999px;background:#25a35a;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.2);font:500 15px var(--titulo,inherit);cursor:pointer;transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s}
.wa-botao .i{font-size:27px}
.wa-botao span{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .5s cubic-bezier(.22,1,.36,1),margin .5s cubic-bezier(.22,1,.36,1)}
.wa-botao:hover{transform:translateY(-2px);background:#1e8e4d}
.wa-botao:hover span,.wa-botao:focus-visible span{max-width:180px;margin-left:10px}
.wa-selo{position:absolute;top:-4px;right:-4px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e30613;font:700 12px/1 var(--titulo,inherit);font-style:normal}
.wa-convite{margin:0;padding:12px 16px;border-radius:14px 14px 4px 14px;background:#fff;color:#1d1d1b;font-size:15px;box-shadow:0 12px 30px rgba(0,0,0,.18);cursor:pointer;animation:wa-surge .6s cubic-bezier(.22,1,.36,1)}
.wa-janela{width:min(360px,calc(100vw - 32px));border-radius:18px;overflow:hidden;background:#fff;color:#1d1d1b;border:1px solid rgba(0,0,0,.08);box-shadow:0 24px 60px rgba(0,0,0,.22);animation:wa-surge .45s cubic-bezier(.22,1,.36,1)}
.wa-cabeca{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;background:#1d1d1b;color:#fff}
.wa-avatar{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:50%;background:#fff}
.wa-avatar img{width:28px;height:28px;object-fit:contain}
.wa-cabeca b{display:block;font:600 15px var(--titulo,inherit)}
.wa-cabeca small{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.75)}
.wa-cabeca small i{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80}
.wa-fechar{margin-left:auto;width:36px;height:36px;display:grid;place-items:center;background:none;border:0;color:#fff;font-size:16px;cursor:pointer;opacity:.85}
.wa-corpo{display:grid;gap:12px;padding:18px;background:#f4f3f1}
.wa-balao{margin:0;padding:12px 14px;border-radius:4px 14px 14px 14px;background:#fff;font-size:15px;line-height:1.5;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.wa-opcoes{display:grid;gap:8px}
.wa-opcoes a{display:block;padding:11px 14px;border-radius:12px;border:1px solid rgba(37,163,90,.4);background:#fff;color:#1d1d1b;font-size:14px;line-height:1.4;transition:background .25s,border-color .25s}
.wa-opcoes a:hover{background:#eaf7ef;border-color:#25a35a}
.wa-escrever{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(0,0,0,.08)}
.wa-escrever input{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(0,0,0,.14);background:#fff;color:#1d1d1b;font:inherit;font-size:15px}
.wa-escrever input:focus{outline:none;border-color:#25a35a}
.wa-escrever button{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;border:0;background:#25a35a;color:#fff;cursor:pointer}
.wa-escrever button svg{width:20px;height:20px}
@media (max-width:700px){.wa{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.wa-botao{width:58px;padding:0}.wa-botao span{display:none}}
