*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;color:#152d49;background:#fff}.chat{min-height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:10px;padding:17px;background:#018cf1;color:white}header strong{font-size:20px}header small{display:block;font-size:11px}header button{background:none;color:white;border:0;font-size:25px;padding:3px;cursor:pointer}header div{flex:1}.avatar{display:grid;place-items:center;border-radius:50%;background:#0061c7;width:40px;height:40px;font-size:29px;font-weight:800}section{padding:20px}h2{font-size:17px;margin:0 0 12px}p{margin:0 0 14px}label{display:block;margin:0 0 12px;font-size:12px;font-weight:600}input,select,textarea{font:inherit;display:block;width:100%;border:1px solid #c6d3df;border-radius:8px;padding:11px;margin-top:5px;background:#fff;color:#16324c}input:focus,textarea:focus,select:focus{outline:2px solid #01a1f9;outline-offset:1px}.consent{display:flex;gap:8px;font-size:10px;font-weight:400;color:#536c80}.consent input{width:15px;flex-shrink:0;margin:2px 0}a{color:#0073c3}button{font:inherit;border:1px solid #d0dde6;border-radius:8px;padding:11px 14px;background:#f3f7fa;color:#16324c;cursor:pointer}button:focus-visible{outline:2px solid #0074bf;outline-offset:2px}button:disabled{opacity:.6;cursor:wait}.primary{background:#28f29b;color:#073b34;border-color:#28f29b;font-weight:650}#register>.primary{width:100%}footer{margin-top:auto;text-align:center;font-size:10px;color:#668096;padding:12px}#error{padding:0 20px;color:#b32727;font-size:12px;white-space:pre-wrap}#conversation{padding:10px 14px}.interest label{display:flex;align-items:center;gap:10px;margin:0}.interest select{font-size:11px;margin:0}#messages{height:230px;min-height:150px;overflow:auto;padding:12px 0;overscroll-behavior:contain}.message{max-width:90%;background:#eaf5ff;border-radius:12px;padding:10px 12px;margin:8px 0}.message.visitor{margin-left:auto;background:#f0f3f7}.message strong{font-size:10px;color:#5c7386}.message p{margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#counter{font-size:10px;color:#6a8095;margin:6px 0}#send{display:flex;align-items:center;gap:8px;margin-bottom:12px}#send textarea{resize:vertical;min-height:48px;max-height:150px;font-size:12px}.actions{display:flex;gap:8px}.actions button{font-size:12px;flex:1;padding:10px 5px}#state{font-size:12px;padding:12px 0 0;white-space:pre-wrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:380px){section{padding:14px}header{padding:12px}#messages{height:210px}}

/* Páginas oficiais relacionadas à necessidade comercial. */
.hero-commercial-links{margin:14px 0;padding:12px;background:#f3fbff;border:1px solid #d3e9f6;border-radius:12px;white-space:normal}
.hero-commercial-heading{display:block;margin-bottom:9px;font-size:12px;color:#183e58}
.hero-commercial-card{padding:10px;background:#fff;border:1px solid #dce9f1;border-radius:8px;margin:8px 0}
.hero-commercial-card a{display:block;font-size:12px;font-weight:650;line-height:1.45;color:#0072ba;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.hero-commercial-card p{font-size:11px;line-height:1.5;color:#536d80;margin:6px 0 0;white-space:normal}
.hero-commercial-links>small{display:block;font-size:10px;color:#627f94;line-height:1.4}
.hero-commercial-links a:focus-visible{outline:2px solid #0072ba;outline-offset:3px}

/* A conversa usa a altura disponível; o formulário permanece acessível. */
html,body{height:100%;overflow:hidden}
.chat{height:100dvh;min-height:0;overflow:hidden}
.chat>header,.chat>footer{flex:0 0 auto}
.chat>footer{margin-top:0;padding:8px 12px}
#registration{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
#conversation{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;gap:0}
#conversation>.interest,#conversation>#counter,#conversation>#send,#conversation>.actions,#conversation>#state,#conversation>#restart{flex:0 0 auto}
#messages{height:auto;min-height:0;flex:1 1 0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding:8px 0;overflow-wrap:anywhere}
#send textarea{max-height:80px;resize:vertical}
#state{margin:0;padding:8px 0 0}
#state:empty,#error:empty{display:none}
#error{flex:0 0 auto;margin:0;max-height:72px;overflow:auto;padding:4px 14px}
header button{min-width:26px;flex:0 0 auto;font-size:21px}
.hero-commercial-links{flex:0 0 auto}
@media(max-height:520px){header{padding:10px 12px}#conversation{padding:8px 10px}.interest select{padding:7px}#send{margin-bottom:7px}#send textarea{padding:8px}.chat>footer{padding:5px}.actions button{padding:8px 4px}#counter{margin:4px 0}}