/* Pie de página alineado con la web principal de Aprender Japonés Online. */
.site-footer { padding: 38px 0; color: rgba(255, 255, 255, .7); background: #17191d; }
.site-footer .footer-grid { display: grid; width: min(calc(100% - 40px), 1180px); grid-template-columns: 1.2fr 1fr auto; align-items: center; gap: 44px; }
.site-footer .footer-brand .brand-text strong { color: #fff; font-size: 1rem; }
.site-footer .footer-brand .brand-text small { display: block; color: rgba(255, 255, 255, .55); font-size: .8rem; }
.site-footer .footer-brand img { width: 46px; height: 46px; }
.site-footer .footer-contact, .site-footer .footer-legal { display: grid; gap: 8px; }
.site-footer .footer-contact a, .site-footer .footer-legal a { font-size: .84rem; text-decoration: none; }
.site-footer .footer-contact a:hover, .site-footer .footer-legal a:hover { color: #f54343; }
.site-footer .footer-legal { justify-items: end; font-size: .72rem; }
.site-footer .yokai-footer-link { font-weight: 800; }
@media (max-width: 680px) {
  .site-footer .footer-grid { width: min(calc(100% - 28px), 1180px); grid-template-columns: 1fr; gap: 28px; }
  .site-footer .footer-brand img { width: 40px; height: 40px; }
  .site-footer .footer-brand .brand-text { min-width: 0; }
  .site-footer .footer-brand .brand-text strong { font-size: .82rem; }
  .site-footer .footer-brand .brand-text small { font-size: .66rem; }
  .site-footer .footer-legal { justify-items: start; }
}