/* Arame: acabamento comercial seguindo o padrão aprovado em Haste e Barra. */

#arame-trefilado .tor-product-tool-icon--theo{
  position:relative!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  flex:0 0 58px!important;
  overflow:hidden!important;
  padding:0!important;
  border:2px solid var(--hf-orange,#ef7b30)!important;
  border-radius:50%!important;
  background:#171717!important;
}
#arame-trefilado .tor-product-tool-icon--theo img{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:116%!important;
  height:116%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  transform:translate(-48%,-51%)!important;
}

#arame-trefilado .hf-quality-section{
  padding-bottom:18px!important;
}
#arame-trefilado .hf-cta{
  padding-top:18px!important;
}

#arame-trefilado .hf-commercial-icon{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  flex:0 0 64px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:2px solid var(--hf-orange,#ef7b30)!important;
  border-radius:50%!important;
  background:rgba(239,123,48,.12)!important;
  color:var(--hf-orange,#ef7b30)!important;
  line-height:1!important;
}
#arame-trefilado .hf-commercial-icon i{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  font-size:1.25rem!important;
  transform:none!important;
}

@media(max-width:760px){
  #arame-trefilado .tor-product-tool-icon--theo{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    flex-basis:52px!important;
  }
  #arame-trefilado .hf-quality-section{padding-bottom:14px!important}
  #arame-trefilado .hf-cta{padding-top:14px!important}
}