/* Agrojax — cabeçalho e rodapé comuns v58. */

/* Redes discretas junto ao logo e rodapé com navegação e contatos. */
.header-brand-group { display:flex; flex-direction:column; gap:3px; flex:none; }
.social-links { display:flex; align-items:center; gap:7px; }
.social-links a { display:inline-flex; align-items:center; justify-content:center; flex:none; width:34px; height:34px; border-radius:50%; transition:color .2s,background .2s,border-color .2s; }
.aj-icon { display:block; width:20px; height:20px; flex:none; }
.social-links-header { gap:3px; margin-left:-5px; }
.social-links-header a { width:30px; height:30px; color:#596174; }
.social-links-header .aj-icon { width:17px; height:17px; }
.social-links-header a:hover { color:var(--red); background:#f4f6f8; }
.layout-global .header-inner { min-height:98px; padding-block:8px; }
.layout-global .footer-main { grid-template-columns:1.1fr .65fr 1.25fr; gap:clamp(32px,5vw,72px); align-items:start; }
.footer-heading { margin:0 0 17px; color:#fff; font-size:.74rem; font-weight:700; line-height:1.4; letter-spacing:.12em; text-transform:uppercase; }
.footer-brand > p { margin:17px 0 21px; color:#bbc4d5; font-size:.93rem; }
.social-links-footer a { width:36px; height:36px; color:#d7dfeb; border:1px solid #ffffff30; }
.social-links-footer a:hover { color:#fff; background:#ffffff15; border-color:#ffffff80; text-decoration:none; }
.footer-brand-sites { margin-top:27px; display:flex; flex-direction:column; gap:10px; font-size:.88rem; color:#bbc4d5; }
.footer-brand-sites .footer-heading { margin-bottom:2px; }
.footer-brand-sites a { display:inline-flex; align-items:center; align-self:flex-start; gap:10px; }
.footer-brand-sites .aj-icon { width:14px; height:14px; }
.footer-navigation { padding-top:2px; }
.footer-navigation .footer-heading { margin-bottom:5px; }
.footer-navigation > a { display:flex; align-items:center; gap:12px; color:#d7dfeb; }
.footer-navigation > a::before { content:"-"; color:#aab5ca; }
.footer-contact { gap:19px; font-size:.91rem; }
.footer-contact .footer-heading { margin-bottom:2px; padding-top:2px; }
.footer-contact-item { display:flex; align-items:flex-start; gap:13px; line-height:1.65; }
.footer-contact-item > .aj-icon { margin-top:2px; color:#d7dfeb; }
.footer-contact-item span { min-width:0; overflow-wrap:anywhere; }
.footer-contact-item small { display:block; margin-bottom:1px; color:#9daac0; font-size:.72rem; line-height:1.4; }
.layout-global .footer-bottom { margin-top:48px; }
.layout-global .home-contact-preview h2 { margin-bottom:8px; }
@media(max-width:800px) {
 .layout-global .header-inner { min-height:88px; }
 .header-brand-group { gap:0; }
 .social-links-header a { width:29px; height:29px; }
 .layout-global .main-nav { top:100%; }
 .layout-global .footer-main { grid-template-columns:1fr 1fr; gap:38px; }
 .layout-global .footer-brand { grid-column:1 / -1; }
 .footer-brand > p { max-width:none; }
}
@media(max-width:600px) {
 .layout-global .footer-main { grid-template-columns:1fr; gap:34px; }
 .footer-brand { grid-column:auto; }
 .social-links-footer a { width:40px; height:40px; }
 .footer-brand-sites { margin-top:24px; }
 .footer-contact { gap:18px; }
}


/* Desktop: menu um pouco maior, redes sociais à direita do botão. */
@media (min-width:1101px) {
 .layout-global .header-inner { min-height:90px; gap:20px; }
 .layout-global .header-brand-group { display:contents; }
 .layout-global .header-brand-group > .brand { order:0; }
 .layout-global .main-nav { order:1; margin-left:auto; gap:clamp(14px,1.5vw,24px); font-size:1rem; white-space:nowrap; }
 .layout-global .main-nav .header-cta { margin-left:14px; }
 .layout-global .social-links-header { order:2; margin-left:0; padding-left:16px; border-left:1px solid var(--line); gap:3px; }
 .layout-global .social-links-header a { width:30px; height:34px; }
 .layout-global .social-links-header .aj-icon { width:19px; height:19px; }
}
/* Telas intermediárias usam o menu recolhido para não comprimir os links. */
@media (min-width:801px) and (max-width:1100px) {
 .layout-global .header-inner { min-height:88px; }
 .layout-global .header-brand-group { gap:0; }
 .layout-global .brand img { width:190px; }
 .layout-global .menu-toggle { display:flex; flex-direction:column; justify-content:center; gap:5px; width:43px; height:43px; padding:10px; border:1px solid #d6dce5; border-radius:4px; background:#fff; }
 .layout-global .menu-toggle span { display:block; width:21px; height:2px; background:var(--navy); }
 .layout-global .main-nav { display:none; position:absolute; top:100%; left:0; right:0; padding:12px 24px 24px; flex-direction:column; align-items:stretch; gap:0; background:#fff; box-shadow:0 20px 35px #0e183b25; }
 .layout-global .main-nav.is-open { display:flex; }
 .layout-global .main-nav > a:not(.button) { padding:12px 5px; border-bottom:1px solid var(--line); }
 .layout-global .main-nav .button { margin:16px 0 0; }
}

.layout-global .main-nav > a[aria-current="location"] { color:var(--red); }

/* Telas com menu recolhido: logo à esquerda, menu ao centro e redes à direita. */
@media (max-width:1100px) {
 .layout-global .site-header .header-inner { display:grid; grid-template-columns:minmax(0,1fr) 43px minmax(0,1fr); column-gap:10px; align-items:center; min-height:72px; }
 .layout-global .header-brand-group { display:contents; }
 .layout-global .header-brand-group > .brand { grid-column:1; grid-row:1; justify-self:start; min-width:0; max-width:100%; }
 .layout-global .header-brand-group > .brand img { width:clamp(100px,30vw,178px); max-width:100%; height:auto; }
 .layout-global .menu-toggle { grid-column:2; grid-row:1; justify-self:center; }
 .layout-global .social-links-header { grid-column:3; grid-row:1; justify-self:end; margin:0; padding:0; border:0; gap:2px; }
 .layout-global .social-links-header a { width:26px; height:34px; }
 .layout-global .social-links-header .aj-icon { width:17px; height:17px; }
}
