/* Mats V8.14 | acabamento das secoes Blog e Onde Estamos
 * Somente Home; carregado apos mats-santos.css.
 * Nao altera dados salvos pela curadoria, textos, midias ou horarios.
 */
#blog.blog-home.section {
  padding-top: clamp(82px, 6.2vw, 112px);
  padding-bottom: clamp(38px, 3.5vw, 60px);
}
#blog > .section-number {top: 28px}
#blog .blog-head {margin-bottom: 28px;align-items:center}
#blog .blog-cards {gap:18px}
#blog .blog-more {margin-top:24px}
#blog .blog-cards:empty + .blog-more {margin-top:20px}

/* Background full bleed: a secao mantem a largura maxima do conteudo,
   mas a cor ocupa toda a largura da janela, inclusive monitores grandes. */
#contato.location.section {
  position: relative;
  isolation: isolate;
  padding-top: clamp(88px, 6.3vw, 112px);
  padding-bottom: clamp(76px, 6vw, 108px);
}
#contato.location.section::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: #e6e7e4;
  border-top: 1px solid rgba(11,11,11,.09);
}
#contato > .section-number {top: 26px}
#contato .location-grid {align-items:center;gap:clamp(38px,5vw,92px)}
#contato .contact-card {align-self:center}

@media(max-width:880px) {
  #blog.blog-home.section {padding-top:72px;padding-bottom:38px}
  #blog > .section-number {top:20px}
  #blog .blog-head {gap:20px;margin-bottom:22px}
  #blog .blog-more {margin-top:20px}
  #contato.location.section {padding-top:80px;padding-bottom:75px}
  #contato > .section-number {top:20px}
  #contato .location-grid {gap:30px}
  #contato .contact-card {align-self:stretch}
}
@media(max-width:560px) {
  #blog.blog-home.section {padding-top:66px;padding-bottom:32px}
  #blog .blog-head h2 {font-size:clamp(48px,12vw,72px)}
  #contato.location.section {padding-top:76px;padding-bottom:64px}
  #contato .location-grid h2 {font-size:clamp(50px,12vw,76px)}
}