/* ============================================================
   CRAZY SOFT - Footer (tema claro)
   ============================================================ */

footer {
    background: var(--white);
    border-top: 1px solid var(--border);
    color: var(--gray);
    padding: 48px 0 90px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 40px;
}

.footer-brand img {
    height: 40px;
    width: auto;
    object-fit: contain;
    margin-bottom: 14px;
}
.footer-brand p { font-size: 0.92rem; max-width: 320px; color: var(--gray); }

footer h4 { color: var(--dark); margin-bottom: 14px; font-size: 1rem; }
footer ul { list-style: none; display: grid; gap: 10px; font-size: 0.92rem; }
footer a:hover { color: var(--primary); }

.footer-bottom {
    border-top: 1px solid var(--border);
    margin-top: 40px;
    padding-top: 24px;
    font-size: 0.85rem;
    text-align: center;
    color: var(--gray-light);
}