/* ============================================================
   FAQ — acordeón de preguntas frecuentes
   ============================================================ */

#faq{
  background: var(--color-gray-100);
}

#faq .container{
  max-width: 800px;
}

.faq-item{
  border-bottom: 1px solid var(--color-gray-300);
  padding: 18px 0;
  cursor: pointer;
}

.faq-item h4{
  display: flex;
  justify-content: space-between;
  font-size: 15.5px;
  margin: 0;
}

.faq-item .a{
  max-height: 0;
  overflow: hidden;
  transition: .25s;
  font-size: 14px;
  color: var(--color-gray-600);
}

.faq-item.open .a{
  max-height: 200px;
  margin-top: 10px;
}

.faq-item .plus{
  transition: .25s;
  color: var(--color-accent);
  font-weight: 800;
}

.faq-item.open .plus{
  transform: rotate(45deg);
}