/* Camada responsiva global — carregada por último */
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
img,video,iframe,object,embed{max-width:100%}
img{height:auto}
input,select,textarea,button{max-width:100%;box-sizing:border-box}
.as-container{width:min(1180px,calc(100% - 36px))}

@media(max-width:800px){
  body{min-width:0}
  #site,#meio,#conteudo,.conteudo{max-width:100%}
  #meio{width:100%;padding-left:12px;padding-right:12px;box-sizing:border-box}
  #conteudo{width:100%;margin:30px 0;padding:0 14px;box-sizing:border-box}

  /* O cabeçalho atual substitui os dois cabeçalhos legados. */
  #deskk,#mobbi,.buscamobi,.frtgra{display:none!important}
  .as-site-header{display:block!important}
  .as-header-grid{min-width:0}
  .as-header-logo{max-width:58vw}
  .as-header-search input{font-size:16px!important}
  .as-main-nav{width:100%}

  /* Catálogos, listas e blocos promocionais antigos. */
  .affiliate-products,.gclist,.list-produtos,.produtos{max-width:100%}
  .affiliate-products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0!important;padding:0!important}
  .affiliate-products li{width:auto!important;margin:0!important;min-width:0}
  .affiliate-products a{display:block;max-width:100%;overflow-wrap:anywhere}
  .affiliate-products img{display:block;width:100%!important;height:130px!important;object-fit:contain;margin:0 auto 10px}
  .affiliate-products p{font-size:24px!important}
  .boxProduto{width:48%;margin:0 1% 24px;min-width:0}
  .boxProduto img{max-width:100%;object-fit:contain}
  .TagCloud{width:100%!important;max-width:100%}
  #banner{width:100%!important;height:auto!important}

  /* Conteúdo editorial e formulários. */
  .postntc img,.noticias img,.descr img{max-width:100%!important;width:auto;height:auto}
  .postntc,.descr,.noticias{max-width:100%;overflow-wrap:anywhere}
  div.form,div.form form,.ped-senh .form{width:100%!important;max-width:100%;box-sizing:border-box}
  div.form input,div.form select,div.form textarea{max-width:100%;font-size:16px}
  .newslett form{align-items:stretch}
  .newslett form input,.newslett form button{width:100%!important;max-width:none}

  /* Produto e modal de captação. */
  .detalhe,.detalhe .nome,.detalhe .foto,.detalhe .desc,.detalhe .info{max-width:100%;box-sizing:border-box}
  .detalhe .foto .img{height:auto!important;min-height:280px}
  .detalhe .foto .img img{max-height:420px!important}
  .as-lead-modal{padding:10px}
  .as-lead-card{max-height:calc(100dvh - 20px);overflow-y:auto;border-radius:13px}
  .as-lead-card h2{font-size:23px;line-height:1.15}

  /* Rodapé e botões flutuantes. */
  footer .menufoof,footer .preft{width:calc(100% - 28px)!important;margin-left:auto!important;margin-right:auto!important}
  footer .foot{width:100%!important;max-width:100%}
  footer .foot img{max-width:100%;height:auto}
  a[style*="position:fixed"] img.img-zoom{width:58px!important;height:58px!important}
  .grecaptcha-badge{transform:scale(.82);transform-origin:100% 100%}
}

@media(max-width:600px){
  .as-container{width:calc(100% - 24px)}
  .as-header-logo{width:180px;max-width:65vw}
  .as-header-logo img{height:46px}
  .as-header-note{line-height:1.4}
  .as-hero h1{font-size:38px;line-height:1.05}
  .as-hero p{font-size:16px}
  .as-btn{width:100%}
  .as-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

  .boxProduto{width:100%!important;margin:0 0 25px!important}
  .affiliate-products{grid-template-columns:1fr}
  .affiliate-products img{height:160px!important}

  /* Tabelas que não possuem versão em cards continuam acessíveis por rolagem. */
  .table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  table:not(.tot){max-width:100%}

  .paginacao,.paginacao ul{max-width:100%;float:none!important;margin:22px auto!important;text-align:center}
  .paginacao li{display:inline-block;float:none}
  .copyright{padding-left:14px!important;padding-right:14px!important;line-height:1.5}
}

@media(max-width:380px){
  .as-header-logo{width:155px}
  .as-menu-toggle{width:43px}
  .as-brand-grid{grid-template-columns:1fr}
  .as-lead-card{padding:20px 16px}
}
