/* ===== Ajuda ao Cliente — Cine Super K ===== */
:root{
  --brand-1:#6f7cff; --brand-2:#705cfc;
  --ink-1:#fff; --ink-2:#eaeef7; --ink-3:#cbd3e1; --muted:#9aa6bf;
  --card-a:#141720; --card-b:#11141a; --stroke-1:rgba(255,255,255,.08);
}

/* Estrutura */
.section-ajuda{padding-block:48px;}
.section-ajuda .container{max-width:1140px;}

/* Hero */
.ajuda-hero{max-width:920px;margin-inline:auto;text-align:center;}
.ajuda-headline{
  font-weight:800;font-size:clamp(2.1rem,3.8vw,3.1rem);margin:0 0 8px;
  background:linear-gradient(180deg,var(--ink-1) 0%,#dfe2ff 80%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 10px 36px rgba(112,92,252,.28);
}
.ajuda-underline{
  height:3px;width:180px;margin:12px auto 14px;border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--brand-1),var(--brand-2),transparent);
  filter:drop-shadow(0 0 12px rgba(112,92,252,.5));
}
.ajuda-caption{font-size:1.06rem;color:var(--muted);}

/* Chips/atalhos */
.help-chip{border-radius:14px;}
.btn.btn-primary.help-chip{background:linear-gradient(135deg,var(--brand-1),var(--brand-2));border:none;}
.btn.btn-outline-light.help-chip{border:1px solid rgba(255,255,255,.12);}

/* Cards base */
.card-glass{
  position:relative;border-radius:18px;overflow:hidden;padding:22px;
  background:linear-gradient(180deg,var(--card-a) 0%,var(--card-b) 100%);
  border:1px solid var(--stroke-1);box-shadow:0 12px 28px rgba(0,0,0,.30);
  backdrop-filter:saturate(120%) blur(4px);
}
.card-glass::before{
  content:"";position:absolute;inset:0 0 auto 0;height:2px;
  background:linear-gradient(90deg,transparent,var(--brand-1),var(--brand-2),transparent);opacity:.55;
}
@media(max-width:576px){.card-glass{padding:18px;}}

/* Tópicos */
.help-card p{color:var(--muted);}
.help-card h2{color:var(--ink-1);}

/* Soluções rápidas (accordion custom) */
.help-quick h2{color:var(--ink-1);}
.help-list{max-width:940px;margin:0 auto;}
.help-row{border:1px solid rgba(255,255,255,.06);border-radius:14px;margin-bottom:10px;overflow:hidden;background:rgba(255,255,255,.02);}
.help-qh{margin:0;}
.help-toggle{
  width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  padding:16px 18px;background:transparent;border:0;color:var(--ink-2);text-align:left;font-weight:800;
}
.help-dot{
  width:10px;height:10px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,var(--brand-1),var(--brand-2));
  box-shadow:0 0 0 4px rgba(112,92,252,.15);
}
.help-question{color:var(--ink-1);font-size:1rem;line-height:1.35;}
.help-chevron{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:var(--ink-1);transition:.2s;}
.help-toggle[aria-expanded="true"] .help-chevron{background:rgba(255,255,255,.12);}
.help-toggle[aria-expanded="true"] .help-chevron i{transform:rotate(90deg);}
.help-collapse{display:none;}
.help-collapse.show{display:block;}
.help-answer{padding:0 18px 16px 18px;color:var(--ink-3);line-height:1.7;border-top:1px dashed rgba(255,255,255,.08);}

/* Contato direto */
.help-contact .text-muted{color:var(--muted)!important;}
.btn.btn-primary{background:linear-gradient(135deg,var(--brand-1),var(--brand-2));border:none;border-radius:12px;}
.btn.btn-outline-light{border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;}
.btn.btn-outline-light:hover{background:rgba(255,255,255,.08);}


/* Shortcuts responsivo: desktop lado a lado, mobile empilhado, com espaçamento */
.help-shortcuts{
  display:flex;
  flex-wrap:wrap;
  gap:12px;              /* espaço entre botões */
  justify-content:center;
  margin-bottom: 24px;
}
.help-shortcuts .btn{
  border-radius:14px;
}

/* Mobile: empilha (uma por linha) */
@media (max-width: 576px){
  .help-shortcuts{
    flex-direction:column;
    align-items:stretch; /* faz ocupar a largura do container */
    gap:10px;
  }
  .help-shortcuts .btn{
    width:100%;
  }
}

/* Mantém o visual dos botões já usados */
.help-shortcuts .btn.btn-primary{
  background:linear-gradient(135deg,var(--brand-1),var(--brand-2));
  border:none;
}
.help-shortcuts .btn.btn-outline-light{
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
}
.help-shortcuts .btn.btn-outline-light:hover{
  background:rgba(255,255,255,.08);
}