/* RESPONSIVE */
@media(max-width:1100px){
  .hin,.lshi,.manin,.pinin,.conin{grid-template-columns:1fr;gap:36px}
  .fg{grid-template-columns:1fr 1fr;gap:22px}
  .ng{grid-template-columns:repeat(2,1fr)}
  .dg{grid-template-columns:repeat(2,1fr)}
  .perfg{grid-template-columns:repeat(2,1fr)}
  .rg{grid-template-columns:repeat(2,1fr)}
  .rg2{grid-template-columns:1fr}
  .aval-header{grid-template-columns:1fr;gap:16px}
  .tbar-logo,.tbar-est{display:none}
}
@media(max-width:768px){
  .nav-links,.nac .bgc{display:none}.ham{display:flex}.tbb{display:none}
  .pe{grid-template-columns:1fr}.peimg,.pesp{display:none}
  .perfg{grid-template-columns:1fr}
  .fg{grid-template-columns:1fr;gap:20px}
  .ng{grid-template-columns:1fr 1fr}
  .pimo{display:none}
  .prodh{grid-template-columns:1fr;gap:13px}
  .swg{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}
  .rg{grid-template-columns:1fr}
  .pdfbar-in{justify-content:center;text-align:center}
}
@media(max-width:480px){
  .hmt{grid-template-columns:1fr 1fr}
  .ng{grid-template-columns:1fr 1fr}
}

/* Ajustes responsivos complementares: manter abaixo de 380px sem overflow horizontal. */
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:380px){
  .btn{white-space:normal;text-align:center;justify-content:center}
  .hbt,.nac,.pc-actions,.acor-color-quick{width:100%}
  .acor-color-btn,.calc-mode-btn,.calc-mt-btn{white-space:normal}
}