/* Efeitos da home 10/08: FX-52 painel de vidro (FAQ) + suportes de FX-19/21/22.
   Receitas do catalogo vigil-fx-biblioteca; guardrails da skill vigil-web-experience. */

/* FX-52 — painel de vidro (classe generica: cards do FAQ e da secao 02) */
.fx-glass{position:relative;z-index:1;border-radius:14px;padding:20px 22px;
  background:rgba(17,24,39,.35);
  backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 40px -18px rgba(0,0,0,.6);
  overflow:hidden;}
.faq-stage .fx-glass+.fx-glass{margin-top:12px;}
.fx-glass::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.07) 46%,transparent 58%);
  background-size:250% 100%;animation:fq-sheen 6s ease-in-out infinite;}
@keyframes fq-sheen{0%,100%{background-position:130% 0}50%{background-position:-30% 0}}
/* luz atras do vidro (sem ela o blur nao le); acento discreto, mandamento 2 */
.fq-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(60px);}
.fq-orb.o1{width:230px;height:230px;background:#3B82F6;opacity:.20;top:-60px;left:-70px;}
.fq-orb.o2{width:190px;height:190px;background:#6DA2F8;opacity:.14;bottom:-50px;right:-50px;}

.fq-q{font-family:'Rajdhani','Segoe UI',sans-serif;font-weight:600;font-size:20px;line-height:1.25;color:var(--text,#E6FFFF);margin:0 0 8px;}
.fq-q span{display:inline-block;}
.fq-a{margin:0;font-size:14.5px;line-height:1.65;color:#C9D6E4;}
/* FX-21 — cursor do typewriter enquanto digita */
.fq-a.typing::after{content:"\258C";color:#6DA2F8;margin-left:2px;animation:fq-caret 1s steps(1) infinite;}
@keyframes fq-caret{50%{opacity:0}}
@media(max-width:600px){
  .fq-q{font-size:19px;}
  .fq-a{font-size:15px;}
  .faq-stage .fq-glass{padding:18px;}
}
@media(prefers-reduced-motion:reduce){
  .fx-glass::after{animation:none;}
  .fq-a.typing::after{content:none;}
}