html,body{overflow-x:hidden}
.hero-conteudo,.produto{width:100%;min-width:0;max-width:100%}
.produto{width:100%;max-width:100%;overflow:hidden}
.hero h1 span{display:block}
#atendimentoComercial{width:min(460px,calc(100% - 24px));padding:24px}
#atendimentoComercial label{display:grid;gap:5px;margin:10px 0;font-size:13px;font-weight:750}
#atendimentoComercial input,#atendimentoComercial textarea{width:100%;padding:10px;border:1px solid #b8cbd1;border-radius:6px;font:inherit}
#atendimentoComercial textarea{min-height:90px;resize:vertical}
.chat-mensagens{display:grid;gap:8px;max-height:280px;overflow:auto;margin:12px 0}
.chat-mensagens article{max-width:85%;padding:9px 11px;border:1px solid #d3e0e4;border-radius:6px;background:#f2f7f8}
.chat-mensagens article.operator{margin-left:auto;background:#e2f4f7}.chat-mensagens small{color:#56707a}.chat-mensagens p{margin:4px 0;white-space:pre-wrap}
.chat-status{min-height:18px;color:#526d77;font-size:13px}.cliente-link{display:block;margin-top:14px}.chat-intro{margin-bottom:8px}
@media(max-width:560px){
  .hero{grid-template-columns:minmax(0,1fr)}
  .hero h1,.hero p{width:100%;max-width:100%}
  .hero h1{font-size:38px;overflow-wrap:break-word}
  .produto-topo span{display:none}
}