body {
  background: var(--faq-background);
  color: var(--foreground);
}
.faq-container {
  max-width: var(--container-w);
  margin: 2rem auto !important;
  background: var(--background-card);
  border-radius: 10px;
  box-shadow: var(--neo-shadow-card, 0 4px 8px rgba(0,0,0,0.13));
  padding: 2rem !important;
}
.faq-section {
  margin-bottom: 2rem !important;
}
.faq-section h2 {
  color: var(--faq-number);
  font-size: 1.3rem;
  margin-bottom: 1rem !important;
}
.faq-question {
  margin-bottom: 1rem !important;
  background: #fcfcfc ;
  border-radius: 8px;
  padding: 1rem !important;
  
}
.faq-question .faq-q {
  color: var(--faq-number);
  font-weight: bold;
  margin-bottom: .5rem !important;
}
.faq-question .faq-a {
  color: var(--faq-Question);
  margin-left: 1rem !important;
}
.faq-question .faq-a ul {
  margin: .5rem 0 0 1.2rem !important;
  padding: 0 !important;
}
.faq-question .faq-a li {
  margin-bottom: .3rem !important;
  color: #333 ;
}

.faq-container-title{
  max-width: var(--container-w);
  display: flex;
  flex-direction: row;
  margin: 2rem auto !important;
  background: no-repeat center/100% url("https://blogbiblio.unsj.edu.ar/wp-content/uploads/2025/09/FAQ_FONDO-SIED.png");
  
  border-radius: 10px;
  box-shadow: var(--neo-shadow-card, 0 4px 8px rgba(0,0,0,0.13));
  padding: 2rem !important;
}

.faq-title{
    width: 70%;
}
.faq-title h2,p {
    color: white;
    margin-bottom: 1em !important;
    font-size: clamp(13px, 1vw, 21px) !important;
}



@media (max-width: 600px) {
  .faq-container {
    padding: .5rem !important;
  }
}