/* ========================================================= SMC SHOP - CSS COMPLETO CONSOLIDADO V16.6 - COMPATIVEL ========================================================= Substitui integralmente o CSS customizado anterior. Nao adicionar por cima de outra copia deste arquivo. Desktop: menu inicial top: 36px / margin-top: -28px; menu fixo top: 45px / margin-top: -46px. Mobile: ate 767px, barra de 80px, inicial top: 40px / rolado top: 0. A classe html.smc-mobile-rolado depende do JS de rolagem mobile enviado separadamente. Preservados: logo SVG incorporada, categorias, mega menu, scrollbar, banners, cards, cores e parcelas abertas. Manter o JS existente do scrollbar e apenas uma copia do JS de posicao do topo mobile. Nao reativar JS da logo. Os !important, prefixos e reforcos de especificidade necessarios para sobrescrever o tema foram preservados. ========================================================= */ /* ========================================================= 01 — BUSCA, CORES E CONTROLES DO CABECALHO ========================================================= */ #cabecalho .conteiner .busca[class~="borda-alpha"] form #auto-complete, #cabecalho .conteiner .busca[class~="borda-alpha"] form #auto-complete:focus { background: #fff !important; color: #0577bd !important; border: 1px solid rgba(5, 119, 189, 0.48) !important; border-radius: 50px !important; box-shadow: none !important; outline: none !important; } #cabecalho ul.content-actions-header .actions-header.action-header-login .actions-header_text, #cabecalho ul.content-actions-header .actions-header.action-header-login .actions-header_text span, #cabecalho ul.content-actions-header .actions-header.action-header-login .actions-header_text strong, #cabecalho ul.content-actions-header .actions-header.action-header-login .actions-header_text a, #cabecalho ul.content-actions-header .actions-header.action-header-contact .actions-header_text, #cabecalho ul.content-actions-header .actions-header.action-header-contact .actions-header_text span, #cabecalho ul.content-actions-header .actions-header.action-header-contact .actions-header_text strong, #cabecalho ul.content-actions-header .actions-header.action-header-contact .actions-header_text a, #cabecalho .carrinho .icons-actions .actions-header_text, #cabecalho .carrinho .icons-actions .actions-header_text span, #cabecalho .carrinho .icons-actions .actions-header_text strong, #cabecalho .carrinho .count-price-cart, #cabecalho .carrinho .count-price-cart span { color: #0577bd !important; } #cabecalho ul.content-actions-header .actions-header .actions-header_icon svg, #cabecalho ul.content-actions-header .actions-header .actions-header_icon svg path, #cabecalho ul.content-actions-header .actions-header .actions-header_icon svg circle, #cabecalho ul.content-actions-header .actions-header .actions-header_icon svg rect, #cabecalho .carrinho .icons-actions svg, #cabecalho .carrinho .icons-actions svg path, #cabecalho .carrinho .icons-actions svg circle, #cabecalho .carrinho .icons-actions svg rect { fill: #0577bd !important; color: #0577bd !important; } #cabecalho .menu-desktop-button > .menu-desktop-button__bars-header, #cabecalho .menu-desktop-button > .menu-desktop-button__bars-middle, #cabecalho .menu-desktop-button > .menu-desktop-button__bars-bottom { background: #0577bd !important; } /* ========================================================= 02 — ICONES PERSONALIZADOS E MASCARAS ========================================================= */ #cabecalho .carrinho .icons-actions > svg[id="Capa_1"] { background-color: #0577bd !important; background-image: none !important; -webkit-mask-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/cart.svg") !important; mask-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/cart.svg") !important; } #cabecalho .carrinho .icon-carrinho > svg { transform: scale(0.9) !important; transform-origin: center !important; } #cabecalho .action-header-login .actions-header_icon > svg { background-color: #0577bd !important; background-image: none !important; -webkit-mask-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/profile-simple-svgrepo-com.svg") !important; mask-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/profile-simple-svgrepo-com.svg") !important; } #smc-atendimento-topo .action-header-contact .actions-header_icon > svg { background-color: #fff !important; background-image: none !important; -webkit-mask-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/atendimento-smc.svg") !important; mask-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/atendimento-smc.svg") !important; } #cabecalho .carrinho .icons-actions > svg[id="Capa_1"], #cabecalho .action-header-login .actions-header_icon > svg, #smc-atendimento-topo .action-header-contact .actions-header_icon > svg { -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; mask-mode: alpha !important; } #cabecalho .carrinho .icons-actions > svg[id="Capa_1"] > path, #cabecalho .action-header-login .actions-header_icon > svg > path, #smc-atendimento-topo .action-header-contact .actions-header_icon > svg > path { display: none !important; } /* ========================================================= 03 — BARRA INFORMATIVA / FRETE GRATIS ========================================================= */ .box-header-wrapper { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 0 !important; width: 100% !important; margin: 0 !important; padding: 0 16px !important; box-sizing: border-box !important; overflow: visible !important; text-align: center !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; } .box-header-wrapper:before { content: none !important; display: none !important; } .box-header-wrapper > span, .box-header-wrapper > strong, .box-header-wrapper > a { font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; } /* Texto interno da barra: 14px; a excecao mobile de 12px esta na secao 12. */ .box-header-info .box-header-info__message>div { font-size: 14px !important; } /* ========================================================= 04 — DESKTOP: CAMADAS, ATENDIMENTO E MEGA MENU ========================================================= */ @media (min-width: 768px) { /* ---------- CAMADAS ---------- */ #cabecalho, #cabecalho > .conteiner, #cabecalho > .conteiner > .row-fluid, #cabecalho .conteudo-topo { overflow: visible !important; } #cabecalho { position: relative !important; z-index: 1000 !important; } #cabecalho > .conteiner > .row-fluid, #cabecalho .conteudo-topo { position: relative !important; z-index: 1020 !important; } /* ---------- LOGIN E CARRINHO ---------- */ #cabecalho .inferior .span4.hidden-phone, #cabecalho .inferior .span4.hidden-phone > ul.content-actions-header { display: flex !important; align-items: center !important; justify-content: flex-end !important; } #cabecalho .inferior .span4.hidden-phone > ul.content-actions-header { flex-direction: row !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; } #cabecalho .inferior ul.content-actions-header .action-header-login { order: 1 !important; position: relative !important; display: flex !important; align-items: center !important; width: auto !important; margin: 0 40px 0 0 !important; padding: 0 !important; float: none !important; white-space: nowrap !important; } #cabecalho .inferior ul.content-actions-header .carrinho { order: 2 !important; position: relative !important; width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; left: auto !important; right: auto !important; } #cabecalho .inferior ul.content-actions-header .carrinho > a { display: flex !important; align-items: center !important; justify-content: flex-end !important; margin: 0 !important; padding: 0 !important; } #cabecalho .conteudo-topo .action-header-login { position: relative !important; z-index: 30 !important; overflow: visible !important; } /* ---------- ATENDIMENTO ---------- */ #smc-atendimento-topo { position: absolute !important; top: 50% !important; right: 40px !important; left: auto !important; transform: translateY(-50%) !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; list-style: none !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; z-index: 99999 !important; } #smc-atendimento-topo .action-header-contact, #smc-atendimento-topo .actions-header_icon.titulo { display: flex !important; flex-direction: row !important; align-items: center !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; white-space: nowrap !important; color: #fff !important; } #smc-atendimento-topo .actions-header_icon { display: flex !important; align-items: center !important; } #smc-atendimento-topo .actions-header_icon.titulo > svg { width: 20px !important; height: 20px !important; margin: 0 7px 0 0 !important; fill: #fff !important; color: #fff !important; } #smc-atendimento-topo .actions-header_icon.titulo > svg path, #smc-atendimento-topo .actions-header_icon.titulo > svg circle, #smc-atendimento-topo .actions-header_icon.titulo > svg rect { fill: #fff !important; color: #fff !important; } #smc-atendimento-topo .actions-header_text, #smc-atendimento-topo .actions-header_text span, #smc-atendimento-topo .actions-header_text strong, #smc-atendimento-topo .actions-header_text a { color: #fff !important; font-size: 14px !important; font-weight: 400 !important; line-height: 18px !important; text-decoration: none !important; white-space: nowrap !important; } #smc-atendimento-topo .actions-header_text { display: inline-flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: baseline !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; font-family: inherit !important; font-style: normal !important; } #smc-atendimento-topo .actions-header_text > span, #smc-atendimento-topo .actions-header_text > strong { position: static !important; transform: none !important; align-self: baseline !important; margin: 0 !important; padding: 0 !important; font: inherit !important; letter-spacing: inherit !important; color: inherit !important; } #smc-atendimento-topo .actions-header_text > span { margin-right: 4px !important; } /* ---------- DROPDOWNS DO CABEÇALHO ---------- */ #cabecalho .action-header-login .dropdown-menu, #cabecalho .action-header-login .submenu, #cabecalho .action-header-login .popover, #cabecalho .carrinho .dropdown-menu, #cabecalho .carrinho .popover, #smc-atendimento-topo .action-header-contact .dropdown-menu, #smc-atendimento-topo .action-header-contact .submenu, #smc-atendimento-topo .action-header-contact .popover, .action-login-header { border-radius: 15px !important; } /* ========================================================= BARRA AZUL DO MENU PRINCIPAL ========================================================= Posição vertical tratada por estados independentes: inicial e fixo/retrátil. ========================================================= */ #cabecalho .menu.superior { position: relative !important; z-index: 1010 !important; margin-left: 22px !important; margin-right: 22px !important; width: calc(100% - 44px) !important; box-sizing: border-box !important; background: linear-gradient(180deg, #0876bd 0%, #0065b2 55%, #005b9f 100%) !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; border-radius: 20px !important; box-shadow: 0 12px 24px rgba(0, 72, 120, 0.16), 0 4px 8px rgba(0, 72, 120, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.10) !important; overflow: visible !important; } #cabecalho .menu.superior > ul.nivel-um { position: relative !important; background: transparent !important; border-radius: 20px !important; overflow: visible !important; } #cabecalho .menu.superior > ul.nivel-um > li { position: relative !important; z-index: auto !important; background: transparent !important; overflow: visible !important; } #cabecalho .menu.superior > ul.nivel-um > li.categoria-todas { position: static !important; } #cabecalho .menu.superior > ul.nivel-um > li > a { color: #fff !important; background: transparent !important; text-shadow: 0 1px 2px rgba(0, 50, 90, 0.12) !important; } #cabecalho .menu.superior > ul.nivel-um > li > a:hover { color: #fff !important; background: rgba(255, 255, 255, 0.055) !important; } #cabecalho .menu.superior > ul.nivel-um > li.categoria-id-24448151:before, #cabecalho .menu.superior > ul.nivel-um > li.categoria-id-24448141:before, #cabecalho .menu.superior > ul.nivel-um > li.categoria-id-24448200:before, #cabecalho .menu.superior > ul.nivel-um > li.categoria-id-24448190:before { content: "" !important; position: absolute !important; left: -10px !important; top: 18% !important; width: 1px !important; height: 64% !important; background: rgba(255, 255, 255, 0.24) !important; box-shadow: 1px 0 0 rgba(0, 80, 130, 0.08) !important; pointer-events: none !important; z-index: 2 !important; } #cabecalho .menu.superior > ul.nivel-um > li.categoria-todas > a { border-radius: 19px 0 0 19px !important; } #cabecalho .menu.superior > ul.nivel-um > li.categoria-id-24448190 > a { border-radius: 0 19px 19px 0 !important; } #cabecalho .menu.superior > ul.nivel-um > li > svg, #cabecalho .menu.superior > ul.nivel-um > li > svg path, #cabecalho .menu.superior > ul.nivel-um > li > svg circle, #cabecalho .menu.superior > ul.nivel-um > li > svg rect, #cabecalho .menu.superior > ul.nivel-um > li > a svg, #cabecalho .menu.superior > ul.nivel-um > li > a svg path, #cabecalho .menu.superior > ul.nivel-um > li > a svg circle, #cabecalho .menu.superior > ul.nivel-um > li > a svg rect { fill: #fff !important; color: #fff !important; } /* ========================================================= DROPDOWNS E MEGA MENU ========================================================= */ #cabecalho .menu.superior > ul.nivel-um > li > ul.nivel-dois { position: absolute !important; top: 100% !important; bottom: auto !important; margin-top: 0 !important; z-index: 20 !important; overflow: visible !important; border-bottom-left-radius: 15px !important; border-bottom-right-radius: 15px !important; } #cabecalho .menu.superior > ul.nivel-um > li > ul.nivel-dois > li:last-child, #cabecalho .menu.superior > ul.nivel-um > li > ul.nivel-dois > li:last-child > a { border-bottom-left-radius: 15px !important; border-bottom-right-radius: 15px !important; } #cabecalho .menu.superior > ul.nivel-um > li.categoria-todas > ul.nivel-dois { left: 0 !important; right: 0 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } #cabecalho .menu.superior > ul.nivel-um > li.categoria-todas > ul.nivel-dois > .wrap_categorias { position: relative !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: 450px !important; margin: 0 !important; padding: 22px 36px 22px 24px !important; float: none !important; box-sizing: border-box !important; background: #fff !important; border: 0 !important; border-radius: 0 0 15px 15px !important; overflow-x: hidden !important; overflow-y: auto !important; /* Scroll nativo oculto; o JS desenha o scrollbar permanente. */ scrollbar-width: none !important; } #cabecalho .menu.superior > ul.nivel-um > li.categoria-todas > ul.nivel-dois > .wrap_categorias::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; } /* ---------- COLUNAS ---------- */ #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um { display: block !important; position: static !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; float: none !important; box-sizing: border-box !important; column-width: auto !important; column-count: 3 !important; column-gap: 28px !important; column-fill: balance !important; column-rule: 1px solid rgba(5, 119, 189, 0.12) !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; list-style: none !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um:before, #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um:after, #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li:before, #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li:after { content: none !important; display: none !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li { display: block !important; position: static !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 0 26px !important; padding: 0 !important; float: none !important; box-sizing: border-box !important; break-before: auto !important; break-after: auto !important; break-inside: avoid-column !important; page-break-inside: avoid !important; background: transparent !important; border: 0 !important; box-shadow: none !important; list-style: none !important; } /* ---------- TÍTULOS DAS CATEGORIAS ---------- */ #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a { display: block !important; position: relative !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 0 10px !important; padding: 0 !important; box-sizing: border-box !important; color: #0577bd !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.25 !important; white-space: normal !important; overflow-wrap: break-word !important; text-align: left !important; text-decoration: none !important; text-shadow: none !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a span, #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a strong { color: #0577bd !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.25 !important; white-space: normal !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a:visited, #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a:hover, #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a:focus { color: #0577bd !important; background: transparent !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a:after { content: none !important; display: none !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a:before { content: none !important; display: block !important; position: static !important; float: none !important; width: 128px !important; max-width: 100% !important; min-width: 0 !important; height: 90px !important; min-height: 0 !important; margin: 0 auto 12px !important; padding: 0 !important; box-sizing: border-box !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; filter: none !important; opacity: 1 !important; background-color: transparent !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: contain !important; pointer-events: none !important; } /* ---------- SUBCATEGORIAS ---------- */ #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > ul.nivel-dois { display: block !important; position: static !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; float: none !important; box-sizing: border-box !important; opacity: 1 !important; visibility: visible !important; transform: none !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; list-style: none !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > ul.nivel-dois > li { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; float: none !important; box-sizing: border-box !important; background: transparent !important; border: 0 !important; list-style: none !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > ul.nivel-dois > li > a { display: block !important; position: relative !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 5px 15px 5px 0 !important; box-sizing: border-box !important; color: #344054 !important; -webkit-text-fill-color: #344054 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.4 !important; white-space: normal !important; overflow-wrap: break-word !important; text-align: left !important; text-decoration: none !important; text-shadow: none !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transition: color 0.16s ease !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > ul.nivel-dois > li > a > span, #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > ul.nivel-dois > li > a > strong { color: inherit !important; -webkit-text-fill-color: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > ul.nivel-dois > li > a:after { content: "" !important; display: block !important; position: absolute !important; top: 50% !important; right: 2px !important; width: 5px !important; height: 5px !important; margin: -3px 0 0 !important; border: 0 !important; border-right: 1px solid #0577bd !important; border-bottom: 1px solid #0577bd !important; background: none !important; transform: rotate(-45deg) !important; pointer-events: none !important; } /* Hover forte para vencer o tema da Loja Integrada. */ body #cabecalho .menu.superior .wrap_categorias ul.nivel-dois > li > a:hover, body #cabecalho .menu.superior .wrap_categorias ul.nivel-dois > li:hover > a, body #cabecalho .menu.superior .wrap_categorias li[class*="categoria-id-"] > a:hover, body #cabecalho .menu.superior .wrap_categorias li[class*="categoria-id-"]:hover > a, body #cabecalho .menu.superior .wrap_categorias ul.nivel-dois > li > a:focus { color: #0577bd !important; -webkit-text-fill-color: #0577bd !important; text-decoration: none !important; text-shadow: none !important; background: transparent !important; opacity: 1 !important; } body #cabecalho .menu.superior .wrap_categorias ul.nivel-dois > li > a:hover *, body #cabecalho .menu.superior .wrap_categorias ul.nivel-dois > li:hover > a *, body #cabecalho .menu.superior .wrap_categorias li[class*="categoria-id-"] > a:hover *, body #cabecalho .menu.superior .wrap_categorias li[class*="categoria-id-"]:hover > a * { color: #0577bd !important; -webkit-text-fill-color: #0577bd !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a:focus-visible, #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > ul.nivel-dois > li > a:focus-visible { outline: 2px solid #0577bd !important; outline-offset: 3px !important; } /* ========================================================= IMAGENS DAS CATEGORIAS ========================================================= */ #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a[href*="/acessorios-e-reposicao"]:before { content: "" !important; background-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/acessorios-loja-smc.jpg") !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a[href*="/atuadores-e-movimento"]:before { content: "" !important; background-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/alternador-smc.png") !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a[href*="/conexoes--tubos-e-engates"]:before { content: "" !important; background-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/tubos-e-conexoes-smc.png") !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a[href*="/equipamentos-hidraulicos"]:before { content: "" !important; background-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/equipamentos-hidraulicos-smc.png") !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a[href*="/filtragem-industrial"]:before { content: "" !important; background-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/filtro-ar-smc.png") !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a[href*="/ionizacao-e-sopro"]:before { content: "" !important; background-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/ionizacao-sopro.png") !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a[href*="/preparacao-e-tratamento-de-ar"]:before { content: "" !important; background-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/controle-ar-smc.png") !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a[href*="/processos-e-fluidos"]:before { content: "" !important; background-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/processos-fluidos-smc.png") !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a[href*="/sensores-e-instrumentacao"]:before { content: "" !important; background-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/sensores-instrumentacao-smc.png") !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a[href*="/temperatura-e-controle-termico"]:before { content: "" !important; background-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/controle-temperatura.png") !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a[href*="/vacuo-e-manipulacao"]:before { content: "" !important; background-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/vacuo-manipulacao-smc.png") !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li > a[href*="/valvulas-e-controle"]:before { content: "" !important; background-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/valvulas-controle-smc.png") !important; } /* ========================================================= SCROLLBAR CUSTOMIZADO PERMANENTE ========================================================= */ #cabecalho .menu.superior > ul.nivel-um > li.categoria-todas > ul.nivel-dois > .smc-mega-scrollbar { position: absolute !important; top: 14px !important; right: 7px !important; bottom: 14px !important; width: 8px !important; margin: 0 !important; padding: 0 !important; background: rgba(5, 119, 189, 0.12) !important; border: 1px solid rgba(5, 119, 189, 0.16) !important; border-radius: 999px !important; box-sizing: border-box !important; /* Fechado: não pode capturar mouse nem provocar :hover na categoria. */ opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; z-index: 1002 !important; cursor: pointer !important; } /* Ativa o scrollbar somente quando o usuário abriu de fato "Todas Categorias" pelo próprio item do menu ou via teclado. Como o scrollbar é filho da categoria, ele continua ativo enquanto o ponteiro estiver sobre o mega menu aberto. */ #cabecalho .menu.superior > ul.nivel-um > li.categoria-todas:hover > ul.nivel-dois > .smc-mega-scrollbar, #cabecalho .menu.superior > ul.nivel-um > li.categoria-todas:focus-within > ul.nivel-dois > .smc-mega-scrollbar { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } #cabecalho .menu.superior > ul.nivel-um > li.categoria-todas > ul.nivel-dois > .smc-mega-scrollbar > .smc-mega-scrollbar__thumb { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; min-height: 48px !important; margin: 0 !important; padding: 0 !important; background: #0577bd !important; border: 1px solid rgba(255, 255, 255, 0.72) !important; border-radius: 999px !important; box-sizing: border-box !important; box-shadow: 0 1px 4px rgba(0, 82, 138, 0.20) !important; opacity: 1 !important; visibility: visible !important; pointer-events: inherit !important; cursor: grab !important; } #cabecalho .menu.superior > ul.nivel-um > li.categoria-todas > ul.nivel-dois > .smc-mega-scrollbar > .smc-mega-scrollbar__thumb:active { cursor: grabbing !important; background: #0065b2 !important; } /* ========================================================= CABEÇALHO FIXO ========================================================= */ /* Estado inicial do menu azul. */ body:not(.fixed-header-bar) #cabecalho .menu.superior { top: 36px !important; margin-top: -28px !important; } /* Estado fixo/retratil: visibilidade e posicao no mesmo bloco. */ body.fixed-header-bar #cabecalho .menu.superior { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; top: 45px !important; margin-top: -46px !important; } body.fixed-header-bar #cabecalho .menu-desktop-button { display: none !important; } body.fixed-header-bar .box-header-full { overflow: visible !important; } /* Dimensoes e tipografia da busca desktop. */ .conteudo-topo .busca.borda-alpha input#auto-complete { box-shadow: none; font-size: 18px !important; width: 100%; height: 50px; box-sizing: border-box; text-align: left; padding-right: 40px; font-weight: 400; transition: none; background: #f9f9f9; border-radius: 5px; padding-left: 20px; border: 0; letter-spacing: -1px !important; } } /* ========================================================= 05 — RESPONSIVIDADE DAS COLUNAS DO MEGA MENU ========================================================= */ @media (min-width: 992px) { #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um { column-count: 4 !important; } } @media (min-width: 1200px) { #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um { column-count: 5 !important; } } @media (min-width: 1480px) { #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um { column-count: 7 !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li:nth-child(2), #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li:nth-child(3), #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li:nth-child(4), #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li:nth-child(5), #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li:nth-child(8), #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li:nth-child(11) { break-before: column !important; } #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li:nth-child(6), #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li:nth-child(7), #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li:nth-child(9), #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li:nth-child(10), #cabecalho .menu.superior .categoria-todas .wrap_categorias > ul.nivel-um > li:nth-child(12) { break-before: avoid-column !important; } } /* ========================================================= 06 — BANNER PRINCIPAL E BANNERS SECUNDARIOS ========================================================= */ .flexslider { background: transparent; margin: -17px 0 0 0 !important; overflow: hidden; } .banners-list { display: flex; justify-content: space-between; margin-bottom: 50px; margin-top: 50px; padding: 0; gap: 80px !important; } .banners-list img { width: 100%; transition: all 0.8s; border-radius: 20px !important; } /* ========================================================= 07 — CARDS DA LISTAGEM DE PRODUTOS ========================================================= */ /* Grade */ #listagemProdutos.listagem .listagem-linha > ul { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; } /* Card e hover */ #listagemProdutos.listagem .listagem-item { position: relative !important; display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 470px !important; margin: 10px !important; padding: 22px 22px 20px !important; box-sizing: border-box !important; background: #ffffff !important; border: 1px solid rgba(0, 0, 0, 0.035) !important; border-radius: 28px !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.022), 0 10px 28px rgba(0, 0, 0, 0.050) !important; overflow: hidden !important; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.20s ease !important; } #listagemProdutos.listagem.com-caixa .listagem-item { border-color: rgba(0, 0, 0, 0.035) !important; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.20s ease !important; } #listagemProdutos.listagem .listagem-item:hover { transform: translateY(-3px) !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.030), 0 16px 36px rgba(0, 0, 0, 0.075) !important; border-color: #6BB6DF !important; } #listagemProdutos.listagem.com-caixa .listagem-item:hover { border-color: #6BB6DF !important; } /* Imagem */ #listagemProdutos.listagem .listagem-item .imagem-produto { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 230px !important; margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } #listagemProdutos.listagem .listagem-item .imagem-produto img { display: block !important; width: auto !important; max-width: 94% !important; height: auto !important; max-height: 220px !important; margin: auto !important; object-fit: contain !important; transition: transform 0.30s ease !important; } #listagemProdutos.listagem .listagem-item:hover .imagem-produto img { transform: scale(1.018) !important; } /* Informacoes */ #listagemProdutos.listagem .listagem-item .info-produto { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: left !important; } /* Nome */ #listagemProdutos.listagem .listagem-item .nome-produto { display: block !important; min-height: 42px !important; margin: 0 0 10px !important; padding: 0 !important; color: #1d1d1f !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.34 !important; letter-spacing: -0.01em !important; text-align: left !important; text-decoration: none !important; } #listagemProdutos.listagem .listagem-item .nome-produto:hover { color: #0577bd !important; } /* Preco */ #listagemProdutos.listagem .listagem-item .preco-produto { margin-top: auto !important; padding-top: 4px !important; color: #0577bd !important; text-align: left !important; } #listagemProdutos.listagem .listagem-item .preco-produto .preco-venda, #listagemProdutos.listagem .listagem-item .preco-produto strong.titulo, #listagemProdutos.listagem .listagem-item .preco-produto .preco-promocional { color: #0577bd !important; -webkit-text-fill-color: #0577bd !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: -0.015em !important; } /* Preco anterior */ #listagemProdutos.listagem .listagem-item .preco-produto .preco-antigo, #listagemProdutos.listagem .listagem-item .preco-produto del { color: #8a8a8f !important; -webkit-text-fill-color: #8a8a8f !important; font-size: 12px !important; font-weight: 400 !important; } /* Desconto a vista */ #listagemProdutos.listagem .listagem-item .preco-produto .desconto-a-vista { color: #6e6e73 !important; -webkit-text-fill-color: #6e6e73 !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.4 !important; } /* Parcelamento nativo — visivel quando o conteudo e fornecido pela loja. */ #listagemProdutos.listagem .listagem-item .preco-produto .preco-parcela { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: auto !important; margin: 4px 0 0 !important; padding: 0 !important; color: #667085 !important; -webkit-text-fill-color: #667085 !important; font-size: 11.5px !important; font-weight: 400 !important; line-height: 1.35 !important; letter-spacing: 0 !important; text-align: left !important; white-space: normal !important; } #listagemProdutos.listagem .listagem-item .preco-produto .preco-parcela strong, #listagemProdutos.listagem .listagem-item .preco-produto .preco-parcela .titulo, #listagemProdutos.listagem .listagem-item .preco-produto .preco-parcela span { color: inherit !important; -webkit-text-fill-color: inherit !important; font-size: inherit !important; line-height: inherit !important; } #listagemProdutos.listagem .listagem-item .preco-produto .preco-parcela strong, #listagemProdutos.listagem .listagem-item .preco-produto .preco-parcela .titulo { font-weight: 500 !important; } /* Acoes */ #listagemProdutos.listagem .listagem-item .acoes-produto { position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 9px !important; width: 100% !important; height: auto !important; margin: 16px 0 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } /* CTA principal — Adicionar no carrinho */ #listagemProdutos.listagem .listagem-item .acoes-produto .botao, #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; height: 42px !important; margin: 0 !important; padding: 0 16px !important; box-sizing: border-box !important; color: transparent !important; -webkit-text-fill-color: transparent !important; font-size: 0 !important; font-weight: 500 !important; line-height: 1 !important; text-transform: none !important; text-decoration: none !important; background: #0577bd !important; border: 1px solid #0577bd !important; border-radius: 11px !important; box-shadow: none !important; cursor: pointer !important; transition: background 0.20s ease, border-color 0.20s ease, box-shadow 0.20s ease !important; } /* Rotulos originais mantidos no DOM; substituicao apenas visual. */ #listagemProdutos.listagem .listagem-item .acoes-produto .botao > span, #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar > span { font-size: 0 !important; color: transparent !important; -webkit-text-fill-color: transparent !important; } /* Icone de carrinho */ #listagemProdutos.listagem .listagem-item .acoes-produto .botao::before, #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar::before { content: "" !important; display: inline-block !important; flex: 0 0 19px !important; width: 19px !important; height: 19px !important; margin: 0 !important; background-color: #ffffff !important; background-image: none !important; -webkit-mask-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/cart.svg") !important; mask-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/cart.svg") !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } /* Rotulo visual do CTA principal */ #listagemProdutos.listagem .listagem-item .acoes-produto .botao::after, #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar::after { content: "Adicionar no carrinho" !important; display: inline-block !important; margin: 0 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: 0 !important; white-space: nowrap !important; } #listagemProdutos.listagem .listagem-item .acoes-produto .botao:hover, #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar:hover { background: #0065a6 !important; border-color: #0065a6 !important; transform: none !important; box-shadow: 0 5px 14px rgba(5, 119, 189, 0.16) !important; } #listagemProdutos.listagem .listagem-item .acoes-produto .botao:focus-visible, #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar:focus-visible { outline: 2px solid rgba(5, 119, 189, 0.34) !important; outline-offset: 2px !important; } /* CTA secundario — WhatsApp */ #listagemProdutos.listagem .listagem-item .acoes-produto .botao-whatsapp, #listagemProdutos.listagem .listagem-item .acoes-produto .comprar-whatsapp, #listagemProdutos.listagem .listagem-item .acoes-produto .whatsapp-produto, #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="wa.me"], #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="whatsapp.com"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; height: 42px !important; margin: 0 !important; padding: 0 16px !important; box-sizing: border-box !important; color: #128c4a !important; -webkit-text-fill-color: #128c4a !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; background: #ffffff !important; border: 1px solid #d7dadd !important; border-radius: 11px !important; box-shadow: none !important; white-space: nowrap !important; transition: color 0.20s ease, background 0.20s ease, border-color 0.20s ease !important; } #listagemProdutos.listagem .listagem-item .acoes-produto .botao-whatsapp:hover, #listagemProdutos.listagem .listagem-item .acoes-produto .comprar-whatsapp:hover, #listagemProdutos.listagem .listagem-item .acoes-produto .whatsapp-produto:hover, #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="wa.me"]:hover, #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="whatsapp.com"]:hover { color: #0f7d41 !important; -webkit-text-fill-color: #0f7d41 !important; background: #fbfffc !important; border-color: rgba(18, 140, 74, 0.34) !important; } /* Icone WhatsApp — 23px no desktop; 20px no mobile. */ #listagemProdutos.listagem .listagem-item .acoes-produto .botao-whatsapp i, #listagemProdutos.listagem .listagem-item .acoes-produto .botao-whatsapp svg, #listagemProdutos.listagem .listagem-item .acoes-produto .comprar-whatsapp i, #listagemProdutos.listagem .listagem-item .acoes-produto .comprar-whatsapp svg, #listagemProdutos.listagem .listagem-item .acoes-produto .whatsapp-produto i, #listagemProdutos.listagem .listagem-item .acoes-produto .whatsapp-produto svg, #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="wa.me"] i, #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="wa.me"] svg, #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="whatsapp.com"] i, #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="whatsapp.com"] svg { flex: 0 0 23px !important; width: 23px !important; height: 23px !important; margin: 0 !important; color: #16a34a !important; fill: #16a34a !important; font-size: 23px !important; } #listagemProdutos.listagem .listagem-item .acoes-produto .botao-whatsapp svg path, #listagemProdutos.listagem .listagem-item .acoes-produto .comprar-whatsapp svg path, #listagemProdutos.listagem .listagem-item .acoes-produto .whatsapp-produto svg path, #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="wa.me"] svg path, #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="whatsapp.com"] svg path { fill: currentColor !important; } /* Favorito / lista de desejos */ #listagemProdutos.listagem .listagem-item .favorito, #listagemProdutos.listagem .listagem-item .wishlist, #listagemProdutos.listagem .listagem-item .lista-desejos, #listagemProdutos.listagem .listagem-item .icone-favorito, #listagemProdutos.listagem .listagem-item .adicionar-favorito { border-radius: 50% !important; background: rgba(247, 247, 248, 0.96) !important; color: #9a9a9d !important; box-shadow: none !important; } /* Acabamentos e bordas internas */ #listagemProdutos.listagem .listagem-item:before, #listagemProdutos.listagem .listagem-item:after { box-shadow: none !important; } #listagemProdutos.listagem .listagem-item .info-produto, #listagemProdutos.listagem .listagem-item .imagem-produto { border-color: transparent !important; } /* ========================================================= 08 — BLOCOS DE CATEGORIAS EM DESTAQUE ========================================================= */ .categorias-alta-item-imagem { border-radius: 22px; } .categorias-alta-item .categorias-alta-item-botao { display: table; padding: 7px 30px; border-radius: 50px; font-size: 15px; transition: all 0.3s; letter-spacing: -0.2px; } /* ========================================================= 09 — LOGO SVG INCORPORADA ========================================================= */ /* O data URI abaixo e a propria logo original. Copiar a linha integralmente. Sem dependencia de JS ou do endereco do SVG na CDN. */ body #cabecalho .logo > a, body h1.logo.cor-secundaria > a { position: relative !important; display: block !important; width: 350px !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; aspect-ratio: 733.58 / 169.28 !important; padding: 0 !important; box-sizing: border-box !important; background-color: transparent !important; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDczMy41OCAxNjkuMjgiIHdpZHRoPSI3MzMuNTgiIGhlaWdodD0iMTY5LjI4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij48Zz48cGF0aCBkPSJNMi4xMSw4Ny42MWMwLTIyLjc1LDE4LjUtNDEuMyw0MS4zMy00MS4zLDEyLjQyLDAsMjMuNTcsNS42MSwzMS4xNSwxNC4yNGgtMjYuNDljLTMuMjcsMC02Ljg5LDIuMjYtOC42LDQuMDMtMS43MSwxLjc3LTE4LjQzLDE4LjQ5LTIwLjYxLDIwLjU0LTIuMTgsMi4wNS0zLjc1LDIuNDktNi42MiwyLjQ5SDIuMTFaTTIwLjI1LDk5LjQzYzIuODcsMCw0LjQ0LS4zMiw2LjYyLTIuMzcsMi4xOS0yLjA1LDE4Ljg0LTE4LjYzLDIwLjYxLTIwLjU0LDEuNjctMS44MSw1LjMyLTQuMDksOC41OS00LjA5aDI1LjgyYy0xLjE3LTIuOTMtMi43LTUuNzItNC40Ny04LjI3aC0xOS43MmMtMi44NiwwLTUuNDksMS40OC03LjA1LDMtMS42MiwxLjU2LTE4Ljc0LDE4LjY0LTIwLjM4LDIwLjM1LDAsMC0yLjkzLDMuNzQtOC43NCwzLjc0SDIuMjZjLjI1LDIuODYuOCw1LjUzLDEuNjEsOC4xOWgxNi4zOFpNMjkuMTIsMTExLjQzYzIuODcsMCw0LjQ1LS40NCw2LjYyLTIuNSwyLjUzLTIuMzksMTguNjMtMTguODMsMjAuNjEtMjAuOTUsMS42OC0xLjc5LDUuMzItNC4wMiw4LjYtNC4wMmgxOS42OWMtLjIzLTIuODktLjc1LTUuMjgtMS41NC03Ljk4aC0xNi40NWMtMi44NywwLTUuNjQsMS41Mi03LjI0LDMtMS44NCwxLjctMTguNiwxOC41OC0yMC4zMywyMC4yNiwwLDAtMi44LDMuNzUtOC42LDMuNzVINS4wOGMxLjIxLDMsMi43Nyw1LjgyLDQuNjIsOC40MmgxOS40MlpNMTIuNTgsMTE1LjAxYzcuNTcsOC40NiwxOC41OCwxMy44NywzMC44NSwxMy44NywyMi42OSwwLDQxLjEtMTguNzMsNDEuMzItNDEuM2gtMTAuMTJjLTIuODcsMC01LjczLDEuNDItNy4yMywyLjk5LTEuNSwxLjU3LTE4LjU3LDE5LjEtMjAuMTYsMjAuNjgsMCwwLTMuMDYsMy43Ni04Ljg3LDMuNzZIMTIuNThaTTE0MC45Nyw5Mi41Yy0xLjUzLTIuNTQtMy40Ny02LjQ1LTEyLjIxLTguNjctOS4xNS0yLjMyLTEyLjgzLTMuMjEtMTUuMjktMy43NS0yLjQ1LS41NS02LjQyLTEuODQtNi40Mi03LjEzLDAtNC44NSw0LjgxLTcuNDEsOS45LTcuNDFzMTEuMzcsMi4wOSwxMi4zOSw5LjY4aDExLjYydjE3LjI4Wk0yMDIuMDgsNTcuMzhoLTE5LjU2bC0xMS4wMSw0Mi41MS0xMS4wMS00Mi41MWgtMTkuNTZ2MTMuNjdjLTUuOTYtMTUuOC0xOS4xMS0xNi40Mi0yMy4xMS0xNi40Mi0xNy4xMSwwLTIzLjI1LDEwLjY5LTIzLjI1LDE4LjU2LDAsMTIuNjUsMTAuNDcsMTYuNTEsMTMuMzMsMTcuMjQsMi40Ni42MywxNC44NiwzLjU5LDE3LjI5LDQuMzIsMywuOTEsNS4zNywzLjUsNS4zNyw2Ljc0LDAsMy4wNC0yLjM3LDguMTQtMTEuMzgsOC4xNHMtMTMuMjktNC45Mi0xNC4wMS0xMC44MmgtMTIuMXMtLjQ1LDIxLjgzLDI2Ljg0LDIxLjgzYzExLjY3LDAsMTcuOC00Ljg3LDIxLjA0LTEwLjAybC0uMDIsNy43NWgxMi4xOXMtLjQ4LTQ1Ljc3LS40OC00NS43N2wxMi42OCw0NS43N2gxMi4zOGwxMi42OC00NS43Ny0uNDksNDUuNzdoMTIuMnMwLTExLjMzLDAtMTEuMzNjMi43OCw1LjY1LDkuMjIsMTMuNjUsMjMuMTMsMTMuNjUsMTUuNywwLDIzLjQ5LTkuNzQsMjQuODQtMjEuOTdoLTExLjdjLS44NCw1Ljk2LTYuMTYsMTAuNzMtMTMuMDgsMTAuNzMtMS45MSwwLTE1LjYxLTEuMDQtMTUuNjEtMjEuOTIsMC0xNC4zOCw3LjM3LTIyLjU2LDE1LjU2LTIyLjU2LDIuNTksMCwxMS4yMywxLjA5LDEyLjQyLDExLjM0aDExLjU5Yy0uOTEtMTQuNy0xMi45Ni0yMS43Mi0yNC4wMS0yMS43Mi0xMywwLTIwLjI0LDYuODItMjMuMTYsMTIuMzl2LTkuNThNMjU3LjY3LDExOC42N2wtMS44NC0zLjI0aC0xLjU1djMuMjRoLS42OHYtNy40NWgyLjA3YzEuMzUsMCwyLjM0LjY3LDIuMzQsMi4wM3MtLjcxLDEuOS0xLjQ3LDIuMDhsMS45NiwzLjM0aC0uODJaTTI1NS41NywxMTEuODJoLTEuMjh2My4wMmgxLjNjMS4wMywwLDEuNzItLjUzLDEuNzItMS42LDAtLjk2LS43OC0xLjQzLTEuNzQtMS40M1pNMjU1LjQyLDEyMC44OWMxLjU1LDAsMy0uNiw0LjEtMS42OSwxLjA5LTEuMSwxLjctMi41NSwxLjctNC4xcy0uNjEtMy4wMS0xLjctNC4xYy0xLjEtMS4xLTIuNTUtMS43LTQuMS0xLjctMy4xOSwwLTUuNzksMi42LTUuNzksNS44LDAsMS41NS42LDMsMS43LDQuMSwxLjEsMS4wOSwyLjU1LDEuNjksNC4xLDEuNjlaTTI1MC4zMSwxMTUuMDljMC0xLjM3LjUzLTIuNjYsMS41LTMuNjIuOTctLjk3LDIuMjUtMS41LDMuNjItMS41czIuNjYuNTMsMy42MywxLjVjLjk3Ljk2LDEuNSwyLjI1LDEuNSwzLjYyLDAsMi44Mi0yLjI5LDUuMTItNS4xMiw1LjEyLTEuMzYsMC0yLjY1LS41NC0zLjYyLTEuNS0uOTctLjk3LTEuNS0yLjI1LTEuNS0zLjYyIiBmaWxsPSIjMDA2NmIzIi8+PGc+PHBhdGggZD0iTTI5OC4yLDEwMi4wMmMwLTEuMTMtLjE2LTIuMTUtLjQ5LTMuMDctLjMzLS45MS0uOTMtMS43NS0xLjgxLTIuNTItLjg4LS43Ny0yLjEyLTEuNTMtMy43MS0yLjI4LTEuNTktLjc1LTMuNjUtMS41NC02LjE4LTIuMzUtMi44MS0uOTMtNS40Ny0xLjk3LTcuOTktMy4xMy0yLjUxLTEuMTYtNC43My0yLjUyLTYuNjUtNC4wNy0xLjkyLTEuNTUtMy40Mi0zLjM2LTQuNTItNS40Mi0xLjA5LTIuMDYtMS42NC00LjQ1LTEuNjQtNy4xOHMuNTctNS4wNCwxLjctNy4yYzEuMTQtMi4xNiwyLjczLTQuMDIsNC43Ny01LjU3LDIuMDQtMS41NSw0LjQ3LTIuNzUsNy4yNi0zLjU5LDIuOC0uODQsNS44Ny0xLjI2LDkuMjItMS4yNiw0LjU3LDAsOC41Ni44NCwxMS45NywyLjUyLDMuNDEsMS42OCw2LjA2LDMuOTksNy45NSw2LjkyLDEuODksMi45MywyLjgzLDYuMjgsMi44MywxMC4wNWgtMTIuN2MwLTEuODYtLjM4LTMuNDktMS4xMy00LjktLjc1LTEuNDEtMS44OS0yLjUyLTMuNDEtMy4zMy0xLjUyLS44MS0zLjQzLTEuMjItNS43My0xLjIycy00LjA2LjM0LTUuNTQsMS4wMmMtMS40OC42OC0yLjU4LDEuNi0zLjMyLDIuNzQtLjc0LDEuMTUtMS4xMSwyLjQzLTEuMTEsMy44NSwwLDEuMDcuMjYsMi4wNC43OSwyLjkyLjUzLjg3LDEuMzEsMS42OCwyLjM2LDIuNDQsMS4wNS43NSwyLjM0LDEuNDcsMy44OCwyLjEzLDEuNTMuNjcsMy4zMSwxLjMyLDUuMzMsMS45NiwzLjM4LDEuMDQsNi4zNSwyLjIyLDguOTMsMy41MiwyLjU3LDEuMzEsNC43MiwyLjc3LDYuNDUsNC4zOSwxLjczLDEuNjIsMy4wNCwzLjQ3LDMuOTIsNS41My44OCwyLjA2LDEuMzIsNC4zOSwxLjMyLDcuMDEsMCwyLjc2LS41Myw1LjIyLTEuNTgsNy40LTEuMDUsMi4xOC0yLjU3LDQuMDItNC41Niw1LjUzLTEuOTksMS41MS00LjM2LDIuNjUtNy4xMSwzLjQ0LTIuNzYuNzgtNS44NCwxLjE3LTkuMjQsMS4xNy0zLjA3LDAtNi4wOS0uNDEtOS4wNy0xLjI0LTIuOTgtLjgzLTUuNjktMi4wOC04LjEyLTMuNzYtMi40My0xLjY4LTQuMzctMy44My01LjgxLTYuNDQtMS40NS0yLjYxLTIuMTctNS43LTIuMTctOS4yN2gxMi44MmMwLDEuOTcuMywzLjY0Ljg5LDUsLjYsMS4zNiwxLjQ0LDIuNDcsMi41MywzLjMxLDEuMDkuODQsMi40LDEuNDUsMy45MiwxLjgzLDEuNTIuMzgsMy4xOS41Nyw1LjAxLjU3LDIuMjIsMCw0LjA0LS4zMiw1LjQ3LS45NiwxLjQzLS42NCwyLjUtMS41MiwzLjItMi42NS43LTEuMTMsMS4wNC0yLjQxLDEuMDQtMy44M1oiIGZpbGw9IiMwMDY2YjMiIHN0cm9rZT0iIzAwNjZiMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PHBhdGggZD0iTTMyMy42OCw1NS4yNHY2My4zNmgtMTIuNzh2LTYzLjM2aDEyLjc4Wk0zNTIuMjcsODEuMDV2MTAuMThoLTMyLjM4di0xMC4xOGgzMi4zOFpNMzYxLjM5LDU1LjI0djYzLjM2aC0xMi43NHYtNjMuMzZoMTIuNzRaIiBmaWxsPSIjMDA2NmIzIiBzdHJva2U9IiMwMDY2YjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjxwYXRoIGQ9Ik00MTQuNzMsODUuNDR2M2MwLDQuODItLjY0LDkuMTQtMS45MiwxMi45Ny0xLjI4LDMuODMtMy4wOCw3LjA5LTUuNDEsOS43Ny0yLjMzLDIuNjgtNS4xMSw0Ljc0LTguMzMsNi4xNi0zLjIyLDEuNDItNi44LDIuMTMtMTAuNzEsMi4xM3MtNy40NS0uNzEtMTAuNjctMi4xM2MtMy4yMi0xLjQyLTYuMDEtMy40Ny04LjM3LTYuMTYtMi4zNi0yLjY4LTQuMTgtNS45NC01LjQ3LTkuNzctMS4yOS0zLjgzLTEuOTQtOC4xNS0xLjk0LTEyLjk3di0zYzAtNC44NC42NC05LjE3LDEuOTItMTIuOTksMS4yOC0zLjgxLDMuMDktNy4wNyw1LjQzLTkuNzcsMi4zNC0yLjcsNS4xMy00Ljc2LDguMzUtNi4xOCwzLjIyLTEuNDIsNi43OC0yLjEzLDEwLjY3LTIuMTNzNy40OS43MSwxMC43MSwyLjEzYzMuMjIsMS40Miw2LjAxLDMuNDgsOC4zNSw2LjE4LDIuMzQsMi43LDQuMTYsNS45NSw1LjQ1LDkuNzcsMS4yOSwzLjgxLDEuOTQsOC4xNCwxLjk0LDEyLjk5Wk00MDEuODIsODguNDV2LTMuMDljMC0zLjM3LS4zLTYuMzItLjg5LTguODgtLjYtMi41NS0xLjQ4LTQuNy0yLjY0LTYuNDQtMS4xNi0xLjc0LTIuNTgtMy4wNS00LjI2LTMuOTQtMS42OC0uODgtMy41OS0xLjMzLTUuNzUtMS4zM3MtNC4wNy40NC01LjczLDEuMzNjLTEuNjYuODktMy4wNywyLjItNC4yMiwzLjk0LTEuMTUsMS43NC0yLjAyLDMuODktMi42Miw2LjQ0LS42LDIuNTUtLjg5LDUuNTEtLjg5LDguODh2My4wOWMwLDMuMzQuMyw2LjI5Ljg5LDguODYuNiwyLjU3LDEuNDgsNC43MywyLjY0LDYuNDgsMS4xNiwxLjc2LDIuNTgsMy4wOCw0LjI2LDMuOTgsMS42OC45LDMuNTksMS4zNSw1Ljc1LDEuMzVzNC4wOC0uNDUsNS43NS0xLjM1YzEuNjgtLjksMy4wOC0yLjIzLDQuMjItMy45OCwxLjE0LTEuNzUsMi0zLjkyLDIuNi02LjQ4LjYtMi41Ny44OS01LjUyLjg5LTguODZaIiBmaWxsPSIjMDA2NmIzIiBzdHJva2U9IiMwMDY2YjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjxwYXRoIGQ9Ik00MzkuMzYsOTYuMDJoLTE1Ljh2LTEwLjE4aDE1LjhjMi40NCwwLDQuNDMtLjQxLDUuOTYtMS4yNCwxLjUzLS44MywyLjY2LTEuOTgsMy4zNy0zLjQ2LjcxLTEuNDgsMS4wNi0zLjE1LDEuMDYtNXMtLjM2LTMuNjQtMS4wNi01LjI3Yy0uNzEtMS42Mi0xLjgzLTIuOTMtMy4zNy0zLjkyLTEuNTMtLjk5LTMuNTItMS40OC01Ljk2LTEuNDhoLTExLjM3djUzLjEzaC0xMi43OHYtNjMuMzZoMjQuMTVjNC44NiwwLDkuMDIuODksMTIuNSwyLjY4LDMuNDgsMS43OCw2LjE0LDQuMjQsNy45OSw3LjM4LDEuODUsMy4xMywyLjc3LDYuNzIsMi43NywxMC43NXMtLjkyLDcuNjMtMi43NywxMC42MmMtMS44NSwyLjk5LTQuNTEsNS4yOS03Ljk5LDYuOTItMy40OCwxLjYzLTcuNjUsMi40NC0xMi41LDIuNDRaIiBmaWxsPSIjMDA2NmIzIiBzdHJva2U9IiMwMDY2YjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjwvZz48L2c+PGc+PHBhdGggZD0iTTUxMy42MSwzMi41NXYtMTIuNWgxbC4xOSwxLjA4Yy4yOS0uMjguNjMtLjUzLDEuMDMtLjc1LjQtLjIyLjg3LS4zMywxLjQzLS4zMywxLjAzLDAsMS44Ni4zNSwyLjUxLDEuMDYuNjUuNzEuOTcsMS43MS45NywzLjAyLDAsMS4wNC0uMTksMS44OS0uNTgsMi41NXMtLjg4LDEuMTUtMS40OSwxLjQ3Yy0uNjEuMzItMS4yNC40OC0xLjkxLjQ4LS43NywwLTEuNDItLjE5LTEuOTQtLjU3djQuNDloLTEuMjFaTTUxNi42LDI3LjY1Yy40OCwwLC45NS0uMTEsMS4zOC0uMzQuNDQtLjIyLjgtLjU5LDEuMDctMS4xcy40Mi0xLjIuNDItMi4wNmMwLS45Ny0uMi0xLjcyLS42MS0yLjI3LS40LS41NS0xLjAzLS44Mi0xLjg3LS44Mi0uNSwwLS45NC4xMy0xLjMyLjM5LS4zOS4yNi0uNjcuNTEtLjg2Ljc2djQuODZjLjI3LjIuNTUuMzUuODYuNDQuMzEuMDkuNjEuMTQuOTMuMTRaIiBmaWxsPSIjMDA2NmIzIi8+PHBhdGggZD0iTTUyOS4zNywyOC42MmMtLjcyLDAtMS4zNi0uMTYtMS45My0uNDgtLjU3LS4zMi0xLjAyLS43OS0xLjM1LTEuNDItLjMzLS42My0uNDktMS40LS40OS0yLjMxcy4xNy0xLjcyLjUxLTIuMzdjLjM0LS42NS44LTEuMTQsMS4zOC0xLjQ5LjU4LS4zNCwxLjIzLS41MSwxLjk1LS41MXMxLjM2LjE2LDEuOTIuNDgsMS4wMS43OSwxLjM0LDEuNDEuNDksMS4zOS40OSwyLjMxLS4xNywxLjcyLS41LDIuMzhjLS4zMy42NS0uNzksMS4xNS0xLjM3LDEuNDktLjU4LjM0LTEuMjMuNTEtMS45Ni41MVpNNTI5LjQyLDI3LjY1Yy40NCwwLC44NS0uMSwxLjIzLS4zMS4zOC0uMjEuNjktLjU1LjkzLTEuMDQuMjQtLjQ5LjM1LTEuMTUuMzUtMS45NywwLS43OC0uMTItMS40MS0uMzYtMS45cy0uNTYtLjg1LS45NC0xLjA3Yy0uMzktLjIyLS44LS4zNC0xLjI0LS4zNHMtLjgzLjExLTEuMjIuMzJjLS4zOS4yMS0uNy41Ni0uOTQsMS4wNC0uMjQuNDgtLjM2LDEuMTMtLjM2LDEuOTRzLjEyLDEuNDMuMzcsMS45MmMuMjUuNDkuNTcuODUuOTYsMS4wNy4zOS4yMi44LjM0LDEuMjMuMzRaIiBmaWxsPSIjMDA2NmIzIi8+PHBhdGggZD0iTTUzOS45LDI4LjQ4bC0yLjQyLTguMzFoMS4yNmwxLjQsNS4yMy40MiwyLjA3aC4wNWwuNDctMi4wNywxLjQ5LTUuMjNoMS4zbDEuNDksNS4yMy40NywyLjA3aC4wNWwuNDgtMi4wNywxLjM3LTUuMjNoMS4yMWwtMi4zOSw4LjMxaC0xLjM4bC0xLjQ3LTUuMjctLjQ4LTIuMTQtLjUsMi4xNC0xLjUxLDUuMjdoLTEuM1oiIGZpbGw9IiMwMDY2YjMiLz48cGF0aCBkPSJNNTU3LjMzLDI4LjYyYy0uNzUsMC0xLjQ0LS4xNS0yLjA2LS40NC0uNjItLjI5LTEuMTItLjc2LTEuNDktMS4zOXMtLjU1LTEuNDUtLjU1LTIuNDVjMC0uODcuMTYtMS42My40OC0yLjI3LjMyLS42NC43Ni0xLjE0LDEuMzMtMS40OS41Ny0uMzUsMS4yNC0uNTMsMi0uNTMuNjYsMCwxLjIzLjE1LDEuNzIuNDZzLjg3LjczLDEuMTQsMS4yN2MuMjcuNTQuNDEsMS4xOC40MSwxLjkxdi43MmgtNS44MnYuMTZjMCwuOTcuMjYsMS43Mi43OCwyLjI2LjUyLjU0LDEuMjIuODEsMi4xMS44MS40LDAsLjc4LS4wMywxLjEzLS4xLjM1LS4wNi43MS0uMTcsMS4wNi0uMzNsLjI2Ljk0Yy0uMzEuMTQtLjY5LjI1LTEuMTMuMzQtLjQ0LjA4LS45LjEyLTEuMzguMTJaTTU1NC41MiwyMy41bDQuNTItLjAyYzAtLjQ0LS4wNy0uODQtLjIxLTEuMjItLjE0LS4zOC0uMzYtLjY4LS42Ny0uOTItLjMxLS4yNC0uNzEtLjM1LTEuMi0uMzUtLjY3LDAtMS4yMi4yMy0xLjY1LjY4LS40My40NS0uNywxLjA2LS43OSwxLjgzWiIgZmlsbD0iIzAwNjZiMyIvPjxwYXRoIGQ9Ik01NjUuNjUsMjguNDh2LTguMzFoLjg3bC4yNCwxLjY2Yy4yLS41Mi41Mi0uOTUuOTktMS4yOC40Ni0uMzQuOTktLjUsMS41Ny0uNS4yOSwwLC41My4wMy43NC4wOHMuMzcuMTEuNTEuMTdsLS4yNCwxLjA4Yy0uMTQtLjA2LS4yOS0uMTEtLjQ2LS4xNi0uMTctLjA1LS4zNy0uMDctLjYtLjA3LS42NiwwLTEuMjIuMjQtMS43LjcyLS40Ny40OC0uNzEsMS4xOS0uNzEsMi4xNXY0LjQ3aC0xLjIxWiIgZmlsbD0iIzAwNjZiMyIvPjxwYXRoIGQ9Ik01NzguNjUsMjguNjJjLS43NSwwLTEuNDQtLjE1LTIuMDYtLjQ0LS42Mi0uMjktMS4xMi0uNzYtMS40OS0xLjM5cy0uNTUtMS40NS0uNTUtMi40NWMwLS44Ny4xNi0xLjYzLjQ4LTIuMjcuMzItLjY0Ljc2LTEuMTQsMS4zMy0xLjQ5LjU3LS4zNSwxLjI0LS41MywyLS41My42NiwwLDEuMjMuMTUsMS43Mi40NnMuODcuNzMsMS4xNCwxLjI3Yy4yNy41NC40MSwxLjE4LjQxLDEuOTF2LjcyaC01Ljgydi4xNmMwLC45Ny4yNiwxLjcyLjc4LDIuMjYuNTIuNTQsMS4yMi44MSwyLjExLjgxLjQsMCwuNzgtLjAzLDEuMTMtLjEuMzUtLjA2LjcxLS4xNywxLjA2LS4zM2wuMjYuOTRjLS4zMS4xNC0uNjkuMjUtMS4xMy4zNC0uNDQuMDgtLjkuMTItMS4zOC4xMlpNNTc1Ljg1LDIzLjVsNC41Mi0uMDJjMC0uNDQtLjA3LS44NC0uMjEtMS4yMi0uMTQtLjM4LS4zNi0uNjgtLjY3LS45Mi0uMzEtLjI0LS43MS0uMzUtMS4yLS4zNS0uNjcsMC0xLjIyLjIzLTEuNjUuNjgtLjQzLjQ1LS43LDEuMDYtLjc5LDEuODNaIiBmaWxsPSIjMDA2NmIzIi8+PHBhdGggZD0iTTU5MC4wMiwyOC42MmMtLjU4LDAtMS4xMy0uMTYtMS42Ny0uNDctLjU0LS4zMS0uOTgtLjc4LTEuMzItMS40MS0uMzQtLjYzLS41MS0xLjQzLS41MS0yLjQsMC0xLjMxLjMyLTIuMzUuOTctMy4xMy42NS0uNzgsMS41NS0xLjE3LDIuNy0xLjE3LjQzLDAsLjgzLjA3LDEuMjEuMi4zOC4xNC43Mi4zNCwxLjAyLjYxdi00LjkzaDEuMjF2MTIuNTVoLTFsLS4xNi0uODVoLS4wNWMtLjI5LjMyLS42Mi41Ni0uOTkuNzMtLjM3LjE3LS44NC4yNi0xLjQyLjI2Wk01OTAuMzMsMjcuNjVjLjQ2LDAsLjg3LS4wOSwxLjIzLS4yOC4zNi0uMTkuNjUtLjQ1Ljg3LS43OHYtNC42MWMtLjI1LS4zMS0uNTYtLjU0LS45MS0uNzEtLjM1LS4xNi0uNzEtLjI1LTEuMDgtLjI1LS40NSwwLS44OC4xMS0xLjI5LjMyLS40MS4yMS0uNzQuNTYtMSwxLjAzLS4yNi40OC0uMzksMS4xMi0uMzksMS45MnMuMTIsMS40NS4zNywxLjk0Yy4yNS41LjU3Ljg1Ljk3LDEuMDguNC4yMi44MS4zNCwxLjI0LjM0WiIgZmlsbD0iIzAwNjZiMyIvPjxwYXRoIGQ9Ik02MTAuMzIsMjguNjJjLS41MywwLS45OS0uMDctMS4zOC0uMjItLjM5LS4xNS0uNzYtLjM4LTEuMTEtLjdoLS4wM2wtLjEyLjc4aC0uOXYtMTIuNTVoMS4xOXY1LjI5Yy4zMS0uMzQuNjktLjYyLDEuMTMtLjg0LjQ0LS4yMi45Mi0uMzMsMS40NC0uMzMsMSwwLDEuODMuMzcsMi40NywxLjEuNjQuNzQuOTYsMS43OS45NiwzLjE3LDAsLjg3LS4xNiwxLjYzLS40OSwyLjI4LS4zMy42NS0uNzcsMS4xNS0xLjMyLDEuNDktLjU1LjM1LTEuMTYuNTItMS44My41MlpNNjEwLjAxLDI3LjY1Yy40NywwLC45MS0uMTIsMS4zMi0uMzYuNDEtLjI0Ljc0LS42MS45OS0xLjEuMjUtLjQ5LjM3LTEuMTEuMzctMS44NCwwLTEuMDQtLjIyLTEuODQtLjY2LTIuNDItLjQ0LS41OC0xLjAyLS44Ny0xLjc1LS44Ny0uNDYsMC0uODkuMTItMS4yOS4zNi0uNC4yNC0uNzQuNTMtMS4wMy44OHY0LjQyYy4yNC4yOC41NC41MS44OS42OC4zNS4xNy43NC4yNiwxLjE1LjI2WiIgZmlsbD0iIzAwNjZiMyIvPjxwYXRoIGQ9Ik02MTkuMiwzMi42N2wtLjUyLS45NWMuNTctLjI0LDEuMDYtLjU2LDEuNDgtLjk4LjQyLS40Mi43Ni0xLjAxLDEuMDEtMS43OGwuMTYtLjQ4LTMuMjktOC4zMWgxLjI4bDEuOTIsNS4xMy42MSwxLjkzaC4wM2wuNTUtMS45MywxLjc1LTUuMTNoMS4yMWwtMy4xMyw5LjAyYy0uMzIuOTQtLjc0LDEuNjktMS4yNSwyLjI1LS41MS41NS0xLjEyLjk3LTEuODEsMS4yNFoiIGZpbGw9IiMwMDY2YjMiLz48L2c+PGc+PGc+PHBhdGggZD0iTTY1Ni44MywxMjEuOTZjLS40NC0uNDQtLjY3LTEuMjQtLjY3LTIuMzh2LTUzLjQxaC0zNC4zM2MtMS4xNCwwLTEuOTQtLjI0LTIuMzgtLjcxLS40NC0uNDgtLjY3LTEuMzItLjY3LTIuNTJsLTEuNzktNC42N2MwLTEuMjEuMjItMi4wNS42Ny0yLjUyLjQ0LS40OCwzLjkyLS43MSw1LjA2LS43MWg2NS4wM2MxLjE0LDAsMS45NC4yNCwyLjM4LjcxLjQ0LjQ4LjY3LDEuMzIuNjcsMi41MnY0LjY3YzAsMS4yMS0uMjIsMi4wNS0uNjcsMi41Mi0uNDQuNDgtMS4yNC43MS0yLjM4LjcxaC0xOS43djUzLjQxYzAsMS4xNC0uMjEsMS45NC0uNjIsMi4zOC0uNDEuNDQtMS4xOS42Ny0yLjMzLjY3aC02Yy0xLjA4LDAtMS44NC0uMjItMi4yOC0uNjdaIiBmaWxsPSIjMDA2NmIzIiBzdHJva2U9IiMwMDY2YjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjxwYXRoIGQ9Ik02NzYuNzcsMTIxLjFjMC0uNTEuMTktMS4wOC41Ny0xLjcxbDE4Ljg1LTMxLjMyLTE4LjE5LTI5LjljLS4zMi0uNjMtLjQ4LTEuMTQtLjQ4LTEuNTIsMC0uNDQuMTctLjgxLjUyLTEuMS4zNS0uMjkuODQtLjQzLDEuNDgtLjQzaDYuNTdjMS45LDAsMy4xOS4xNCwzLjg2LjQzLjY3LjI5LDEuMzUsMS4wMywyLjA1LDIuMjRsMTIsMjEuMDQsMTItMjEuMDRjLjYzLTEuMiwxLjI0LTEuOTUsMS44MS0yLjI0czEuNjgtLjQzLDMuMzMtLjQzaDcuMzNjMS4zMywwLDIsLjUxLDIsMS41MiwwLC40NC0uMTkuOTUtLjU3LDEuNTJsLTE4LjM4LDI5LjgsMTkuMjMsMzEuNDJjLjMyLjU3LjQ4LDEuMTQuNDgsMS43MSwwLDEuMDgtLjY3LDEuNjItMiwxLjYyaC03LjI0Yy0xLjcxLDAtMi44NC0uMTQtMy4zOC0uNDMtLjU0LS4yOS0xLjE2LTEuMS0xLjg2LTIuNDNsLTEzLjE0LTIyLjc2LTEyLjI4LDIyLjc2Yy0uNjQsMS4yNy0xLjI1LDIuMDYtMS44NiwyLjM4LS42LjMyLTEuNjMuNDgtMy4wOS40OGgtNy41MmMtMS40LDAtMi4wOS0uNTQtMi4wOS0xLjYyWiIgZmlsbD0iIzAwNjZiMyIgc3Ryb2tlPSIjMDA2NmIzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBkPSJNNjQ4LjM5LDExOS41OGwtMjAuNjItNjEuOThjLS4zOC0xLjAxLS44NC0xLjctMS4zOC0yLjA1LS41NC0uMzUtMS4zNS0uNTItMi40My0uNTJoLTguNzhjLTEuMDgsMC0xLjg3LjE4LTIuMzguNTItLjUxLjM1LS45NSwxLjA2LTEuMzMsMi4xNGwtMTkuODIsNjEuODljLS4yNS43Ni0uMzgsMS4yNy0uMzgsMS41MiwwLDEuMDguNzksMS42MiwyLjM4LDEuNjJoNS40M2MxLjY1LDAsMi44Mi0uMTksMy41Mi0uNTcuNy0uMzgsMS4yLTEuMTQsMS41Mi0yLjI4bDMuMzYtMTAuNjhoMGwxMi4zMy00My41NiwxMi4yLDQzLjMzLDMuNDQsMTAuOTFjLjI1LDEuMTQuNzUsMS45LDEuNDgsMi4yOC43My4zOCwxLjk1LjU3LDMuNjcuNTdoNS43MWMxLjU5LDAsMi4zOC0uNTQsMi4zOC0xLjYyLDAtLjQ0LS4wOS0uOTUtLjI5LTEuNTJaIiBmaWxsPSIjMDA2NmIzIiBzdHJva2U9IiMwMDY2YjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjwvZz48Y2lyY2xlIGN4PSI1NTEuNTciIGN5PSI4OC41NSIgcj0iMzguNjUiIGZpbGw9IiMwMDY2YjMiIHN0cm9rZT0iIzAwNjZiMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PGc+PHBhdGggZD0iTTU5MC45NiwxNDMuMTNjLS4xNCwwLS4yNS0uMDYtLjMxLS4xOC0uMDYtLjEyLS4wNy0uMjMtLjAyLS4zNWwyLjc2LTYuNTZjLjA3LS4xNy4xOS0uMjUuMzYtLjI1cy4yOC4wOC4zNS4yNWwyLjc3LDYuNTdjLjA2LjEyLjA1LjIzLS4wMi4zNS0uMDcuMTEtLjE3LjE3LS4zMS4xNy0uMDgsMC0uMTQtLjAyLS4yLS4wNnMtLjExLS4wOS0uMTUtLjE3bC0yLjU4LTYuMjZoLjI5bC0yLjYsNi4yNmMtLjAzLjA4LS4wOC4xMy0uMTQuMTdzLS4xMy4wNi0uMi4wNlpNNTkxLjU4LDE0MS4zOGwuMjgtLjYzaDMuODFsLjI4LjYzaC00LjM4WiIgZmlsbD0iIzAwNjZiMyIgc3Ryb2tlPSIjMDA2NmIzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBkPSJNNjEwLjIsMTQzLjI4Yy0uNTcsMC0xLjA4LS4xMS0xLjUyLS4zMy0uNDQtLjIyLS43OS0uNTItMS4wMy0uOTEtLjI1LS4zOS0uMzctLjgzLS4zNy0xLjMzdi00LjU1YzAtLjExLjAzLS4xOS4xLS4yNi4wNy0uMDcuMTYtLjEuMjYtLjFzLjE5LjAzLjI2LjFjLjA3LjA3LjEuMTYuMS4yNnY0LjU1YzAsLjM3LjA5LjY5LjI4Ljk4LjE4LjI4LjQ0LjUuNzcuNjYuMzMuMTYuNzEuMjQsMS4xNC4yNHMuNzktLjA4LDEuMTItLjI0Yy4zMy0uMTYuNTgtLjM4Ljc3LS42Ni4xOC0uMjguMjgtLjYxLjI4LS45OHYtNC41NWMwLS4xMS4wMy0uMTkuMS0uMjYuMDctLjA3LjE2LS4xLjI2LS4xLjExLDAsLjIuMDMuMjcuMXMuMS4xNi4xLjI2djQuNTVjMCwuNS0uMTIuOTUtLjM3LDEuMzMtLjI1LjM5LS41OS42OS0xLjAyLjkxLS40NC4yMi0uOTMuMzMtMS41LjMzWiIgZmlsbD0iIzAwNjZiMyIgc3Ryb2tlPSIjMDA2NmIzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBkPSJNNjIzLjgyLDEzNi40NmMtLjEsMC0uMTgtLjAzLS4yNC0uMDktLjA2LS4wNi0uMDktLjE0LS4wOS0uMjMsMC0uMS4wMy0uMTguMDktLjI0LjA2LS4wNi4xNC0uMDkuMjQtLjA5aDUuMTljLjEsMCwuMTguMDMuMjQuMDkuMDYuMDYuMDkuMTQuMDkuMjQsMCwuMDktLjAzLjE3LS4wOS4yMy0uMDYuMDYtLjE0LjA5LS4yNC4wOWgtNS4xOVpNNjI2LjQxLDE0My4xM2MtLjEsMC0uMTktLjA0LS4yNi0uMTFzLS4xMS0uMTYtLjExLS4yNnYtNi45N2guNzN2Ni45N2MwLC4xLS4wNC4xOS0uMS4yNi0uMDcuMDctLjE2LjExLS4yNi4xMVoiIGZpbGw9IiMwMDY2YjMiIHN0cm9rZT0iIzAwNjZiMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PHBhdGggZD0iTTY0My4xMywxNDMuMjJjLS41NCwwLTEuMDUtLjA5LTEuNS0uMjgtLjQ2LS4xOS0uODUtLjQ1LTEuMTktLjc5LS4zNC0uMzQtLjU5LS43NC0uNzgtMS4xOXMtLjI4LS45Ni0uMjgtMS41LjA5LTEuMDQuMjgtMS40OS40NC0uODUuNzgtMS4xOS43My0uNiwxLjE5LS43OWMuNDYtLjE5Ljk2LS4yOCwxLjUtLjI4czEuMDQuMDksMS40OS4yOGMuNDYuMTkuODUuNDUsMS4xOS43OXMuNi43NC43OCwxLjE5Yy4xOC40Ni4yOC45NS4yOCwxLjQ5cy0uMDksMS4wNS0uMjgsMS41Yy0uMTguNDYtLjQ1Ljg1LS43OCwxLjE5LS4zNC4zNC0uNzQuNi0xLjE5Ljc5LS40Ni4xOS0uOTUuMjgtMS40OS4yOFpNNjQzLjEzLDE0Mi41M2MuNDMsMCwuODMtLjA4LDEuMi0uMjMuMzctLjE1LjY5LS4zNy45Ni0uNjVzLjQ4LS42LjYzLS45OC4yMy0uNzguMjMtMS4yMi0uMDctLjgzLS4yMy0xLjIxLS4zNi0uNy0uNjMtLjk4LS41OS0uNDktLjk2LS42NWMtLjM3LS4xNS0uNzctLjIzLTEuMi0uMjNzLS44NC4wOC0xLjIxLjIzYy0uMzcuMTUtLjY5LjM3LS45Ni42NXMtLjQ4LjYtLjYzLjk4LS4yMy43Ny0uMjMsMS4yMS4wOC44NC4yMywxLjIyLjM2LjcuNjMuOTguNTkuNDkuOTYuNjVjLjM3LjE1Ljc3LjIzLDEuMjEuMjNaIiBmaWxsPSIjMDA2NmIzIiBzdHJva2U9IiMwMDY2YjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjxwYXRoIGQ9Ik02NTguMDYsMTQzLjEzYy0uMSwwLS4xOS0uMDQtLjI2LS4xMXMtLjExLS4xNi0uMTEtLjI2di02LjZjMC0uMTEuMDQtLjE5LjExLS4yNnMuMTYtLjEuMjYtLjFjLjE1LDAsLjI2LjA2LjMzLjE5bDMuMTYsNi4yOWgtLjMybDMuMTEtNi4yOWMuMDgtLjEzLjE4LS4xOS4zMy0uMTkuMSwwLC4xOC4wMy4yNS4xLjA3LjA3LjEuMTYuMS4yNnY2LjZjMCwuMS0uMDMuMTktLjEuMjYtLjA3LjA3LS4xNS4xMS0uMjUuMTEtLjExLDAtLjItLjA0LS4yNy0uMTEtLjA3LS4wNy0uMTEtLjE2LS4xMS0uMjZ2LTUuNjVoLjE2cy0yLjc3LDUuNjctMi43Nyw1LjY3Yy0uMDcuMTItLjE4LjE4LS4zMi4xOC0uMTYsMC0uMjctLjA3LS4zNC0uMjNsLTIuNzktNS41OC4xOS0uMDV2NS42NWMwLC4xLS4wNC4xOS0uMTEuMjYtLjA3LjA3LS4xNi4xMS0uMjYuMTFaIiBmaWxsPSIjMDA2NmIzIiBzdHJva2U9IiMwMDY2YjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjxwYXRoIGQ9Ik02NzUuODEsMTQzLjEzYy0uMTQsMC0uMjUtLjA2LS4zMS0uMTgtLjA2LS4xMi0uMDctLjIzLS4wMi0uMzVsMi43Ni02LjU2Yy4wNy0uMTcuMTktLjI1LjM2LS4yNXMuMjguMDguMzUuMjVsMi43Nyw2LjU3Yy4wNi4xMi4wNS4yMy0uMDIuMzUtLjA3LjExLS4xNy4xNy0uMzEuMTctLjA4LDAtLjE0LS4wMi0uMi0uMDYtLjA2LS4wNC0uMTEtLjA5LS4xNS0uMTdsLTIuNTgtNi4yNmguMjlsLTIuNiw2LjI2Yy0uMDMuMDgtLjA4LjEzLS4xNC4xN3MtLjEzLjA2LS4yLjA2Wk02NzYuNDMsMTQxLjM4bC4yOC0uNjNoMy44MWwuMjguNjNoLTQuMzhaIiBmaWxsPSIjMDA2NmIzIiBzdHJva2U9IiMwMDY2YjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjxwYXRoIGQ9Ik02OTUuNDMsMTQzLjIyYy0uNTEsMC0uOTgtLjEtMS40Mi0uMjktLjQ0LS4xOS0uODMtLjQ2LTEuMTYtLjgxLS4zMy0uMzUtLjYtLjc1LS43OC0xLjItLjE5LS40NS0uMjgtLjk0LS4yOC0xLjQ2cy4wOS0xLC4yOC0xLjQ1Yy4xOC0uNDUuNDQtLjg1Ljc4LTEuMnMuNzItLjYyLDEuMTYtLjgxYy40NC0uMi45Mi0uMywxLjQzLS4zLjQ1LDAsLjg2LjA3LDEuMjMuMi4zNy4xMy43My4zNCwxLjA3LjYzLjA2LjA0LjA5LjEuMS4xNSwwLC4wNiwwLC4xMi0uMDIuMTctLjAzLjA1LS4wNi4wOS0uMTEuMTItLjAxLjA1LS4wNC4wOS0uMDkuMTEtLjA1LjAzLS4xMS4wMy0uMTcuMDMtLjA3LDAtLjEzLS4wMy0uMTktLjA4LS4yNC0uMjEtLjUxLS4zNy0uOC0uNDctLjI5LS4xLS42Mi0uMTYtMS4wMS0uMTYtLjQxLDAtLjc5LjA4LTEuMTQuMjQtLjM1LjE2LS42Ny4zOC0uOTMuNjctLjI3LjI4LS40OC42MS0uNjMuOTgtLjE1LjM3LS4yMy43Ni0uMjMsMS4xN3MuMDguODIuMjMsMS4xOWMuMTUuMzcuMzYuNjkuNjMuOTguMjcuMjguNTguNS45My42Ni4zNS4xNi43My4yNCwxLjE0LjI0LjM0LDAsLjY3LS4wNi45OC0uMTcuMzEtLjExLjYtLjI4Ljg3LS40OS4wOC0uMDYuMTYtLjA5LjI0LS4wNy4wOC4wMS4xNi4wNS4yMi4xMS4wNi4wNi4wOS4xNC4wOS4yNCwwLC4wNSwwLC4xLS4wMi4xNC0uMDIuMDQtLjA0LjA4LS4wOC4xMy0uMzIuMjktLjY4LjUtMS4wNy42Mi0uMzkuMTItLjguMTgtMS4yMy4xOFpNNjk1LjMsMTQ1LjMyYy0uMzQsMC0uNjEtLjA3LS44My0uMjItLjIxLS4xNC0uMzItLjMtLjMyLS40OCwwLS4wOS4wMy0uMTguMS0uMjRzLjE1LS4xLjI0LS4xYy4wNywwLC4xMy4wMi4xOC4wNS4wNS4wMy4xLjA4LjE1LjE1LjA1LjA3LjExLjEyLjE5LjE2LjA3LjA0LjE3LjA2LjI5LjA2LjE0LDAsLjI2LS4wMy4zNi0uMDkuMDktLjA2LjE0LS4xNS4xNC0uMjYsMC0uMTItLjA0LS4yMS0uMTEtLjI4cy0uMi0uMTMtLjM4LS4xN2MtLjE1LS4wMy0uMjYtLjA4LS4zMi0uMTVzLS4wNi0uMTksMC0uMzZsLjE1LS4zOWMuMDMtLjA5LjA4LS4xNi4xNS0uMjEuMDctLjA1LjE1LS4wNy4yNy0uMDcuMTIsMCwuMjEuMDQuMjcuMTMuMDYuMDguMDYuMTguMDEuM2wtLjE0LjM0Yy4zMy4wOC41NS4yLjY4LjM0LjEzLjE1LjE5LjMyLjE5LjUzLDAsLjE4LS4wNi4zNC0uMTcuNDgtLjExLjE1LS4yNi4yNy0uNDYuMzYtLjE5LjA5LS40MS4xNC0uNjUuMTRaIiBmaWxsPSIjMDA2NmIzIiBzdHJva2U9IiMwMDY2YjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjxwYXRoIGQ9Ik03MDguMjUsMTQzLjEzYy0uMTQsMC0uMjUtLjA2LS4zMS0uMTgtLjA2LS4xMi0uMDctLjIzLS4wMi0uMzVsMi43Ni02LjU2Yy4wNy0uMTcuMTktLjI1LjM2LS4yNXMuMjguMDguMzUuMjVsMi43Nyw2LjU3Yy4wNi4xMi4wNS4yMy0uMDIuMzUtLjA3LjExLS4xNy4xNy0uMzEuMTctLjA4LDAtLjE0LS4wMi0uMi0uMDYtLjA2LS4wNC0uMTEtLjA5LS4xNS0uMTdsLTIuNTgtNi4yNmguMjlsLTIuNiw2LjI2Yy0uMDMuMDgtLjA4LjEzLS4xNC4xN3MtLjEzLjA2LS4yLjA2Wk03MDguODcsMTQxLjM4bC4yOC0uNjNoMy44MWwuMjguNjNoLTQuMzhaTTcxMS42MiwxMzQuOWMtLjE2LDAtLjMtLjA0LS40Mi0uMTEtLjEyLS4wNy0uMjMtLjE1LS4zMS0uMjQtLjA5LS4wOS0uMTYtLjE1LS4yMi0uMTlzLS4xMy0uMDYtLjItLjA2LS4xNC4wMy0uMTkuMDljLS4wNS4wNi0uMTEuMTUtLjE2LjI1LS4wNC4wOC0uMTEuMTQtLjE4LjE3LS4wOC4wMy0uMTYuMDMtLjI0LDAtLjA5LS4wMy0uMTUtLjA5LS4xNy0uMTctLjAzLS4wOC0uMDItLjE3LjAyLS4yNS4xMS0uMjQuMjQtLjQyLjM5LS41My4xNS0uMTEuMzEtLjE2LjUtLjE2cy4zMy4wNC40NC4xMmMuMTEuMDguMjEuMTYuMy4yNC4xLjA5LjE4LjE1LjIzLjE4LjA2LjAzLjExLjA1LjE1LjA1LjA5LDAsLjE3LS4wOC4yMy0uMjMuMDQtLjA5LjExLS4xNS4xOS0uMTlzLjE2LS4wNC4yMy0uMDJjLjEuMDQuMTcuMS4yLjE4LjAzLjA4LjAzLjE3LS4wMS4yNS0uMTEuMjMtLjIyLjM5LS4zNS40OHMtLjI3LjE0LS40My4xNFoiIGZpbGw9IiMwMDY2YjMiIHN0cm9rZT0iIzAwNjZiMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PHBhdGggZD0iTTcyNy45NSwxNDMuMjJjLS41NCwwLTEuMDUtLjA5LTEuNS0uMjgtLjQ2LS4xOS0uODUtLjQ1LTEuMTktLjc5LS4zNC0uMzQtLjU5LS43NC0uNzgtMS4xOXMtLjI4LS45Ni0uMjgtMS41LjA5LTEuMDQuMjgtMS40OS40NC0uODUuNzgtMS4xOS43My0uNiwxLjE5LS43OWMuNDYtLjE5Ljk2LS4yOCwxLjUtLjI4czEuMDQuMDksMS40OS4yOGMuNDYuMTkuODUuNDUsMS4xOS43OXMuNi43NC43OCwxLjE5Yy4xOC40Ni4yOC45NS4yOCwxLjQ5cy0uMDksMS4wNS0uMjgsMS41Yy0uMTguNDYtLjQ1Ljg1LS43OCwxLjE5LS4zNC4zNC0uNzQuNi0xLjE5Ljc5LS40Ni4xOS0uOTUuMjgtMS40OS4yOFpNNzI3Ljk1LDE0Mi41M2MuNDMsMCwuODMtLjA4LDEuMi0uMjMuMzctLjE1LjY5LS4zNy45Ni0uNjVzLjQ4LS42LjYzLS45OC4yMy0uNzguMjMtMS4yMi0uMDctLjgzLS4yMy0xLjIxLS4zNi0uNy0uNjMtLjk4LS41OS0uNDktLjk2LS42NWMtLjM3LS4xNS0uNzctLjIzLTEuMi0uMjNzLS44NC4wOC0xLjIxLjIzYy0uMzcuMTUtLjY5LjM3LS45Ni42NXMtLjQ4LjYtLjYzLjk4LS4yMy43Ny0uMjMsMS4yMS4wOC44NC4yMywxLjIyLjM2LjcuNjMuOTguNTkuNDkuOTYuNjVjLjM3LjE1Ljc3LjIzLDEuMjEuMjNaIiBmaWxsPSIjMDA2NmIzIiBzdHJva2U9IiMwMDY2YjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjwvZz48cGF0aCBkPSJNNjE3LDEwNS41M2MtOTQuMzMsMjguMTYtMTExLjEtNDAuNTQtMTExLjEtNDAuNTQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48Y2lyY2xlIGN4PSI2MTkuNDQiIGN5PSIxMDQuOTkiIHI9IjUuNTkiIGZpbGw9IiMwNTc2YmIiLz48L2c+PGxpbmUgeDE9IjQ4Ny4xNiIgeTE9IjU3LjkiIHgyPSI0ODcuMTYiIHkyPSIxMTQuODEiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzE2OThkOCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PC9zdmc+") !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: contain !important; visibility: visible !important; opacity: 1 !important; } /* A imagem original e seu alt permanecem no HTML; a logo visivel e o fundo do link. */ body #cabecalho .logo > a > img, body h1.logo.cor-secundaria > a > img { content: normal !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; opacity: 0 !important; pointer-events: none !important; } /* Remove espacadores do tema dentro do link da logo. */ body #cabecalho .logo > a::before, body #cabecalho .logo > a::after, body h1.logo.cor-secundaria > a::before, body h1.logo.cor-secundaria > a::after { content: none !important; display: none !important; } /* ========================================================= 10 — PARCELAS DO MERCADO PAGO SEMPRE VISIVEIS ========================================================= */ [id^="proxy-mercadopago-v1-cartao_1_"] { display: block !important; height: auto !important; max-height: none !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; transition: none !important; } /* Preserva o comportamento visual existente: titulo sem clique por ponteiro. */ a.accordion-toggle[href^="#proxy-mercadopago-v1-cartao_1_"] { pointer-events: none !important; cursor: default !important; } a.accordion-toggle[href^="#proxy-mercadopago-v1-cartao_1_"] .icon-chevron-down { display: none !important; } /* ========================================================= 11 — ICONES DO CABECALHO MOBILE EM AZUL SMC ========================================================= */ /* Seletores globais limitados a .header-mobile. As versoes com #cabecalho preservam a prioridade necessaria quando o tema monta o bloco dentro dele. */ .header-mobile .header-mobile__menu, .header-mobile .header-mobile__search, .header-mobile .header-mobile__user, .header-mobile .header-mobile__cart { color: #0577bd !important; } .header-mobile a.header-mobile__menu.botao.principal { background: transparent !important; border-color: transparent !important; box-shadow: none !important; text-shadow: none !important; } .header-mobile #menu_hamburguer span, .header-mobile #menu_hamburguer span::before, .header-mobile #menu_hamburguer span::after { background: #0577bd !important; } .header-mobile svg, .header-mobile svg path, #cabecalho .header-mobile svg, #cabecalho .header-mobile svg path { fill: #0577bd !important; color: #0577bd !important; filter: none !important; } .header-mobile .header-mobile__cart .qtd-carrinho, #cabecalho .header-mobile .header-mobile__cart .qtd-carrinho { background-color: #0577bd !important; border-color: #0577bd !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ========================================================= 12 — MOBILE: CARDS E CABECALHO COM ESTADOS INDEPENDENTES ========================================================= */ @media (max-width: 767px) { /* Cards mobile — mantidos os tamanhos finais do arquivo original. */ #listagemProdutos.listagem .listagem-item { min-height: 390px !important; margin: 6px !important; padding: 16px !important; border-radius: 20px !important; } #listagemProdutos.listagem .listagem-item .imagem-produto { height: 175px !important; margin-bottom: 12px !important; } #listagemProdutos.listagem .listagem-item .imagem-produto img { max-width: 96% !important; max-height: 168px !important; } #listagemProdutos.listagem .listagem-item .nome-produto { min-height: 38px !important; margin-bottom: 8px !important; font-size: 13px !important; line-height: 1.30 !important; } #listagemProdutos.listagem .listagem-item .preco-produto .preco-venda, #listagemProdutos.listagem .listagem-item .preco-produto strong.titulo, #listagemProdutos.listagem .listagem-item .preco-produto .preco-promocional { font-size: 17px !important; } #listagemProdutos.listagem .listagem-item .acoes-produto { gap: 8px !important; margin-top: 13px !important; } #listagemProdutos.listagem .listagem-item .acoes-produto .botao, #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar, #listagemProdutos.listagem .listagem-item .acoes-produto .botao-whatsapp, #listagemProdutos.listagem .listagem-item .acoes-produto .comprar-whatsapp, #listagemProdutos.listagem .listagem-item .acoes-produto .whatsapp-produto, #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="wa.me"], #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="whatsapp.com"] { height: 38px !important; padding: 0 10px !important; border-radius: 10px !important; } #listagemProdutos.listagem .listagem-item .acoes-produto .botao, #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar { gap: 7px !important; } #listagemProdutos.listagem .listagem-item .acoes-produto .botao::before, #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar::before { flex-basis: 16px !important; width: 16px !important; height: 16px !important; } #listagemProdutos.listagem .listagem-item .acoes-produto .botao::after, #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar::after, #listagemProdutos.listagem .listagem-item .acoes-produto .botao-whatsapp, #listagemProdutos.listagem .listagem-item .acoes-produto .comprar-whatsapp, #listagemProdutos.listagem .listagem-item .acoes-produto .whatsapp-produto, #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="wa.me"], #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="whatsapp.com"] { font-size: 11.5px !important; } #listagemProdutos.listagem .listagem-item .acoes-produto .botao-whatsapp i, #listagemProdutos.listagem .listagem-item .acoes-produto .botao-whatsapp svg, #listagemProdutos.listagem .listagem-item .acoes-produto .comprar-whatsapp i, #listagemProdutos.listagem .listagem-item .acoes-produto .comprar-whatsapp svg, #listagemProdutos.listagem .listagem-item .acoes-produto .whatsapp-produto i, #listagemProdutos.listagem .listagem-item .acoes-produto .whatsapp-produto svg, #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="wa.me"] i, #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="wa.me"] svg, #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="whatsapp.com"] i, #listagemProdutos.listagem .listagem-item .acoes-produto a[href*="whatsapp.com"] svg { flex-basis: 20px !important; width: 20px !important; height: 20px !important; font-size: 20px !important; } /* Parcelamento na listagem mobile. */ #listagemProdutos.listagem .listagem-item .preco-produto .preco-parcela { margin-top: 3px !important; font-size: 10.5px !important; line-height: 1.30 !important; } /* Barra informativa mobile. */ .box-header-info { height: 45px; top: 0; width: 100%; left: 0; z-index: 99; padding: 0; box-sizing: border-box; } .box-header-info .box-header-info__message>div { padding: 0; -webkit-line-clamp: 2; line-height: normal; height: auto; font-size: 12px !important; } /* Reserva de espaco original do tema: nao altera a posicao dos dois estados. */ div#cabecalho { padding-top: 82px; height: 0; } /* Controles e dimensoes originais do topo mobile. O tema controla qual icone aparece: lupa ou fechar. Nao forcar display/visibility aqui. */ .atalhos-mobile .header-mobile__search .header-mobile__icon-search, .atalhos-mobile .header-mobile__search .header-mobile__icon-close { width: 25px !important; height: 25px !important; max-width: 25px !important; max-height: 25px !important; margin: 0 !important; padding: 0 !important; fill: #0577bd !important; color: #0577bd !important; } /* O X ocupa exatamente o mesmo ponto da lupa quando a busca abre. */ .atalhos-mobile .header-mobile__search .header-mobile__icon-close { position: absolute !important; top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important; transform: translate(-50%, -50%) !important; transform-origin: center center !important; } .atalhos-mobile .header-mobile .header-mobile__content-left { display: flex !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; height: 100% !important; margin: 0 !important; padding: 0 !important; gap: 15px !important; } .atalhos-mobile .header-mobile>div a svg { width: 30px !important; height: 25px !important; } .atalhos-mobile .header-mobile { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; height: 80px !important; padding: 0 18px !important; box-sizing: border-box !important; } .atalhos-mobile .header-mobile__content-left, .atalhos-mobile .header-mobile__content-right { flex: 1 1 0 !important; min-width: 0 !important; } .atalhos-mobile .header-mobile__content-center { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 10px !important; } .atalhos-mobile .header-mobile__content-center > a { display: flex !important; align-items: center !important; justify-content: center !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .atalhos-mobile .header-mobile__content-center img { display: block !important; width: auto !important; max-width: 330px !important; height: auto !important; max-height: 52px !important; margin: 0 !important; object-fit: contain !important; } .atalhos-mobile .header-mobile__content-right { display: flex !important; align-items: center !important; justify-content: flex-end !important; height: 100% !important; margin: 0 !important; padding: 0 !important; gap: 15px !important; } .atalhos-mobile .header-mobile__menu, .atalhos-mobile .header-mobile__user, .atalhos-mobile .header-mobile__cart { position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; visibility: visible !important; opacity: 1 !important; } /* A busca precisa ser o referencial do icone X. position:static fazia o X escapar para o canto da pagina. */ .atalhos-mobile .header-mobile__search { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 32px !important; width: 32px !important; min-width: 32px !important; max-width: 32px !important; height: 32px !important; min-height: 32px !important; max-height: 32px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; } .atalhos-mobile .header-mobile .header-mobile__content-right .icons-actions.icon-carrinho { margin-left: 5px; } /* Propriedades compartilhadas do cabecalho mobile — sem top aqui. */ .atalhos-mobile { border: 0; height: 80px; padding: 0; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.19); z-index: 99; transition: none !important; background: #fff; } /* INICIAL: preserva o afastamento original abaixo da barra azul. */ html:not(.smc-mobile-rolado) .atalhos-mobile { top: 40px !important; } /* ROLADO: encosta a barra no topo. A classe e alternada pelo JS mobile. */ html.smc-mobile-rolado .atalhos-mobile { top: 0 !important; } } @media (max-width: 520px) { .atalhos-mobile .header-mobile { padding-left: 12px !important; padding-right: 12px !important; } .atalhos-mobile .header-mobile__content-left, .atalhos-mobile .header-mobile__content-right { gap: 10px !important; } .atalhos-mobile .header-mobile__content-center { padding-left: 6px !important; padding-right: 6px !important; } .atalhos-mobile .header-mobile__content-center img { max-width: 240px !important; max-height: 48px !important; } } /* ========================================================= 13 — PAGINA DE PRODUTO — LAYOUT, COMPRA, FRETE E CONFIANCA ========================================================= Bloco consolidado ao CSS principal. Inclui: titulo/codigo, card de compra, quantidade, CTA, WhatsApp, formas de pagamento, frete, compartilhamento, selos, Copiar codigo e Pronta entrega. O JavaScript complementar continua separado. */ /* Regras limitadas a pagina de produto; nao alteram carrinho ou checkout. */ /* 1. Cores e limites: somente os blocos do HTML enviado */ div.principal > .info-principal-produto, div.principal > .acoes-produto, div.principal > .parcelas-produto, div.principal > .cep, div.principal > .wrap-share { box-sizing: border-box; min-width: 0; } /* 2. Breadcrumb, titulo e codigo */ div.principal > .info-principal-produto { margin: 0 0 22px !important; padding: 0 !important; border: 0 !important; } div.principal > .info-principal-produto .breadcrumbs { margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } div.principal > .info-principal-produto .breadcrumbs ul { margin: 0; padding: 0; } div.principal > .info-principal-produto .breadcrumbs li, div.principal > .info-principal-produto .breadcrumbs a { color: #65758a !important; font-size: 12px !important; line-height: 1.6; } div.principal > .info-principal-produto .nome-produto { margin: 0 0 14px !important; padding: 0 !important; color: #15283c !important; font-size: 28px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.5px; text-transform: none !important; word-wrap: break-word; } div.principal > .info-principal-produto .codigo-produto { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: 13px !important; line-height: 1.5; } div.principal > .info-principal-produto .codigo-produto > span { float: none !important; color: #65758a !important; } div.principal > .info-principal-produto .codigo-produto b { font-weight: 400; } div.principal > .info-principal-produto [itemprop="sku"] { color: #15283c !important; font-weight: 600; } div.principal > .info-principal-produto [itemprop="brand"] a { color: #0577bd !important; font-weight: 600; } /* 3. Card de compra: nao usar .principal sozinho, pois o botao Comprar tambem possui essa classe. */ div.principal > .acoes-produto { position: relative; float: none !important; margin: 0 0 16px !important; padding: 22px !important; border: 1px solid #dce6ef !important; border-radius: 14px !important; background: linear-gradient(135deg, #ffffff, #fbfdff) !important; box-shadow: none !important; } div.principal > .acoes-produto .preco-produto { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } div.principal > .acoes-produto .preco-produto > div { float: none !important; margin: 0 !important; } div.principal > .acoes-produto .preco-promocional { display: inline-block; margin: 0 !important; color: #0577bd !important; font-size: 34px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -0.7px; } div.principal > .acoes-produto s.preco-venda { color: #65758a !important; font-size: 14px !important; line-height: 1.5 !important; } div.principal > .acoes-produto .preco-parcela { display: block; margin: 7px 0 0 !important; color: #15283c !important; font-size: 16px !important; line-height: 1.5 !important; } div.principal > .acoes-produto .preco-parcela strong { color: #0577bd !important; font-size: inherit !important; font-weight: 700 !important; } /* 4. Quantidade e botao principal */ div.principal > .acoes-produto[data-produto-id] > .comprar { display: flex; align-items: stretch; position: static !important; float: none !important; width: auto !important; margin: 20px 0 0 !important; padding: 0 !important; flex-wrap: wrap; } div.principal > .acoes-produto .qtde-adicionar-carrinho { display: block; position: relative !important; float: none !important; box-sizing: border-box; width: 116px !important; max-width: none !important; height: 50px !important; margin: 0 10px 0 0 !important; padding: 0 !important; border: 1px solid #dce6ef !important; border-radius: 9px !important; background: #ffffff !important; flex: 0 0 116px; } /* Esconde o rotulo visualmente, sem remove-lo da acessibilidade. */ div.principal > .acoes-produto .qtde-carrinho-title { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 !important; } div.principal > .acoes-produto input.qtde-carrinho { box-sizing: border-box; width: 100% !important; max-width: none !important; height: 100% !important; margin: 0 !important; padding: 0 34px !important; border: 0 !important; border-radius: 9px !important; background: transparent !important; box-shadow: none !important; color: #15283c !important; font-size: 16px !important; text-align: center !important; -moz-appearance: textfield; } div.principal > .acoes-produto input.qtde-carrinho::-webkit-inner-spin-button, div.principal > .acoes-produto input.qtde-carrinho::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } div.principal > .acoes-produto .wrap-btn-prod { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; pointer-events: none; } div.principal > .acoes-produto .almentar-qty-prod, div.principal > .acoes-produto .diminuir-qty-prod { display: flex; position: absolute !important; top: 0 !important; bottom: 0 !important; align-items: center; justify-content: center; box-sizing: border-box; width: 34px !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent; color: #526981 !important; font-size: 22px !important; font-weight: 400 !important; line-height: 1 !important; cursor: pointer; user-select: none; pointer-events: auto; } div.principal > .acoes-produto .almentar-qty-prod { right: 0 !important; left: auto !important; border-radius: 0 8px 8px 0; } div.principal > .acoes-produto .diminuir-qty-prod { right: auto !important; left: 0 !important; border-radius: 8px 0 0 8px; } div.principal > .acoes-produto .almentar-qty-prod:hover, div.principal > .acoes-produto .diminuir-qty-prod:hover { background: #edf6fc; } div.principal > .acoes-produto .botao-comprar { display: flex; align-items: center; justify-content: center; box-sizing: border-box; float: none !important; width: auto !important; min-width: 0; min-height: 50px; margin: 0 !important; padding: 10px 16px !important; border: 1px solid #0577bd !important; border-radius: 9px !important; background: #0577bd !important; box-shadow: none !important; color: #ffffff !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: center; text-decoration: none !important; text-shadow: none !important; white-space: normal !important; transition: background-color 0.18s ease, border-color 0.18s ease; flex: 1 1 0%; } div.principal > .acoes-produto .botao-comprar:hover { border-color: #04639e !important; background: #04639e !important; } div.principal > .acoes-produto .botao-comprar i { margin: 0 10px 0 0 !important; color: inherit !important; font-size: 20px !important; } /* Mantem o status original, sem acrescentar "Pronta entrega". */ div.principal > .acoes-produto .disponibilidade-produto { margin: 10px 0 0 !important; color: #65758a !important; font-size: 12px !important; line-height: 1.5; flex: 0 0 100%; box-sizing: border-box; } div.principal > .acoes-produto.disponivel .disponibilidade-produto { padding: 5px 9px; border: 1px solid #d9ebdf; border-radius: 7px; background: #f2faf5; color: #18763f !important; } div.principal > .acoes-produto.disponivel .disponibilidade-produto b { color: inherit !important; font-weight: 600; } /* 5. WhatsApp: secundario, sem competir com Comprar */ div.principal > .acoes-produto > .buy-for-whats { float: none !important; width: 100% !important; margin: 12px 0 0 !important; padding: 0 !important; } div.principal > .acoes-produto .buy-for-whats a { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100% !important; float: none !important; min-height: 48px; margin: 0 !important; padding: 10px 14px !important; border: 1px solid #69ae81 !important; border-radius: 9px !important; background: #ffffff !important; box-shadow: none !important; color: #18763f !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.35; text-align: center; text-decoration: none !important; } div.principal > .acoes-produto .buy-for-whats a:hover { border-color: #18763f !important; background: #f2faf5 !important; } div.principal > .acoes-produto .buy-for-whats i { margin: 0 10px 0 0 !important; color: inherit !important; font-size: 23px !important; } /* 6. Formas de pagamento Mantem somente a borda externa do card e uma divisoria entre cartao e boleto. */ div.principal > .parcelas-produto { margin: 0 0 16px !important; padding: 0 16px !important; border: 1px solid #dce6ef !important; border-radius: 12px !important; background: #ffffff !important; box-shadow: none !important; overflow: hidden !important; } div.principal > .parcelas-produto > .accordion, div.principal > .parcelas-produto > ul.accordion { width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; list-style: none !important; } div.principal > .parcelas-produto .accordion-group, div.principal > .parcelas-produto .accordion-heading, div.principal > .parcelas-produto .accordion-body, div.principal > .parcelas-produto .accordion-inner { margin: 0 !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; } div.principal > .parcelas-produto .accordion-group { padding: 0 !important; } div.principal > .parcelas-produto .accordion-group + .accordion-group { border-top: 1px solid #e7edf3 !important; } div.principal > .parcelas-produto .accordion-heading { padding: 0 !important; } div.principal > .parcelas-produto .accordion-heading .accordion-toggle { display: flex; align-items: center; justify-content: space-between; margin: 0 !important; padding: 14px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #15283c !important; font-size: 14px !important; text-decoration: none !important; } div.principal > .parcelas-produto .text-parcelas { order: 2; float: none !important; margin: 0 0 0 12px !important; color: #15283c !important; font-size: 14px !important; } div.principal > .parcelas-produto b.text-parcelas { color: #0577bd !important; font-size: 16px !important; } div.principal > .parcelas-produto .accordion-toggle > img { order: 1; width: auto !important; max-width: 56%; max-height: 24px; height: auto !important; object-fit: contain; } div.principal > .parcelas-produto .accordion-inner { padding: 0 0 16px !important; border-top: 0 !important; font-size: 13px; line-height: 1.8; } /* O bloco global da secao 10 continua responsavel por manter as parcelas abertas. */ /* 7. Frete: apenas o bloco direto da coluna, nao a .cep vazia que aparece dentro de .parcelas-produto no HTML enviado. */ div.principal > .cep { margin: 0 0 16px !important; padding: 18px !important; border: 1px solid #d9edf9 !important; border-radius: 12px !important; background: linear-gradient(110deg, #eaf7ff, #f3faff) !important; box-shadow: none !important; } div.principal > .cep #formCalcularCep { display: flex; flex-wrap: wrap; align-items: center; margin: 0 !important; } div.principal > .cep #formCalcularCep > label { display: flex; flex: 1 1 170px; align-items: center; margin: 5px 12px 5px 0 !important; color: #0577bd !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.3; } /* Icone decorativo embutido, sem depender de fonte externa. */ div.principal > .cep #formCalcularCep > label:before { content: ""; flex: 0 0 28px; width: 28px; height: 28px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230577bd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17H1V4h14v13H7m10 0h-2V8h4l4 4v5h-2M15 12h8'/%3E%3Ccircle cx='5' cy='17' r='2'/%3E%3Ccircle cx='19' cy='17' r='2'/%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-right: 10px; } div.principal > .cep #formCalcularCep .form-inline { flex: 1 1 240px; min-width: 0; margin: 5px 0 !important; } div.principal > .cep #formCalcularCep .input-append { display: flex; box-sizing: border-box; width: 100% !important; margin: 0 !important; border: 1px solid #bfd6e7; border-radius: 9px; background: #ffffff; overflow: hidden; } div.principal > .cep #formCalcularCep input[name="cep"] { flex: 1 1 0%; box-sizing: border-box; min-width: 0; width: auto !important; height: 46px !important; margin: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 0 !important; background: #ffffff !important; box-shadow: none !important; color: #15283c !important; font-size: 15px !important; } div.principal > .cep #formCalcularCep button[type="submit"] { flex: 0 0 auto; box-sizing: border-box; min-width: 84px; height: 46px !important; margin: 0 !important; padding: 0 16px !important; border: 0 !important; border-radius: 0 !important; background: #0577bd !important; box-shadow: none !important; color: #ffffff !important; font-size: 14px !important; font-weight: 600 !important; text-shadow: none !important; } div.principal > .cep #formCalcularCep button[type="submit"]:hover { background: #04639e !important; } div.principal > .cep > ul { margin: 14px 0 0 !important; padding: 12px 0 0 !important; border: 0 !important; border-top: 1px solid #cfe4f2 !important; font-size: 13px; line-height: 1.5; } div.principal > .cep .aviso-disponibilidade { margin-top: 10px; color: #65758a !important; font-size: 12px !important; line-height: 1.5; } /* 8. Compartilhamento e favoritos Acoes terciarias compactas; sem texto solto nem circulo vazio. */ div.principal > .wrap-share { display: flex !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: wrap !important; width: 100% !important; margin: 16px 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } div.principal > .wrap-share > strong { display: none !important; } div.principal > .wrap-share .addthis_inline_share_toolbox, div.principal > .wrap-share .addthis_inline_share_toolbox > ul { margin: 0 !important; padding: 0 !important; } div.principal > .wrap-share .addthis_inline_share_toolbox > ul { display: flex !important; align-items: center !important; justify-content: flex-end !important; list-style: none !important; } div.principal > .wrap-share li { margin: 0 0 0 8px !important; padding: 0 !important; list-style: none !important; } div.principal > .wrap-share li.visible-phone > a, div.principal > .wrap-share a.lista-favoritos, div.principal > .wrap-share a.adicionar-favorito { display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: auto !important; min-width: 0 !important; height: 38px !important; margin: 0 !important; padding: 0 15px !important; border: 1px solid #dce6ef !important; border-radius: 999px !important; background: #ffffff !important; box-shadow: none !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1 !important; text-decoration: none !important; transition: background 0.18s ease, border-color 0.18s ease !important; } div.principal > .wrap-share li.visible-phone > a { color: #128c4a !important; -webkit-text-fill-color: #128c4a !important; } div.principal > .wrap-share li.visible-phone > a:hover { background: #f5fbf7 !important; border-color: rgba(18, 140, 74, 0.35) !important; } /* Icone de compartilhar independente de Font Awesome. O original e ocultado e o simbolo e desenhado com SVG embutido, evitando quadrado, glifo ausente ou dependencia de fonte externa. */ div.principal > .wrap-share li.visible-phone > a i { display: none !important; } div.principal > .wrap-share li.visible-phone > a::before { content: "" !important; display: inline-block !important; flex: 0 0 18px !important; width: 18px !important; height: 18px !important; margin: 0 8px 0 0 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23128c4a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='m8.59 10.51 6.83-3.98M8.59 13.49l6.83 3.98'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } div.principal > .wrap-share li.visible-phone > a::after { content: "Compartilhar" !important; display: inline-block !important; color: #128c4a !important; -webkit-text-fill-color: #128c4a !important; font-size: 13px !important; font-weight: 500 !important; } div.principal > .wrap-share a.lista-favoritos, div.principal > .wrap-share a.adicionar-favorito { color: #0577bd !important; -webkit-text-fill-color: #0577bd !important; } div.principal > .wrap-share a.lista-favoritos:hover, div.principal > .wrap-share a.adicionar-favorito:hover { background: #f3f9fd !important; border-color: rgba(5, 119, 189, 0.35) !important; } div.principal > .wrap-share a.lista-favoritos i, div.principal > .wrap-share a.adicionar-favorito i { display: none !important; } div.principal > .wrap-share a.lista-favoritos::before, div.principal > .wrap-share a.adicionar-favorito::before { content: "\2661" !important; display: inline-block !important; margin: 0 7px 0 0 !important; color: #0577bd !important; font-size: 19px !important; font-weight: 400 !important; line-height: 1 !important; } @media (min-width: 768px) { div.principal > .wrap-share li.visible-phone, div.principal > .wrap-share li.hidden-phone { display: block !important; } } @media (max-width: 767px) { div.principal > .wrap-share, div.principal > .wrap-share .addthis_inline_share_toolbox > ul { justify-content: flex-start !important; } div.principal > .wrap-share { margin-top: 14px !important; } div.principal > .wrap-share li.visible-phone { display: block !important; margin-left: 0 !important; } } /* 9. Foco de teclado e estados desabilitados */ div.principal > .acoes-produto a:focus, div.principal > .acoes-produto input:focus, div.principal > .parcelas-produto a:focus, div.principal > .cep input:focus, div.principal > .cep button:focus, div.principal > .wrap-share a:focus { outline: 2px solid #0577bd !important; outline-offset: 3px; } div.principal > .cep input:focus, div.principal > .cep button:focus { outline-offset: -3px; } div.principal > .acoes-produto .botao-comprar.disabled, div.principal > .acoes-produto .botao-comprar.desabilitado, div.principal > .acoes-produto .botao-comprar[aria-disabled="true"], div.principal > .cep button:disabled { opacity: 0.6; cursor: not-allowed; } /* 10. Ajustes responsivos */ @media (min-width: 1200px) { div.principal > .acoes-produto.disponivel .preco-produto { padding-right: 150px !important; } div.principal > .acoes-produto.disponivel .disponibilidade-produto { position: absolute; top: 22px; right: 22px; max-width: 140px; margin: 0 !important; } } @media (max-width: 767px) { div.principal > .info-principal-produto .nome-produto { font-size: 25px !important; line-height: 1.25 !important; } div.principal > .acoes-produto { padding: 18px !important; } div.principal > .acoes-produto .preco-promocional { font-size: 32px !important; } div.principal > .acoes-produto .botao-comprar { font-size: 16px !important; } div.principal > .cep { padding: 16px !important; } } @media (max-width: 380px) { div.principal > .acoes-produto { padding: 15px !important; } div.principal > .acoes-produto .preco-parcela { font-size: 14px !important; } div.principal > .acoes-produto .buy-for-whats a { font-size: 14px !important; } } @media (prefers-reduced-motion: reduce) { div.principal > .acoes-produto .botao-comprar { transition: none; } } /* SMC SHOP - Complemento v2.1: selos, copiar codigo e pronta entrega. * Complemento ja incorporado a esta versao completa. */ /* Selos acima do titulo: usa a marca real cadastrada, sem recriar logotipo. */ div.principal > .info-principal-produto .smc-selos-produto { display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 8px; } div.principal > .info-principal-produto .smc-selos-produto[hidden] { display: none !important; } div.principal > .info-principal-produto .smc-selo { display: inline-flex; align-items: center; box-sizing: border-box; min-height: 30px; padding: 5px 10px; border: 1px solid #dceaf4; border-radius: 7px; background: #f3f9fd; color: #0577bd !important; font: inherit; font-size: 12px !important; font-weight: 600; line-height: 1.35; text-decoration: none !important; box-shadow: none; margin: 0 8px 6px 0; } div.principal > .info-principal-produto .smc-selo svg { flex: 0 0 16px; width: 16px; height: 16px; color: inherit; margin-right: 6px; } div.principal > .info-principal-produto .smc-selo-marca { padding-left: 0; border-color: transparent; background: transparent; font-size: 20px !important; font-weight: 800; letter-spacing: -0.5px; } div.principal > .info-principal-produto .smc-selo-original { border-color: #c9eafa; background: #e3f4ff; } div.principal > .info-principal-produto .smc-selo-atendimento { background: #fff; color: #526981 !important; font-weight: 400; } div.principal > .info-principal-produto a.smc-selo:hover { border-color: #0577bd; background: #edf7fd; color: #0577bd !important; } /* Codigo real e botao funcional. Sem substituir o HTML da plataforma. */ div.principal > .info-principal-produto .codigo-produto .smc-codigo-grupo { display: inline-flex; flex-wrap: wrap; align-items: center; min-width: 0; max-width: 100%; } div.principal > .info-principal-produto .smc-codigo-grupo [itemprop="sku"] { word-wrap: break-word; } div.principal > .info-principal-produto .smc-copiar-codigo { -webkit-appearance: none; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; box-sizing: border-box; min-height: 36px; margin: 0 0 0 5px; padding: 5px 9px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #0577bd !important; font: inherit; font-size: 13px !important; font-weight: 600; line-height: 1.4; text-transform: none; text-shadow: none; box-shadow: none; cursor: pointer; } div.principal > .info-principal-produto .smc-copiar-codigo svg { flex: 0 0 18px; width: 18px; height: 18px; margin-right: 7px; } div.principal > .info-principal-produto .smc-copiar-codigo:hover { border-color: #d6eaf7; background: #eef8ff; } div.principal > .info-principal-produto .smc-copiar-codigo.smc-copiado { border-color: #d9ebdf; background: #f2faf5; color: #18763f !important; } div.principal > .info-principal-produto .smc-copiar-codigo:disabled { cursor: wait; opacity: 0.7; } div.principal > .info-principal-produto .smc-copia-status { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 !important; } div.principal > .info-principal-produto .smc-copia-aviso { flex-basis: 100%; color: #526981; font-size: 12px; line-height: 1.5; } /* A frase so existe no DOM quando o JavaScript confirma a regra configurada. */ div.principal > .acoes-produto .disponibilidade-produto.smc-status-pronto { position: relative; box-sizing: border-box; display: block; padding: 7px 10px 7px 29px !important; border: 1px solid #d9ebdf !important; border-radius: 8px; background: #f2faf5; color: #18763f !important; font-size: 12px !important; line-height: 1.5; } div.principal > .acoes-produto .smc-status-pronto:before { content: ""; position: absolute; top: 9px; left: 8px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2318763f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m7 12 3 3 7-7'/%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; background-size: contain; } div.principal > .acoes-produto .smc-pronta-entrega { display: block; margin-top: 2px; color: #526981 !important; font-size: 12px !important; font-weight: 400; line-height: 1.4; } /* Foco de teclado nos novos controles. */ div.principal > .info-principal-produto .smc-copiar-codigo:focus, div.principal > .info-principal-produto a.smc-selo:focus { outline: 2px solid #0577bd; outline-offset: 2px; } @media (min-width: 1200px) { div.principal > .acoes-produto.smc-tem-pronta-entrega .preco-produto { padding-right: 175px !important; } div.principal > .acoes-produto .disponibilidade-produto.smc-status-pronto { position: absolute; top: 22px; right: 22px; max-width: 165px; margin: 0 !important; } } @media (max-width: 767px) { div.principal > .info-principal-produto .smc-copiar-codigo { min-height: 40px; margin-left: 0; } } /* Espacamentos auxiliares do codigo/SKU. */ div.principal > .info-principal-produto .codigo-produto > span { margin: 4px 12px 4px 0; } div.principal > .info-principal-produto .smc-codigo-grupo > b { margin-right: 4px; } div.principal > .info-principal-produto .smc-codigo-grupo [itemprop="sku"] { max-width: 100%; min-width: 0; word-break: break-all; margin-right: 7px; } /* Tamanhos responsivos sem clamp; quantidade com largura fixa e botao flexivel. */ @media (min-width: 1200px) { div.principal > .acoes-produto .preco-promocional { font-size: 38px !important; } } @media (min-width: 1600px) { div.principal > .info-principal-produto .nome-produto { font-size: 32px !important; } } @media (min-width: 768px) and (max-width: 1199px) { div.principal > .info-principal-produto .nome-produto { font-size: 24px !important; } } @media (max-width: 767px) { div.principal > .acoes-produto .qtde-adicionar-carrinho { width: 104px !important; flex-basis: 104px; } div.principal > .info-principal-produto .smc-selo { margin-right: 6px; } } @media (max-width: 380px) { div.principal > .acoes-produto .qtde-adicionar-carrinho { width: 92px !important; flex-basis: 92px; margin-right: 8px !important; } div.principal > .acoes-produto .buy-for-whats i { margin-right: 7px !important; } } #rodape .institucional>.conteiner .span9 { width: 100%; } /* ========================================================== RODAPÉ - SMC SHOP + ATX ========================================================== */ #rodape .rodape-marcas-smc { width: 100%; display: flex; align-items: center; justify-content: flex-start; gap: 24px; box-sizing: border-box; margin: 0 0 32px 0; padding: 5px 0 26px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } /* Links das marcas */ #rodape .rodape-marcas-smc .rodape-marca { display: flex; align-items: center; justify-content: center; text-decoration: none !important; border: 0 !important; opacity: 1; transition: opacity 0.2s ease, transform 0.2s ease; } #rodape .rodape-marcas-smc .rodape-marca:hover { opacity: 0.82; transform: translateY(-1px); } /* ========================================================== IMAGENS ========================================================== */ #rodape .rodape-marcas-smc img { display: block; width: auto; height: auto; object-fit: contain; /* * Converte logos coloridas em branco. * Funciona muito bem com PNG/SVG transparentes. */ filter: brightness(0) invert(1); opacity: 1; } /* SMC SHOP */ #rodape .rodape-marca-smcshop img { max-width: 185px; max-height: 58px; } /* ATX */ #rodape .rodape-marca-atx img { max-width: 125px; max-height: 52px; } /* ========================================================== SEPARADOR ========================================================== */ #rodape .rodape-marcas-separador { display: block; flex: 0 0 1px; width: 1px; height: 38px; background: rgba(255, 255, 255, 0.28); } /* ========================================================== FALLBACK Caso a imagem não seja encontrada pelo JS ========================================================== */ #rodape .rodape-logo-texto { color: #ffffff !important; line-height: 1; text-decoration: none !important; } #rodape .rodape-logo-texto-smc { font-size: 25px; font-weight: 400; letter-spacing: -0.5px; } #rodape .rodape-logo-texto-smc strong { font-weight: 800; } #rodape .rodape-logo-texto-atx { display: flex; flex-direction: column; font-size: 28px; font-weight: 800; letter-spacing: 1px; } #rodape .rodape-logo-texto-atx small { display: block; margin-top: 4px; font-size: 8px; line-height: 1; font-weight: 500; letter-spacing: 2px; color: #ffffff !important; } #rodape .rodape-logos-contato { margin-top: 38px !important; } /* ========================================================== MOBILE ========================================================== */ @media (max-width: 767px) { #rodape .rodape-marcas-smc { justify-content: center; gap: 17px; margin-bottom: 26px; padding-top: 4px; padding-bottom: 22px; } #rodape .rodape-marca-smcshop img { max-width: 145px; max-height: 48px; } #rodape .rodape-marca-atx img { max-width: 95px; max-height: 42px; } #rodape .rodape-marcas-separador { height: 31px; } #rodape .rodape-logo-texto-smc { font-size: 21px; } #rodape .rodape-logo-texto-atx { font-size: 23px; } #rodape .rodape-logos-contato { margin-top: 38px !important; } } /* FIM — SMC SHOP CSS CONSOLIDADO V15 */ /* ========================================================= 14 — PRODUTO — APROVEITE TAMBEM / PRODUTOS RECOMENDADOS ========================================================= Bloco fornecido para os cards relacionados da pagina de produto. Mantido no FINAL do CSS, com reset especifico do WhatsApp para impedir posicionamento lateral/recorte herdado do tema. ========================================================= */ /* Grade */ .listagem.aproveite-tambem .listagem-linha > ul { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; } .listagem.aproveite-tambem .listagem-linha > ul > li { display: flex !important; align-items: stretch !important; } /* ========================================================= CARD ========================================================= */ .listagem.aproveite-tambem .listagem-item { position: relative !important; display: flex !important; flex-direction: column !important; width: 100% !important; height: 100% !important; min-height: 470px !important; margin: 10px !important; padding: 22px 22px 20px !important; box-sizing: border-box !important; background: #ffffff !important; border: 1px solid rgba(0, 0, 0, 0.035) !important; border-radius: 28px !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.022), 0 10px 28px rgba(0, 0, 0, 0.050) !important; overflow: hidden !important; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.20s ease !important; } .listagem.aproveite-tambem .listagem-item:hover { transform: translateY(-3px) !important; border-color: #6bb6df !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.030), 0 16px 36px rgba(0, 0, 0, 0.075) !important; } /* ========================================================= IMAGEM ========================================================= */ .listagem.aproveite-tambem .listagem-item .imagem-produto { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 230px !important; margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .listagem.aproveite-tambem .listagem-item .imagem-produto img { display: block !important; width: auto !important; height: auto !important; max-width: 94% !important; max-height: 220px !important; margin: auto !important; object-fit: contain !important; transition: transform 0.30s ease !important; } .listagem.aproveite-tambem .listagem-item:hover .imagem-produto img { transform: scale(1.018) !important; } /* ========================================================= INFORMAÇÕES ========================================================= */ .listagem.aproveite-tambem .listagem-item .info-produto { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: left !important; } /* ========================================================= NOME DO PRODUTO ========================================================= */ .listagem.aproveite-tambem .listagem-item .nome-produto { display: block !important; min-height: 42px !important; margin: 0 0 10px !important; padding: 0 !important; color: #1d1d1f !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.34 !important; letter-spacing: -0.01em !important; text-align: left !important; text-decoration: none !important; } .listagem.aproveite-tambem .listagem-item .nome-produto:hover { color: #0577bd !important; } /* ========================================================= PREÇO ========================================================= */ .listagem.aproveite-tambem .listagem-item .preco-produto { margin-top: auto !important; padding-top: 4px !important; color: #0577bd !important; text-align: left !important; } .listagem.aproveite-tambem .listagem-item .preco-produto .preco-venda, .listagem.aproveite-tambem .listagem-item .preco-produto strong.titulo, .listagem.aproveite-tambem .listagem-item .preco-produto .preco-promocional { color: #0577bd !important; -webkit-text-fill-color: #0577bd !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: -0.015em !important; } /* preço anterior */ .listagem.aproveite-tambem .listagem-item .preco-produto .preco-antigo, .listagem.aproveite-tambem .listagem-item .preco-produto del { color: #8a8a8f !important; -webkit-text-fill-color: #8a8a8f !important; font-size: 12px !important; font-weight: 400 !important; } /* parcelamento */ .listagem.aproveite-tambem .listagem-item .preco-produto .preco-parcela { display: block !important; width: 100% !important; height: auto !important; margin: 4px 0 0 !important; padding: 0 !important; color: #667085 !important; -webkit-text-fill-color: #667085 !important; font-size: 11.5px !important; font-weight: 400 !important; line-height: 1.35 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; } .listagem.aproveite-tambem .listagem-item .preco-produto .preco-parcela strong, .listagem.aproveite-tambem .listagem-item .preco-produto .preco-parcela span { color: inherit !important; -webkit-text-fill-color: inherit !important; font-size: inherit !important; line-height: inherit !important; } .listagem.aproveite-tambem .listagem-item .preco-produto .preco-parcela strong { font-weight: 500 !important; } /* ========================================================= ÁREA DOS BOTÕES ========================================================= */ .listagem.aproveite-tambem .listagem-item .acoes-produto { position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 9px !important; width: 100% !important; height: auto !important; margin: 16px 0 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } /* ========================================================= BOTÃO ADICIONAR AO CARRINHO ========================================================= */ .listagem.aproveite-tambem .listagem-item .acoes-produto .botao, .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; height: 42px !important; margin: 0 !important; padding: 0 16px !important; box-sizing: border-box !important; color: transparent !important; -webkit-text-fill-color: transparent !important; font-size: 0 !important; font-weight: 500 !important; text-transform: none !important; text-decoration: none !important; background: #0577bd !important; border: 1px solid #0577bd !important; border-radius: 11px !important; box-shadow: none !important; transition: background 0.20s ease, border-color 0.20s ease, box-shadow 0.20s ease !important; } /* remove visualmente o ícone antigo */ .listagem.aproveite-tambem .listagem-item .acoes-produto .botao i, .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar i { display: none !important; } /* novo ícone */ .listagem.aproveite-tambem .listagem-item .acoes-produto .botao::before, .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar::before { content: "" !important; display: inline-block !important; flex: 0 0 19px !important; width: 19px !important; height: 19px !important; margin: 0 !important; background-color: #ffffff !important; -webkit-mask-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/cart.svg") !important; mask-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/cart.svg") !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } /* troca ADICIONAR por Adicionar no carrinho */ .listagem.aproveite-tambem .listagem-item .acoes-produto .botao::after, .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar::after { content: "Adicionar no carrinho" !important; display: inline-block !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.2 !important; white-space: nowrap !important; } .listagem.aproveite-tambem .listagem-item .acoes-produto .botao:hover, .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar:hover { background: #0065a6 !important; border-color: #0065a6 !important; box-shadow: 0 5px 14px rgba(5, 119, 189, 0.16) !important; } /* ========================================================= WHATSAPP ========================================================= */ .listagem.aproveite-tambem .listagem-item .acoes-produto .buy-whatsapp-list { position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; display: block !important; float: none !important; clear: both !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; z-index: auto !important; } .listagem.aproveite-tambem .listagem-item .acoes-produto .buy-whatsapp-list__link, .listagem.aproveite-tambem .listagem-item .acoes-produto a[href*="whatsapp.com"] { position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; float: none !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 42px !important; margin: 0 !important; padding: 0 16px !important; box-sizing: border-box !important; color: #128c4a !important; -webkit-text-fill-color: #128c4a !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; text-decoration: none !important; background: #ffffff !important; border: 1px solid #d7dadd !important; border-radius: 11px !important; box-shadow: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; white-space: nowrap !important; transition: color 0.20s ease, background 0.20s ease, border-color 0.20s ease !important; } .listagem.aproveite-tambem .listagem-item .acoes-produto .buy-whatsapp-list__link:hover { color: #0f7d41 !important; -webkit-text-fill-color: #0f7d41 !important; background: #fbfffc !important; border-color: rgba(18, 140, 74, 0.34) !important; } /* ícone WhatsApp */ .listagem.aproveite-tambem .listagem-item .buy-whatsapp-list__link .whatsapp-ico { display: block !important; flex: 0 0 23px !important; width: 23px !important; min-width: 23px !important; max-width: 23px !important; height: 23px !important; min-height: 23px !important; max-height: 23px !important; margin: 0 !important; color: #16a34a !important; fill: #16a34a !important; } .listagem.aproveite-tambem .listagem-item .buy-whatsapp-list__link .whatsapp-ico path { fill: currentColor !important; } /* ========================================================= FAVORITO ========================================================= */ .listagem.aproveite-tambem .listagem-item .add-fav { z-index: 5 !important; top: 18px !important; right: 18px !important; } /* ========================================================= REMOVE BORDAS INTERNAS DO TEMA ========================================================= */ .listagem.aproveite-tambem .listagem-item::before, .listagem.aproveite-tambem .listagem-item::after { box-shadow: none !important; } .listagem.aproveite-tambem .listagem-item .info-produto, .listagem.aproveite-tambem .listagem-item .imagem-produto { border-color: transparent !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .listagem.aproveite-tambem .listagem-item { min-height: 390px !important; margin: 6px !important; padding: 16px !important; border-radius: 20px !important; } .listagem.aproveite-tambem .listagem-item .imagem-produto { height: 175px !important; margin-bottom: 12px !important; } .listagem.aproveite-tambem .listagem-item .imagem-produto img { max-width: 96% !important; max-height: 168px !important; } .listagem.aproveite-tambem .listagem-item .nome-produto { min-height: 38px !important; margin-bottom: 8px !important; font-size: 13px !important; line-height: 1.30 !important; } .listagem.aproveite-tambem .listagem-item .preco-produto .preco-promocional { font-size: 17px !important; } .listagem.aproveite-tambem .listagem-item .preco-produto .preco-parcela { margin-top: 3px !important; font-size: 10.5px !important; line-height: 1.30 !important; } } /* FIM — SMC SHOP CSS CONSOLIDADO V15.3 */ /* ========================================================= FIX — WHATSAPP NOS CARDS DE PRODUTOS RELACIONADOS Página de produto ========================================================= */ /* Área dos botões */ body .listagem-item[itemprop="isRelatedTo"] > .acoes-produto.hidden-phone { position: relative !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 9px !important; width: 100% !important; height: auto !important; margin: 16px 0 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= BOTÃO ADICIONAR AO CARRINHO ========================================================= */ body .listagem-item[itemprop="isRelatedTo"] > .acoes-produto.hidden-phone > .botao-comprar { position: relative !important; order: 1 !important; flex: 0 0 auto !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box !important; } /* ========================================================= WRAPPER WHATSAPP ========================================================= */ body .listagem-item[itemprop="isRelatedTo"] > .acoes-produto.hidden-phone > .buy-whatsapp-list { position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; order: 2 !important; display: block !important; flex: 0 0 auto !important; float: none !important; clear: both !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; transform: none !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= BOTÃO WHATSAPP ========================================================= */ body .listagem-item[itemprop="isRelatedTo"] > .acoes-produto.hidden-phone > .buy-whatsapp-list > .buy-whatsapp-list__link { position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; float: none !important; gap: 9px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 42px !important; margin: 0 !important; padding: 0 16px !important; box-sizing: border-box !important; color: #128c4a !important; -webkit-text-fill-color: #128c4a !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; background: #ffffff !important; border: 1px solid #d7dadd !important; border-radius: 11px !important; box-shadow: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; white-space: nowrap !important; cursor: pointer !important; transition: color 0.20s ease, background 0.20s ease, border-color 0.20s ease !important; } /* Hover */ body .listagem-item[itemprop="isRelatedTo"] > .acoes-produto.hidden-phone > .buy-whatsapp-list > .buy-whatsapp-list__link:hover { color: #0f7d41 !important; -webkit-text-fill-color: #0f7d41 !important; background: #fbfffc !important; border-color: rgba(18, 140, 74, 0.34) !important; } /* ========================================================= ÍCONE WHATSAPP ========================================================= */ body .listagem-item[itemprop="isRelatedTo"] .buy-whatsapp-list__link .whatsapp-ico { display: block !important; flex: 0 0 22px !important; width: 22px !important; min-width: 22px !important; max-width: 22px !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; margin: 0 !important; color: #16a34a !important; fill: #16a34a !important; } body .listagem-item[itemprop="isRelatedTo"] .buy-whatsapp-list__link .whatsapp-ico path { fill: currentColor !important; } /* Texto */ body .listagem-item[itemprop="isRelatedTo"] .buy-whatsapp-list__link span { display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; -webkit-text-fill-color: inherit !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; white-space: nowrap !important; } /* ========================================================= PRODUTOS RELACIONADOS — 1 CARD POR LINHA NO MOBILE ========================================================= */ @media (max-width: 767px) { /* container */ .listagem.aproveite-tambem .listagem-linha > ul { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* cada produto ocupa toda a largura */ .listagem.aproveite-tambem .listagem-linha > ul > li, .listagem.aproveite-tambem .listagem-linha > ul > li.span3 { display: block !important; float: none !important; flex: 0 0 100% !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* card */ .listagem.aproveite-tambem .listagem-item { width: calc(100% - 20px) !important; max-width: none !important; min-height: 470px !important; margin: 10px !important; padding: 20px !important; box-sizing: border-box !important; border-radius: 24px !important; } /* imagem ganha espaço com o card maior */ .listagem.aproveite-tambem .listagem-item .imagem-produto { width: 100% !important; height: 230px !important; margin-bottom: 18px !important; } .listagem.aproveite-tambem .listagem-item .imagem-produto img { max-width: 90% !important; max-height: 220px !important; } /* nome */ .listagem.aproveite-tambem .listagem-item .nome-produto { min-height: auto !important; margin-bottom: 12px !important; font-size: 16px !important; line-height: 1.35 !important; } /* preço */ .listagem.aproveite-tambem .listagem-item .preco-produto .preco-promocional { font-size: 22px !important; } .listagem.aproveite-tambem .listagem-item .preco-produto .preco-parcela { margin-top: 4px !important; font-size: 12px !important; line-height: 1.35 !important; } /* botão carrinho */ .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar { width: 100% !important; height: 46px !important; font-size: 0 !important; } .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar::after { font-size: 14px !important; } /* WhatsApp */ .listagem.aproveite-tambem .listagem-item .buy-whatsapp-list, .listagem.aproveite-tambem .listagem-item .buy-whatsapp-list__link { width: 100% !important; max-width: 100% !important; } .listagem.aproveite-tambem .listagem-item .buy-whatsapp-list__link { height: 46px !important; font-size: 14px !important; } } /* ========================================================= 15 — CATEGORIAS — GRADE + CTAs RECONSTRUÍDOS Requer o JS smc-shop-categorias-v3.js ========================================================= */ /* O overlay do card fica atrás dos CTAs reais. */ #listagemProdutos.smc-listagem-categoria .smc-card-categoria { position: relative !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria .produto-sobrepor { z-index: 1 !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria .imagem-produto, #listagemProdutos.smc-listagem-categoria .smc-card-categoria .info-produto, #listagemProdutos.smc-listagem-categoria .smc-card-categoria .smc-card-ctas { position: relative !important; z-index: 5 !important; } /* Favorito — fica no canto superior direito e acima do overlay do produto. */ #listagemProdutos.smc-listagem-categoria .smc-card-categoria .add-fav { position: absolute !important; top: 16px !important; right: 16px !important; bottom: auto !important; left: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; z-index: 60 !important; pointer-events: auto !important; } /* Os blocos nativos ficam ocultos depois que o JS move/recria os CTAs. */ #listagemProdutos.smc-listagem-categoria .smc-acoes-originais-ocultas, #listagemProdutos.smc-listagem-categoria .smc-acoes-responsivas-ocultas { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* Em categorias, somente o CTA WhatsApp criado pelo bloco .smc-card-ctas deve permanecer visivel. Oculta qualquer botao nativo/reinserido pelo tema/plugin. */ #listagemProdutos.smc-listagem-categoria .smc-card-categoria .buy-whatsapp-list, #listagemProdutos.smc-listagem-categoria .smc-card-categoria .buy-whatsapp-list__link { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* O nosso CTA nao usa as classes nativas acima e permanece visivel. */ #listagemProdutos.smc-listagem-categoria .smc-card-categoria .smc-btn-whatsapp { display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } /* ========================================================= DESKTOP — 3 PRODUTOS POR LINHA ========================================================= */ @media (min-width: 992px) { #listagemProdutos.smc-listagem-categoria .listagem-linha > ul { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: stretch !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } #listagemProdutos.smc-listagem-categoria .listagem-linha > ul > li, #listagemProdutos.smc-listagem-categoria .listagem-linha > ul > li.span3, #listagemProdutos.smc-listagem-categoria .listagem-linha > ul > li.span4, #listagemProdutos.smc-listagem-categoria .listagem-linha > ul > li.span6 { display: flex !important; align-items: stretch !important; float: none !important; flex: 0 0 33.333333% !important; width: 33.333333% !important; min-width: 0 !important; max-width: 33.333333% !important; margin: 0 !important; padding: 0 10px 22px !important; box-sizing: border-box !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; width: 100% !important; height: auto !important; min-height: 520px !important; margin: 0 !important; padding: 22px 22px 20px !important; box-sizing: border-box !important; overflow: hidden !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria .imagem-produto { flex: 0 0 230px !important; width: 100% !important; height: 230px !important; min-height: 230px !important; margin: 0 0 16px !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria .imagem-produto img { max-width: 92% !important; max-height: 215px !important; object-fit: contain !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria .info-produto { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria .wrapper-title-product { display: block !important; width: 100% !important; height: auto !important; min-height: 82px !important; max-height: none !important; margin: 0 0 12px !important; padding: 0 !important; overflow: visible !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria .nome-produto { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; color: #1d1d1f !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.35 !important; white-space: normal !important; overflow-wrap: anywhere !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria .preco-produto { width: 100% !important; margin: auto 0 0 !important; padding: 8px 0 0 !important; overflow: visible !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria .preco-produto .preco-promocional { display: block !important; font-size: 21px !important; line-height: 1.2 !important; white-space: nowrap !important; } } /* ========================================================= TABLET — 2 PRODUTOS POR LINHA ========================================================= */ @media (min-width: 768px) and (max-width: 991px) { #listagemProdutos.smc-listagem-categoria .listagem-linha > ul { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; } #listagemProdutos.smc-listagem-categoria .listagem-linha > ul > li, #listagemProdutos.smc-listagem-categoria .listagem-linha > ul > li.span3, #listagemProdutos.smc-listagem-categoria .listagem-linha > ul > li.span4, #listagemProdutos.smc-listagem-categoria .listagem-linha > ul > li.span6 { display: flex !important; float: none !important; flex: 0 0 50% !important; width: 50% !important; max-width: 50% !important; margin: 0 !important; padding: 0 8px 18px !important; box-sizing: border-box !important; } } /* ========================================================= MOBILE — 2 PRODUTOS POR LINHA ========================================================= */ @media (max-width: 767px) { #listagemProdutos.smc-listagem-categoria .listagem-linha > ul { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: stretch !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } #listagemProdutos.smc-listagem-categoria .listagem-linha > ul > li, #listagemProdutos.smc-listagem-categoria .listagem-linha > ul > li.span3, #listagemProdutos.smc-listagem-categoria .listagem-linha > ul > li.span4, #listagemProdutos.smc-listagem-categoria .listagem-linha > ul > li.span6 { display: flex !important; align-items: stretch !important; float: none !important; flex: 0 0 50% !important; width: 50% !important; min-width: 0 !important; max-width: 50% !important; margin: 0 !important; padding: 0 5px 12px !important; box-sizing: border-box !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; width: 100% !important; height: auto !important; min-height: 420px !important; margin: 0 !important; padding: 13px !important; box-sizing: border-box !important; border-radius: 18px !important; overflow: hidden !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria .imagem-produto { flex: 0 0 145px !important; width: 100% !important; height: 145px !important; min-height: 145px !important; margin: 0 0 10px !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria .imagem-produto img { max-width: 94% !important; max-height: 138px !important; object-fit: contain !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria .info-produto { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria .wrapper-title-product { width: 100% !important; height: auto !important; min-height: 64px !important; max-height: none !important; margin: 0 0 8px !important; padding: 0 !important; overflow: visible !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria .nome-produto { width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.32 !important; white-space: normal !important; overflow-wrap: anywhere !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria .preco-produto { width: 100% !important; margin: auto 0 0 !important; padding: 8px 0 0 !important; overflow: visible !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria .preco-produto .preco-promocional, #listagemProdutos.smc-listagem-categoria .smc-card-categoria .preco-produto .preco-venda, #listagemProdutos.smc-listagem-categoria .smc-card-categoria .preco-produto strong.titulo { font-size: 16px !important; line-height: 1.2 !important; white-space: nowrap !important; } #listagemProdutos.smc-listagem-categoria .smc-card-categoria .preco-produto .preco-parcela { margin-top: 4px !important; font-size: 9.5px !important; line-height: 1.3 !important; white-space: normal !important; } } /* ========================================================= CTAs — DESKTOP E MOBILE ========================================================= */ #listagemProdutos.smc-listagem-categoria .smc-card-ctas { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 8px !important; width: 100% !important; height: auto !important; margin: 16px 0 0 !important; padding: 0 !important; box-sizing: border-box !important; overflow: visible !important; pointer-events: auto !important; z-index: 50 !important; } #listagemProdutos.smc-listagem-categoria .smc-card-ctas > a { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; float: none !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box !important; text-decoration: none !important; text-shadow: none !important; box-shadow: none !important; cursor: pointer !important; pointer-events: auto !important; z-index: 51 !important; } #listagemProdutos.smc-listagem-categoria .smc-btn-cart { gap: 9px !important; height: 44px !important; padding: 0 14px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: #0577bd !important; border: 1px solid #0577bd !important; border-radius: 11px !important; } #listagemProdutos.smc-listagem-categoria .smc-btn-cart:hover { background: #0065a6 !important; border-color: #0065a6 !important; } #listagemProdutos.smc-listagem-categoria .smc-btn-cart > i { display: none !important; } #listagemProdutos.smc-listagem-categoria .smc-btn-cart::before { content: "" !important; display: inline-block !important; flex: 0 0 18px !important; width: 18px !important; height: 18px !important; background-color: #ffffff !important; -webkit-mask-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/cart.svg") !important; mask-image: url("https://cdn.awsli.com.br/3077/3077256/arquivos/cart.svg") !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } #listagemProdutos.smc-listagem-categoria .smc-btn-cart .smc-btn-label { display: inline-block !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.1 !important; white-space: nowrap !important; } #listagemProdutos.smc-listagem-categoria .smc-btn-whatsapp { gap: 9px !important; height: 44px !important; padding: 0 14px !important; color: #128c4a !important; -webkit-text-fill-color: #128c4a !important; background: #ffffff !important; border: 1px solid #d7dadd !important; border-radius: 11px !important; } #listagemProdutos.smc-listagem-categoria .smc-btn-whatsapp:hover { color: #0f7d41 !important; -webkit-text-fill-color: #0f7d41 !important; background: #fbfffc !important; border-color: rgba(18, 140, 74, 0.34) !important; } #listagemProdutos.smc-listagem-categoria .smc-btn-whatsapp .whatsapp-ico { display: block !important; flex: 0 0 20px !important; width: 20px !important; min-width: 20px !important; max-width: 20px !important; height: 20px !important; min-height: 20px !important; max-height: 20px !important; margin: 0 !important; color: #16a34a !important; fill: #16a34a !important; } #listagemProdutos.smc-listagem-categoria .smc-btn-whatsapp .whatsapp-ico path { fill: currentColor !important; } #listagemProdutos.smc-listagem-categoria .smc-btn-whatsapp .smc-btn-label { display: inline-block !important; color: inherit !important; -webkit-text-fill-color: inherit !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.1 !important; white-space: nowrap !important; } @media (max-width: 767px) { #listagemProdutos.smc-listagem-categoria .smc-card-ctas { gap: 6px !important; margin-top: 12px !important; } #listagemProdutos.smc-listagem-categoria .smc-btn-cart, #listagemProdutos.smc-listagem-categoria .smc-btn-whatsapp { height: 37px !important; padding: 0 6px !important; border-radius: 9px !important; gap: 5px !important; } #listagemProdutos.smc-listagem-categoria .smc-btn-cart::before { flex-basis: 14px !important; width: 14px !important; height: 14px !important; } #listagemProdutos.smc-listagem-categoria .smc-btn-whatsapp .whatsapp-ico { flex-basis: 15px !important; width: 15px !important; min-width: 15px !important; max-width: 15px !important; height: 15px !important; min-height: 15px !important; max-height: 15px !important; } #listagemProdutos.smc-listagem-categoria .smc-btn-cart .smc-btn-label, #listagemProdutos.smc-listagem-categoria .smc-btn-whatsapp .smc-btn-label { font-size: 10.5px !important; } } /* FIM — SMC SHOP CSS CONSOLIDADO V15.7 */ @media (max-width: 767px) { #listagemProdutos.smc-listagem-categoria .smc-card-categoria .add-fav { top: 13px !important; right: 13px !important; left: auto !important; } } /* FIM - SMC SHOP CSS BASE V16.4 */ /* ========================================================= 16 - BUSCA: LARGURA DO WRAPPER EXTERNO Patch compativel com o editor da Loja Integrada. O JS V4 permanece sem alteracoes. ========================================================= */ #listagemProdutos.smc-listagem-busca { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } #listagemProdutos.smc-listagem-busca > ul { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } #listagemProdutos.smc-listagem-busca > ul > li.listagem-linha { display: block !important; float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } #listagemProdutos.smc-listagem-busca > ul > li.listagem-linha > ul { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* FIM - CORRECAO DA BUSCA V16.6 */ /* Menu mobile: ícones das categorias de produtos em #0577bd */ @media (max-width: 767px) { .menu.superior .nivel-um > li > a > .titulo .icone-menu img { filter: brightness(0) saturate(100%) invert(36%) sepia(39%) saturate(934%) hue-rotate(159deg) brightness(105%) contrast(120%) !important; } }