/**
 * Termos de Uso — estilos específicos do sider de termos
 *
 * Depende de: siders.css
 */

/* Cor de acento para o spinner */
#termosSider {
  --sider-accent: #003A8C;
}

/* Largura proporcional — igual ao page-panel (xs=100vw, lg=10/24, xl=8/24) */
@media (min-width: 992px) {
  #termosSider {
    width: calc(10 / 24 * 100vw);
  }
}

@media (min-width: 1200px) {
  #termosSider {
    width: calc(8 / 24 * 100vw);
  }
}

/* Título */
.termos-sider-title {
  color: #003A8C;
}

/* Corpo do conteúdo */
.termos-sider-body {
  color: #595959;
  text-align: justify;
}

.termos-sider-body h1,
.termos-sider-body h2,
.termos-sider-body h3 {
  color: #003A8C;
}

/* Botão Voltar */
.btn-termos-voltar {
  color: #268568;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.btn-termos-voltar:hover {
  background: #f0fdf4;
}