com width:100%. Nos cartões em linha (ícone + título),esse invólucro disputava espaço com o título e espremia o texto numa coluna de ~50px. Quando o shortcode devolve só um SVG,o invólucro sai do layout e o ícone volta a ser filho direto do flex,como no mockup. 2. Números da linha do tempo: branco sobre laranja dava 2,87:1. Texto escuro da decisão M8,6,31:1. --------------------------------------------------------------------------- */ .brxe-shortcode:has(> svg:only-child){display:contents}.stt .num{color:#2a0d04}/* --------------------------------------------------------------------------- 25/09/2026,3.9.4 1. Painel de supervisão no celular: o selo "Pós-atendimento" passava 7px da borda da tabela e saía cortado. Selo menor abaixo de 600px,com folga. 2. Botão de envio do Fluent Forms: saía em peso 500 e mais baixo que os outros botões do site. Negrito e o mesmo respiro,no modal e no formulário embutido. A cor continua vindo do próprio Fluent Forms. --------------------------------------------------------------------------- */ @media (max-width:600px){.hlp .bdg{font-size:10.5px;padding:3px 7px;letter-spacing:0}}form.frm-fluent-form .ff-btn-submit:not(.ff_btn_no_style){font-weight:700;font-size:16px;padding:14px 28px}.h6-strip{margin-top:48px;padding-bottom:40px;display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));column-gap:40px;align-items:start}.h6-strip.sem-selo{grid-template-columns:repeat(4,minmax(0,1fr))}.h6-strip>div{border:none;padding:0}.h6-it{display:flex;flex-direction:column;gap:4px}.h6-it b,.h6-it .t{color:#fff;font-weight:700;font-size:15.5px;line-height:1.3}.h6-it span,.h6-it .s{font-size:13.5px;line-height:1.45;color:var(--cx-escuro-texto-2,rgba(255,255,255,.64))}.cx-logos{background:#fff;padding:28px 24px 30px;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.cx-logos .lb{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#5f5f5f;font-weight:700;text-align:center}.cx-logos .row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 48px;width:100%}.cx-logos img{max-height:36px;max-width:150px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.75}.cx-logos.arte-clara img{filter:brightness(0);opacity:.55}@media(max-width:960px){.h6-strip,.h6-strip.sem-selo{grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.h6-strip:not(.sem-selo)>div:first-child{grid-column:1/-1}.cx-logos .row{gap:12px 26px}.cx-logos img{max-height:28px;max-width:110px}}@media(max-width:600px){.h6-strip.sem-selo{grid-template-columns:1fr}}/* =========================================================================== MENU DO CELULAR — 29/09/2026 Fica NO FIM do style.css de propósito (tem que vir depois das regras .nav nav{display:flex}da linha ~186,que hoje vencem o @media de 960px e deixam "Sobre" e "Conteúdo" empilhados no topo,sem "Produtos"). Par com inc/menu-movel.js,carregado pelo [callix_header] (inc/cabecalho.php). Sem o script,nada aqui muda o cabeçalho: tudo depende da classe .js-mnav,que o script coloca. =========================================================================== */ .mnav-btn{display:none}/* 3.13.2 · a cópia do botão de contato que o script põe no fim do painel fica escondida em qualquer largura e só aparece até 600px (regra lá embaixo). Na 3.12.48 esta regra estava dentro do @media de 960px,e no desktop o cabeçalho mostrava dois botões "Falar com um especialista". */ .nav.js-mnav .in > nav > .mnav-cta{display:none}@media(max-width:960px){.nav.js-mnav .in{flex-wrap:nowrap;gap:12px;padding-top:14px;padding-bottom:14px}.nav.js-mnav .in > a:first-child{margin-right:auto}.nav.js-mnav.is-open{z-index:60}.mnav-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;margin-right:-10px;padding:0;background:none;border:none;border-radius:var(--cx-radius-sm,6px);color:#111;cursor:pointer}.mnav-btn:focus-visible{outline:3px solid var(--cx-foco,#B93B18);outline-offset:2px}.mnav-btn svg path{stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none;transform-origin:12px 12px;transition:transform 180ms,opacity 180ms}.nav.is-open .mnav-btn .l1{transform:translateY(5px) rotate(45deg)}.nav.is-open .mnav-btn .l2{opacity:0}.nav.is-open .mnav-btn .l3{transform:translateY(-5px) rotate(-45deg)}.nav.on-photo .mnav-btn{color:#fff}.nav.on-photo.is-open .mnav-btn{color:#111}.nav.on-photo.is-open{background:#fff}.nav.js-mnav .in > nav{display:none}.nav.js-mnav.is-open .in > nav{display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #e4e4e4;box-shadow:0 16px 32px rgba(0,0,0,.10);padding:8px 24px 24px;font-size:17px}.nav.js-mnav .in > nav > a{display:block;padding:14px 0;border-bottom:1px solid #efefef;color:#111;font-weight:500;white-space:normal}.nav.js-mnav .in > nav > a.on{border-bottom-color:#efefef;color:#000;font-weight:700}/* "Produtos" vira rótulo de grupo,com os quatro links sempre à mostra */ .nav.js-mnav .ddown{display:block;padding:14px 0 6px;border-bottom:1px solid #efefef}.nav.js-mnav .ddown:after{display:none}.nav.js-mnav .ddbtn{display:block;padding:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5a5a5a;cursor:default;pointer-events:none}.nav.js-mnav .ddbtn .car{display:none}.nav.js-mnav .ddmenu{position:static;opacity:1;visibility:visible;transform:none;min-width:0;margin:0;padding:0;border:none;box-shadow:none;background:none}.nav.js-mnav .ddmenu a{justify-content:flex-start;padding:10px 0;font-size:17px;color:#111;border-radius:0;background:none;border-bottom:none}.nav.js-mnav .ddmenu a.on{font-weight:700;color:#000}.nav.js-mnav .in > nav a:not(.mnav-cta):hover{color:var(--cx-laranja-texto,#B93B18)}.nav.on-photo.js-mnav .in > nav a:not(.mnav-cta){color:#111}}@media(max-width:600px){.nav.js-mnav .in > .btn,.nav.js-mnav .in > .cx-btn{display:none}.nav.js-mnav .in > nav > .mnav-cta{display:block;margin-top:20px;padding:14px 20px;text-align:center;border-bottom:none;font-size:16px;font-weight:700;color:#2a0d04}}/* ========================================================================= 3.13.0 · Banner de cookies do CookieYes (29/09/2026) O CookieYes grava cor e borda direto em cada botão (style inline),e no plano gratuito parte das cores nem é editável no painel. Por isso as regras abaixo usam !important: é o único jeito de o tema vencer o plugin. Decisões: caixa clara no canto inferior esquerdo,que se separa do hero escuro das páginas;Aceitar todos igual ao botão principal do site (laranja #FF6840 com texto #2a0d04,o par que passou no AA);Recusar todos com o mesmo tamanho,em contorno escuro,sem ser escondido;Personalizar como link. O botão flutuante de rever consentimento sai e dá lugar ao link "Preferências de cookies" do rodapé (inc/rodape-modal.php). Os nomes de classe são os do CookieYes 3.x. Se o plugin atualizar e o banner voltar azul,a causa provável é classe renomeada: inspecionar e ajustar aqui. A marca "Powered by CookieYes" fica: o plano gratuito exige. ====================================================================== */ .cky-consent-container .cky-consent-bar,.cky-modal .cky-preference-center{background:#fff !important;border:1px solid #e4e4e4 !important;border-radius:var(--cx-radius-md,16px) !important;box-shadow:0 12px 40px rgba(0,0,0,.18) !important;font-family:'Montserrat','Montserrat Arial','Montserrat Roboto',Arial,sans-serif !important}.cky-consent-container .cky-title,.cky-modal .cky-preference-title{color:#111 !important;font-weight:700 !important}.cky-consent-container .cky-notice-des,.cky-consent-container .cky-notice-des *,.cky-modal .cky-preference-content-wrapper,.cky-modal .cky-preference-content-wrapper *,.cky-modal .cky-accordion-header-des,.cky-modal .cky-accordion-header-des *{color:var(--cx-cinza-texto,#444) !important;font-size:14px !important;line-height:1.55 !important}.cky-consent-container .cky-notice-des a,.cky-modal .cky-preference-content-wrapper a{color:var(--cx-laranja-texto,#B93B18) !important;text-decoration:underline !important}.cky-consent-container .cky-btn,.cky-modal .cky-btn{font-family:'Montserrat','Montserrat Arial','Montserrat Roboto',Arial,sans-serif !important;font-weight:700 !important;font-size:14px !important;border-radius:var(--cx-radius-sm,8px) !important;padding:10px 16px !important;box-shadow:none !important;opacity:1 !important}.cky-consent-container .cky-btn-accept,.cky-modal .cky-btn-accept{background:var(--cx-laranja,#FF6840) !important;border:2px solid var(--cx-laranja,#FF6840) !important;color:#2a0d04 !important}.cky-consent-container .cky-btn-accept:hover,.cky-modal .cky-btn-accept:hover{background:var(--cx-laranja-hover,#E5552E) !important;border-color:var(--cx-laranja-hover,#E5552E) !important}.cky-consent-container .cky-btn-reject,.cky-modal .cky-btn-reject,.cky-modal .cky-btn-preferences{background:transparent !important;border:2px solid #111 !important;color:#111 !important}.cky-consent-container .cky-btn-reject:hover,.cky-modal .cky-btn-reject:hover,.cky-modal .cky-btn-preferences:hover{background:#111 !important;color:#fff !important}.cky-consent-container .cky-btn-customize{background:transparent !important;border-color:transparent !important;color:#111 !important;text-decoration:underline !important;text-underline-offset:3px}.cky-consent-container .cky-btn:focus-visible,.cky-modal .cky-btn:focus-visible{outline:3px solid var(--cx-foco,#B93B18) !important;outline-offset:2px}.cky-modal .cky-switch input[type="checkbox"]:checked{background:var(--cx-laranja-texto,#B93B18) !important}.cky-modal .cky-always-active{color:#1a7f37 !important}.cky-btn-revisit-wrapper{display:none !important}@media(max-width:576px){.cky-consent-container .cky-consent-bar{border-radius:var(--cx-radius-md,16px) var(--cx-radius-md,16px) 0 0 !important;padding:12px 16px 4px !important}.cky-consent-container .cky-title{display:none !important}.cky-consent-container .cky-notice-des,.cky-consent-container .cky-notice-des *{font-size:13px !important;line-height:1.45 !important}.cky-consent-container .cky-notice-des{margin-bottom:10px !important}.cky-consent-container .cky-notice-btn-wrapper{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;gap:8px !important;margin:0 !important}.cky-consent-container .cky-notice-btn-wrapper .cky-btn{flex:1 1 0 !important;width:auto !important;margin:0 !important;padding:10px 6px !important;white-space:nowrap !important}.cky-consent-container .cky-notice-btn-wrapper .cky-btn-accept{order:1 !important}.cky-consent-container .cky-notice-btn-wrapper .cky-btn-reject{order:2 !important}.cky-consent-container .cky-notice-btn-wrapper .cky-btn-customize{flex-basis:100% !important;order:3 !important;padding:4px !important}.cky-consent-container [data-cky-tag="powered-by"] > div{margin-top:2px !important}.cky-consent-container .cky-consent-bar + div{padding-bottom:6px !important}}/* Link "Preferências de cookies" no rodapé: botão com cara de link */ .cx-footer .cx-link-cookies{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit;color:var(--cx-laranja-texto,#B93B18);text-decoration:none}.cx-footer .cx-link-cookies:hover{text-decoration:underline}.cx-footer .cx-link-cookies:focus-visible{outline:3px solid var(--cx-foco,#B93B18);outline-offset:2px;border-radius:2px}/* O Bricks embrulha o rodapé em