:root{
    font-family: "Inter", sans-serif;
    --colorBold:#364762;
    --colorSemiBold:#6B7280;
}

/* Variaveis de cores */

.textColorBold{
    color: var(--colorBold);
}

.textColorSemiBold{
    color: var(--colorSemiBold);
}

.bg-image{
    background-image: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%),url('./images/BG.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    height: 91vh;
    max-width: 100%;
    

} 


.btn-info{
    background-color: #3cc6d1;
}

/*Efeito Blur da navBar  */
.navbar-blur {
  background-color: rgba(255, 255, 255, 0.6) !important; /* Fundo branco com 80% opacidade */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* Safari */
  transition: all 0.3s ease;
}

 /* Fundo com gradiente  */
    .bg-gradient-soft {
      background: linear-gradient(to bottom, #ffffff, #e6f9f0);
    }

/* efeito gradiente na palavra popular */
.text-gradient{
  --g1: #3cc6d1;
  --g2: #36d39c;

  background: linear-gradient(90deg, var(--g1), var(--g2));
  background-clip: text;            /* Firefox/Edge */
  -webkit-background-clip: text;    /* Chrome/Safari */
  color: transparent;               /* Firefox */
  -webkit-text-fill-color: transparent; /* Chrome/Safari */
  display: inline-block;            /* garante o clip no inline */
}

.step-icon{
    width: 88px;
    height: 88px;
    transition: transform .25s ease, box-shadow .25s ease;
  }
  .step:hover .step-icon{
    transform: translateY(-4px) scale(1.08);
    box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.12);
  }

  /* responsividade: em telas menores quebra em 2x2 */
  @media (max-width: 768px){
    .step{ flex: 0 0 48%; margin-bottom: 1.5rem; }
  }

  .whatsapp-fab{
    position: fixed;
    right: 1.25rem;                 /* espaço da borda direita */
    bottom: calc(1.25rem + env(safe-area-inset-bottom, 0)); /* respeita área segura no iPhone */
    width: 60px; height: 60px;
    background: linear-gradient(135deg,#25D366,#20c997);    /* verde com leve gradiente */
    z-index: 1080;                  /* acima de cards/headers */
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
  }

  .whatsapp-fab:hover{
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.2);
    filter: saturate(1.1);
  }
  
  @keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(37,211,102,.45); }
    70%{ box-shadow: 0 0 0 18px rgba(37,211,102,0); }
    100%{ box-shadow: 0 0 0 0 rgba(37,211,102,0); }
  }