/* ============================================================
   EVIDÊNCIA DA SEMANA — módulo editorial
   Reusa os tokens de calma.css (:root) — não redefine cor nenhuma.
   Tudo aqui vive sob .evpage para nunca vazar em cima do resto do
   site (nav/footer/.wrap/.card/.btn/.hero já existem em calma.css).
   ============================================================ */
/* --paper, nao --cream: creme em area grande satura o olho e apaga o degrau
   fundo -> card branco -> painel creme (regra escrita no proprio calma.css) */
.evpage{background:var(--paper)}
.evpage .enarrow{max-width:840px;margin:0 auto;padding:0 28px}
.evpage a{color:var(--gold-text)}

/* ---- listagem (index) ---- */
.evpage .evhero{padding:56px 0 8px;text-align:center}
.evpage .evhero h1{font-size:clamp(28px,4vw,40px);margin:12px 0 14px}
.evpage .evhero p{color:var(--soft);font-size:15.5px;max-width:56ch;margin:0 auto}
.evpage .feature{margin-top:34px;border-top:2px solid var(--golddeep);padding-top:22px}
.evpage .feature .badge{color:var(--gold);font-size:12px;letter-spacing:.06em;font-weight:600;text-transform:uppercase}
.evpage .feature h2{font-size:26px;line-height:1.24;margin:10px 0 6px}
.evpage .feature .date{font-size:13px;color:var(--mute)}
.evpage .feature .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.evpage .earch{padding:8px 0 40px}
.evpage .earch .sl{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--mute);margin:30px 0 4px}
.evpage .erow{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--creamedge);text-decoration:none}
.evpage .erow .n{font-family:'Lora',serif;font-size:17px;color:var(--gold);min-width:34px}
.evpage .erow .t{flex:1;font-family:'Lora',serif;font-size:16px;color:var(--ink);line-height:1.32}
.evpage .erow .d{font-size:11.5px;color:var(--mute);white-space:nowrap}
.evpage .erow .ar{color:var(--gold)}
.evpage .erow:hover .t{color:var(--golddeep)}

/* ---- botões próprios do módulo (não colidem com .btn de calma.css) ---- */
.evpage .ebtn{font-family:inherit;font-size:13.5px;font-weight:600;border:0;cursor:pointer;padding:12px 20px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:.2s}
.evpage .ebtn-gold{background:var(--gold);color:#182420}
.evpage .ebtn-gold:hover{background:var(--golddeep)}
.evpage .ebtn-ghost{background:transparent;color:var(--ink);border:1.4px solid var(--golddeep)}
.evpage .ebtn-wa{background:transparent;color:#1E7A45;border:1px solid rgba(30,122,69,.5)}

/* ---- edição individual ---- */
.evpage .ebody{padding:34px 0 60px}
.evpage .backlink{display:inline-block;color:var(--gold-text);font-size:13px;font-weight:600;margin-bottom:16px}
.evpage .elead{color:var(--soft);font-style:italic;font-size:14.5px;margin:0 0 12px;font-family:'Lora',serif}
.evpage .econf{display:inline-block;border:1px solid var(--creamedge);color:var(--gold-text);font-size:12px;padding:5px 13px;border-radius:999px;margin-bottom:10px}
.evpage .eseclabel{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--mute);margin:28px 0 6px}

.evpage details.ecard{background:#fff;border:1px solid var(--creamedge);border-top:2px solid var(--cor,var(--golddeep));border-radius:0 0 14px 14px;margin-bottom:12px}
.evpage details.ecard summary{list-style:none;cursor:pointer;display:flex;gap:14px;align-items:flex-start;padding:20px 22px}
.evpage details.ecard summary::-webkit-details-marker{display:none}
.evpage .esumtxt{flex:1}
.evpage .esumtxt .emeta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.evpage .echipA{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:3px 11px;border-radius:999px;border:1px solid var(--cor,var(--golddeep));color:var(--cor,var(--golddeep))}
.evpage .echipB{font-size:10px;font-weight:500;padding:3px 11px;border-radius:999px;border:1px solid var(--creamedge);color:var(--gold-text)}
.evpage .estar{color:var(--gold);font-size:10px;font-weight:700}
.evpage .esumtxt h3{font-size:19px;line-height:1.26;color:var(--ink);margin:2px 0 5px}
.evpage .esumtxt .efonte{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--gold-text)}
.evpage .echev{color:var(--mute);font-size:14px;transition:transform .2s;padding-top:6px}
.evpage details[open] .echev{transform:rotate(180deg)}
.evpage .ecbody{padding:0 22px 24px}
.evpage .ecbody .eresumo{font-size:14px;line-height:1.7;color:var(--text);margin:4px 0 14px}
.evpage .ekf{border-left:2px solid var(--creamedge);padding:0 0 0 16px;margin-bottom:14px}
.evpage .ekf .ekfl{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-text);margin-bottom:7px;font-weight:600}
.evpage .ekf ul{margin:0;padding-left:16px}
.evpage .ekf li{font-size:13px;line-height:1.6;color:var(--text);margin-bottom:4px}
.evpage .eimpl{font-size:13px;line-height:1.6;color:var(--ink);background:var(--creamdeep);border-radius:12px;padding:14px 16px;margin-bottom:14px}
.evpage .eimpl span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-text);margin-bottom:5px;font-weight:600}
.evpage .estudybtn{display:inline-flex;gap:8px;align-items:center;color:var(--ink);text-decoration:none;font-size:12.5px;font-weight:600;border:1px solid var(--creamedge);padding:10px 16px;border-radius:11px}
.evpage .estudybtn .elk{color:var(--mute);font-weight:400;font-size:11px}

