/* Seções abaixo da capa da página principal: cenário (notícias), temas, Jessica
   e a janela de inscrição. Carregado só no index.html. */
:root{--noite:#14231b;--noite-2:#1b2e24;--creme:#f6f1e6;--musgo:#b8d39a;--nevoa:#c9d2c4}

.secao-cabeca{max-width:640px}
.secao-cabeca h2{font:400 clamp(30px,6.4vw,46px)/1.08 var(--serif);letter-spacing:-1.2px;margin:16px 0 14px}
.secao-cabeca>p:last-child{font-size:15px;line-height:1.75;color:var(--soft)}

/* Cenário: notícias reais com fonte, data e link */
.cenario{padding:72px 0 64px;background:var(--paper)}
.noticias{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,84%);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:30px -20px 0;padding:6px 20px 16px;scrollbar-width:none}
.noticias::-webkit-scrollbar{display:none}
.noticia{scroll-snap-align:start;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--bronze);border-radius:4px;padding:20px 20px 18px;box-shadow:0 10px 30px #263e330f;transition:transform .2s,box-shadow .2s}
.noticia:hover{transform:translateY(-2px);box-shadow:0 16px 36px #263e331a}
.noticia-topo{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--soft);padding-bottom:12px;border-bottom:1px solid var(--line)}
.noticia-fonte{font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink)}
.noticia h3{font:400 21px/1.25 var(--serif);letter-spacing:-.3px;margin:16px 0 16px;color:var(--ink)}
.noticia-dado{font-size:13px;line-height:1.5;color:var(--soft);margin-top:auto}
.noticia-dado strong{color:var(--ink)}
.noticia-link{display:inline-flex;gap:8px;align-items:center;align-self:flex-start;margin-top:16px;padding-bottom:3px;font-size:12px;font-weight:700;color:var(--green);border-bottom:1px solid currentColor}
.noticia-link:hover{color:var(--bronze)}
.noticia-link:focus-visible,.jessica-link:focus-visible{outline:3px solid var(--bronze);outline-offset:4px}
.cenario-nota{font-size:12px;line-height:1.6;color:var(--soft);margin-top:16px;max-width:560px}

/* Temas: fundo da capa, ícones e número como marca d'água */
.temas{background:var(--noite);color:var(--creme);padding:76px 0 80px}
.temas .eyebrow{color:var(--musgo)}
.temas .secao-cabeca>p:last-child{color:var(--nevoa)}
.temas-lista{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:14px}
.tema{position:relative;background:var(--noite-2);border:1px solid #ffffff1f;border-radius:6px;padding:26px 24px 26px;overflow:hidden;transition:border-color .2s}
.tema:hover{border-color:#b8d39a59}
.tema-icone{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#b8d39a1a;color:var(--musgo);margin-bottom:20px}
.tema-icone svg{width:24px;height:24px}
.tema-num{position:absolute;top:12px;right:18px;font:400 68px/1 var(--serif);letter-spacing:-3px;color:#ffffff10}
.tema h3{font:400 23px/1.2 var(--serif);letter-spacing:-.4px;color:#fff;margin-bottom:10px}
.tema p{font-size:14px;line-height:1.75;color:var(--nevoa)}

/* Jessica: foto real, cargo e fatos verificáveis */
.jessica{padding:76px 0;background:#ece8dd}
.jessica-grade{display:grid;gap:34px;align-items:center}
.jessica-foto{position:relative;margin:0;border-radius:6px;overflow:hidden;aspect-ratio:4/5;background:#d9d3c4}
.jessica-foto img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.jessica-foto::after{content:"JB";position:absolute;right:18px;bottom:12px;font:400 42px var(--serif);letter-spacing:-6px;color:#fffefbb3}
.jessica-texto h2{font:400 clamp(40px,8.4vw,60px)/1 var(--serif);letter-spacing:-1.8px;margin:16px 0 12px}
.jessica-cargo{font-size:13px;font-weight:700;color:var(--bronze);margin-bottom:18px}
.jessica-texto>p:not(.eyebrow):not(.jessica-cargo){font-size:15px;line-height:1.8;color:var(--soft)}
.jessica-fatos{list-style:none;padding:0;margin:24px 0 28px;display:grid;gap:12px}
.jessica-fatos li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.5;color:var(--ink);padding-bottom:12px;border-bottom:1px solid var(--line)}
.jessica-fatos svg{width:22px;height:22px;flex:none;color:var(--bronze)}
.jessica-link{display:inline-flex;gap:10px;align-items:center;padding-bottom:4px;font-size:13px;font-weight:700;color:var(--green);border-bottom:1px solid currentColor}
.jessica-link:hover{color:var(--bronze)}

/* Janela de inscrição: lado escuro com a palestra, formulário no claro */
.dialog-grade{display:grid;grid-template-columns:1fr}
.dialog-lado{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--noite);color:var(--creme)}
.dialog-foto{width:58px;height:58px;flex:none;border-radius:50%;object-fit:cover;object-position:50% 16%;border:2px solid #b8d39a66}
.dialog-selo{font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--musgo)}
.dialog-lado-titulo{font:400 17px/1.25 var(--serif);color:#fff;margin:5px 0 3px}
.dialog-lado-quem{display:none;font-size:13px;color:var(--nevoa)}
.dialog-resumo{font-size:12px;color:var(--nevoa)}
.dialog-info{display:none}
.dialog-passo{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--soft)}
.dialog-passo span{width:22px;height:4px;border-radius:4px;background:var(--line)}
.dialog-passo span+span{margin-right:6px}
.dialog-passo .passo-ativo{background:var(--green)}
.inscricao-dialog .form-button{gap:12px}

@media (min-width:761px){
  .noticias{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);overflow:visible;margin:38px 0 0;padding:0}
  .temas-lista{grid-template-columns:repeat(3,1fr);gap:18px}
  .tema{padding:30px 28px 32px}
  .jessica-grade{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:64px}
  .inscricao-dialog{width:min(880px,calc(100% - 40px))}
  .dialog-grade{grid-template-columns:320px 1fr}
  .dialog-lado{flex-direction:column;align-items:stretch;gap:0;padding:0}
  .dialog-foto{width:100%;height:230px;border:0;border-radius:0;object-position:50% 14%}
  .dialog-lado-texto{padding:22px 26px 28px}
  .dialog-lado-titulo{font-size:22px;margin:8px 0 6px}
  .dialog-lado-quem{display:block}
  .dialog-resumo{display:none}
  .dialog-info{display:grid;gap:12px;list-style:none;margin:22px 0 0;padding:20px 0 0;border-top:1px solid #ffffff1f}
  .dialog-info li{display:flex;align-items:center;gap:10px;font-size:13px;color:#dfe5da}
  .dialog-info svg{width:18px;height:18px;flex:none;color:var(--musgo)}
}
@media (min-width:1100px){
  .cenario,.temas,.jessica{padding:96px 0}
  .noticia{padding:24px 24px 22px}
  .noticia h3{font-size:22px}
}