/* Extraído de static/css/footer.css (py4web), sem @tailwind — variáveis vêm de style.css já incluído no layout */

footer {
  margin-top: -20px;
  position: relative;
  z-index: 10;
}

.esquerda {
  background: linear-gradient(180deg, var(--cor-tercearia), var(--cor-primaria)) !important;
  border-radius: 0 15px 0 0;
  border-top: 15px solid var(--destaque);
  padding: 0 10rem;
}

.direita {
  background: var(--background2);
}

footer p,
footer a,
footer li {
  color: white;
}

.CTAs-footer {
  background: var(--destaque);
}

.card-interior-footer {
  background: var(--cor-card);
}

.writing-vertical-lr {
  color: var(--cor-secundaria);
  writing-mode: vertical-lr;
  text-orientation: sideways;
  transform: rotate(180deg);
}

.texto-card-footer {
  background: var(--destaque) !important;
  font-weight: 500;
}

.text-teal-400 {
  font-weight: 700;
  color: var(--destaque) !important;
}