/* ============================================================
   Sanfona de dúvidas (07/10/2026)
   Só aparência, por cima dos 3 jeitos de FAQ que o site tem:
   .faq-item (home, como funciona, preços), .specialty-faq-item
   (especialidades) e <details> (linktree, na mídia). Texto, ordem e
   schema de FAQ não mudam. O acordeão do Elementor (LPs) fica de fora.
   ============================================================ */
:root{--sf-aqua:#C1DFE0;--sf-mola:cubic-bezier(.2,.8,.2,1)}

/* ---------- .faq-item ---------- */
.faq-item{border-radius:16px;transition:border-color .3s,box-shadow .3s,background-color .3s}
.faq-item.active{border-color:rgba(193,223,224,.32);box-shadow:0 14px 34px -22px rgba(193,223,224,.45)}
.faq-icon{width:30px;height:30px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:rgba(193,223,224,.10);transition:transform .35s var(--sf-mola),background .3s,color .3s}
.faq-icon svg{width:16px;height:16px}
.faq-item.active .faq-icon{background:var(--sf-aqua);color:#181D20}
.faq-content{transition:max-height .45s var(--sf-mola)!important}
.faq-item.active .faq-content{max-height:800px;transition:max-height .5s var(--sf-mola)!important}
.faq-content p{border-left:2px solid var(--sf-aqua);padding-left:14px;margin-bottom:20px;padding-bottom:0!important}

/* ---------- .specialty-faq-item ---------- */
.specialty-faq-item{border-radius:16px;transition:border-color .3s,box-shadow .3s}
.specialty-faq-item.active{border-color:rgba(193,223,224,.32);box-shadow:0 14px 34px -22px rgba(193,223,224,.45)}
.specialty-faq-trigger svg{box-sizing:content-box;padding:6px;border-radius:50%;background:rgba(193,223,224,.10);transition:transform .35s var(--sf-mola),background .3s,color .3s!important}
.specialty-faq-item.active .specialty-faq-trigger svg{background:var(--sf-aqua);color:#181D20}
.specialty-faq-item.active .specialty-faq-content{animation:sf-abre .35s var(--sf-mola) both}
.specialty-faq-content p{border-left:2px solid var(--sf-aqua);padding-left:14px}
@keyframes sf-abre{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---------- <details> (linktree, na mídia) ---------- */
details.sf{overflow:hidden;transition:border-color .3s,box-shadow .3s}
details.sf[open]{border-color:rgba(193,223,224,.32)!important;box-shadow:0 14px 34px -22px rgba(193,223,224,.45)}
details.sf > summary{list-style:none}
details.sf > summary::-webkit-details-marker{display:none}
details.sf > :not(summary){border-left:2px solid var(--sf-aqua);padding-left:14px!important}

@media (prefers-reduced-motion:reduce){
  .faq-content,.faq-item.active .faq-content{transition:none!important}
  .specialty-faq-item.active .specialty-faq-content{animation:none}
}