/* Identidade Cia. Amoras — arte final transparente sem painéis isolados.
   A marca é a imagem integral (máscara + CIA. AMORAS), com slogan independente. */
.site-header {height:116px}
.site-header .official-logo-header {
  align-self:stretch;display:flex;flex:0 0 234px;flex-direction:column;
  align-items:center;justify-content:center;width:234px;min-width:234px;
  gap:2px;padding:5px 0;background:transparent;color:#38241B;
}
.site-header .official-logo-header .official-brand-image {
  display:block;width:230px;max-width:100%;height:auto;max-height:none;
  object-fit:contain;background:transparent!important;box-shadow:none!important;
  border:0;border-radius:0;
}
.site-header .official-logo-header .logo-sub {
  display:block;margin:0;width:100%;text-align:center;white-space:nowrap;
  color:#486449;font:700 11px/1.3 'DM Sans',sans-serif;
  letter-spacing:.035em;text-transform:none;
}
/* Rodapé: faixa contínua clara, sem caixa ou cartão atrás do logotipo;
   mantém o contraste das letras marrons sem alterar a marca original. */
.site-footer .footer-bottom {
  position:relative;isolation:isolate;align-items:center;
  border:0;padding:31px 0 34px;
}
.site-footer .footer-bottom::before {
  content:"";position:absolute;inset:0 calc(50% - 50vw);
  background:#F8F1E7;border-top:1px solid #E7D8C7;z-index:-1;
}
.footer-bottom .official-logo-footer {
  display:flex!important;align-items:center;justify-content:center;
  width:274px;max-width:100%;padding:0;margin:0;line-height:0;
  background:transparent!important;box-shadow:none!important;
  border:0;border-radius:0;
}
.footer-bottom .official-logo-footer .official-brand-image {
  display:block;width:100%;max-width:274px;height:auto;object-fit:contain;
  background:transparent!important;box-shadow:none!important;filter:none;
}
.site-footer .footer-bottom p.brand-tagline {
  width:274px;max-width:100%;margin:3px 0 0;text-align:center;
  color:#486449;font:700 14px/1.4 'DM Sans',sans-serif;
  letter-spacing:.045em;
}
.site-footer .footer-bottom nav a {color:#513B33;font-weight:600}
.site-footer .footer-bottom nav a:hover {color:#8E4C2F}
@media(max-width:1180px) and (min-width:921px){
  .site-header {height:108px}
  .site-header .official-logo-header {flex-basis:212px;width:212px;min-width:212px}
  .site-header .official-logo-header .official-brand-image {width:208px}
  .site-header .official-logo-header .logo-sub {font-size:10px}
}
@media(max-width:920px){
  .site-header {height:106px}
  .site-header .official-logo-header {flex-basis:210px;width:210px;min-width:210px}
  .site-header .official-logo-header .official-brand-image {width:207px}
  .site-header .official-logo-header .logo-sub {font-size:10px}
  .mobile-nav {top:135px}
}
@media(max-width:640px){
  .site-header {height:93px}
  .site-header .official-logo-header {
    flex-basis:178px;width:178px;min-width:178px;gap:2px;padding:4px 0;
  }
  .site-header .official-logo-header .official-brand-image {width:175px}
  .site-header .official-logo-header .logo-sub {font-size:9px;letter-spacing:.015em}
  .mobile-nav {top:122px}
  .site-footer .footer-bottom {display:block;padding:32px 0}
  .footer-bottom .official-logo-footer {width:245px}
  .footer-bottom .official-logo-footer .official-brand-image {max-width:245px}
  .site-footer .footer-bottom p.brand-tagline {
    width:245px;font-size:12.5px;margin-top:4px;letter-spacing:.035em
  }
  .site-footer .footer-bottom nav {margin-top:29px}
}
@media(max-width:350px){
  .site-header {height:89px}
  .site-header .official-logo-header {
    flex-basis:157px;width:157px;min-width:157px;
  }
  .site-header .official-logo-header .official-brand-image {width:155px}
  .site-header .official-logo-header .logo-sub {font-size:8.3px}
  .mobile-nav {top:118px}
}