/*
 * Expresso Rio V20.4 — cabeçalho editorial de proporções exatas
 * Reproduz a geometria da referência sem copiar marca, links ou ativos externos.
 */
:root{
  --er-header-blue:#173f70;
  --er-header-blue-dark:#102d50;
  --er-header-accent:#0f4cda;
  --er-header-container:1280px;
}

.er-site-header--poder{
  width:100%;
  height:85px!important;
  min-height:85px!important;
  border-top:6px solid #303947!important;
  border-bottom:0!important;
  background:#fff!important;
  box-shadow:none!important;
  position:relative;
  z-index:900;
}
.er-site-header--poder .er-newsbar,
.er-site-header--poder .er-newsbar__inner,
.er-site-header--poder .er-poderbar,
.er-site-header--poder .er-poderbar__inner{
  height:79px!important;
  min-height:79px!important;
  background:#fff!important;
}
.er-site-header--poder .er-newsbar__inner{
  width:min(var(--er-header-container),calc(100% - 40px))!important;
  max-width:var(--er-header-container)!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}
.er-newsbar__column{
  height:79px!important;
  min-height:79px!important;
  display:flex!important;
  align-items:center!important;
}
.er-newsbar__column--brand{
  flex:0 0 auto!important;
  gap:0!important;
}
.er-newsbar__logo,
.er-poderbar__logo{
  width:165px!important;
  min-width:165px!important;
  max-width:165px!important;
  height:49px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.er-newsbar__logo .custom-logo-link{
  width:165px!important;
  height:49px!important;
  display:flex!important;
  align-items:center!important;
}
.er-newsbar__logo img,
.er-newsbar__logo .custom-logo,
.er-poderbar__logo img,
.er-poderbar__logo .custom-logo{
  display:block!important;
  width:165px!important;
  min-width:165px!important;
  max-width:165px!important;
  height:49px!important;
  min-height:49px!important;
  max-height:49px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
/* Na referência, “Só texto” não ocupa espaço no desktop. */
.er-site-header--poder .er-text-mode{display:none!important}

.er-newsbar__column--actions{
  flex:0 0 auto!important;
  height:79px!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
.er-newsbar__support,
.er-poderbar__support{
  height:32px!important;
  min-height:32px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:6px!important;
  background:var(--er-header-accent)!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-family:Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.er-newsbar__support:hover,
.er-newsbar__support:focus-visible{filter:brightness(.92)}
.er-newsbar__support-mobile{display:none!important}

/* Login existe no portal, porém não aparece no recorte desktop da referência. */
.er-newsbar__login{display:none!important}

.er-newsbar__social,
.er-poderbar__social{
  height:32px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin-left:10px!important;
  position:relative!important;
}
.er-newsbar__social .er-poderbar__social-link,
.er-newsbar__social .er-poderbar__more{
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  padding:0!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.er-newsbar__social .er-poderbar__social-link{
  border:0!important;
  background:var(--er-header-blue)!important;
  color:#fff!important;
}
.er-newsbar__social .er-poderbar__more{
  border:1px solid #8da0b5!important;
  background:#fff!important;
  color:var(--er-header-blue)!important;
  font-family:Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:1px!important;
}
.er-newsbar__social .er-poderbar__social-link svg{
  width:14px!important;
  height:14px!important;
  max-width:14px!important;
  max-height:14px!important;
  fill:currentColor!important;
}
.er-newsbar__social .er-poderbar__social-link:hover,
.er-newsbar__social .er-poderbar__social-link:focus-visible{
  background:var(--er-header-accent)!important;
  transform:none!important;
}
.er-newsbar__social .er-poderbar__more-list{
  top:39px!important;
  right:0!important;
  z-index:999!important;
}

.er-newsbar__menu,
.er-menu-toggle{
  width:146px!important;
  min-width:146px!important;
  height:79px!important;
  min-height:79px!important;
  margin:0 0 0 27px!important;
  padding:0 0 0 28px!important;
  border:0!important;
  border-left:1px solid #edf0f4!important;
  border-radius:0!important;
  background:#fff!important;
  color:var(--er-header-blue)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:24px!important;
  box-shadow:none!important;
  text-transform:uppercase!important;
}
.er-newsbar__menu:hover,
.er-newsbar__menu:focus-visible{
  background:#f8fafc!important;
  color:var(--er-header-accent)!important;
}
.er-newsbar__menu span:first-child,
.er-menu-toggle span:first-child{
  width:24px!important;
  height:2px!important;
  min-width:24px!important;
  display:block!important;
  background:currentColor!important;
  box-shadow:0 9px 0 currentColor,0 -9px 0 currentColor!important;
}
.er-newsbar__menu span:nth-child(2),
.er-newsbar__menu span:nth-child(3){display:none!important}
.er-newsbar__menu b{
  display:block!important;
  margin:0!important;
  font-family:Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
}

@media (max-width:1100px){
  .er-site-header--poder .er-newsbar__inner{width:min(100% - 28px,var(--er-header-container))!important}
  .er-newsbar__support{font-size:12px!important;padding-inline:12px!important}
  .er-newsbar__social{margin-left:2px!important}
  .er-newsbar__menu{width:110px!important;min-width:110px!important;margin-left:12px!important;padding-left:20px!important;gap:16px!important}
}

@media (max-width:820px){
  .er-newsbar__support{display:none!important}
  .er-newsbar__column--actions{gap:6px!important}
  .er-newsbar__menu{margin-left:8px!important}
}

@media (max-width:640px){
  .er-site-header--poder{
    height:75px!important;
    min-height:75px!important;
    border-top-width:5px!important;
  }
  .er-site-header--poder .er-newsbar,
  .er-site-header--poder .er-newsbar__inner,
  .er-newsbar__column{
    height:70px!important;
    min-height:70px!important;
  }
  .er-site-header--poder .er-newsbar__inner{
    width:calc(100% - 28px)!important;
    gap:12px!important;
  }
  .er-newsbar__logo,
  .er-poderbar__logo,
  .er-newsbar__logo .custom-logo-link{
    width:min(165px,55vw)!important;
    min-width:0!important;
    max-width:min(165px,55vw)!important;
    height:44px!important;
  }
  .er-newsbar__logo img,
  .er-newsbar__logo .custom-logo,
  .er-poderbar__logo img,
  .er-poderbar__logo .custom-logo{
    width:min(165px,55vw)!important;
    min-width:0!important;
    max-width:min(165px,55vw)!important;
    height:44px!important;
    min-height:0!important;
    max-height:44px!important;
  }
  .er-newsbar__social{display:none!important}
  .er-newsbar__menu{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #dbe3ec!important;
    border-radius:4px!important;
    justify-content:center!important;
    gap:0!important;
  }
  .er-newsbar__menu b{display:none!important}
  .er-newsbar__menu span:first-child{width:24px!important;min-width:24px!important}
}