/* FAQ: <details> nativo, zero JS. Serve o [cit_faq] e o [citricus_faq] do plugin. */
.cit-faq,.citricus-faq{ border-top:1px solid var(--c-line) }
.ctr-acc{ border-bottom:1px solid var(--c-line) }
.ctr-acc summary{
  list-style:none; cursor:pointer; position:relative; padding:1.3rem 3rem 1.3rem 0;
  font-family:var(--font-head); font-weight:600; font-size:clamp(1.08rem,1rem + .35vw,1.25rem); line-height:1.35; letter-spacing:-.01em; color:var(--c-ink);
}
.ctr-acc summary::-webkit-details-marker{ display:none }
.ctr-acc summary::after{
  content:""; position:absolute; right:.25rem; top:50%; width:32px; height:32px; margin-top:-16px; border-radius:50%;
  border:1px solid var(--c-line-2);
  background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat, linear-gradient(currentColor,currentColor) center/1.5px 12px no-repeat;
  transition:transform .25s ease, background-color .2s ease;
}
.ctr-acc[open] summary::after{ transform:rotate(45deg); background-color:var(--c-teal-050) }
.ctr-acc summary:hover{ color:var(--c-teal-700) }
.ctr-acc-body{ padding:0 3rem 1.4rem 0; color:var(--c-ink-2) }
.ctr-acc-body p{ margin:0 0 .8em }
.cit-dark .ctr-acc,.cit-dark .cit-faq{ border-color:rgba(255,255,255,.12) }
.cit-dark .ctr-acc summary{ color:#fff }
.cit-dark .ctr-acc-body{ color:var(--c-on-dark-2) }