/* Correções de responsividade */
/* Apenas para o badge específico */
.badge.bg-warning.text-dark {
    white-space: normal;
    display: inline-block;
    max-width: 100%;
    word-break: break-word;
    margin-top: 5px;
    line-height: 1.3;
}

/* Ajuste responsivo PARA TELAS PEQUENAS APENAS (menor que 768px) */
@media (max-width: 767.98px) {
  /* 1. Botão do YouTube - Texto que se adapta sem quebrar */
  .text-center .btn-outline-primary {
    font-size: calc(0.75rem + 0.5vw); /* Redução progressiva do tamanho */
    white-space: nowrap;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  /* 2. Botões de intercâmbio - Espaçamento sem grudar */
  .timeline-content .mt-4 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem; /* Espaço fixo entre botões */
  }
  
  .timeline-content .mt-4 .btn {
    width: 100%;
    text-align: center;
    white-space: nowrap;
  }
}