/* Blocos que abrem ao clicar (Como funciona e FAQ) + lista de perguntas */
.faq{max-width:900px}.sec.alt .toggle-card{background:#0b0b0c}
.faq details{border-bottom:1px solid #2c2c2e;padding:22px 0}
.faq summary{cursor:pointer;list-style:none;font-size:clamp(20px,2.2vw,26px);font-weight:300;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--sub);font-size:28px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{color:#c7c7cc;margin-top:14px;font-size:17px}
.toggle-card{border:1px solid rgba(47,160,143,.4);border-radius:var(--r);background:var(--card2);padding:clamp(24px,3.5vw,40px)}
.toggle-card h2{margin:0}
.toggle-card .tg{all:unset;display:block;cursor:pointer;font:300 clamp(30px,4.4vw,56px)/1.05 "DM Sans",sans-serif;letter-spacing:-.025em}
.toggle-card .tg:focus-visible,.tg-label:focus-visible{outline:2px solid var(--ac);outline-offset:4px;border-radius:6px}
.tg-label{all:unset;display:block;width:max-content;margin-top:18px;padding:9px 14px;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:var(--ac);font:400 14px/1 "DM Sans",sans-serif;cursor:pointer}
.toggle-card.open .tg-label{background:#f5f5f7;color:#1d1d1f;border-color:#f5f5f7}
.tg-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s}
.tg-body>div{overflow:hidden}
.toggle-card.open .tg-body{grid-template-rows:1fr}
.toggle-card .faq{max-width:none}