:root {
  --cor-primaria: #ff6600;   /* energia / ação */
  --cor-secundaria: #222222; /* profissional */
  --cor-destaque: #25D366;   /* WhatsApp */
  --cor-fundo: #f8f9fa;
  --btn-normal: #489118;
  --btn-active: #1e3c0a;
  --btn-normal-text: white;


}

.hero {
  position: relative;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 1) 5%,
    rgba(0, 0, 0, 0) 100%
  ), url('/assets/img/hero-bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.info {
  background-color: #f19614;

}

i > img {
  width: 28px;
}

.info > div p::before {
  content: "✅ ";  /* Tool emoji */
  font-size: 1.2em;
}

.btn,
button,
input[type="button"],
input[type="submit"],
.hero-container > btn,
.info div > btn,
btn,
a.btn {
  background-color: var(--btn-normal);
  color: var(--btn-normal-text);
  border: none;
}

.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.hero-container > btn:hover,
.info div > btn:hover,
btn:hover,
a.btn:hover {
  background-color: var(--btn-active);
  color: var(--btn-normal-text);
  font-weight: 600;
}

.btn:focus,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
.hero-container > btn:focus,
.info div > btn:focus,
btn:focus,
a.btn:focus {
  outline: none;
}

.btn:focus i,
button:focus i,
input[type="button"]:focus i,
input[type="submit"]:focus i,
.hero-container > btn:focus i,
.info div > btn:focus i,
btn:focus i,
a.btn:focus i {
  opacity: 0;
}

#why{
  background-color: var(--btn-normal);
  color: var(--btn-normal-text);
}

#why:hover {
  background-color: var(--btn-active);
  color: var(--btn-normal-text);
  font-weight: 600;
}

.confirm {
  background-color: #1c2048;
}

.last {
  background-color: #1c2048;
}
.confirm h3 {
  color: white;
}

.confirm h3::before {
  content: url(/assets/img/check-mark-svgrepo-com.svg);
}

#onlybutton {
  background-color: var(--btn-normal);
  color: var(--btn-normal-text);
  border: none;
  padding: 20px;
  border-radius: 8px;
  font-size: 1.2em;
  text-decoration: none;
  transition: 0.4s ease;
}

#onlybutton:hover {
  background-color: var(--btn-active);
  color: var(--btn-normal-text);
  font-weight: 600;
}