/* Brand color variables */
 :root {
     --cor-principal: #8bc34a;
     /* principal (a1) */
     --cor-secundaria: #4caf50;
     /* secundaria (b1) */
     --cor-alternativa1: #2196f3;
     /* alternativa 1 */
     --cor-alternativa2: #03a9f4;
     /* alternativa 2 */
     --cor-alerta: #ff9800;
     /* alerta */
     --cor-apoio1: #388e3c;
     /* apoio 1 */
     --cor-apoio2: #000000;
     /* apoio 2 */
     --cor-neutraescura: #121212;
     /* neutra escura */
     --cor-neutra: #cfcfcf;
     /* neutra */
     --cor-neutraclara: #ffffff;
     /* neutra clara */
 }

 body {
     font-family: "Segoe UI", sans-serif;
 }

 .hero {
     background: linear-gradient(to right, #f7f7f7, var(--cor-neutraclara));
     padding: 80px 0;
 }

 .highlight {
     color: var(--cor-alerta);
     font-weight: bold;
 }

 .section-title {
     font-size: 2rem;
     font-weight: bold;
     margin-bottom: 1rem;
     color: var(--cor-alerta);
 }

 .module-icon {
     font-size: 2rem;
     color: var(--cor-secundaria);
 }

 .card {
     min-height: 260px;
     align-items: center;
     justify-content: center;
 }

 .card>p {
     text-align: center;
 }

 .footer {
     background-color: var(--cor-neutraescura);
     /* Use neutral color for footer */
     padding: 20px 0;
     text-align: center;
     font-size: 0.9rem;
 }

 .text-footer-link {
     color: var(--cor-neutra);
     text-decoration: none;
 }

 .text-footer-copy {
     color: var(--cor-neutra);
 }

 .text-footer-developer {
     color: var(--cor-principal);
 }

 .whatsapp-float {
     position: fixed;
     bottom: 20px;
     right: 20px;
     z-index: 999;
 }

 .whatsapp-float img {
     width: 60px;
     height: 60px;
 }

 .btn-primary {
     background-color: var(--cor-principal);
     border-color: var(--cor-principal);
 }

 .btn-primary:hover {
     background-color: var(--cor-alerta);
     border-color: var(--cor-alerta);
 }

 /* Animação para o botão "Teste Grátis" */
 @keyframes pulse {
     0% {
         transform: scale(1);
         box-shadow: 0 0 0 0 rgba(139, 195, 74, 0.7);
     }

     70% {
         transform: scale(1.05);
         box-shadow: 0 0 0 15px rgba(139, 195, 74, 0);
     }

     100% {
         transform: scale(1);
         box-shadow: 0 0 0 0 rgba(139, 195, 74, 0);
     }
 }

 .btn-test {
     background-color: var(--cor-principal);
     color: var(--cor-neutraclara) !important;
     /* !important para sobrescrever o nav-link */
     border-radius: 8px;
     padding: 8px 20px;
     animation: pulse 2s infinite;
     /* Adicionar animação de pulso */
     transition: all 0.3s ease;
 }

 .btn-test:hover {
     animation: none;
     /* Desativar animação no hover */
     background-color: var(--cor-alerta);
     /* Usar cor de alerta no hover */
     transform: scale(1.05);
 }

 .card {
     transition: transform 0.3s;
 }

 .card:hover {
     transform: scale(1.05);
 }

 /* Specific sections with brand colors */
 .bg-light {
     background-color: var(--cor-neutraclara);
 }

 .text-white {
     color: var(--cor-neutra);
 }

 .bg-white {
     background-color: var(--cor-neutraclara);
 }

 .thank-you-message {
     font-size: 1.25rem;
     color: var(--cor-secundaria);
 }

 @media (max-width: 991.98px) {
  .navbar-nav {
    width: 100%;
    justify-content: center !important;
    text-align: center;
  }

  .navbar-nav .nav-item {
    width: 100%;
    margin: 0.5rem 0;
  }

  .navbar-nav .nav-link {
    display: inline-block;
  }
}