/* MASTER PURE — harmonização da logo (cabeçalho, rodapé e proporções).
   Carregado DEPOIS de styles.css e mobile-reference.css. Só ajusta tamanho/alinhamento da marca;
   não altera textos, contatos, scripts nem a imagem da logo. Para voltar ao anterior, remova o <link> deste arquivo. */
:root{--mp-header-h:84px}
html{scroll-padding-top:calc(var(--mp-header-h) + 12px)}

/* Cabeçalho: marca com respiro e alinhada ao menu/botões */
.site-header .header-inner{min-height:var(--mp-header-h);align-items:center;gap:.75rem 1rem;padding-block:.5rem}
.site-header .brand{display:flex;align-items:center;flex:none;line-height:0}
.site-header .brand img{display:block;width:clamp(200px,54vw,244px);height:auto;aspect-ratio:3/1;max-width:none}
.header-actions{align-items:center}

/* Celular pequeno: nunca encostar no botão Menu */
@media (max-width:359px){.site-header .brand img{width:176px}}

/* Tablet e desktop: logo maior, em cabeçalho de altura proporcional */
@media (min-width:900px){
  :root{--mp-header-h:100px}
  .site-header .brand img{width:232px}
  .site-header #site-nav a{font-size:1rem}
}
/* Notebook: tudo em uma linha (o botão Instagram "em breve" fica no menu/rodapé nesta faixa) */
@media (min-width:1100px){
  .site-header .header-inner{flex-wrap:nowrap}
  .site-header .brand{order:0}
  .site-header #site-nav{order:1;flex:1 1 auto;margin-left:.25rem;padding:0;gap:.1rem}
  .site-header #site-nav a{padding:.5rem .5rem;white-space:nowrap}
  .site-header .header-actions{order:2;margin-left:0}
  .site-header .header-actions .button-ig{display:none!important}
  .site-header .brand img{width:256px}
}
/* Tela grande: logo em destaque; botão Instagram volta a aparecer a partir de 1440px */
@media (min-width:1366px){
  :root{--mp-header-h:108px}
  .site-header .brand img{width:288px}
}
@media (min-width:1440px){
  .site-header .header-actions .button-ig{display:inline-flex!important}
}

/* Rodapé: logo em cartão claro, mesmo padrão visual do cabeçalho */
.site-footer .footer-logo{display:inline-block;padding:.7rem 1.1rem;border-radius:16px;background:#fff;line-height:0}
.site-footer .footer-logo img{display:block;width:clamp(220px,62vw,280px);height:auto;aspect-ratio:3/1}

/* Marca principal aparece somente no cabeçalho e no rodapé.
   Evita repetição tanto em desktop quanto em celular. */
.hero-brand{display:none!important}