/* ==========================================================================
   1. ESTRUTURA E ISOLAMENTO
   ========================================================================== */
   /* .section-wrapper { padding: 80px 20px; } */

   .courses-intro-wrapper {
       width: 100%;
       /* max-width: var(--container-max-width);
       margin: 0 auto; */
       text-align: left;
       min-width: 0;
       overflow: hidden; 
   }
   
   .paragraph {
       max-width: 1150px;
       margin-bottom: 25px;
       text-align: left;
   }

   .title{
    text-align: center;
    margin-bottom: 40px;
}
   
   /* ==========================================================================
      2. SEÇÃO DE FILTROS (Título em uma linha, Pills em outra)
      ========================================================================== */
   .filters-layout {
       margin: 45px 0;
       display: flex;
       flex-direction: column;
       gap: 0px;
       align-items: center;
   }
   
   .filters-section-title {
       font-family: 'EB Garamond', serif;
       font-size: 2.2rem;
       color: var(--primary-green);
       margin-bottom: 10px;
       font-weight: 500;
       text-align: center;
   }
   
   .filter-row {
       display: flex;
       flex-direction: column; /* FORÇA O TÍTULO EM CIMA E O PILL EM BAIXO */
       align-items: center;
       gap: 15px; /* Espaço entre o label e os botões */
       width: 100%;
       margin-top: 30px;
   }
   
   .filter-label {
       font-family: 'Exo', sans-serif;
       font-size: 0.8rem;
       text-transform: uppercase;
       letter-spacing: 2px;
       color: #999;
       font-weight: 700;
   }
   
   /* ---------------------------------------------------
      ESTILO ÚNICO PARA CHIPS (Pills Unificados)
      --------------------------------------------------- */
   .category-filters-group, .pills-group {
       display: flex;
       flex-wrap: wrap;
       gap: 12px;
   }
   
   .category-filter, .topic-pill {
       font-family: 'EB Garamond', serif;
       font-size: 1.1rem;
       font-weight: 500;
       color: var(--primary-green);
       background: rgba(44, 48, 29, 0.03);
       border: 1px solid var(--border-color);
       padding: 8px 24px;
       border-radius: 50px;
       cursor: pointer;
       transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
       white-space: nowrap;
       outline: none;
       display: inline-flex;
       align-items: center;
   }
   
   .category-filter:hover, .category-filter.active,
   .topic-pill:hover, .topic-pill.active {
       background-color: var(--primary-green) !important;
       color: #fff !important;
       border-color: var(--primary-green) !important;
       transform: translateY(-2px);
       box-shadow: 0 4px 12px rgba(51, 63, 52, 0.15);
   }
   
   /* ==========================================================================
      3. ESTADO VAZIO (Nenhum curso encontrado)
      ========================================================================== */
   .no-courses-container {
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       width: 100%;
       padding: 60px 20px;
       text-align: center;
   }
   
   .no-courses-message {
       font-size: 1.2rem;
       color: #666;
       margin-bottom: 25px;
       font-family: 'EB Garamond', serif;
   }
   
   .request-course-btn {
       font-family: 'Exo', sans-serif;
       font-size: 1rem;
       font-weight: 600;
       color: #fff;
       background-color: var(--primary-green);
       border: 1px solid var(--primary-green);
       padding: 14px 30px;
       border-radius: 50px;
       cursor: pointer;
       text-transform: uppercase;
       letter-spacing: 1px;
       transition: all 0.3s ease;
   }
   
   .request-course-btn:hover {
       background-color: #1a1d13;
       transform: scale(1.05);
       box-shadow: 0 5px 15px rgba(0,0,0,0.1);
   }
   
   /* ==========================================================================
      4. CARROSSEL E CARDS
      ========================================================================== */
   .carousel-isolation-box { width: 100%; min-width: 0; margin-top: 30px; }
   
   .course-card {
       flex: 0 0 280px; 
       background: #fff;
       border-radius: 16px;
       box-shadow: 0 4px 15px rgba(0,0,0,0.05);
       display: flex;
       flex-direction: column;
       overflow: hidden;
       transition: all 0.3s ease;
   }
   
   @media screen and (max-width: 800px) {
       .filter-row { gap: 10px; }
       .category-filters-group, .pills-group { gap: 8px; }
   }

   /* ==========================================================================
   5. LISTA DE TEXTO SIMPLES TEMPORÁRIA
   ========================================================================== */

#course-simple-list-container {
    margin-top: 40px;
    width: 100%;
}

.simple-text-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.simple-text-item {
    font-family: 'EB Garamond', serif;
    font-size: 1.5rem;
    color: var(--primary-green);
    padding: 15px 0;
    border-bottom: 1px solid rgba(44, 48, 29, 0.1);
    text-align: left;
    text-align: center;
    line-height: 1.4;
}

/* Remove a linha do último item para ficar mais limpo */
.simple-text-item:last-child {
    border-bottom: none;
}