:root {
    --laranja:        #E8601C;
    --laranja-hover:  #C94E12;
    --carvao:         #2B2D2F;
    --offwhite:         #F6F4F1;
    --cinza-borda:    rgba(255,255,255,0.10);
    --cinza-texto:    #A8A5A1;
    --cinza-medio:  #6B6863;
}

footer {
    font-family: 'Inter', sans-serif;
    background: var(--carvao);
    margin-top: auto;
    padding: 3.5rem 2rem 2.5rem;
    display: grid;
    grid-template-columns: 2.2fr 1fr 1fr 1fr;
    gap: 2.5rem;
}

.rodape_coluna .logo { margin-bottom: 1rem; }

.logo_img {
    height: 32px;
    width: auto;
    object-fit: contain;
    display: block;
}

.rodape_desc {
    
    font-size: 0.875rem;
    color: var(--cinza-texto);
    line-height: 1.75;
    max-width: 250px;
    margin-bottom: 1.5rem;
}

.rodape_redesocial {
    display: flex;
    gap: 8px;
}

.redesocial-btn {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: rgba(255,255,255,0.06);
    border: 1px solid var(--cinza-borda);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background 0.15s, border-color 0.15s;
    cursor: pointer;
}

.redesocial-btn:hover {
    background: rgba(255,255,255,0.12);
    border-color: rgba(255,255,255,0.20);
}

.redesocial-btn svg { display: block; }

.rodape_col_titulo {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--cinza-texto);
    margin-bottom: 1.1rem;
}

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

.rodape_col_links a {
    font-size: 0.875rem;
    color: #8C8985;
    text-decoration: none;
    transition: color 0.15s;
}

.rodape_col_links a:hover { color: var(--offwhite); }

.rodape_cat_link {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.875rem;
    color: #8C8985;
    text-decoration: none;
    transition: color 0.15s;
}

.rodape_cat_link:hover { color: var(--offwhite); }

.rodape_cat_dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}