/* V145 — substituição do monograma DJ pelo monograma R aprovado.
   Escopo: marca do cabeçalho das páginas principais e do Desenrola Direito.
   O nome e a assinatura permanecem em HTML para máxima nitidez e responsividade. */

:root{
  --destrava-monograma-r:url("/assets/monograma-r-v145.webp");
}

/* Neutraliza eventual logo horizontal antigo da V139 e preserva o texto atual. */
.site-brand{
  background-image:none!important;
  background-color:transparent!important;
  gap:16px!important;
}

.site-brand__mark{
  position:static!important;
  display:block!important;
  width:78px!important;
  height:78px!important;
  flex:0 0 78px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  clip:auto!important;
  clip-path:none!important;
  white-space:normal!important;
  border:0!important;
  border-radius:50%!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background-color:#4b0d17!important;
  background-image:var(--destrava-monograma-r)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  box-shadow:
    0 0 0 1px rgba(216,169,81,.82),
    0 6px 18px rgba(0,0,0,.22)!important;
}

.site-brand__copy{
  position:static!important;
  display:flex!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  flex-direction:column!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  white-space:normal!important;
  border:0!important;
}

/* Cabeçalho próprio do Desenrola Direito. */
.brand{
  background-image:none!important;
}

.brand-mark{
  display:block!important;
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:50%!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background-color:#4b0d17!important;
  background-image:var(--destrava-monograma-r)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  box-shadow:
    0 0 0 1px rgba(184,148,69,.75),
    0 4px 12px rgba(0,0,0,.16)!important;
}

@media(max-width:1640px){
  .site-brand__mark{
    width:70px!important;
    height:70px!important;
    flex-basis:70px!important;
  }
}

@media(max-width:600px){
  .site-brand{
    gap:11px!important;
  }

  .site-brand__mark{
    width:56px!important;
    height:56px!important;
    flex-basis:56px!important;
  }

  .brand-mark{
    width:43px!important;
    height:43px!important;
    flex-basis:43px!important;
  }
}

@media(max-width:390px){
  .site-brand__mark{
    width:50px!important;
    height:50px!important;
    flex-basis:50px!important;
  }
}