/* ==================================================================
   FAQ da Polarium — reconstruído limpo, com as 5 abas funcionais.
   Estilos idênticos ao original (cores, sombras e tipografia medidas
   do site publicado).
   ================================================================== */
.pl-faq{
  background:#FAFCFF;
  padding:96px 0 120px;
  color:#00214F;
  width:100%;
  flex:1 1 100%;      /* ocupa toda a largura dentro do flex pai */
  align-self:stretch;
  box-sizing:border-box;
  /* O pai é um flex-container que ordena as seções por 'order'.
     No mobile, sem isso o FAQ (order 0) pulava para o topo.
     order 14 = logo após a seção suporte (13), antes do rodapé. */
  order:14;
}
.pl-faq-shell{
  max-width:1100px;
  margin-inline:auto;
  padding-inline:24px;
  text-align:center;
}
.pl-faq-label{
  margin:0 0 12px;
  color:#0087FF;
  font-size:14px;
  font-weight:500;
  font-family:"Bai Jamjuree",sans-serif;
}
.pl-faq-titulo{
  margin:0 0 12px;
  color:#00214F;
  font-size:40px;
  font-weight:500;
  font-family:"Bai Jamjuree",sans-serif;
}
.pl-faq-sub{
  margin:0 0 40px;
  color:#5A6B82;
  font-size:18px;
  font-family:"Bai Jamjuree",sans-serif;
}

/* ---------- Abas ---------- */
.pl-faq-abas{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin-bottom:40px;
}
.pl-faq-aba{
  border:0;
  cursor:pointer;
  background:#EEF3FA;
  color:#7C8DA3;
  font-family:"Bai Jamjuree",sans-serif;
  font-size:16px;
  font-weight:500;
  padding:12px 28px;
  border-radius:10px;
  transition:background .2s ease,color .2s ease;
}
.pl-faq-aba:hover{background:#E2EAF5;}
.pl-faq-aba--ativa{
  background:#0087FF;
  color:#fff;
}

/* ---------- Itens ---------- */
.pl-faq-painel{
  display:flex;
  flex-direction:column;
  gap:20px;
  text-align:left;
}
.pl-faq-painel[hidden]{display:none !important;}

.pl-faq-item{
  background:#fff;
  border-radius:12px;
  box-shadow:0 8px 20px -8px rgba(40,93,138,.08),0 2px 6px -2px rgba(42,95,141,.06);
  overflow:hidden;
  transition:box-shadow .2s ease;
}
.pl-faq-item:hover{box-shadow:0 12px 28px -10px rgba(40,93,138,.16);}

.pl-faq-q{
  width:100%;
  border:0;
  background:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:20px;
  padding:28px 32px;
  font-family:"Bai Jamjuree",sans-serif;
  text-align:left;
}
.pl-faq-num{
  color:#0087FF;
  font-size:24px;
  font-weight:600;
  flex:0 0 auto;
}
.pl-faq-texto{
  flex:1;
  color:#00214F;
  font-size:18px;
  font-weight:500;
}
.pl-faq-icone{
  position:relative;
  width:22px;
  height:22px;
  flex:0 0 auto;
}
.pl-faq-icone::before,
.pl-faq-icone::after{
  content:"";
  position:absolute;
  background:#0087FF;
  border-radius:2px;
  transition:transform .25s ease,opacity .25s ease;
}
.pl-faq-icone::before{ /* horizontal */
  top:10px;left:2px;width:18px;height:2px;
}
.pl-faq-icone::after{  /* vertical */
  left:10px;top:2px;width:2px;height:18px;
}
.pl-faq-q[aria-expanded="true"] .pl-faq-icone::after{
  transform:scaleY(0);opacity:0;
}

/* resposta: abre/fecha suave */
.pl-faq-a{
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease;
}
.pl-faq-a p{
  margin:0;
  padding:0 32px 28px 74px;
  color:#7C8DA3;
  font-size:16px;
  line-height:1.6;
  font-family:"Bai Jamjuree",sans-serif;
}

@media (max-width:809.98px){
  .pl-faq-titulo{font-size:30px;}
  .pl-faq-q{padding:20px;gap:12px;}
  .pl-faq-a p{padding:0 20px 20px 20px;}
  .pl-faq-aba{padding:10px 18px;font-size:14px;}
}