/* Corrige o enquadramento da marca na animação de abertura.
   O desenho útil do SVG é assimétrico dentro do viewBox quadrado. */
.introLogo {
  width: 340px;
  height: 140px;
  overflow: visible;
}

.contactChoices {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 42px;
}

.contactChoice {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 17px 22px;
  color: #fff;
  background: #3157f6;
  text-decoration: none;
  transition: transform 180ms ease, background 180ms ease;
}

.contactChoice:hover {
  transform: translateY(-2px);
  background: #2448de;
}

.contactChoice strong { font-size: 13px; font-weight: 650; }
.contactChoice strong b { margin-left: 24px; font-size: 17px; }
.contactChoiceWhatsapp { background: #16883f; }
.contactChoiceWhatsapp:hover { background: #117536; }
.headerBudget { border-bottom: 1px solid currentColor; padding-bottom: 4px; }
.headerButton { border-radius: 999px !important; background: #16883f !important; }
.headerButton:hover { background: #117536 !important; opacity: 1 !important; }

@media (max-width: 700px) {
  .contactChoices { flex-direction: column; margin-top: 28px; }
  .contactChoice { justify-content: space-between; }
  .headerBudget { display: none; }
}

.introLogo img {
  width: 600px;
  height: 600px;
  left: 55.35%;
}

@media (max-width: 600px) {
  .introLogo {
    width: min(270px, calc(100vw - 40px));
    height: 116px;
  }

  .introLogo img {
    width: 470px;
    height: 470px;
  }

  .introRule {
    width: min(260px, calc(100vw - 50px));
  }
}