/* estatica: como sticky ela flutuava por cima do sumario e dos cards o tempo todo */
.evpage .etoolbar{margin-top:26px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:rgba(250,246,240,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--creamedge);border-radius:14px;padding:12px 14px;box-shadow:0 6px 22px rgba(43,68,83,.10)}
.evpage .etoolbar .einfo{flex:1;min-width:150px;font-size:12px;color:var(--mute)}

.evpage .eradar{margin-top:30px}
.evpage .eradar .esl{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--creamedge);padding-bottom:7px;margin-bottom:4px}
.evpage .err{padding:14px 0;border-bottom:1px solid var(--creamedge)}
.evpage .err .ert{font-size:14px;color:var(--ink);font-family:'Lora',serif;line-height:1.35}
.evpage .err .erf{font-size:11px;color:var(--mute);margin:3px 0}
.evpage .err a{font-size:11.5px;color:var(--gold-text);text-decoration:none;font-weight:600}

.evpage .eovl{position:fixed;inset:0;background:rgba(36,60,73,.45);display:none;align-items:center;justify-content:center;padding:18px;z-index:70}
.evpage .eovl.show{display:flex}
.evpage .emodal{width:100%;max-width:470px;max-height:85vh;overflow:auto;background:#fff;border:1px solid var(--creamedge);border-radius:18px;padding:22px;box-shadow:0 18px 50px rgba(36,60,73,.22)}
.evpage .emodal .emh{display:flex;justify-content:space-between;align-items:center}
.evpage .emodal h3{font-size:18px;color:var(--ink);margin:0}
.evpage .emodal .ex{color:var(--mute);cursor:pointer;font-size:20px;line-height:1;border:0;background:0}
.evpage .emodal .emsub{font-size:12px;color:var(--mute);margin:6px 0 8px}
.evpage .emodal .emsub a{cursor:pointer;color:var(--gold-text);font-weight:600}
.evpage .emrow{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--creamedge);cursor:pointer}
.evpage .emrow:last-of-type{border-bottom:0}
.evpage .emrow input{width:19px;height:19px;accent-color:var(--gold);margin-top:2px;flex:0 0 auto;cursor:pointer}
.evpage .emrow .emt{font-size:13px;color:var(--ink);line-height:1.45}
.evpage .emrow .emtag{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-text);margin-top:3px}

@media(max-width:560px){
  .evpage .esumtxt h3{font-size:16.5px}
  .evpage .enarrow{padding:0 20px}
}

/* ============ v2 (ago/2026) — hierarquia temporal, sumário, arquivo, busca ============ */
/* Problema que estas classes resolvem: não dava para saber, olhando a página,
   de que semana era o conteúdo. Toda edição agora carrega data visível e contexto. */

/* -- contexto temporal no topo da edição -- */
.evpage .ectx{font-size:12.5px;line-height:1.5;border-radius:11px;padding:10px 14px;margin:0 0 20px}
.evpage .ectx-atual{background:var(--creamdeep);color:var(--soft);border:1px solid var(--creamedge)}
.evpage .ectx-antiga{background:#FFF7E8;color:var(--taupe);border:1px solid var(--golddeep)}
.evpage .ectx a{color:var(--gold-text);font-weight:600;text-decoration:underline}
.evpage .ecrel{font-style:italic;opacity:.85}

/* -- cabeçalho da edição (antes só existia no <title> da aba) -- */
.evpage .ehead{border-top:2px solid var(--golddeep);padding-top:20px;margin-bottom:8px}
.evpage .ehead .eeyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-text);font-weight:600}
.evpage .ehead h1{font-size:clamp(24px,3.6vw,34px);line-height:1.2;margin:10px 0 8px}
.evpage .ehead .edata{font-size:13px;color:var(--mute);margin-bottom:10px}

/* -- sumário "nesta edição" -- */
.evpage .esum{background:#fff;border:1px solid var(--creamedge);border-radius:14px;padding:16px 20px;margin:22px 0 24px}
.evpage .esum .esuml{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.evpage .esum ol{margin:0;padding-left:20px}
.evpage .esum li{margin-bottom:8px}
.evpage .esum li a{font-family:'Lora',serif;font-size:14.5px;line-height:1.4;color:var(--ink);display:block}
.evpage .esum li a:hover{color:var(--golddeep)}
.evpage .esa{display:inline-block;font-family:'Poppins',sans-serif;font-size:9.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--gold-text);border:1px solid var(--creamedge);border-radius:999px;padding:2px 9px;margin-right:8px;vertical-align:2px;white-space:nowrap}

/* -- paginação entre edições -- */
.evpage .epag{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:34px 0 10px;padding-top:20px;border-top:1px solid var(--creamedge)}
.evpage .epag a{display:block;text-decoration:none}
.evpage .epag .epnext{text-align:right}
.evpage .epag span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-text);font-weight:600}
.evpage .epag b{display:block;font-family:'Lora',serif;font-size:14px;color:var(--ink);line-height:1.3;margin-top:3px}
.evpage .epag em{display:block;font-style:normal;font-size:11px;color:var(--mute);margin-top:2px}
.evpage .epag .epall{font-size:12.5px;font-weight:600;color:var(--gold-text);border:1px solid var(--creamedge);border-radius:999px;padding:9px 16px;white-space:nowrap}

