/* Correção da grade de produtos e da página de produto (Nexin, 07/10/2026).
   Colar em: WordPress > Impreza > Opções do Tema > Código personalizado > CSS (ou Personalizar > CSS adicional). */
.w-grid.layout_130 .w-grid-item-h{height:100%}
.w-grid.layout_130 .w-grid-item .usg_vwrapper_1,.owl-carousel .w-grid-item .usg_vwrapper_1{width:100%!important;max-width:340px;height:100%;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
@media (max-width:1380px){.w-grid.layout_130 .w-grid-item .usg_vwrapper_1,.owl-carousel .w-grid-item .usg_vwrapper_1{padding:1.25rem!important}}
.w-grid.layout_130 .usg_post_title_1{overflow-wrap:anywhere}
@media (max-width:1024px){.l-section.width_custom .vc_col-sm-1\/5{width:100%!important}.l-section.width_custom .vc_col-sm-4\/5{width:100%!important}}
.woocommerce-product-gallery,.woocommerce-product-gallery__wrapper{overflow:hidden;max-width:100%}
.woocommerce-product-gallery img.zoomImg{max-width:none}
.l-section .us_custom_f528d6e6,.l-section .us_custom_29ac2ce0,.l-section .us_custom_24465b32{margin-left:0!important;width:auto!important;min-width:0;max-width:100%}
.g-cols.cols_custom[style*="1fr 1fr 4fr"]{--custom-columns:minmax(220px,1fr) minmax(0,2.2fr) minmax(0,1.8fr)!important}
.g-cols.cols_custom[style*="1fr 1fr 4fr"]>.wpb_column{min-width:0}
@media (max-width:1024px){.g-cols.cols_custom[style*="1fr 1fr 4fr"]{--custom-columns:1fr!important;grid-template-columns:1fr!important}.g-cols.cols_custom[style*="1fr 1fr 4fr"]>.wpb_column:first-child{order:3}}

/* ---- Copia estatica (14/10/2026) ---- */
/* Banners do topo do Sobre e do Catalogo trazem o texto DENTRO da imagem.
   Com altura fixa + cover, as laterais eram cortadas e o texto sumia.
   A caixa passa a ter o formato da imagem e a imagem aparece inteira. */
.l-section.us_custom_9fe51972,.l-section.us_custom_fade9bda{height:auto!important;min-height:0!important;aspect-ratio:2000/630;background-size:100% 100%!important;background-repeat:no-repeat!important;background-position:center!important}
.l-section.us_custom_9fe51972>.l-section-h,.l-section.us_custom_fade9bda>.l-section-h{padding:0!important;min-height:0!important}
@media (max-width:430px){.l-section.us_custom_9fe51972,.l-section.us_custom_fade9bda{aspect-ratio:700/430}}

/* Formulario do Contato: a linha do botao passava da largura (rolagem lateral) */
.w-form-row.for_submit{max-width:100%;margin-left:0!important;margin-right:0!important}

/* ---- Listagem de produtos (/produtos/) ----
   Cards de altura igual, imagem no mesmo formato, titulo de no maximo 3
   linhas, botao sempre no pe do card, 2 colunas no celular. */
.w-grid.us_product_list.layout_130 .w-grid-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;margin:0!important;height:auto!important}
.w-grid.us_product_list.layout_130 .w-grid-item{width:auto!important;padding:0!important;margin:0!important;position:static!important;transform:none!important}
.w-grid.us_product_list.layout_130 .w-grid-item.nx-oculto{display:none!important}
.w-grid.layout_130 .w-grid-item-h{height:100%}
.w-grid.layout_130 .usg_vwrapper_1{width:100%!important;max-width:none!important;height:100%;padding:14px!important;border:1px solid #dfe4dc!important;border-radius:12px!important;background:#fff!important;transition:border-color .2s,box-shadow .2s}
.w-grid.layout_130 .w-grid-item:hover .usg_vwrapper_1{border-color:var(--color-content-primary)!important;box-shadow:0 8px 24px rgba(35,31,32,.08)}
.w-grid.layout_130 .usg_post_image_1{background:#fff;border-radius:8px!important;overflow:hidden}
.w-grid.layout_130 .usg_post_image_1 img{object-fit:contain!important;width:100%;height:100%}
.w-grid.layout_130 .usg_post_title_1{font-size:16px!important;line-height:1.3!important;font-weight:700!important;color:#231F20!important;margin:4px 0 0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.w-grid.layout_130 .usg_post_content_1{font-size:13.5px;line-height:1.5;color:#5b6168;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.w-grid.layout_130 .usg_btn_1{margin-top:auto!important;width:100%;justify-content:center;font-size:14px!important}
.nx-contagem{font-size:14px;color:#5b6168;margin:0 0 16px}
@media (min-width:1025px){.w-filter.for_list{position:sticky;top:110px}}
@media (max-width:600px){
  .w-grid.us_product_list.layout_130 .w-grid-list{grid-template-columns:1fr 1fr;gap:12px}
  .w-grid.us_product_list.layout_130 .usg_vwrapper_1{padding:10px!important;--vwrapper-gap:.5rem!important}
  .w-grid.us_product_list.layout_130 .usg_post_title_1{font-size:14px!important}
  .w-grid.us_product_list.layout_130 .usg_post_content_1{display:none}
  .w-grid.us_product_list.layout_130 .usg_btn_1{font-size:13px!important;padding:.6em .5em!important}
}
/* Filtro: no celular e tablet vira uma linha de botoes que rola para o lado */
@media (max-width:1024px){
  .w-filter.for_list .w-filter-list-title,.w-filter.for_list .w-filter-list-closer,.w-filter.for_list .w-filter-list-panel,.w-filter.for_list .w-filter-item-title,.w-filter.for_list .w-filter-item-reset{display:none!important}
  .w-filter.for_list .w-filter-list{position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;background:none!important;padding:0!important;height:auto!important;width:auto!important;box-shadow:none!important}
  .w-filter.for_list .w-filter-item-values{display:flex!important;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}
  .w-filter.for_list .w-filter-item-value{margin:0!important;flex:none}
  .w-filter.for_list .w-filter-item-value label{display:block;white-space:nowrap;border:1px solid #cfd6ca;border-radius:999px;padding:7px 14px;font-size:14px;cursor:pointer}
  .w-filter.for_list .w-filter-item-value input{position:absolute;opacity:0;pointer-events:none}
  .w-filter.for_list .w-filter-item-value:has(input:checked) label{background:var(--color-content-primary);border-color:var(--color-content-primary);color:#fff}
  .w-filter.for_list .w-filter-item-value .w-filter-item-value-label{padding:0!important}
  .w-filter.for_list .w-filter-item-value .w-filter-item-value-label:before{display:none!important}
}

.w-filter.for_list .w-filter-opener{display:none!important}

/* Topo no celular: o botao Fazer Cotacao quebrava em 2 linhas */
@media (max-width:600px){.l-header .ush_btn_1{white-space:nowrap;font-size:13px!important;padding:.7em 1em!important}}

/* "Com quem Trabalhamos" (Sobre e Catalogo): os 3 cards sao posicionados
   em absoluto para o desktop; no celular o 2o e o 3o saiam da tela. */
@media (max-width:767px){
  .l-section .wpb_column.us_custom_47841c96,.l-section .wpb_column.us_custom_2f5b2f6b,.l-section .wpb_column.us_custom_e8a081ab{position:static!important;width:auto!important;height:auto!important;min-height:0!important;left:auto!important;top:auto!important;margin:0 0 14px!important}
  .l-section .wpb_column.us_custom_47841c96 .vc_column-inner,.l-section .wpb_column.us_custom_2f5b2f6b .vc_column-inner,.l-section .wpb_column.us_custom_e8a081ab .vc_column-inner{padding:20px!important}
}
@media (max-width:767px){
  .l-section .w-image.us_custom_c30918f6{position:static!important;margin:10px auto 0!important;left:auto!important;right:auto!important;top:auto!important;max-width:70%;display:block}
  /* texto justificado no celular abria buracos entre as palavras */
  .l-main .wpb_text_column p,.l-main .wpb_text_column .wpb_wrapper{text-align:left!important}
}

/* Carrossel de produtos (home e "Veja Mais"): mesmo card da listagem, alturas iguais */
.w-grid.us_carousel.layout_130 .owl-stage{display:flex}
.w-grid.us_carousel.layout_130 .owl-item{display:flex;height:auto}
.w-grid.us_carousel.layout_130 .owl-item>.w-grid-item{width:100%}
.w-grid.us_carousel.layout_130 .usg_vwrapper_1{max-width:none!important}

/* Acessibilidade: alvo de toque de pelo menos 44 px no celular (havia 17 links menores que 32 px) */
@media (max-width:1024px){
  .w-nav.type_mobile .w-nav-anchor{min-height:44px;display:flex!important;align-items:center}
  .l-footer a,.w-filter.for_list .w-filter-item-value label{min-height:44px;display:inline-flex;align-items:center}
}
/* foco visivel para quem navega pelo teclado */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,label:focus-within{outline:3px solid #231F20;outline-offset:2px}

/* Animacao de entrada lateral deixava a pagina com rolagem para o lado
   (home: 1436 px numa tela de 1366). clip nao quebra o menu fixo. */
html,body{overflow-x:clip}

/* ---- Blog (artigos com estrutura de GEO) ---- */
.nx-blog{background:#fff}
.nx-artigo{max-width:780px;margin:0 auto;padding:40px 20px 64px;color:#333;font-size:17px;line-height:1.7}
.nx-artigo h1{font-size:clamp(28px,4vw,40px);line-height:1.2;color:#231F20;margin:6px 0 10px}
.nx-artigo h2{font-size:clamp(22px,2.6vw,28px);line-height:1.3;color:#231F20;margin:40px 0 12px}
.nx-artigo a{color:#5F7D27;text-decoration:underline}
.nx-migalhas{font-size:14px;color:#5b6168;margin-bottom:18px}
.nx-migalhas a{color:#5b6168;text-decoration:none}
.nx-migalhas span{margin:0 4px}
.nx-cat{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5F7D27;margin:0}
.nx-meta{font-size:14px;color:#5b6168;margin:0 0 24px}
.nx-resposta{background:#f3f7ea;border-left:5px solid #88B626;border-radius:8px;padding:18px 22px;margin:0 0 28px}
.nx-resposta p{margin:0}
.nx-resposta-rotulo{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#5F7D27;margin-bottom:6px!important}
.nx-capa{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin:0 0 8px}
.nx-tabela{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px;display:block;overflow-x:auto}
.nx-tabela th,.nx-tabela td{border:1px solid #dfe4dc;padding:10px 12px;text-align:left;vertical-align:top}
.nx-tabela th{background:#231F20;color:#fff;font-weight:600}
.nx-tabela tbody tr:nth-child(even){background:#f7f8f6}
.nx-nota{font-size:14px;color:#5b6168;background:#f7f8f6;border-radius:8px;padding:10px 14px}
.nx-faq-item{border:1px solid #dfe4dc;border-radius:10px;padding:0 16px;margin:10px 0}
.nx-faq-item summary{cursor:pointer;font-weight:600;color:#231F20;padding:14px 0;min-height:44px}
.nx-faq-item p{margin:0 0 14px}
.nx-fontes ol{font-size:14px;color:#5b6168;padding-left:20px}
.nx-download{display:inline-block;background:#231F20;color:#fff!important;text-decoration:none!important;padding:12px 18px;border-radius:8px;font-weight:600}
.nx-cta{margin-top:40px;padding:24px;border-radius:12px;background:#231F20;color:#fff;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.nx-cta p{margin:0}
.nx-cta .w-btn{text-decoration:none!important}
.nx-blog-topo{max-width:1200px;margin:0 auto;padding:48px 20px 8px;text-align:center}
.nx-blog-topo h1{color:#231F20;margin:0 0 8px}
.nx-cards{max-width:1200px;margin:0 auto;padding:24px 20px 64px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.nx-card{display:flex;flex-direction:column;border:1px solid #dfe4dc;border-radius:12px;overflow:hidden;color:#333!important;text-decoration:none!important;background:#fff;transition:border-color .2s,box-shadow .2s}
.nx-card:hover{border-color:#88B626;box-shadow:0 8px 24px rgba(35,31,32,.08)}
.nx-card img{width:100%;aspect-ratio:16/9;object-fit:cover;height:auto}
.nx-card .nx-cat{margin:16px 18px 0}
.nx-card h2{font-size:20px;line-height:1.3;color:#231F20;margin:6px 18px 8px}
.nx-card p{font-size:15px;color:#5b6168;margin:0 18px 12px}
.nx-card .nx-mais{margin:auto 18px 18px;font-weight:700;color:#5F7D27}
/* o tema afasta a 1a secao do cabecalho fixo; o blog nao usa secao do tema */
.header_hor .l-header.pos_fixed~.l-main.nx-blog{padding-top:var(--header-height,100px)}
.nx-artigo{padding-top:24px}
.nx-blog-topo{padding-top:32px}

/* Banners do Sobre e do Catalogo (correcao 2): o banner comecava por baixo do
   cabecalho fixo e o texto da imagem ficava colado no topo. Agora comeca
   abaixo do cabecalho, com respiro em cima na mesma cor escura da imagem,
   e a imagem aparece inteira, alinhada embaixo. */
.l-section.us_custom_9fe51972,.l-section.us_custom_fade9bda{aspect-ratio:auto!important;margin-top:var(--header-height,100px)!important;height:calc(100vw * 630 / 2000)!important;background-color:#2b2a30!important;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important}
@media (max-width:430px){.l-section.us_custom_9fe51972,.l-section.us_custom_fade9bda{height:calc(100vw * 430 / 700)!important}}

/* "Com quem Trabalhamos" em todas as larguras: cards lado a lado em grade
   (eram posicionados em absoluto e o 3o ficava embaixo do logo) e o logo
   centralizado abaixo deles, num tamanho discreto. */
.l-section .g-cols.wpb_row:has(>.us_custom_47841c96){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:16px 0 0!important}
.l-section .wpb_column.us_custom_47841c96,.l-section .wpb_column.us_custom_2f5b2f6b,.l-section .wpb_column.us_custom_e8a081ab{position:static!important;width:auto!important;height:auto!important;min-height:200px!important;left:auto!important;top:auto!important;margin:0!important}
.l-section .wpb_column.us_custom_47841c96 .vc_column-inner,.l-section .wpb_column.us_custom_2f5b2f6b .vc_column-inner,.l-section .wpb_column.us_custom_e8a081ab .vc_column-inner{padding:20px 16px!important}
.l-section .w-image.us_custom_c30918f6{position:static!important;left:auto!important;right:auto!important;top:auto!important;margin:28px auto 0!important;max-width:240px;display:block}
@media (max-width:767px){
  .l-section .g-cols.wpb_row:has(>.us_custom_47841c96){grid-template-columns:1fr!important}
  .l-section .wpb_column.us_custom_47841c96,.l-section .wpb_column.us_custom_2f5b2f6b,.l-section .wpb_column.us_custom_e8a081ab{min-height:0!important}
  .l-section .w-image.us_custom_c30918f6{max-width:200px}
}

/* Blog: o topo da pagina e branco, entao o cabecalho fica sempre solido
   (no modo transparente o logo e o menu eram brancos e sumiam) */
body.nx-pagina-blog{--color-header-transparent-bg:#fff;--color-header-transparent-bg-grad:#fff;--color-header-transparent-text:#333}
body.nx-pagina-blog .l-header.bg_transparent .w-image.with_transparent .w-image-h>img:first-child{display:block!important;opacity:1!important}
body.nx-pagina-blog .l-header.bg_transparent .w-image.with_transparent .w-image-h>img:last-child{display:none!important}
body.nx-pagina-blog .l-header.bg_transparent{box-shadow:0 1px 0 rgba(0,0,0,.08)}