/* Nosso Clã · questionário passo a passo e páginas /eventos e /para-empresas (08/10/2026).
   Usa os tokens e componentes do style.css; cantos retos vêm da regra global. */
.qz-secao{scroll-margin-top:88px}
.qz-grade{display:grid;gap:clamp(24px,4vw,48px);align-items:start}
@media (min-width:960px){.qz-grade{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.qz-app{background:#fff;border:1.5px solid var(--preto);padding:clamp(20px,4vw,40px);display:grid;gap:18px;scroll-margin-top:88px;min-width:0}
.qz-intro{display:grid;gap:16px}
.qz-intro h2{font-size:clamp(24px,3vw,32px)}
.qz-intro p{color:var(--grafite)}
.qz-intro .btn{justify-self:start}
.qz-topo{display:flex;justify-content:space-between;align-items:center;gap:12px}
.qz-conta{font:400 13px/1.2 var(--mono);color:var(--azul)}
.qz-voltar{background:none;border:0;padding:8px 0;font:400 13px/1.2 var(--mono);color:var(--grafite);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.qz-voltar:hover{color:var(--azul)}
.qz-barra{height:6px;background:var(--fundo);overflow:hidden}
.qz-barra span{display:block;height:100%;background:var(--azul);transition:width .3s}
.qz-q{font-size:clamp(22px,3vw,30px);line-height:1.2;outline:none}
.qz-ajuda{font-size:15px;color:var(--grafite);margin-top:-8px}
.qz-opcoes{display:grid;gap:10px}
@media (min-width:700px){.qz-opcoes{grid-template-columns:1fr 1fr}}
.qz-opcao{display:flex;align-items:center;gap:14px;width:100%;min-width:0;text-align:left;background:#fff;color:var(--preto);border:1.5px solid var(--linha);padding:14px 16px;min-height:56px;font:16px/1.35 var(--sans);cursor:pointer;transition:border-color .15s,background .15s}
.qz-opcao:hover{border-color:var(--preto)}
.qz-opcao[aria-pressed="true"]{border-color:var(--azul);background:var(--azul-suave)}
.qz-opcao > span:last-child{min-width:0;overflow-wrap:anywhere}
.qz-marca{flex:none;display:grid;place-items:center;width:28px;height:28px;background:var(--fundo);font:400 13px/1 var(--mono)}
.qz-opcao[aria-pressed="true"] .qz-marca{background:var(--azul);color:#fff}
.qz-multi .qz-marca{width:22px;height:22px;background:#fff;border:1.5px solid var(--grafite)}
.qz-multi .qz-opcao[aria-pressed="true"] .qz-marca{background:var(--azul);border-color:var(--azul)}
.qz-multi .qz-opcao[aria-pressed="true"] .qz-marca::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.qz-outro[hidden]{display:none}
.qz-campos{display:grid;gap:14px}
@media (min-width:700px){.qz-campos{grid-template-columns:1fr 1fr}}
.qz-form{display:grid;gap:14px}
.qz-acoes{display:flex;flex-wrap:wrap;gap:10px}
.qz-acoes[hidden]{display:none}
.qz-erro{font-size:15px;padding:12px 14px;background:#FDE2E2;color:#7A0B0B}
.qz-erro[hidden]{display:none}
.qz-erro a{color:inherit}
.qz-ok{display:grid;gap:14px;background:var(--lima);padding:clamp(20px,4vw,36px)}
.qz-ok h2{outline:none}
.qz-ok .chapeu{color:var(--preto)}
.qz-fino{font-size:14px;color:var(--grafite)}
.qz-fino a{color:inherit}

/* páginas */
.qz-hero .ap-hero-foto{aspect-ratio:4/3}
@media (min-width:960px){.qz-hero .ap-hero-foto{aspect-ratio:4/5}}
.qz-hero-eventos .ap-hero-foto img{object-position:50% 20%}
.qz-passos{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--linha);border:1px solid var(--linha);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.qz-passos li{background:#fff;padding:22px;display:grid;gap:8px;align-content:start}
.qz-passos b{font-size:18px;letter-spacing:-.01em;line-height:1.25}
.qz-passos span{font:400 13px/1 var(--mono);color:var(--azul)}
.qz-passos p{font-size:15px;color:var(--grafite)}
.qz-frentes{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.qz-frentes .cartao h3{margin-bottom:8px}
.qz-frentes .cartao p{color:var(--grafite)}
.qz-lista-fmt{display:grid;gap:1px;background:#262626;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.qz-lista-fmt div{background:var(--preto);padding:24px;display:grid;gap:8px;align-content:start}
.qz-lista-fmt b{color:#fff;font-size:19px}
.qz-lista-fmt p{color:#B9B9B9;font-size:15px}

/* chamadas para as duas páginas (home, /palestras e /aprenda) */
.b2b-ctas{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.b2b-cta{position:relative;display:grid;gap:12px;align-content:start;padding:clamp(22px,3vw,32px);border:1.5px solid var(--preto);background:#fff;text-decoration:none;transition:transform .15s}
.b2b-cta:hover{transform:translateY(-3px)}
.b2b-cta.b2b-azul{background:var(--azul);border-color:var(--azul);color:#fff}
.b2b-cta.b2b-azul .chapeu{color:var(--lima)}
.b2b-cta.b2b-azul p{color:#DCD8FF}
.b2b-cta h3{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.03em;line-height:1.1}
.b2b-cta p{color:var(--grafite)}
.b2b-cta .ir{font:400 14px/1 var(--mono);margin-top:6px}
.b2b-cta.b2b-azul .ir{color:var(--lima)}
@media (prefers-reduced-motion:reduce){.b2b-cta:hover{transform:none}}