/* =========================================================
   BLAK MARKETING AGENCY — preguntas frecuentes
   Sólo la carga /preguntas-frecuentes. Reutiliza .faq y
   .faq__item de styles.css (las mismas de «Condiciones» en
   paquetes) y agrega el buscador, los temas y los grupos.
   ========================================================= */

/* ---------- buscador ---------- */
.faqbusca{margin-bottom:26px}
.faqbusca[hidden]{display:none}
.faqbusca__label{
  display:block;font-size:12px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--accent);margin-bottom:10px;
}
.faqbusca__input{
  width:100%;padding:16px 20px;border-radius:14px;
  border:1px solid var(--line);background:var(--surface);
  font:inherit;font-size:16px;color:var(--text);
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease);
}
.faqbusca__input::placeholder{color:var(--faint)}
.faqbusca__input:focus{outline:none;border-color:var(--army);box-shadow:0 0 0 4px rgba(59,116,137,.14)}
.faqbusca__nada{margin-top:14px;color:var(--muted);font-size:15px}
.faqbusca__nada[hidden]{display:none}
.faqbusca__nada a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

/* ---------- temas ---------- */
.faqnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(38px,5vw,56px)}
.faqnav__chip{
  padding:9px 16px;border-radius:999px;border:1px solid var(--line);
  font-size:14px;font-weight:500;color:var(--muted);
  transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);
}
.faqnav__chip:hover{color:var(--head);border-color:var(--head)}

/* ---------- grupos ---------- */
.faqgrupo{margin-bottom:clamp(42px,6vw,64px);scroll-margin-top:110px}
.faqgrupo[hidden]{display:none}
.faqgrupo__titulo{
  font-size:clamp(1.35rem,2.8vw,1.75rem);margin-bottom:10px;
  display:flex;align-items:baseline;gap:10px;
}
.faqgrupo__titulo span{font-size:13px;font-weight:600;color:var(--faint);letter-spacing:.04em}
.faqgrupo .faq__item{scroll-margin-top:120px}
.faqgrupo .faq__item[hidden]{display:none}

/* Respuestas: listas y enlaces que en paquetes no hacían falta. */
.faqgrupo .faq__body p + p{margin-top:.8em}
.faqgrupo .faq__body ul{list-style:none;margin:0 0 .8em;padding:0}
.faqgrupo .faq__body li{
  position:relative;padding-left:18px;margin-bottom:.45em;
  font-size:15.4px;color:var(--muted);line-height:1.6;
}
.faqgrupo .faq__body li::before{
  content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;
  border-radius:50%;background:var(--accent);
}
.faqgrupo .faq__body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}