/* ==========================================================================
   ACADEMIA INFÂNCIA — RODAPÉ (template-parts/footer-content.php)
   Carregado em todo o site (ver functions.php). Consome tokens de tokens.css.
   Antes vivia dentro de guia.css; foi separado para poder ser aplicado
   globalmente sem carregar os restantes componentes do guia (btn, card, ...).
   ========================================================================== */
.ai-footer {
    background: var(--c-primary);
    color: rgba(255,255,255,.82);
    font-family: var(--font-body);
    font-size: var(--fs-sm);
    margin-top: 50px;
}
.ai-footer__inner {
    max-width: var(--wrap);
    margin-inline: auto;
    padding: clamp(2.5rem, 5vw, 4rem) var(--gutter) var(--sp-6);
    display: grid;
    grid-template-columns: 1.5fr 1fr 1.2fr 1.2fr;
    gap: var(--sp-7);
}
.ai-footer h4 {
    color: var(--c-white);
    font-family: var(--font-body);
    font-size: var(--fs-xs);
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-caps);
    text-transform: uppercase;
    margin: 0 0 var(--sp-4);
}
.ai-footer a { color: rgba(255,255,255,.82); text-decoration: none; }
.ai-footer a:hover { color: var(--c-white); text-decoration: underline; }
.ai-footer__logo { max-height: 80px; width: auto; margin-bottom: var(--sp-4); }
.ai-footer__desc { max-width: 40ch; }
.ai-footer ul { list-style: none; padding: 0; margin: 0; }
.ai-footer ul li { margin-bottom: var(--sp-2); }
.ai-footer__bottom {
    border-top: 1px solid rgba(255,255,255,.15);
    max-width: var(--wrap);
    margin-inline: auto;
    padding: var(--sp-5) var(--gutter);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--sp-4);
    flex-wrap: wrap;
    font-size: var(--fs-xs);
    color: rgba(255,255,255,.65);
}
@media (max-width: 860px) { .ai-footer__inner { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .ai-footer__inner { grid-template-columns: 1fr; gap: var(--sp-6); } }