/* CSS exclusivo para a landing page Guia de Crescimento Empresas */

.bullet-orange {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #0F172A;
}

.bullet-orange::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 3px solid #E45F1B;
  background-color: white;
}

.cta-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 36px;
  border: 1.5px solid #E45F1B;
  border-radius: 9999px;
  color: #E45F1B;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease;
  background: white;
}

.cta-outline:hover {
  background: #E45F1B;
  color: white;
}

.cta-blue-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 24px;
  border: 1.5px solid #0958c7;
  border-radius: 9999px;
  color: #0958c7;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease;
  background: white;
}

.cta-blue-outline:hover {
  background: #0958c7;
  color: white;
}

/* Float animation for the rocket */
@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-15px); }
  100% { transform: translateY(0px); }
}

.animate-float {
  animation: float 4s ease-in-out infinite;
}