/* ADN Soluciones — Sección: FAQ */
/* Se cargaba desde home.css; separado el 2026-07-28 para poder iterar
   cada sección de forma aislada. Ver §18 del CLAUDE.md. */

/* ════════════════════════════════════════════════════════
   FAQ
   ════════════════════════════════════════════════════════ */
.adn-faq { background: var(--surface); }
.adn-faq__list {
  max-width: 720px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.adn-faq-item {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--surface);
  transition: box-shadow var(--duration-base);
}
.adn-faq-item[open] {
  box-shadow: var(--shadow-sm);
}
.adn-faq-item summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-5) var(--space-6);
  cursor: pointer;
  list-style: none;
  font-weight: 600;
  font-size: var(--text-base);
  color: var(--ink);
  user-select: none;
  transition: background var(--duration-fast);
}
.adn-faq-item summary:hover { background: var(--surface-2); }
.adn-faq-item summary::-webkit-details-marker { display: none; }
.adn-faq-item__arrow {
  width: 20px;
  height: 20px;
  border-radius: var(--radius-sm);
  background: var(--surface-2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: var(--text-sm);
  transition: transform var(--duration-base) var(--ease-out),
              background var(--duration-fast);
}
.adn-faq-item[open] .adn-faq-item__arrow {
  transform: rotate(45deg);
  background: color-mix(in oklab, var(--accent) 12%, transparent);
  color: var(--accent);
}
.adn-faq-answer {
  padding: 0 var(--space-6) var(--space-5);
  font-size: var(--text-sm);
  color: var(--ink-2);
  line-height: var(--leading-normal);
  border-top: 1px solid var(--line);
}