/*==================================================
FAQ
==================================================*/

.faq {

padding:140px 0;
background:#080808;

}

.faq-header {

text-align:center;
max-width:850px;
margin:auto;
margin-bottom:70px;

}

.faq-list {

max-width:950px;
margin:auto;

}

.faq-list details {
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  overflow:hidden;
  margin-bottom:16px;
  padding:0 24px;
  transition:.35s;
}

.faq-list details[open] {
  border-color:rgba(200,164,93,.35);
  background:rgba(200,164,93,.06);
  box-shadow:0 18px 45px rgba(0,0,0,.2);
}

.faq-list summary {
  list-style:none;
  cursor:pointer;
  padding:24px 0;
  font-weight:700;
  color:#F7F2E8;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  gap:16px;
  text-align:left;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:manual;
  letter-spacing:normal;
}

.faq-list summary::-webkit-details-marker {
  display:none;
}

.faq-list summary::after {
  content:"+";
  color:var(--gold);
  font-size:22px;
  transition:.25s;
  margin-left:auto;
  flex-shrink:0;
  line-height:1.2;
}

.faq-list details[open] summary::after {
  content:"−";
}

.faq-list p {
  padding:0 0 24px;
  color:#D8D8D8;
  line-height:1.9;
}

.faq a.painel-demo-link,
.faq-list a.painel-demo-link,
.faq-list summary a.painel-demo-link {
  color: inherit !important;
  text-decoration: none !important;
}

.faq a.painel-demo-link:hover,
.faq-list a.painel-demo-link:hover,
.faq-list summary a.painel-demo-link:hover {
  color: inherit !important;
}

.faq-item {

background:#131313;
border:1px solid rgba(255,255,255,.08);
border-radius:18px;
margin-bottom:18px;
overflow:hidden;
transition:.3s;

}

.faq-item:hover {

border-color:#C8A45D;

}

.faq-question {

padding:28px 35px;
font-size:22px;
font-weight:700;
cursor:pointer;
display:flex;
justify-content:space-between;
align-items:center;

}

.faq-question span {

font-size:30px;
color:#C8A45D;

}

.faq-answer {

display:none;
padding:0 35px 35px;
color:#CFCFCF;
font-size:18px;
line-height:1.8;

}

.faq-item.active .faq-answer {

display:block;

}

.cta-final {

margin-top:90px;

background:linear-gradient(135deg,#C8A45D,#E8C889);

border-radius:30px;

padding:70px;

text-align:center;

}

.cta-final h2 {

color:#111;
font-size:48px;
margin-bottom:25px;

}

.cta-final p {

color:#222;
font-size:22px;
max-width:850px;
margin:auto auto 40px;

}

.cta-buttons {

display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;

}

.cta-buttons a {

padding:18px 35px;

border-radius:14px;

font-weight:700;

transition:.3s;

}

.btn-dark {

background:#111;
color:white;

}

.btn-light {

background:white;
color:#111;

}

.btn-dark:hover,
.btn-light:hover {

transform:translateY(-5px);

}

@media(max-width:768px){

.cta-final {

padding:45px 30px;

}

.cta-final h2 {

font-size:34px;

}

.faq-question {

font-size:18px;

}