/* Hub de perguntas & respostas
   Estrutura: 4 blocos por momento do leitor > lista de perguntas em cada bloco.
   Busca e temas filtram dentro dos blocos e abrem automaticamente os que casam. */

.hub{background:#f4f6ef}
.hub .hero{padding-bottom:56px}
.hub .hero .hero-in{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:48px;text-align:left;width:min(1080px,calc(100% - 68px))}
.hub .hero .eyebrow{justify-content:flex-start}
.hub .hero h1,.hub .hero .lead{margin-left:0;margin-right:0}
.hub .hero-foto{width:100%;height:auto;border-radius:4px;display:block}
@media(max-width:720px){.hub .hero .hero-in{grid-template-columns:1fr;text-align:center;gap:24px}.hub .hero .eyebrow{justify-content:center}.hub .hero-foto{max-width:260px;margin:0 auto}}
.hub-main{padding:56px 0 96px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* --- cabeça da seção --- */
.hub-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(28px,6vw,80px);align-items:end;margin-bottom:34px}
.hub-head .rot{margin:0 0 10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#667b41;font-weight:600;display:flex;align-items:center;gap:8px}
.hub-head .rot .lo{width:22px;height:2px;background:#7FAD2E}
.hub-head h2{margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:300;line-height:1.08;letter-spacing:-.035em;color:#0a0b0a}
.hub-head .abre{margin:0;font-size:14.5px;line-height:1.7;color:#5a6152;max-width:46ch}
.glossario-link{display:inline-flex;align-items:center;margin-top:30px;padding-bottom:2px;border-bottom:2px solid #c4ef78;color:#0a0b0a;text-decoration:none;font-size:12px;font-weight:600}
.glossario-link:hover{border-bottom-color:#0a0b0a}

/* --- controles --- */
.hub-controles{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.hub-busca{flex:1;min-width:240px;max-width:520px}
.hub-busca input{width:100%;min-height:50px;padding:0 16px;border:1.5px solid #cbd3bd;background:#fff;font:400 15px/1 Poppins,system-ui,sans-serif;color:#111}
.hub-busca input::placeholder{color:#8d947f}
.hub-busca input:focus-visible{outline:none;border-color:#7FAD2E}
.hub-contagem{margin:0;font-size:12.5px;color:#68705c;white-space:nowrap}
.hub-contagem b{color:#0a0b0a;font-weight:600}
.hub-limpar{border:1px solid #cbd3bd;background:#fff;color:#3f453a;font:500 12.5px/1 Poppins,system-ui,sans-serif;padding:10px 14px;cursor:pointer}
.hub-limpar:hover{border-color:#7FAD2E;color:#0a0b0a}
.hub-limpar[hidden]{display:none}

/* --- temas --- */
.hub-temas{margin-bottom:30px}
.hub-temas:has(.temas-lista[hidden]){margin-bottom:0}
.temas-abrir{border:1.5px solid #0a0b0a;background:#fff;border-radius:0;min-height:50px;padding:0 20px;color:#0a0b0a;font:600 14px/1 Poppins,system-ui,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;transition:background .16s ease,color .16s ease}
.temas-abrir::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
.temas-abrir[aria-expanded="true"]::after{transform:rotate(225deg) translateY(-2px)}
.temas-abrir:hover,.temas-abrir[aria-expanded="true"]{background:#0a0b0a;color:#fff}
.temas-lista{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px}
.temas-lista[hidden]{display:none}

.tema{border:1px solid #dbe1d0;background:#fff;color:#5a6152;font:500 11.5px/1 Poppins,system-ui,sans-serif;padding:7px 12px;border-radius:999px;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}
.tema:hover{border-color:#7FAD2E;color:#0a0b0a}
.tema.ativo{background:#0a0b0a;border-color:#0a0b0a;color:#fff}
.tema:focus-visible{outline:2px solid #7FAD2E;outline-offset:2px}

.hub-vazio{margin:34px 0;font-size:15.5px;color:#40453b}

/* --- blocos --- */
.hub-blocos{display:grid;gap:14px}
.bloco{background:#fff;border:1px solid #d9dfcd}
.bloco-h{margin:0;font:inherit}
.bloco-cabeca{width:100%;display:grid;grid-template-columns:66px minmax(0,1fr) auto 22px;align-items:center;gap:22px;padding:26px 28px;background:none;border:0;text-align:left;cursor:pointer;color:#0a0b0a;transition:background .16s ease,color .16s ease}
.bloco-cabeca:hover{background:#f7f9f1}
.bloco-cabeca:focus-visible{outline:2px solid #7FAD2E;outline-offset:-2px}
.bloco-num{display:grid;place-items:center;width:52px;height:52px;background:#f1f4ea;color:#667b41;font:600 13px/1 Poppins,system-ui,sans-serif;transition:background .16s ease,color .16s ease}
.bloco-txt{display:grid;gap:5px;min-width:0}
.bloco-titulo{font:400 clamp(20px,2.2vw,27px)/1.15 Poppins,system-ui,sans-serif;letter-spacing:-.03em}
.bloco-sub{font-size:14.5px;line-height:1.6;color:#5a6152;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bloco-caps{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#8d947f;font-weight:600}
.bloco-conta{font-size:12.5px;color:#68705c;white-space:nowrap}
.bloco-conta b{color:#0a0b0a;font-weight:600}
.bloco-sinal{justify-self:end;width:14px;height:14px;position:relative}
.bloco-sinal::before,.bloco-sinal::after{content:"";position:absolute;background:#7FAD2E;transition:transform .18s ease}
.bloco-sinal::before{left:0;top:6px;width:14px;height:2px}
.bloco-sinal::after{left:6px;top:0;width:2px;height:14px}

.bloco.aberto{border-color:#0a0b0a}
.bloco.aberto .bloco-cabeca{background:#0a0b0a;color:#fff}
.bloco.aberto .bloco-cabeca:hover{background:#131513}
.bloco.aberto .bloco-num{background:#1d1f1c;color:#c4ef78}
.bloco.aberto .bloco-sub{color:#aeb3a8}
.bloco.aberto .bloco-caps{color:#7f847b}
.bloco.aberto .bloco-conta{color:#aeb3a8}
.bloco.aberto .bloco-conta b{color:#c4ef78}
.bloco.aberto .bloco-sinal::after{transform:scaleY(0)}
.bloco[hidden]{display:none}

/* --- lista dentro do bloco: linhas, não cartões --- */
.bloco-lista{gap:0 32px!important;padding:4px 28px 14px}
.bloco-lista[hidden]{display:none}
.bloco-lista details{border:0!important;border-top:1px solid #e8ebe0!important;background:transparent!important}
.bloco-lista details:first-child{border-top:0!important}
.bloco-lista details[hidden]{display:none}
.bloco-lista summary{grid-template-columns:42px minmax(0,1fr) 24px!important;gap:18px!important;min-height:0!important;padding:19px 0!important;font-size:15px!important;font-weight:500!important}
.bloco-lista summary:hover .question{color:#667b41}
.bloco-lista .num{display:flex!important;align-items:center;justify-content:center;width:32px!important;height:32px!important;background:#f1f4ea!important;font-size:10px!important;border-radius:50%;flex:0 0 auto}
.bloco-lista details[open] .num{background:#0a0b0a!important;color:#c4ef78!important}
.bloco-lista .answer{padding:0 0 24px 60px!important}
.bloco-lista .answer p{max-width:72ch}

/* --- metadados da resposta --- */
.faq .qa-meta{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0!important;padding-top:14px;border-top:1px solid #eef0e8}
.faq .qa-meta .answer-source{margin:0 0 0 auto!important;display:inline-flex;align-items:center;padding-bottom:2px;border-bottom:2px solid #c4ef78;color:#0a0b0a;text-decoration:none;font-size:12px;font-weight:600;white-space:nowrap}
.faq .qa-meta .answer-source:hover{border-bottom-color:#0a0b0a}

/* --- Talk to Securato --- */
.stories{margin:72px 0 46px;padding:44px 0 30px;border-top:4px solid #0a0b0a;background:#c4ef78;scroll-margin-top:100px}
.stories-in{padding-inline:clamp(12px,1.2vw,20px)}
.stories-cabeca{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,56px);align-items:end;margin:0 0 32px}
.stories-kicker{display:inline-block;margin:0 0 12px;padding:7px 10px;background:#0a0b0a;color:#c4ef78;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.stories h2{margin:0;color:#0a0b0a;font-size:clamp(34px,4.4vw,62px);font-weight:600;line-height:1.12;letter-spacing:-.045em}
.stories h2 span{font-weight:400;letter-spacing:-.035em}
.stories-cabeca>p{margin:0 0 4px;padding-left:18px;border-left:2px solid #536e2f;color:#26351b;font-size:16px;line-height:1.65;max-width:30ch}
.stories-lista{display:flex;gap:16px;overflow-x:auto;padding:6px clamp(12px,1.2vw,20px) 20px;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(12px,1.2vw,20px);scrollbar-width:thin;scrollbar-color:#26351b #add668}
.story-card{display:flex;flex:0 0 190px;flex-direction:column;gap:0;padding:8px;background:#11150f;color:#fff;text-decoration:none;scroll-snap-align:start;transition:transform .18s ease,background .18s ease}
.story-visual{display:block;position:relative;width:100%;aspect-ratio:739/1600;background:#000;border:1px solid #333b2b;overflow:hidden;transition:border-color .18s ease}
.story-card img{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.story-mascara{position:absolute;left:0;right:0;z-index:1;display:block;background:#000;pointer-events:none}
.story-mascara-top{top:0;height:13%}
.story-mascara-bottom{bottom:0;height:16%}
.story-card .story-titulo{padding:16px 8px 18px;font-size:14px;line-height:1.5;color:#f0f2eb}
.story-card::after{content:"Ver resposta ↗";margin-top:auto;padding:12px 8px 6px;border-top:1px solid #38412f;color:#c4ef78;font-size:12px;font-weight:600;line-height:1.4}
.story-card:hover{background:#20291a;transform:translateY(-3px)}
.story-card:hover .story-visual,.story-card:focus-visible .story-visual{border-color:#c4ef78}
.story-card:focus-visible{outline:2px solid #0a0b0a;outline-offset:3px}
.story-card:active{transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){.story-card,.story-visual{transition:none}.story-card:hover,.story-card:active{transform:none}}

/* --- enviar pergunta --- */
.enviar{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,6vw,88px);margin-top:80px;padding:52px;background:#0a0b0a;color:#fff}
.enviar .rot{margin:0 0 12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#c4ef78;font-weight:600}
.enviar h2{margin:0 0 16px;font-size:clamp(28px,3.4vw,42px);font-weight:300;line-height:1.1;letter-spacing:-.035em;color:#fff}
.enviar-copy p{margin:0;color:#aeb3a8;font-size:15px;line-height:1.7;max-width:44ch}
.enviar-form label{display:block;margin-bottom:16px}
.enviar-form label span{display:block;margin-bottom:7px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8d947f;font-weight:600}
.enviar-form textarea,.enviar-form input{width:100%;padding:13px 14px;border:1px solid #3a3d38;background:#131513;color:#fff;font:400 14px/1.5 Poppins,system-ui,sans-serif;resize:vertical}
.enviar-form textarea::placeholder,.enviar-form input::placeholder{color:#7f847b}
.enviar-form textarea:focus-visible,.enviar-form input:focus-visible{outline:none;border-color:#c4ef78}
.enviar-dupla{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.enviar-form button{width:100%;min-height:50px;border:0;background:#c4ef78;color:#050605;font:600 13.5px/1 Poppins,system-ui,sans-serif;cursor:pointer;letter-spacing:.03em}
.enviar-form button:hover{background:#fff}
.enviar-form button:disabled{background:#3a3d38;color:#8d947f;cursor:default}
.enviar-form .form-status{margin:12px 0 0;color:#c4ef78;font-size:12.5px;line-height:1.5}
.enviar-form .form-status:empty{margin:0}
.enviar-fine{margin:10px 0 0;font-size:11px;color:#7f847b}
.enviar-ok{margin:0;padding:22px;border:1px solid #2b2e29;background:#131513;color:#c4ef78;font-size:14px;line-height:1.6}
.enviar-ok a{color:#c4ef78}

@media(max-width:900px){
  .hub-head{grid-template-columns:1fr;align-items:start;gap:16px}
  .enviar{grid-template-columns:1fr;padding:34px 26px}

  .stories-cabeca{grid-template-columns:1fr;align-items:start;gap:20px;margin-bottom:26px}
  .stories-cabeca>p{max-width:42ch}
  .stories{margin-top:56px;margin-bottom:36px;padding:32px 0 22px}
  .story-card{flex-basis:180px}
  .bloco-cabeca{grid-template-columns:48px minmax(0,1fr) 18px;gap:16px;padding:20px 18px;row-gap:12px}
  .bloco-num{width:40px;height:40px;font-size:12px}
  .bloco-conta{grid-column:2;font-size:11.5px}
  .bloco-sub{display:none}
  .bloco-lista{padding:0 18px 10px}
  .bloco-lista summary{grid-template-columns:34px minmax(0,1fr) 20px!important;gap:12px!important;padding:16px 0!important;font-size:13.5px!important}
  .bloco-lista .answer{padding:0 0 20px 46px!important}
}
@media(max-width:640px){
  .stories{scroll-margin-top:82px}
  .hub-controles{gap:10px}
  .hub-busca{max-width:none}
  .enviar-dupla{grid-template-columns:1fr}
  .faq .qa-meta .answer-source{margin-left:0!important}
}