/* Biblioteca visual oficial Circulê — lote 01.
   Os tokens centralizam caminhos e evitam duplicar URLs pelas telas. */
:root{
  --circule-bg-operacoes:url("../system/backgrounds/bg_operacoes_soft.webp");
  --circule-bg-radio:url("../system/backgrounds/bg_radio_brand.webp");
  --circule-bg-midias:url("../system/backgrounds/bg_midias_header.webp");
  --circule-pattern-soft:url("../system/patterns/pattern_circule_soft.png");
  --circule-asset-cream:#fffaf3;
  --circule-asset-pink:#ef4f8f;
  --circule-asset-sky:#69b7ee;
  --circule-asset-lilac:#9b73ce;
}

.circule-bg-operacoes{
  background-color:var(--circule-asset-cream);
  background-image:var(--circule-bg-operacoes);
  background-position:center top;
  background-repeat:no-repeat;
  background-size:cover;
}

body.circule-operacoes-bg{
  background-color:var(--circule-asset-cream) !important;
  background-image:var(--circule-bg-operacoes) !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-attachment:fixed !important;
}

.circule-bg-radio{
  background-color:#f9dbe6;
  background-image:var(--circule-bg-radio);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}

.circule-bg-midias{
  background-color:var(--circule-asset-cream);
  background-image:var(--circule-bg-midias);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}

.circule-pattern-soft{
  background-image:var(--circule-pattern-soft);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}

.circule-pattern-soft-pseudo::before{
  background-image:var(--circule-pattern-soft);
}

@media(max-width:640px){
  .circule-bg-operacoes{background-position:48% top}
  body.circule-operacoes-bg{background-position:48% top !important;background-attachment:scroll !important}
  .circule-bg-radio{background-position:50% 42%}
  .circule-bg-midias{background-position:44% center}
}