:root {
  --azul-escuro: #215276;
  --azul: #159EDA;
  --verde: #7DAA6A;
  --verde-claro: #E8F0E5;
  --cinza-claro: #F2F4F7;
  --cinza: #E5E7EB;
  --amarelo-dourado: #D4A03A;
  --preto: #231F20;
  --branco: #ffffff;
  --background: #e7ebf2;
}

body {
  overflow-x: hidden;
  font-family: "DM Sans", sans-serif;
  background-color: var(--branco);
  color: var(--preto);
}

body.modal-aberto {
  overflow: hidden;
}

h1,
h2,
h3 {
  margin-bottom: 24px !important;
  color: var(--azul-escuro);
}

h4,
h5,
h6 {
  margin-bottom: 16px !important;
  color: var(--azul-escuro);
}

p {
  margin-bottom: 12px !important;
  color: #555;
  line-height: 1.6;
}

h1 {
  font-size: clamp(36px, 5vw, 64px) !important;
  line-height: 84px !important;
  font-weight: 700 !important;
}

h2 {
  font-size: clamp(30px, 4.5vw, 48px) !important;
  line-height: 60px !important;
  font-weight: 600 !important;
}

h3 {
  font-size: clamp(24px, 3.5vw, 28px) !important;
  line-height: 36px !important;
  font-weight: 400 !important;
}

h4 {
  font-size: clamp(20px, 3vw, 24px) !important;
  line-height: 32px !important;
  font-weight: 600 !important;
}

h5 {
  font-size: clamp(18px, 2.5vw, 20px) !important;
  line-height: 28px !important;
  font-weight: 600 !important;
}

h6 {
  font-size: clamp(14px, 2vw, 16px) !important;
  line-height: 24px !important;
  font-weight: 600 !important;
}

label {
  font-size: clamp(12px, 1.5vw, 12px) !important;
  line-height: 16px !important;
  font-weight: 400 !important;
}

a {
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--verde);
}

a.whatsapp-float:hover {
  color: #fff;
}

a.btn-plano:hover {
  color: #fff;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

.text-small {
  font-size: 13px;
  color: #666;
}

.gap-4 {
  gap: 2rem !important;
}

@media (max-width: 991px) {
  h1 {
    line-height: normal !important;
  }
}

@media (max-width: 380px) {
  h1 {
    font-size: 25px !important;
  }
}