/* ============================================================
   FitEvents · PAGINA: Preguntas frecuentes  (/faq)
   Acordeon con <details>: sin JavaScript y accesible de serie.
   ============================================================ */

.faq-wrap{max-width:760px;}

.faq-item{border-bottom:1px solid var(--line);}
.faq-item summary{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:24px 0;cursor:pointer;list-style:none;
  font-size:17px;font-weight:var(--fw-medium);color:var(--ink);line-height:1.4;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:hover{color:var(--malva-dark);}

/* El signo mas que se convierte en menos al abrir */
.faq-mas{position:relative;flex:none;width:16px;height:16px;}
.faq-mas::before,
.faq-mas::after{
  content:"";position:absolute;top:50%;left:0;
  width:16px;height:1.5px;background:var(--ink);border-radius:2px;
  transition:transform .2s ease;
}
.faq-mas::after{transform:rotate(90deg);}
.faq-item[open] .faq-mas::after{transform:rotate(0);}

.faq-respuesta{padding:0 40px 26px 0;}
.faq-respuesta p{font-size:15px;color:var(--ink-soft);line-height:1.7;}

/* Respuesta aun por escribir: visible para vosotros, imposible de publicar sin verla */
.faq-item.is-pendiente .faq-respuesta p{
  background:var(--arcilla-tint);border-left:3px solid var(--arcilla-dark);
  padding:14px 18px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  color:var(--arcilla-dark);font-weight:var(--fw-medium);
}