/* Estilos exclusivos da página FAQ.
   Mantidos separados do style.css para facilitar manutenção. */

/* FAQ page */
.faq-page{
  padding-top:26px;
}
.faq-hero-card{
  min-height:260px;
  border:1px solid rgba(244,196,66,.36);
  border-radius:26px;
  padding:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 20%, rgba(255,122,26,.18), transparent 18rem),
    radial-gradient(circle at 18% 0%, rgba(244,196,66,.17), transparent 24rem),
    linear-gradient(135deg, rgba(24,16,7,.97), rgba(4,4,3,.98) 62%, rgba(16,9,3,.98));
  box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.06);
}
.faq-hero-card::before{
  content:"";
  position:absolute;
  inset:13px;
  border:1px solid rgba(255,255,255,.04);
  border-radius:21px;
  pointer-events:none;
}
.faq-hero-card::after{
  content:"FAQ";
  position:absolute;
  right:28px;
  bottom:-34px;
  color:rgba(244,196,66,.045);
  font-size:138px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.08em;
  pointer-events:none;
}
.faq-hero-copy{
  position:relative;
  z-index:2;
  max-width:800px;
}
.faq-hero-copy p:not(.eyebrow){
  max-width:720px;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
  margin:13px 0 20px;
}
.faq-hero-logo{
  position:relative;
  z-index:2;
  flex:0 0 220px;
  display:grid;
  place-items:center;
}
.faq-hero-logo::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  background:radial-gradient(circle, rgba(244,196,66,.24), rgba(255,122,26,.1) 44%, transparent 72%);
  filter:blur(16px);
}
.faq-hero-logo img{
  position:relative;
  width:190px;
  max-height:190px;
  object-fit:contain;
  filter:drop-shadow(0 20px 26px rgba(0,0,0,.72));
}
.faq-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:22px;
  align-items:start;
  margin-top:24px;
}
.faq-list{
  display:grid;
  gap:12px;
}
.faq-item{
  border:1px solid rgba(244,196,66,.20);
  border-radius:18px;
  overflow:hidden;
  background:
    radial-gradient(circle at right top, rgba(244,196,66,.07), transparent 15rem),
    linear-gradient(180deg, rgba(18,13,7,.96), rgba(6,5,4,.96));
  box-shadow:0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.035);
}
.faq-item[open]{
  border-color:rgba(244,196,66,.46);
  box-shadow:0 20px 48px rgba(0,0,0,.26), 0 0 0 3px rgba(244,196,66,.045), inset 0 1px 0 rgba(255,255,255,.045);
}
.faq-item summary{
  min-height:66px;
  padding:0 62px 0 22px;
  display:flex;
  align-items:center;
  position:relative;
  cursor:pointer;
  color:var(--cream);
  font-size:15px;
  font-weight:950;
  list-style:none;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
  content:"+";
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#160d04;
  font-size:20px;
  font-weight:950;
  background:linear-gradient(135deg, var(--accent), var(--orange));
  box-shadow:0 10px 22px rgba(0,0,0,.22);
}
.faq-item[open] summary::after{
  content:"−";
}
.faq-item p{
  margin:0;
  padding:0 22px 22px;
  color:var(--muted);
  font-size:14px;
  line-height:1.72;
}
.faq-item strong{
  color:var(--accent);
}
.faq-contact-card{
  position:sticky;
  top:132px;
  border:1px solid rgba(244,196,66,.34);
  border-radius:22px;
  padding:22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,122,26,.16), transparent 14rem),
    linear-gradient(180deg, rgba(25,16,7,.98), rgba(7,6,5,.98));
  box-shadow:0 22px 58px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.05);
}
.faq-card-kicker{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 11px;
  border:1px solid rgba(244,196,66,.32);
  border-radius:999px;
  color:var(--accent);
  background:rgba(244,196,66,.08);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.faq-contact-card h2{
  margin:14px 0 10px;
  color:#fff;
  font-size:24px;
  letter-spacing:-.03em;
}
.faq-contact-card p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}
.faq-whatsapp-btn{
  width:100%;
  min-height:48px;
  margin:18px 0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  text-decoration:none;
  color:#160d04;
  font-weight:950;
  background:linear-gradient(135deg, var(--accent), var(--orange));
  border:1px solid rgba(255,207,87,.78);
  box-shadow:0 18px 34px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.18);
}
.faq-whatsapp-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 22px 42px rgba(0,0,0,.32), 0 0 0 3px rgba(244,196,66,.08), inset 0 1px 0 rgba(255,255,255,.22);
}
.faq-mini-notice{
  border:1px solid rgba(244,196,66,.19);
  border-radius:16px;
  padding:15px;
  background:rgba(0,0,0,.22);
}
.faq-mini-notice strong{
  display:block;
  color:var(--cream);
  margin-bottom:7px;
  font-size:13px;
}
.faq-mini-notice p{
  font-size:12px;
  line-height:1.55;
}
@media (max-width: 980px){
  .faq-layout{grid-template-columns:1fr}
  .faq-contact-card{position:static}
  .faq-hero-logo{display:none}
}
@media (max-width: 560px){
  .faq-hero-card{padding:22px;border-radius:20px}
  .faq-item summary{min-height:60px;padding-left:16px;padding-right:56px;font-size:14px}
  .faq-item p{padding:0 16px 18px;font-size:13px}
}