/*
 * O layout, os breakpoints e os espaçamentos vêm de style.css, exatamente
 * como no index.html. Aqui ficam apenas resets do shell MVC e adaptações para
 * a marca e para o estado sem credenciais do feed oficial do Instagram.
 */
.template-footer {
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
}

.template-footer .footer-area { margin: 0; }

.template-footer .footer-logo img {
  display: block;
  width: auto;
  height: auto;
  max-width: 235px;
  max-height: 79px;
  object-fit: contain;
  object-position: left center;
}

.template-footer .footer-form form input:not(.newsletter-honeypot) {
  padding: 10px 20px;
}

.template-footer .insta-feed a,
.template-footer .insta-feed img,
.template-footer .insta-feed span {
  display: block;
  width: 100%;
  aspect-ratio: 1;
}

.template-footer .insta-feed img { object-fit: cover; }

.template-footer .instagram-feed-placeholders span {
  display: grid;
  place-items: center;
  color: #777;
  background: #1d1c1c;
}

.template-footer .instagram-feed-placeholders i { font-size: 20px; }
.template-footer .instagram-feed-placeholders a:hover span { color: #fc3f00; }