/* origem: site/0108.css */
/* SOURCE: /assets/refactor-v943/css/site/0297.css */
/*
 * Força a Barra 1 acima do cabeçalho em qualquer redimensionamento de tablet.
 * A posição fixed elimina qualquer inversão causada por sticky, ordem flex/grid
 * ou scripts antigos. No mobile a barra continua totalmente oculta.
 */
@media (min-width:769px) and (max-width:1100px){
  html body.pc .topbar.spb-topbar-rendered,
  html body.pc .topbar.spb-tb1,
  html body.pc .topbar[data-topbar-model="completo"]{
    display:block!important;
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    z-index:2147483646!important;
    width:100vw!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }

  /* Reserva o espaço real da barra e mantém o cabeçalho logo abaixo. */
  html body.pc header.head{
    position:sticky!important;
    top:42px!important;
    z-index:2147483000!important;
    margin-top:42px!important;
    transform:none!important;
    translate:none!important;
  }

  html body.pc .topbar.spb-tb1 .spb-tb1__inner{
    width:100%!important;
    max-width:100%!important;
    height:42px!important;
    min-height:42px!important;
    margin:0 auto!important;
    padding:0 15px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  html body.pc .topbar.spb-tb1 .spb-tb1__inner::-webkit-scrollbar{display:none!important}
}

/* Cabeçalho colorido: Barra 1 quase branca, mantendo informações na cor primária. */
html body.pc:has(header.head.spb-header-bg-colored) .topbar.spb-tb1,
html body.pc.spb-v408-header-colored .topbar.spb-tb1,
html body.pc.spb-v409-header-colored .topbar.spb-tb1{
  background:#fcfdff!important;
  background-color:#fcfdff!important;
  color:var(--spb-page-accent,var(--spb-primary,var(--green,#1462c8)))!important;
  border-top:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--spb-page-accent,var(--spb-primary,var(--green,#1462c8))) 8%,#fff)!important;
  box-shadow:none!important;
}
html body.pc:has(header.head.spb-header-bg-colored) .topbar.spb-tb1 a,
html body.pc:has(header.head.spb-header-bg-colored) .topbar.spb-tb1 i,
html body.pc:has(header.head.spb-header-bg-colored) .topbar.spb-tb1 svg,
html body.pc:has(header.head.spb-header-bg-colored) .topbar.spb-tb1 svg *,
html body.pc.spb-v409-header-colored .topbar.spb-tb1 a,
html body.pc.spb-v409-header-colored .topbar.spb-tb1 i,
html body.pc.spb-v409-header-colored .topbar.spb-tb1 svg,
html body.pc.spb-v409-header-colored .topbar.spb-tb1 svg *{
  color:var(--spb-page-accent,var(--spb-primary,var(--green,#1462c8)))!important;
  fill:currentColor!important;
  stroke:currentColor!important;
  -webkit-text-fill-color:currentColor!important;
}
html body.pc:has(header.head.spb-header-bg-colored) .topbar.spb-tb1 .spb-tb1__social>a,
html body.pc:has(header.head.spb-header-bg-colored) .topbar.spb-tb1 .spb-tb1__menu>a,
html body.pc:has(header.head.spb-header-bg-colored) .topbar.spb-tb1 .spb-tb1__date-left,
html body.pc.spb-v409-header-colored .topbar.spb-tb1 .spb-tb1__social>a,
html body.pc.spb-v409-header-colored .topbar.spb-tb1 .spb-tb1__menu>a,
html body.pc.spb-v409-header-colored .topbar.spb-tb1 .spb-tb1__date-left{
  background:transparent!important;
  border-color:color-mix(in srgb,var(--spb-page-accent,var(--spb-primary,var(--green,#1462c8))) 10%,transparent)!important;
}

/* Mobile: nenhuma barra superior e nenhum espaço reservado. */
@media (max-width:768px){
  html body.pc .topbar.spb-topbar-rendered,
  html body.pc .topbar.spb-tb1,
  html body.pc .topbar[data-topbar-model="completo"]{
    display:none!important;
    position:static!important;
    inset:auto!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  html body.pc header.head{top:0!important;margin-top:0!important}
}