/* HB chat: bounded viewport and readable mobile turns, preserving the incumbent identity. */
body.hb-chat-page { --chat-accent: #b83a10; --chat-focus: #a0320b; height: var(--chat-vh, 100dvh); top: var(--chat-top, 0px); bottom: auto; }
:is(.hb-chat-page, .hb-chat-surface) .chat-main-container { min-width: 0; min-height: 0; max-width: 560px; max-height: 900px; overflow: hidden !important; }
:is(.hb-chat-page, .hb-chat-surface) .chat-header { min-height: 68px; padding: 12px 18px; box-shadow: none; }
.hb-chat-embedded .chat-header { padding-right: 60px; }
:is(.hb-chat-page, .hb-chat-surface) .chat-header-info, :is(.hb-chat-page, .hb-chat-surface) .chat-header-details { min-width: 0; }
:is(.hb-chat-page, .hb-chat-surface) .chat-header-name { font-size: 16px; }
:is(.hb-chat-page, .hb-chat-surface) .chat-header-status { font-size: 12px; color: #a1e8bb; margin-top: 4px; }
:is(.hb-chat-page, .hb-chat-surface) .chat-header-actions { opacity: 1; }
:is(.hb-chat-page, .hb-chat-surface) .lang-link { display: grid; place-items: center; min-width: 44px; min-height: 44px; border-radius: 10px; }
:is(.hb-chat-page, .hb-chat-surface) .chat-window { min-width: 0; min-height: 0; padding: 20px 18px; gap: 12px; background: #f5f6f8; overscroll-behavior: contain; overflow-anchor: auto; scrollbar-width: thin; scrollbar-color: #b3bac4 transparent; -webkit-overflow-scrolling: touch; }
:is(.hb-chat-page, .hb-chat-surface) .message { max-width: 94%; margin: 0; padding: 13px 15px 9px; font-size: 16px; line-height: 1.55; box-shadow: none; animation: none; overflow-wrap: anywhere; }
:is(.hb-chat-page, .hb-chat-surface) .message-ia, :is(.hb-chat-page, .hb-chat-surface) .message-admin { background: #fff; border: 1px solid #e1e5eb; color: #252b34; border-radius: 4px 14px 14px; }
:is(.hb-chat-page, .hb-chat-surface) .message-lead { background: #fff0e7; color: #492413; border-radius: 14px 4px 14px 14px; }
:is(.hb-chat-page, .hb-chat-surface) .message-time { color: #657080; font-size: 11px; opacity: 1; margin-top: 7px; font-variant-numeric: tabular-nums; }
:is(.hb-chat-page, .hb-chat-surface) .message-lead .message-time { color: #785441; }
:is(.hb-chat-page, .hb-chat-surface) .chat-texto-ia { max-width: 68ch; font-size: 15px; line-height: 1.6; color: inherit; }
:is(.hb-chat-page, .hb-chat-surface) .chat-texto-ia p { margin: 0 0 12px; font: inherit; }
:is(.hb-chat-page, .hb-chat-surface) .chat-texto-ia :last-child { margin-bottom: 0; }
:is(.hb-chat-page, .hb-chat-surface) .chat-texto-ia :is(ul,ol) { margin: 8px 0 12px; padding-inline-start: 22px; }
:is(.hb-chat-page, .hb-chat-surface) .chat-texto-ia li { margin-block: 5px; padding-inline-start: 2px; }
:is(.hb-chat-page, .hb-chat-surface) .chat-texto-ia strong { font-weight: 600; }
:is(.hb-chat-page, .hb-chat-surface) .chat-tech-specs { margin: 12px 0 16px; font-size: 14px; line-height: 1.5; }
:is(.hb-chat-page, .hb-chat-surface) .chat-spec-row { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.7fr); gap: 12px; padding: 11px 0; border-bottom: 1px solid #e9edf2; }
:is(.hb-chat-page, .hb-chat-surface) .chat-spec-row:first-child { padding-top: 0; }
:is(.hb-chat-page, .hb-chat-surface) .chat-spec-row:last-child { padding-bottom: 0; border-bottom: 0; }
:is(.hb-chat-page, .hb-chat-surface) .chat-spec-row dt { margin: 0; font-size: 13px; line-height: 1.5; font-weight: 600; color: #56616f; }
:is(.hb-chat-page, .hb-chat-surface) .chat-spec-row dd { min-width: 0; margin: 0; font-size: 14px; line-height: 1.5; color: #252b34; }
:is(.hb-chat-page, .hb-chat-surface) .chat-footer { flex: 0 0 auto; padding: 12px 14px max(12px, env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid #e4e7eb; }
:is(.hb-chat-page, .hb-chat-surface) .input-group-chat { display: flex; align-items: flex-end; gap: 8px; padding: 5px; border: 1px solid #d5dce5; border-radius: 14px; background: #fff; }
:is(.hb-chat-page, .hb-chat-surface) #userInput { flex: 1 1 auto; min-width: 0; min-height: 44px; max-height: 124px; padding: 10px; margin: 0; font-size: 16px; line-height: 1.5; resize: none; border: 0; border-radius: 8px; background: transparent; box-shadow: none; overflow-y: auto; }
:is(.hb-chat-page, .hb-chat-surface) #userInput::placeholder { color: #657080; opacity: 1; }
:is(.hb-chat-page, .hb-chat-surface) .send-btn { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border-radius: 10px; background: var(--chat-accent); color: #fff; font-size: 19px; }
:is(.hb-chat-page, .hb-chat-surface) .send-btn:disabled { opacity: .6; cursor: wait; }
:is(.hb-chat-page, .hb-chat-surface) .input-group-chat:focus-within { border-color: var(--chat-focus); outline: 2px solid var(--chat-focus); outline-offset: 2px; }
:is(.hb-chat-page, .hb-chat-surface) :is(button,a,input,textarea,select):focus-visible { outline: 3px solid var(--chat-focus); outline-offset: 3px; }
:is(.hb-chat-page, .hb-chat-surface) ::selection { background: #ffd4be; color: #44200e; }
:is(.hb-chat-page, .hb-chat-surface) textarea { caret-color: var(--chat-accent); }
:is(.hb-chat-page, .hb-chat-surface) .chat-send-status { margin: 10px 2px 0; color: #99331b; font-size: 14px; line-height: 1.4; }
:is(.hb-chat-page, .hb-chat-surface) .chat-suggestions { align-self: flex-start; width: 100%; margin: -4px 0 4px; }
:is(.hb-chat-page, .hb-chat-surface) .suggestion-buttons-container { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 8px; margin: 0; padding: 0; }
:is(.hb-chat-page, .hb-chat-surface) .suggestion-btn { flex: 0 1 auto; min-height: 44px; max-width: 100%; padding: 9px 14px; margin: 0; font-size: 13px; font-weight: 500; line-height: 1.4; text-align: start; white-space: normal; color: #8f2c0b !important; background: #fff8f3; border: 1px solid #edcbb9; border-radius: 22px; box-shadow: none; transition: background-color .15s ease; }
:is(.hb-chat-page, .hb-chat-surface) .suggestion-btn:hover { color: #772407 !important; transform: none; box-shadow: none; background: #ffe8d9; }
:is(.hb-chat-page, .hb-chat-surface) .chat-carousel-wrapper { gap: 10px; padding: 8px 0; scroll-snap-type: x mandatory; scrollbar-width: thin; }
:is(.hb-chat-page, .hb-chat-surface) .chat-card-produto { flex: 0 0 220px; width: 220px; max-width: 100%; padding: 0; text-align: start; color: #252b34; scroll-snap-align: start; border: 1px solid #dfe4ea; border-radius: 12px; background: #fff; box-shadow: none; overflow: hidden; }
:is(.hb-chat-page, .hb-chat-surface) .chat-product-image { position: relative; background: #fff; }
:is(.hb-chat-page, .hb-chat-surface) .chat-product-image img { display: block; width: 100%; height: 156px; object-fit: contain; padding: 8px; }
:is(.hb-chat-page, .hb-chat-surface) .chat-card-produto .card-title { font-size: 14px; line-height: 1.4; }
:is(.hb-chat-page, .hb-chat-surface) .chat-card-produto .card-body { padding: 12px; }
:is(.hb-chat-page, .hb-chat-surface) .chat-single-purchase { display: block; padding: 12px 0 4px; }
:is(.hb-chat-page, .hb-chat-surface) .chat-purchase-card { width: 320px; max-width: 100%; overflow: hidden; background: #fff; border: 1px solid #dfe4ea; border-radius: 16px; }
:is(.hb-chat-page, .hb-chat-surface) .chat-purchase-preview { display: block; width: 100%; padding: 0; border: 0; border-radius: 0; text-align: start; color: inherit; background: #fff; cursor: pointer; }
:is(.hb-chat-page, .hb-chat-surface) .chat-purchase-preview .chat-product-image img { height: 190px; padding: 16px; }
:is(.hb-chat-page, .hb-chat-surface) .chat-purchase-preview .card-body { padding: 12px 16px 16px; }
:is(.hb-chat-page, .hb-chat-surface) .chat-purchase-preview .card-title { margin: 0 0 8px; font-size: 16px; line-height: 1.4; font-weight: 600; -webkit-line-clamp: unset; }
:is(.hb-chat-page, .hb-chat-surface) .chat-purchase-preview .price-usd { font-size: 20px; color: #246d39; }
:is(.hb-chat-page, .hb-chat-surface) .chat-purchase-preview :is(.price-brl,.price-pyg) { color: #657080; font-size: 12px; }
:is(.hb-chat-page, .hb-chat-surface) .chat-purchase-cta { display: flex; justify-content: center; align-items: center; min-height: 46px; margin: 0 12px 12px; padding: 10px 12px; border-radius: 12px; background: #147d42; color: #fff; font-size: 14px; line-height: 1.4; font-weight: 600; text-decoration: none; }
:is(.hb-chat-page, .hb-chat-surface) .chat-purchase-cta:hover { background: #116b38; color: #fff; }
:is(.hb-chat-page, .hb-chat-surface) .chat-assistencia-card, :is(.hb-chat-page, .hb-chat-surface) .chat-wholesale-card { max-width: 100%; box-shadow: none !important; }
:is(.hb-chat-page, .hb-chat-surface) .chat-map-actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; padding: 12px; }
:is(.hb-chat-page, .hb-chat-surface) .chat-map-actions .assistencia-btn { min-height: 44px; margin: 0; padding: 10px 8px; font-size: 13px; gap: 8px; text-transform: none; }
:is(.hb-chat-page, .hb-chat-surface) .chat-map-premium { animation: none; }
:is(.hb-chat-page, .hb-chat-surface) .chat-map-premium .map-header { background: #1967d2 !important; }
:is(.hb-chat-page, .hb-chat-surface) .assistencia-body .chat-map-address { margin: 0; padding: 12px 14px 4px; font-size: 13px; line-height: 1.5; }
:is(.hb-chat-page, .hb-chat-surface) .chat-map-preview summary { min-height: 44px; padding: 12px 14px; color: #475569; cursor: pointer; font-size: 13px; }
:is(.hb-chat-page, .hb-chat-surface) .chat-map-preview summary:focus-visible { outline: 2px solid var(--chat-focus); outline-offset: -3px; }
:is(.hb-chat-page, .hb-chat-surface) .chat-map-actions .btn-waze { background: #d9f6ff !important; color: #154c5a !important; }
:is(.hb-chat-page, .hb-chat-surface) .chat-map-actions .btn-waze:hover { background: #c2edf9 !important; }
:is(.hb-chat-page, .hb-chat-surface) .btn-google-maps { background: #1967d2; color: #fff; }
:is(.hb-chat-page, .hb-chat-surface) .btn-google-maps:hover { background: #1557b0; color: #fff; }
:is(.hb-chat-page, .hb-chat-surface) .assistencia-btn, :is(.hb-chat-page, .hb-chat-surface) .w-submit-btn, :is(.hb-chat-page, .hb-chat-surface) .btn-checkout { min-height: 44px; }
:is(.hb-chat-page, .hb-chat-surface) .capture-card { max-height: calc(var(--chat-vh, 100dvh) - 24px); overflow-y: auto !important; padding: 24px; }
:is(.hb-chat-page, .hb-chat-surface) .capture-card input, :is(.hb-chat-page, .hb-chat-surface) .w-input { min-height: 46px; font-size: 16px; }
.hb-chat-embedded .chat-main-container { height: 100% !important; max-width: none; max-height: none; border-radius: 0; box-shadow: none; }
@media (max-width: 767px) {
    :is(.hb-chat-page, .hb-chat-surface) .chat-main-container { height: 100%; max-height: none; max-width: none; border-radius: 0; box-shadow: none; }
    :is(.hb-chat-page, .hb-chat-surface) .chat-header { padding-block: 10px; min-height: 64px; }
    :is(.hb-chat-page, .hb-chat-surface) .chat-window { padding: 16px 12px; }
    :is(.hb-chat-page, .hb-chat-surface) .message { max-width: 96%; padding: 12px 13px 8px; }
    :is(.hb-chat-page, .hb-chat-surface) .chat-footer { padding-inline: 10px; }
}
@media (prefers-reduced-motion: reduce) { :is(.hb-chat-page, .hb-chat-surface) *, :is(.hb-chat-page, .hb-chat-surface) *::before, :is(.hb-chat-page, .hb-chat-surface) *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }
 .hb-chat-surface { --chat-accent: #b83a10; --chat-focus: #a0320b; }
 .hb-chat-widget .chat-close-btn { width: 44px; height: 44px; top: 10px; right: 10px; border: 0; border-radius: 10px; background: #242424; backdrop-filter: none; }
 .hb-chat-widget .chat-bubble { border: 0; }
 .hb-chat-widget .chat-window-wrapper { max-height: calc(var(--chat-vh, 100dvh) - 104px); border-radius: 16px; transition: transform .2s ease-out, opacity .2s ease-out, visibility .2s; }
 @media(max-width: 768px) {
     .hb-chat-widget .chat-window-wrapper { top: var(--chat-top, 0px); bottom: auto; height: var(--chat-vh, 100dvh) !important; max-height: none; border-radius: 0; }
     html.hb-chat-open, html.hb-chat-open body { overflow: hidden !important; }
 }
:is(.hb-chat-page, .hb-chat-surface) .chat-support-card { margin-block: 12px 4px; padding-block: 14px 4px; border-top: 1px solid #e1e5eb; }
:is(.hb-chat-page, .hb-chat-surface) .chat-support-card h3 { margin: 0 0 10px; font: inherit; font-weight: 700; color: #252b34; }
:is(.hb-chat-page, .hb-chat-surface) .chat-support-card p { margin: 0 0 12px; color: #56616f; line-height: 1.5; }
:is(.hb-chat-page, .hb-chat-surface) .chat-support-choices { display: flex; flex-wrap: wrap; gap: 8px; }
:is(.hb-chat-page, .hb-chat-surface) .chat-support-choices button, :is(.hb-chat-page, .hb-chat-surface) .chat-support-contact { min-height: 44px; border-radius: 10px; padding: 10px 14px; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
:is(.hb-chat-page, .hb-chat-surface) .chat-support-choices button { border: 1px solid #e0b59f; background: #fff8f2; color: #8f2a08; }
:is(.hb-chat-page, .hb-chat-surface) .chat-support-choices button:hover { background: #ffeddf; }
:is(.hb-chat-page, .hb-chat-surface) .chat-support-contact { display: inline-flex; align-items: center; text-decoration: none; color: #fff; background: #126841; }
:is(.hb-chat-page, .hb-chat-surface) .chat-support-contact:hover { background: #0b5232; }
:is(.hb-chat-page, .hb-chat-surface) .chat-support-card :focus-visible { outline: 3px solid #b83a10; outline-offset: 3px; }
