/* =======================
   UDE – FAQ / Accordions
   ======================= */

[data-ude="faq"].accordion {
  --faq-border: #e5e7eb;
  --faq-radius: 14px;
  --faq-shadow: 0 4px 14px rgba(0,0,0,0.06);
  --faq-bg: #fff;
  --faq-bg-active: #f1f5ff;
  --faq-title: #111827;
  --faq-muted: #4b5563;
  --faq-accent: #2563eb;
}

[data-ude="faq"].accordion .accordion-item {
  border: 1px solid var(--faq-border);
  border-radius: var(--faq-radius);
  overflow: hidden;
  background: var(--faq-bg);
  margin-bottom: 10px;
  box-shadow: var(--faq-shadow);
}

/* Cabecera */
[data-ude="faq"].accordion .accordion-button {
  font-weight: 600;
  font-size: 16px;
  color: var(--faq-title);
  background: var(--faq-bg);
  padding: 16px 20px;
  transition: background .2s ease, color .2s ease;
  box-shadow: none;
}
[data-ude="faq"].accordion .accordion-button:not(.collapsed) {
  background: var(--faq-bg-active);
  color: var(--faq-accent);
  border-bottom: 1px solid var(--faq-border);
}

/* Chevron */
[data-ude="faq"].accordion .accordion-button::after {
  transition: transform .2s ease;
}
[data-ude="faq"].accordion .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}

/* Cuerpo */
[data-ude="faq"].accordion .accordion-body {
  padding: 18px 22px;
  color: var(--faq-muted);
  font-size: 15px;
  line-height: 1.65;
}
[data-ude="faq"].accordion .accordion-body p { margin-bottom: .8rem; }
[data-ude="faq"].accordion .accordion-body strong { color: var(--faq-title); }

/* Opcional: FAQ seleccionado en editor */
[data-ude="faq"].accordion.ude-selected {
  outline: 2px dashed var(--faq-accent);
  outline-offset: 6px;
}

[data-ude="faq"].accordion .accordion-collapse {
  transition: height .35s ease, opacity .25s ease;
}
[data-ude="faq"].accordion .accordion-collapse.collapsing {
  opacity: 0.5;
}
[data-ude="faq"].accordion .accordion-collapse.collapse.show {
  opacity: 1;
}