.arte-chat{--chat-blue:#172d50;--chat-gold:#e8a72a;position:fixed;right:22px;bottom:22px;z-index:9999;font-family:Arial,sans-serif}.chat-launch{border:0;border-radius:999px;background:var(--chat-gold);color:#172238;font-weight:800;padding:15px 21px;box-shadow:0 10px 30px #0003;cursor:pointer}.chat-box{position:absolute;right:0;bottom:64px;width:min(370px,calc(100vw - 30px));height:520px;max-height:calc(100vh - 110px);overflow:hidden;border:1px solid #dce2ea;border-radius:18px;background:#f7f8fa;box-shadow:0 18px 60px #0b18384a}.chat-box header{height:62px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:var(--chat-blue);color:#fff}.chat-box header b:after{content:"Atendimento virtual";display:block;font-size:11px;font-weight:400;color:#d9e2ef;margin-top:3px}.chat-box header button{border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.chat-log{height:330px;overflow:auto;padding:15px;display:flex;flex-direction:column;gap:10px}.chat-log p{max-width:84%;margin:0;padding:10px 12px;border-radius:12px 12px 12px 3px;background:#fff;color:#28364b;line-height:1.4;font-size:14px;box-shadow:0 2px 8px #172d5012}.chat-log p.user{align-self:flex-end;border-radius:12px 12px 3px 12px;background:var(--chat-blue);color:#fff}.chat-options{padding:0 15px 9px;display:flex;gap:7px;overflow-x:auto}.chat-options button,.chat-options a{flex:0 0 auto;border:1px solid var(--chat-gold);border-radius:999px;background:#fff;color:#28364b;text-decoration:none;padding:8px 11px;font-size:12px;font-weight:700;cursor:pointer}.chat-options a{background:#20a85a;border-color:#20a85a;color:#fff}.chat-box form{position:absolute;inset:auto 0 0;display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #e6e9ee}.chat-box input{min-width:0;flex:1;border:1px solid #cfd6df;border-radius:9px;padding:11px}.chat-box form button{border:0;border-radius:9px;background:var(--chat-blue);color:#fff;font-weight:700;padding:0 14px;cursor:pointer}@media(max-width:600px){.arte-chat{right:14px;bottom:14px}.chat-box{position:fixed;inset:12px;width:auto;height:auto;max-height:none}.chat-log{height:calc(100vh - 205px)}}
.consent-banner{position:fixed;z-index:10000;left:18px;right:18px;bottom:18px;display:flex;align-items:center;gap:25px;justify-content:space-between;max-width:900px;margin:auto;padding:18px 20px;border-radius:12px;background:#20252b;color:#fff;box-shadow:0 15px 50px #0005;font-family:Arial,sans-serif}.consent-banner b{font-size:14px}.consent-banner p{margin:5px 0 0;max-width:620px;color:#c8cbd0;font-size:12px;line-height:1.5}.consent-banner>div:last-child{display:flex;gap:8px}.consent-banner button{border:0;border-radius:7px;padding:10px 13px;font-weight:700;cursor:pointer}.consent-banner .accept{background:#e8a72a;color:#172238}.consent-banner .reject{background:#3b424a;color:#fff}@media(max-width:650px){.consent-banner{display:block}.consent-banner>div:last-child{margin-top:12px}.consent-banner button{flex:1}}
.chat-box form{bottom:35px}.chat-box footer{position:absolute;inset:auto 0 0;height:35px;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:0 12px;background:#fff}.chat-box footer button{border:0;background:transparent;color:#777;font-size:11px;text-decoration:underline;cursor:pointer}.chat-box footer .chat-restart{color:#b72828;font-weight:700}

/* Integração ao design system do Grupo Arte */
.arte-chat{--chat-blue:#1a1a1a;--chat-gold:#dc2828;font-family:"Open Sans",Arial,sans-serif}.chat-launch{background:#dc2828;color:#fff;box-shadow:0 10px 28px #dc28283d;transition:.2s}.chat-launch:hover{transform:translateY(-2px);filter:brightness(.94)}.chat-box{border-radius:14px}.chat-options button{border-color:#dc2828;color:#b31f1f}.chat-box form button{background:#dc2828}.consent-banner{right:auto;left:24px;bottom:24px;max-width:650px;padding:15px 17px;font-family:"Open Sans",Arial,sans-serif}.consent-banner .accept{background:#dc2828;color:#fff}.consent-banner .reject{background:transparent;border:1px solid #697079}.consent-banner button{white-space:nowrap}
@media(max-width:650px){.consent-banner{right:12px;left:12px;bottom:12px;max-width:none}.consent-banner>div:last-child{display:grid;grid-template-columns:1fr 1fr}.chat-launch{padding:13px 17px}}

/* Atendimento humano e status online */
.chat-launch{display:flex;align-items:center;gap:11px;padding:10px 17px 10px 10px;text-align:left}.chat-launch>span:last-child,.chat-agent>span:last-child{display:grid;gap:2px}.chat-launch b{font:700 13px Montserrat,"Open Sans",sans-serif}.chat-launch small,.chat-agent small{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;opacity:.9}.chat-launch small i,.chat-agent small i{display:block;width:7px;height:7px;border-radius:50%;background:#33d17a;box-shadow:0 0 0 3px #33d17a24}.chat-launch-avatar,.chat-agent-avatar{position:relative;display:grid;flex:0 0 auto;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#dc2828;font:700 18px Montserrat,sans-serif}.chat-launch-avatar>i,.chat-agent-avatar>i{position:absolute;right:0;bottom:1px;width:11px;height:11px;border:2px solid #dc2828;border-radius:50%;background:#33d17a}.chat-box{width:min(390px,calc(100vw - 30px));height:570px;background:#f4f5f7;box-shadow:0 24px 70px #00000038;border:0}.chat-box header{height:76px;padding:0 17px;background:linear-gradient(135deg,#202020,#353535)}.chat-agent{display:flex;align-items:center;gap:11px}.chat-agent-avatar{width:44px;height:44px}.chat-agent-avatar>i{border-color:#242424}.chat-agent b{font:700 14px Montserrat,"Open Sans",sans-serif}.chat-agent small{color:#d9d9d9}.chat-box header>b{display:none}.chat-welcome{margin:14px 14px 0;padding:10px 12px;border-radius:10px;background:#fff;color:#666;font-size:12px;line-height:1.5;box-shadow:0 2px 8px #0000000a}.chat-log{height:326px;padding-top:11px}.chat-log p{border-radius:4px 14px 14px 14px;padding:11px 13px;color:#333;box-shadow:0 4px 12px #0000000b}.chat-log p.user{border-radius:14px 4px 14px 14px;background:#dc2828}.chat-options{padding-bottom:11px}.chat-options button,.chat-options a{border-color:#e3a2a2;padding:9px 12px;background:#fff}.chat-box input{border-color:#ddd;background:#fafafa}.chat-box input:focus{outline:2px solid #dc28282e;border-color:#dc2828}.chat-box form button{padding:0 17px}.chat-box footer{border-radius:0 0 14px 14px}
@media(max-width:600px){.chat-box{inset:10px;height:auto}.chat-welcome{margin-top:12px}.chat-log{height:calc(100vh - 270px)}.chat-launch{padding:8px 14px 8px 8px}.chat-launch-avatar{width:36px;height:36px}.chat-launch b{font-size:12px}}
.chat-box{height:520px}.chat-box header b:after{content:none}.chat-log{height:285px}
@media(max-width:600px){.chat-box{height:auto}.chat-log{height:calc(100vh - 290px)}}
@media(max-width:600px){.chat-options{flex-wrap:wrap;overflow-x:visible;max-height:96px;overflow-y:auto}.chat-options button,.chat-options a{flex:0 1 auto}}
.chat-typing{display:flex;align-items:center;gap:4px;width:max-content;padding:12px 15px;border-radius:4px 14px 14px 14px;background:#fff;box-shadow:0 4px 12px #0000000b}.chat-typing span{width:7px;height:7px;border-radius:50%;background:#9b9b9b;animation:chatTyping 1.15s infinite ease-in-out}.chat-typing span:nth-child(2){animation-delay:.16s}.chat-typing span:nth-child(3){animation-delay:.32s}@keyframes chatTyping{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}@media(prefers-reduced-motion:reduce){.chat-typing span{animation:none;opacity:.75}}
.chat-options.chat-options-final{display:grid;gap:9px;padding:12px 15px;overflow:visible;background:#fff;border-top:1px solid #eee}.chat-handoff{display:grid;gap:3px}.chat-handoff b{font:700 13px Montserrat,"Open Sans",sans-serif;color:#222}.chat-handoff small{color:#777;font-size:11px;line-height:1.4}.chat-options .chat-whatsapp{display:flex;justify-content:center;width:100%;padding:12px 15px;border:0;border-radius:9px;background:#20a85a;color:#fff;font-weight:700;white-space:normal;text-align:center;box-shadow:0 7px 16px #20a85a30}.chat-options .chat-whatsapp:hover{filter:brightness(.94)}
.chat-options.chat-options-final{max-height:none;flex-wrap:nowrap}
.chat-box form[hidden]{display:none}

@media(max-width:600px){
  .arte-chat{right:10px;bottom:10px}
  .chat-launch{max-width:calc(100vw - 20px);padding:7px 11px 7px 7px;gap:8px}
  .chat-launch-avatar{width:34px;height:34px;font-size:16px}
  .chat-launch b{font-size:11px}
  .chat-launch small{font-size:9px}
  .chat-box{inset:8px;width:auto;border-radius:12px}
  .chat-box header{height:64px;padding:0 13px}
  .chat-agent{gap:8px}
  .chat-agent-avatar{width:38px;height:38px;font-size:16px}
  .chat-agent b{font-size:12px}
  .chat-agent small{font-size:9px}
  .chat-log{height:calc(100dvh - 280px);min-height:170px;padding:10px}
  .chat-log p{max-width:92%;font-size:13px}
  .chat-options{padding:8px 10px;gap:6px;max-height:88px}
  .chat-options button,.chat-options a{font-size:11px;padding:8px 10px}
  .chat-box form{gap:6px;padding:9px}
  /* iOS Safari aplica zoom ao focar controles com texto menor que 16px. */
  .chat-box input{padding:8px 10px;font-size:16px;line-height:1.25}
  .chat-box form button{padding:0 12px;font-size:12px}
  .chat-box footer{height:30px;padding:0 10px}
  .consent-banner{left:10px;right:10px;bottom:10px;padding:14px;border-radius:10px}
  .consent-banner p{font-size:11px;line-height:1.45}
  .consent-banner>div:last-child{gap:6px;margin-top:10px}
  .consent-banner button{padding:9px 8px;font-size:11px}
}

/* Avatar humanizado do atendimento */
.chat-launch-avatar img,.chat-agent-avatar img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;object-position:center top}

/* No mobile, o atendimento fica compacto e preserva o contexto da página. */
@media(max-width:600px){
  .chat-box{
    inset:auto 10px 60px;
    width:auto;
    height:min(560px,calc(100dvh - 100px));
    max-height:72dvh;
  }
  .chat-log{height:clamp(150px,36dvh,280px);}
}
.chat-launch small{color:#fff;opacity:1}
.chat-box footer button{color:#666}