/*--------------------------------------------------------------
# Ajuste tamanho div esquerda da seção Formação
--------------------------------------------------------------*/
.resume .row {
  align-items: flex-start;
}

/*--------------------------------------------------------------
# Bloco da h4 e links da sessão de projetos da index
--------------------------------------------------------------*/
.portfolio-info .content {
  background: rgba(0, 0, 0, 0.55); /* fundo escuro semi-transparente */
  backdrop-filter: blur(4px); /* efeito glassmorphism suave */
  -webkit-backdrop-filter: blur(4px);
  
  padding: 16px;
  border-radius: 12px;

  width: 100%;
  max-width: 90%;

}

/* Melhorar contraste do texto */
.portfolio-info .content h4,
.portfolio-info .content i {
  color: #fff !important;
}

/*--------------------------------------------------------------
# Status dos projetos
--------------------------------------------------------------*/
.status-badge {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 30px;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-left: 8px;
  text-transform: uppercase;
}

/* ONLINE */
.status-online {
  background: rgba(0, 255, 170, 0.12);
  color: #00ffaa;
  border: 1px solid rgba(0, 255, 170, 0.5);

  box-shadow:
    0 0 5px rgba(0, 255, 170, 0.5),
    0 0 10px rgba(0, 255, 170, 0.3);

  animation: neonPulseGreen 2s infinite ease-in-out;
}

/* EM PRODUÇÃO */
.status-live {
  background: rgba(255, 193, 7, 0.12);
  color: #ffc107;
  border: 1px solid rgba(255, 193, 7, 0.5);

  box-shadow:
    0 0 5px rgba(255, 193, 7, 0.5),
    0 0 10px rgba(255, 193, 7, 0.3);

  animation: neonPulseYellow 2s infinite ease-in-out;
}

/* CONCLUÍDO */
.status-done {
  background: rgba(255,255,255,0.08);
  color: #d1d5db;
  border: 1px solid rgba(255,255,255,0.12);
}

/* ANIMAÇÕES */
@keyframes neonPulseGreen {
  0%, 100% {
    box-shadow:
      0 0 5px rgba(0, 255, 170, 0.5),
      0 0 10px rgba(0, 255, 170, 0.3);
  }

  50% {
    box-shadow:
      0 0 10px rgba(0, 255, 170, 0.9),
      0 0 20px rgba(0, 255, 170, 0.7);
  }
}

@keyframes neonPulseYellow {
  0%, 100% {
    box-shadow:
      0 0 5px rgba(255, 193, 7, 0.5),
      0 0 10px rgba(255, 193, 7, 0.3);
  }

  50% {
    box-shadow:
      0 0 10px rgba(255, 193, 7, 0.9),
      0 0 20px rgba(255, 193, 7, 0.7);
  }
}

.status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  display: inline-block;
  margin-right: 8px;

  /*animation: pulseDot 1.5s infinite;*/
}

@keyframes pulseDot {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.5);
    opacity: 0.6;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}