/* Rifinha do Bem — preco cinematografico aprovado */
#preco{
  position:relative;
  overflow:hidden;
  padding:0!important;
  min-height:clamp(610px,56.25vw,930px);
  background:#022d20 url("rifinha-preco-background.png") center center/cover no-repeat!important;
  border-top:1px solid rgba(230,184,54,.35);
  border-bottom:1px solid rgba(230,184,54,.35);
}
#preco>.wrap{
  position:relative;
  width:100%;
  max-width:none;
  min-height:clamp(610px,56.25vw,930px);
  margin:0;
}
#preco>.wrap>.eyebrow,
#preco>.wrap>h2,
#preco .pricebox>div:first-child,
#preco .price small,
#preco .price strong,
#preco .price span{display:none!important}
#preco .pricebox{
  position:absolute;
  inset:0;
  display:block!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  pointer-events:none;
}
#preco .price{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  text-align:center;
  pointer-events:none;
}
#preco .price .js-buy{
  display:block!important;
  position:absolute!important;
  left:68.8%!important;
  top:78%!important;
  transform:translate(-50%,-50%)!important;
  width:30%!important;
  max-width:none!important;
  height:13%!important;
  min-height:72px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:22px!important;
  box-shadow:none!important;
  color:transparent!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  z-index:50!important;
  opacity:.01!important;
}
#preco .price .js-buy:hover,
#preco .price .js-buy:focus{
  background:rgba(255,255,255,.01)!important;
  outline:none!important;
}
@media(max-width:800px){
  #preco{
    min-height:0!important;
    height:61vw!important;
    max-height:425px!important;
    background-size:auto 135%!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
  #preco>.wrap{
    min-height:0!important;
    height:100%!important;
    position:absolute!important;
    inset:0!important;
  }
  #preco .price{inset:0!important;width:100%!important;height:100%!important}
  #preco .price .js-buy{
    left:76%!important;
    top:88%!important;
    width:43%!important;
    height:18%!important;
    min-height:47px!important;
  }
}