/* PetSea — adaptação da nova assinatura horizontal */
.brand{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex:0 0 auto;
  width:190px;
  height:72px;
  overflow:visible;
}

.brand img{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  border-radius:0!important;
}

/* O cabeçalho é parte fixa da identidade visual da PetSea e permanece escuro em ambos os temas. */
.site-header{
  background:rgba(7,19,23,.94)!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
  color:#eff9fa!important;
}
.site-header .nav-links a{color:#eff9fa!important}
.site-header .menu-toggle span{background:#eff9fa!important}
.site-header .theme-toggle{
  background:#0a1a1f!important;
  color:#eff9fa!important;
  border-color:#24434a!important;
  box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
}
.site-header .theme-toggle:hover{border-color:#20d0db!important}

.footer-brand img{
  display:block;
  width:min(220px,100%)!important;
  height:auto!important;
  max-height:92px;
  object-fit:contain!important;
  object-position:left center!important;
  border-radius:0!important;
  margin-bottom:14px;
}

@media (min-width:981px) and (max-width:1220px){
  .brand{width:150px;height:68px}
  .nav{gap:18px}
  .nav-links{gap:18px;font-size:13px}
}

@media (max-width:980px){
  .brand{width:170px;height:64px}
  .site-header .nav-links{
    background:#071317!important;
    border-bottom-color:#1b383f!important;
  }
}

@media (max-width:650px){
  .brand{width:145px;height:58px}
  .footer-brand img{width:min(210px,78vw)!important;max-height:86px}
}

@media (max-width:390px){
  .brand{width:132px;height:54px}
}