/* Fundo da seção de público: cubos oficiais, com o centro livre para leitura. */
#para-voce{isolation:isolate;overflow:hidden;background:var(--ivory)}
#para-voce::before,#para-voce::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
}
#para-voce::before{
  background:linear-gradient(150deg,
    rgba(196,172,72,.12) 0 21%,transparent 21% 70%,
    rgba(196,172,72,.10) 70% 87%,transparent 87%);
}
#para-voce::after{
  background:url("/assets/pattern-cubos-verde.svg") center/180px auto repeat;
  opacity:.095;
  -webkit-mask-image:linear-gradient(110deg,#000,transparent 38%,transparent 62%,#000);
  mask-image:linear-gradient(110deg,#000,transparent 38%,transparent 62%,#000);
}
#para-voce > .wrap{position:relative;z-index:1}
#para-voce .audience-card.yes{position:relative;isolation:isolate;overflow:hidden}
#para-voce .audience-card.yes::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:url("/assets/pattern-cubos-dourado.svg") right bottom/150px auto repeat;
  opacity:.14;
  -webkit-mask-image:linear-gradient(130deg,transparent 28%,#000);
  mask-image:linear-gradient(130deg,transparent 28%,#000);
}
#para-voce .audience-card.yes > *{position:relative;z-index:1}
@media(max-width:760px){
  #para-voce::before{
    background:linear-gradient(150deg,rgba(196,172,72,.12) 0 16%,transparent 16% 76%,rgba(196,172,72,.10) 76%);
  }
  #para-voce::after{background-size:140px auto;opacity:.075}
  #para-voce .audience-card.yes::before{background-size:125px auto;opacity:.12}
}