:root {
  --primaria: #0056D2;
  --primaria-escura: #0043A5;
  --cinza-claro: #F5F7FA;
  --branco: #FFFFFF;
  --texto: #1D1D1D;
}

body {
  font-family: 'DM Sans', sans-serif;
  background-color: var(--branco);
  color: var(--texto);
}

.navbar {
  background-color: #E7EEFA;
  padding: 1rem 0;
  border-bottom: 1px solid #B7CCF7;
}

.logo img {
  height: 45px;
}

/* Botões */
.btn-outline {
  border: 2px solid var(--primaria);
  color: var(--primaria);
}

.btn-outline:hover {
  background-color: var(--primaria);
  color: var(--branco);
}

/* Título */
.comparativo-header {
  background-color: #EFF4FF;
}

.comparativo-header h1 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--texto);
}

/* Cards */
.plano {
  border: 1px solid #dbe3ff;
  background-color: var(--branco);
}

.plano .preco {
  color: var(--primaria);
}

.plano button {
  background-color: var(--primaria);
  color: var(--branco);
}

.plano button:hover {
  background-color: var(--primaria-escura);
}

/* Tabela */
.tabela-comparativa thead {
  background-color: #F0F3FF;
}

.tabela-comparativa .secao {
  background-color: #E7EEFA;
  color: var(--texto);
}

.info-final a {
  color: var(--primaria);
}