/* /css/components/faq_section.css */
#faq {
    background-color: var(--bg-light);
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 0; /* 🚨 Add this to prevent extra gap after FAQ */
  }
  
  #faq h1 {
    font-size: 2.5rem;
    font-family: var(--font-base);
    color: var(--primary-color);
    font-weight: bold;
  }
  
  #faq p {
    font-size: 1.2rem;
    font-family: var(--font-base);
    color: var(--text-color);
  }
  
  /* Estilos para el acordeón */
  .accordion-button {
    background-color: var(--bg-light);
    color: var(--primary-color);
  }
  
  .accordion-button:not(.collapsed) {
    background-color: var(--primary-color);
    color: #ffffff;
  }
  
  .accordion-body {
    background-color: #ffffff;
    color: var(--text-color);
    font-family: var(--font-base);
  }
  
  /* Responsive: mejorar en pantallas grandes */
  @media (min-width: 768px) {
    #faq h1 {
      font-size: 3rem;
    }
    #faq p {
      font-size: 1.4rem;
    }
  }