/* -- hub: edição mais recente -- */
.evpage .efeat{margin-top:30px;border-top:2px solid var(--golddeep);padding-top:22px}
.evpage .efeat .efeatl{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-text);font-weight:600}
.evpage .efeat .efeatd{font-size:13px;color:var(--mute);margin-top:6px}
.evpage .efeat .efeatd b{color:var(--gold-text)}
.evpage .efeat h2{font-size:clamp(22px,3.2vw,28px);line-height:1.24;margin:8px 0 4px}
.evpage .efeat .efeatp{font-size:12.5px;color:var(--mute)}
.evpage .efeat .efeatlist{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--creamedge)}
.evpage .efeat .efeatlist li{border-bottom:1px solid var(--creamedge)}
.evpage .efeat .efeatlist a{display:block;padding:11px 0;font-family:'Lora',serif;font-size:14.5px;line-height:1.4;color:var(--ink)}
.evpage .efeat .efeatlist a:hover{color:var(--golddeep)}
.evpage .efeat .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}

/* -- hub: busca e filtro por tema -- */
.evpage .ebusca{margin-top:44px}
.evpage .ebusca .esl,.evpage .earch .esl{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--soft);margin-bottom:12px}
.evpage .ebusca input[type=search]{width:100%;font-family:inherit;font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--creamedge);border-radius:12px;padding:13px 16px}
.evpage .ebusca input[type=search]:focus{outline:2px solid var(--gold);outline-offset:1px}
.evpage .echips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.evpage .etchip{font-family:inherit;font-size:11.5px;font-weight:500;color:var(--soft);background:transparent;border:1px solid var(--creamedge);border-radius:999px;padding:6px 13px;cursor:pointer;transition:.15s}
.evpage .etchip:hover{border-color:var(--golddeep);color:var(--golddeep)}
.evpage .etchip.on{background:var(--gold);border-color:var(--gold);color:#182420;font-weight:600}
.evpage .eres{margin-top:16px}
.evpage .eresl{font-size:11.5px;color:var(--mute);margin-bottom:8px}
.evpage .erhit{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--creamedge);text-decoration:none}
.evpage .erhit .erht{flex:1;min-width:180px;font-family:'Lora',serif;font-size:14.5px;color:var(--ink);line-height:1.35}
.evpage .erhit .erhe{font-size:11px;color:var(--mute);white-space:nowrap}
.evpage .erhit:hover .erht{color:var(--golddeep)}

/* -- hub: arquivo completo, agrupado por mês -- */
.evpage .earqm{font-size:12px;letter-spacing:.05em;color:var(--gold-text);font-weight:600;text-transform:capitalize;margin:22px 0 2px;padding-bottom:6px;border-bottom:1px solid var(--creamedge)}
.evpage .earch .erow .t em{display:block;font-style:normal;font-family:'Poppins',sans-serif;font-size:11px;color:var(--mute);margin-top:3px}

@media(max-width:560px){
  .evpage .epag{grid-template-columns:1fr;text-align:left}
  .evpage .epag .epnext{text-align:left}
  .evpage .epag .epall{text-align:center}
  .evpage .esum{padding:14px 16px}
  /* sticky de 3 botoes tapava metade da tela no celular */
  .evpage .etoolbar{position:static;flex-direction:column;align-items:stretch}
  .evpage .etoolbar .ebtn{justify-content:center}
}

/* -- camadas: fundo off-white -> cartao branco -> painel creme --------------
   sem esses degraus a pagina inteira lia como um bloco unico de bege e nao
   dava para saber onde comeca e termina cada coisa. */
.evpage .efeat{background:#fff;border:1px solid var(--creamedge);border-top:3px solid var(--gold);border-radius:0 0 16px 16px;padding:24px 26px 26px;box-shadow:0 2px 12px rgba(11,46,51,.05)}
.evpage .ebusca{background:var(--creamdeep);border:1px solid var(--creamedge);border-radius:16px;padding:20px 22px;margin-top:34px}
.evpage .ebusca .esl{margin-bottom:10px}
.evpage .earch{padding-bottom:48px}
.evpage .earch .erow{padding:16px 14px;border-bottom:1px solid var(--creamedge);border-radius:10px}
.evpage .earch .erow:hover{background:#fff}
@media(max-width:560px){
  .evpage .efeat{padding:20px 18px 22px}
  .evpage .ebusca{padding:16px 16px}
}