/* assets/css/rodape.css — Rodapé. */

/* ---------------------------------------------------
   FOOTER
   --------------------------------------------------- */
.stieen-footer { background: var(--cor-rodape-fundo, var(--stieen-escuro)); color: var(--cor-rodape-links, var(--stieen-cinza-suave)); padding: 48px 0 0; }
.stieen-footer-topo {
  /* Sem padding lateral aqui — igual o ajuste do header: a coluna
     da marca encosta no início dos 1200px e a coluna Fale Conosco
     encosta no fim, sem os 24px de cada lado "comendo" a largura. */
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 36px;
  display: grid;
  grid-template-columns: 1.6fr 0.9fr 1fr 0.8fr 1.3fr;
  gap: 28px;
  border-bottom: 2px solid var(--stieen-borda-escura);
}
.stieen-footer-marca img { height: 66px; margin-bottom: 10px; }
.stieen-footer-nome {
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  font-size: 13px;
  color: var(--stieen-vermelho-vivo);
  margin: 0 0 14px;
}
.stieen-footer-slogan { font-size: calc(22px * var(--stieen-escala-fonte)); font-weight: 700; text-transform: uppercase; color: var(--cor-rodape-titulos, var(--stieen-branco)); margin: 0 0 14px; }
.stieen-footer-slogan span { color: var(--stieen-vermelho-vivo); }
.stieen-footer-redes { display: flex; gap: 10px; }
.stieen-footer-redes a {
  width: 42px; height: 42px;
  border-radius: 50%;
  background: var(--stieen-escuro-elevado);
  display: flex; align-items: center; justify-content: center;
  color: var(--stieen-branco);
  font-size: calc(17px * var(--stieen-escala-fonte));
}
.stieen-footer-redes a:hover { background: var(--stieen-vermelho-vivo); }

.stieen-footer-coluna h3 { font-size: calc(17px * var(--stieen-escala-fonte)); text-transform: uppercase; color: var(--cor-rodape-titulos, var(--stieen-branco)); margin-bottom: 14px; }
.stieen-footer-coluna ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.stieen-footer-coluna ul li a, .stieen-footer-coluna ul li { font-size: calc(16px * var(--stieen-escala-fonte)); color: var(--cor-rodape-links, var(--stieen-cinza-suave)); }
.stieen-footer-coluna ul li a:hover { color: var(--cor-rodape-links-hover, var(--stieen-vermelho-vivo)); }
.stieen-footer-coluna ul li a.stieen-link-alerta { color: var(--stieen-vermelho-vivo); }
.stieen-footer-coluna ul li a.stieen-link-alerta:hover { color: var(--stieen-cinza-suave); }
.stieen-footer-contato ul li { display: flex; align-items: flex-start; gap: 8px; line-height: 1.4; }
.stieen-footer-contato ul li i { color: var(--cor-rodape-icones, var(--stieen-vermelho-vivo)); margin-top: 3px; width: 14px; }
.stieen-footer-contato ul li a { display: flex; align-items: flex-start; gap: 8px; }

.stieen-footer-base {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  align-items: center;
  justify-content: space-between;
  font-size: calc(13px * var(--stieen-escala-fonte));
  color: var(--stieen-claro);
}
.stieen-footer-base p { margin: 0; }
.stieen-footer-links-legais a,
.stieen-footer-copyright a { color: var(--stieen-vermelho-vivo); }
.stieen-footer-links-legais a:hover,
.stieen-footer-copyright a:hover { color: var(--stieen-branco); }