.rodape { background: var(--cor-tinta); color: #A9B3BD; font-size: 0.9375rem; border-top: 4px solid var(--cor-destaque); }
.rodape a:hover { color: var(--cor-branco); text-decoration: underline; text-decoration-color: var(--cor-destaque-claro); text-underline-offset: 3px; }

.rodape__topo { padding-block: clamp(44px, 6vw, 72px) 36px; border-bottom: 1px solid #27313B; }
.rodape__marca { font-family: var(--fonte-titulo); font-size: clamp(2.4rem, 6vw, 4.6rem); line-height: 0.95; font-weight: 700; color: var(--cor-branco); text-transform: uppercase; letter-spacing: 0.01em; }
.rodape__slogan { margin-top: 14px; max-width: 48ch; font-family: var(--fonte-mono); font-size: 0.8125rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--cor-destaque-claro); }

.rodape__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 40px; padding-block: 44px; }
.rodape__titulo { font-family: var(--fonte-mono); font-size: 0.75rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--cor-branco); margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid #27313B; }
.rodape__coluna li + li { margin-top: 8px; }
.rodape__endereco p + p { margin-top: 10px; }
.rodape__endereco strong { color: var(--cor-branco); font-weight: 600; }

.rodape__base { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; padding-block: 22px 30px; border-top: 1px solid #27313B; font-family: var(--fonte-mono); font-size: 0.75rem; letter-spacing: 0.02em; }
.rodape__creditos { display: inline-flex; align-items: center; gap: 10px; }
.rodape__creditos img { width: 110px; height: auto; filter: brightness(2.4) saturate(1.15); }

@media (max-width: 900px) { .rodape__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .rodape__grid { grid-template-columns: 1fr; } }

/* Logo no rodapé: placa branca (a logo é azul-marinho e some no fundo escuro) */
.rodape__logo { display: inline-block; background: var(--cor-branco); padding: 8px 16px; border-bottom: 3px solid var(--cor-destaque); margin-bottom: 14px; line-height: 0; }
.rodape__logo img { height: 72px; width: auto; }