/*
 * Rodapé
 * (extraído dos templates — não misturar CSS com HTML)
 */

    /* Estilos base do novo Footer ABPC */
    #contato {
        background-color: var(--footer-bg);
        color: var(--white);
        font-family: Arial, sans-serif;
    }

    /* Oculta ou ajusta a seção do mapa se necessário (mantido do seu código original) */
    .map-section {
        height: 300px; /* Ajuste a altura conforme necessário */
    }

    /* Container Principal */
    .abpc-footer-layout {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 60px;
        padding: 60px 20px;
        max-width: 1140px;
        margin: 0 auto;
    }

    .abpc-footer-layout a {
        color: var(--white);
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .abpc-footer-layout a:hover {
        color: var(--footer-accent); /* Verde limão */
    }

    /* --- Coluna Esquerda: Diretoria --- */
    .footer-title-box {
        display: flex;
        align-items: center;
        margin-bottom: 30px;
    }

    .title-accent-line {
        width: 4px;
        height: 35px;
        background-color: var(--footer-accent);
        margin-right: 15px;
        transform: skewX(-15deg); /* Cria o efeito inclinado da imagem */
    }

    .footer-title-box h3 {
        font-size: 24px;
        font-weight: 700;
        margin: 0;
        color: var(--white);
    }

    .director-block {
        margin-bottom: 25px;
        font-size: 15px;
        line-height: 1.5;
    }

    .director-block strong {
        font-size: 16px;
        font-weight: 600;
        display: block;
        margin-bottom: 2px;
    }

    .footer-social-icons {
        margin: 40px 0 30px 0;
        display: flex;
        gap: 15px;
    }

    .footer-social-icons a {
        font-size: 22px;
    }

    .footer-address-block {
        font-size: 14px;
        line-height: 1.6;
        color: #d1d1d1;
    }

    /* --- Coluna Direita: Contatos --- */
    .contact-intro-text {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 40px;
        padding-right: 20px;
    }

    .region-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .region-item {
        display: flex;
        align-items: center;
        gap: 20px;
        font-size: 16px;
        font-weight: 600;
    }

    .region-icon-wrapper {
        width: 45px;
        height: 45px;
        background-color: var(--footer-accent);
        border-radius: 50%; /* Deixa o ícone redondo */
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--footer-bg);
        font-size: 20px;
        transition: transform 0.3s ease;
    }

    .region-item:hover .region-icon-wrapper {
        transform: scale(1.1); /* Efeito de zoom no hover */
    }

    .region-item a {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    /* Ajustes do Footer Bottom (mantido do original) */
    .footer-bottom {
        border-top: 1px solid #333;
        padding: 20px 0;
        text-align: center;
        font-size: 14px;
        color: #888;
    }

    /* --- Responsividade --- */
    @media (max-width: 768px) {
        .abpc-footer-layout {
            grid-template-columns: 1fr;
            gap: 50px;
            padding: 40px 20px;
        }

        .contact-intro-text {
            padding-right: 0;
        }
    }