/* ============================================================
   lice.cl · faq.css
   Sección "Artículo Décimo Primero" · FAQ acordeón
   ============================================================ */

.faq {
  max-width: 880px;
  margin: 0 auto;
  border-top: 1px solid var(--rule);
}
.faq__item {
  border-bottom: 1px solid var(--rule);
}
.faq__item summary {
  list-style: none;
  cursor: pointer;
  padding: 22px 50px 22px 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  position: relative;
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 500;
  letter-spacing: -0.015em;
  color: var(--ink);
  transition: color .15s var(--ease-out);
  min-height: 64px;
}
@media (min-width: 768px) { .faq__item summary { font-size: 1.1rem; } }
.faq__item summary::-webkit-details-marker { display: none; }
.faq__item summary:hover { color: var(--brand); }
.faq__item summary:focus-visible { outline: none; color: var(--brand); }

.faq__icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px; height: 16px;
  flex-shrink: 0;
  color: var(--brand);
}
.faq__icon::before, .faq__icon::after {
  content: "";
  position: absolute;
  background: currentColor;
  transition: transform .2s var(--ease-out);
  border-radius: 1px;
}
.faq__icon::before { top: 7px; left: 0; right: 0; height: 1.5px; }
.faq__icon::after  { top: 0; bottom: 0; left: 7px; width: 1.5px; }

.faq__item[open] .faq__icon::after { transform: scaleY(0); }

.faq__body {
  padding: 0 4px 24px;
  color: var(--ink-2);
  font-size: 0.95rem;
  line-height: 1.6;
  max-width: 64ch;
}
.faq__body p { margin: 0; }