/* ——— «Boticas no ecrã»: as páginas do Cinema e das Reportagens ———
   O desenho é o do João («Cinema em Boticas», outubro de 2026): fundo de
   noite, Playfair Display nos títulos, DM Sans no texto e DM Mono nas
   etiquetas. As letras vêm deste sítio (pasta fontes/, ver LICENCAS.txt):
   nenhuma página pede nada a outras empresas.
   O cabeçalho, o menu e o rodapé são os do sítio (folha «Lápis de cor»);
   esta folha só pinta o miolo, que é escuro tanto no modo claro como no
   escuro — como numa sala de cinema. */

@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;
  src:url(../fontes/playfair-display-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;
  src:url(../fontes/playfair-display-latin-wght-italic.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 1000;font-display:swap;
  src:url(../fontes/dm-sans-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DM Mono";font-style:normal;font-weight:400;font-display:swap;
  src:url(../fontes/dm-mono-latin-400-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.ecra{
  --e-fundo:#10140f; --e-fundo-2:#131715; --e-fundo-3:#0a0c09;
  --e-texto:#efece3; --e-texto-2:#d8d4c6; --e-suave:#a9a594;
  --e-linha:rgba(239,236,227,.16);
  --e-ouro:#e2c462; --e-ouro-2:#f3dc8a;
  --e-azul:#0f2638; --e-azul-2:#16354d; --e-azul-claro:#bfd0dd; --e-azul-texto:#dfe6ec;
  --e-serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --e-sans:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --e-mono:"DM Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  display:block;background:var(--e-fundo);color:var(--e-texto);
  font-family:var(--e-sans);font-size:1rem;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.ecra .env{max-width:1240px}
.ecra :where(a){color:inherit}
.ecra :focus-visible{outline:3px solid var(--e-ouro);outline-offset:3px;border-radius:2px}
.ecra :where(h1,h2,h3){font-family:var(--e-serif);font-weight:400;color:#f3f1ea;letter-spacing:-.01em;margin:0}
.ecra :where(p){margin:0}
.ecra :where(img){display:block;max-width:100%;height:auto}

.ecra + footer.pe{margin-top:0}

/* etiquetas em letra de máquina */
.e-olho,.e-rot,.e-meta,.e-faixa,.e-mono{font-family:var(--e-mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase}
.e-olho{display:block;color:var(--e-ouro);margin-bottom:1rem}

/* ——— a abertura ——— */
.e-abre{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(440px,74vh,760px);
  display:grid;align-content:end;background:var(--e-fundo-3)}
.e-abre-foto{position:absolute;inset:0;z-index:-2}
.e-abre-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;animation:e-zoom 2.4s cubic-bezier(.2,.7,.2,1) both}
.e-abre::after{content:"";position:absolute;inset:0;z-index:-1;
  /* escurece o céu por trás do título (de cima para baixo e da esquerda para a direita),
     para a letra se ler bem em qualquer ecrã; a fotografia continua a ver-se à direita */
  background:linear-gradient(90deg,rgba(10,12,9,.62) 0%,rgba(10,12,9,.38) 48%,rgba(10,12,9,0) 80%),
             linear-gradient(180deg,rgba(10,12,9,.42) 0%,rgba(10,12,9,.5) 45%,rgba(16,20,15,.94) 82%,var(--e-fundo) 100%)}
.e-abre .env{padding-top:clamp(64px,14vh,160px);padding-bottom:clamp(30px,6vh,64px)}
.e-abre .e-olho{color:#f3dc8a}
@media (max-width:760px){
  .e-abre::after{background:linear-gradient(180deg,rgba(10,12,9,.58) 0%,rgba(10,12,9,.64) 45%,rgba(16,20,15,.95) 82%,var(--e-fundo) 100%)}
}
.e-abre h1{font-size:clamp(3.4rem,11vw,9.4rem);line-height:.9;letter-spacing:-.025em;margin:0 0 1.4rem}
.e-abre h1 em{font-style:italic;color:#f3e9c9}
.e-lead{max-width:36em;font-size:clamp(1.02rem,1.5vw,1.16rem);line-height:1.6;color:var(--e-texto-2)}
.e-credito{position:absolute;right:clamp(12px,2vw,24px);bottom:12px;z-index:1;margin:0;
  font-family:var(--e-mono);font-size:.68rem;letter-spacing:.06em;color:#cfcabb;
  background:#0b0d0a;padding:.25rem .55rem;border-radius:3px}
.e-credito a{color:inherit}
@keyframes e-zoom{from{transform:scale(1.08)}to{transform:none}}

/* a tira por baixo da abertura */
.e-faixa{background:var(--e-fundo-3);color:var(--e-suave);border-top:1px solid var(--e-linha);border-bottom:1px solid var(--e-linha)}
.e-faixa .env{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding-top:.9rem;padding-bottom:.9rem}
.e-faixa a{color:var(--e-texto-2);text-decoration:none}
.e-faixa a:hover{color:var(--e-ouro)}

/* ——— secções ——— */
.e-sec{padding:clamp(52px,9vh,104px) 0}
.e-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;
  padding-bottom:1.3rem;border-bottom:1px solid var(--e-linha);margin-bottom:.4rem}
.e-cab h2{font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.05}
.e-cab .e-mono{color:var(--e-suave)}
.e-sec > .env > p.e-intro{max-width:44em;color:var(--e-texto-2);margin:1.2rem 0 0}

/* ——— a filmografia ——— */
.e-filmes{list-style:none;margin:0;padding:0}
.e-filme{display:grid;grid-template-columns:clamp(100px,12vw,156px) minmax(0,1fr);gap:0 clamp(20px,3.4vw,48px);
  padding:clamp(30px,5vh,48px) 0;border-bottom:1px solid var(--e-linha)}
.e-ano{font-family:var(--e-serif);color:var(--e-ouro);font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1;margin:0 0 1rem}
.e-ano--texto{font-family:var(--e-mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}
.e-cartaz{width:100%;max-width:156px;aspect-ratio:2/3;object-fit:cover;background:#000;box-shadow:0 14px 34px rgba(0,0,0,.55)}
.e-cartaz--letras{display:grid;align-content:space-between;padding:12px 11px;aspect-ratio:2/3;max-width:156px;
  border:1px solid var(--e-linha);background:linear-gradient(165deg,var(--e-azul-2),var(--e-azul) 60%,var(--e-fundo-3));
  box-shadow:0 14px 34px rgba(0,0,0,.45)}
.e-cartaz--letras .t{font-family:var(--e-serif);font-weight:400;font-style:italic;color:#f3e9c9;font-size:1.02rem;line-height:1.15}
.e-cartaz--letras .s{font-family:var(--e-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--e-azul-claro)}
.e-titulo{font-size:clamp(1.8rem,3.4vw,2.7rem);line-height:1.1;margin:0 0 1.3rem}
.e-titulo small{display:block;font-family:var(--e-sans);font-size:.92rem;letter-spacing:0;color:var(--e-suave);margin-top:.45rem}
.e-class{display:inline-block;vertical-align:.4em;margin-left:.6rem;font-family:var(--e-mono);font-size:.72rem;letter-spacing:.1em;
  color:var(--e-ouro);border:1px solid var(--e-ouro);border-radius:3px;padding:.12rem .4rem;line-height:1.3;white-space:nowrap}
.e-class--aviso{color:#f2b8a6;border-color:#f2b8a6}
.e-ficha{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2rem 1.6rem;margin:0 0 1.3rem}
.e-ficha li{min-width:0}
.e-campo{display:block;font-family:var(--e-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--e-suave);margin:0 0 .35rem}
.e-valor{display:block;font-size:.9rem;line-height:1.5;color:var(--e-texto-2)}
.e-ficha .e-dupla{grid-column:span 2}
.e-sinopse{max-width:46em;font-size:1rem;line-height:1.65;color:var(--e-texto);margin:0 0 1rem}
.e-ligacoes{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin:0 0 .6rem;padding:0;list-style:none}
.e-ligacoes a{font-family:var(--e-mono);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--e-ouro);
  text-decoration:underline;text-decoration-color:rgba(226,196,98,.45);text-underline-offset:4px}
.e-ligacoes a:hover{text-decoration-color:var(--e-ouro)}
.e-nota{font-size:.86rem;line-height:1.55;color:var(--e-suave);max-width:46em}
@media (max-width:1100px){.e-ficha{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .e-filme{grid-template-columns:96px minmax(0,1fr)}
  .e-ficha{grid-template-columns:repeat(2,minmax(0,1fr))}
  .e-ficha .e-dupla{grid-column:1/-1}
}
@media (max-width:480px){
  .e-filme{grid-template-columns:1fr}
  .e-filme-lado{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.2rem}
  .e-filme-lado .e-cartaz,.e-filme-lado .e-cartaz--letras{width:92px}
  .e-ficha{grid-template-columns:1fr}
}

/* ——— a caixa da biblioteca ——— */
.e-bib{padding:0 0 clamp(52px,9vh,104px)}
.e-caixa{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);
  background:var(--e-azul);border:1px solid var(--e-azul-2);padding:clamp(26px,4vw,52px);color:var(--e-azul-texto)}
.e-caixa h2{font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.1;margin:1.1rem 0 1rem}
.e-caixa p{color:var(--e-azul-texto);max-width:34em}
.e-casa{display:flex;align-items:center;gap:.8rem}
.e-casa img{width:48px;height:48px;border-radius:50%;border:2px solid var(--e-azul-claro);object-fit:cover;background:#fff}
.e-casa strong{display:block;font-family:var(--e-serif);font-weight:400;font-size:1.05rem;color:#fff}
.e-casa span{font-size:.86rem;color:var(--e-azul-claro)}
.e-botoes{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}
.e-botao{display:inline-block;font-family:var(--e-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;padding:.8rem 1.1rem;border:1px solid var(--e-azul-claro);color:var(--e-azul-texto)}
.e-botao--cheio{background:#f3f1ea;border-color:#f3f1ea;color:var(--e-azul)}
.e-botao:hover{border-color:#fff}
.e-botao--cheio:hover{background:#fff}
.e-caixa .e-rot{color:var(--e-azul-claro);display:block;padding-bottom:.8rem;border-bottom:1px solid rgba(191,208,221,.3)}
.e-ver{list-style:none;margin:0;padding:0}
.e-ver li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.85rem 0;border-bottom:1px solid rgba(191,208,221,.22)}
.e-ver img{width:44px;height:62px;object-fit:cover}
.e-ver strong{display:block;font-family:var(--e-serif);font-weight:400;font-size:1.12rem;color:#fff;line-height:1.2}
.e-ver span{font-size:.82rem;color:var(--e-azul-claro)}
.e-ver a{font-family:var(--e-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;
  text-decoration:none;color:var(--e-azul-texto);border:1px solid rgba(191,208,221,.6);padding:.45rem .6rem}
.e-ver a:hover{border-color:#fff}
@media (max-width:860px){.e-caixa{grid-template-columns:1fr}}

/* ——— o cenário ——— */
.e-cenario{padding:0 0 clamp(52px,9vh,104px)}
.e-larga{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(340px,62vh,640px);display:grid;align-content:center}
.e-larga-foto{position:absolute;inset:0;z-index:-2}
.e-larga-foto img{width:100%;height:100%;object-fit:cover;animation:e-kenburns 18s ease-in-out infinite alternate}
.e-larga::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,12,9,.82) 0%,rgba(10,12,9,.55) 46%,rgba(10,12,9,.12) 100%)}
.e-larga h2{font-size:clamp(1.9rem,4.2vw,3.3rem);line-height:1.12;max-width:15em}
@keyframes e-kenburns{from{transform:scale(1)}to{transform:scale(1.09) translate(-1.5%,-1%)}}
.e-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}
.e-tres figure{margin:0;position:relative;overflow:hidden;aspect-ratio:4/3}
.e-tres img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.e-tres figure:hover img{transform:scale(1.05)}
.e-tres-cred{margin:.6rem 0 0;font-family:var(--e-mono);font-size:.68rem;letter-spacing:.06em;color:var(--e-suave)}
@media (max-width:640px){.e-tres{grid-template-columns:1fr}}

/* ——— o mapa ——— */
.e-locais .e-cab{border-bottom:0;margin-bottom:1.2rem}
.e-locais-texto{max-width:30em;color:var(--e-texto-2)}
.e-mapa{position:relative;margin:0;border:1px solid var(--e-linha);background:#2b2a26}
.e-mapa img{width:100%;height:auto}
.e-pino{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;
  background:var(--e-ouro);color:#14130f;font:600 .78rem/1 var(--e-sans);box-shadow:0 0 0 4px rgba(226,196,98,.28),0 0 0 1px #131715}
.e-pino .r{position:absolute;left:34px;top:50%;transform:translateY(-50%);white-space:nowrap;font:500 .74rem/1.2 var(--e-sans);
  letter-spacing:.06em;text-transform:uppercase;color:#f8f5ec;background:rgba(19,23,21,.82);padding:.25rem .45rem;border-radius:3px}
.e-pino--esq .r{left:auto;right:34px}
.e-mapa-cred{position:absolute;right:0;bottom:0;margin:0;font-size:.68rem;background:rgba(19,23,21,.85);color:#d6d2c4;padding:.2rem .45rem}
.e-mapa-cred a{color:#fff}
.e-lugares{list-style:none;counter-reset:lugar;margin:1.2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem 1.6rem}
.e-lugares li{counter-increment:lugar;display:grid;grid-template-columns:26px minmax(0,1fr);gap:.7rem;align-items:start}
.e-lugares li::before{content:counter(lugar);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;
  background:var(--e-ouro);color:#14130f;font:600 .76rem/1 var(--e-sans)}
.e-lugares strong{display:block;font-family:var(--e-mono);font-weight:400;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--e-texto)}
.e-lugares span{font-size:.88rem;color:var(--e-texto-2)}
@media (max-width:860px){.e-pino .r{display:none}.e-lugares{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.e-lugares{grid-template-columns:1fr}.e-pino{width:22px;height:22px;font-size:.7rem}}

/* ——— fontes e nota ——— */
.e-fim{border-top:1px solid var(--e-linha);padding:clamp(36px,6vh,64px) 0;background:var(--e-fundo)}
.e-fim .env{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 3rem}
.e-fim h2{font-family:var(--e-mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--e-ouro);margin:0 0 1rem}
.e-fim ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.e-fim li,.e-fim p{font-size:.88rem;line-height:1.55;color:var(--e-texto-2)}
.e-fim p + p{margin-top:.7rem}
.e-fim a{text-decoration:underline;text-decoration-color:rgba(239,236,227,.35);text-underline-offset:3px}
.e-fim a:hover{text-decoration-color:var(--e-texto)}
@media (max-width:760px){.e-fim .env{grid-template-columns:1fr}}

/* ——— as reportagens ——— */
.e-indice{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.6rem 0 0;padding:0;list-style:none}
.e-indice a{display:inline-block;font-family:var(--e-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;
  color:var(--e-texto-2);border:1px solid var(--e-linha);padding:.5rem .75rem}
.e-indice a:hover{border-color:var(--e-ouro);color:var(--e-ouro)}
.e-tema{padding:clamp(40px,7vh,80px) 0 0}
.e-tema > .env > p.e-intro{max-width:46em;color:var(--e-texto-2);margin:1.1rem 0 0}
.e-aviso{max-width:46em;margin:1.2rem 0 0;padding:1rem 1.2rem;border-left:3px solid var(--e-ouro);background:var(--e-fundo-2);color:var(--e-texto-2)}
.e-aviso a{color:var(--e-ouro)}
.e-pecas{list-style:none;margin:.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,56px)}
.e-peca{padding:1.4rem 0;border-bottom:1px solid var(--e-linha)}
.e-peca .e-meta{color:var(--e-suave);display:block;margin:0 0 .5rem;letter-spacing:.12em}
.e-peca h3{font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.25;margin:0 0 .55rem}
.e-peca h3 a{text-decoration:none}
.e-peca h3 a:hover{text-decoration:underline;text-decoration-color:var(--e-ouro);text-underline-offset:5px}
.e-peca h3 a::after{content:" ↗";font-family:var(--e-sans);font-size:.7em;color:var(--e-ouro)}
.e-peca p{font-size:.94rem;line-height:1.6;color:var(--e-texto-2)}
.e-peca .e-nota{margin-top:.45rem}
@media (max-width:860px){.e-pecas{grid-template-columns:1fr}}
.e-volta{padding:clamp(48px,8vh,88px) 0}
.e-volta .env{display:flex;flex-wrap:wrap;gap:.8rem 2rem;align-items:center;justify-content:space-between}
.e-volta p{max-width:40em;color:var(--e-texto-2)}

/* aparecer ao descer: só com JavaScript e só para quem não pediu menos movimento.
   Nunca num elemento com fundo próprio (caixa, cartão): enquanto está invisível, o
   AccessMonitor toma esse fundo por transparente e mede o texto sobre branco. Pôr
   o data-revela no contentor de fora. */
html.e-anima [data-revela]{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
html.e-anima [data-revela].e-visto{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .e-abre-foto img,.e-larga-foto img{animation:none}
  .e-tres img{transition:none}
  .e-tres figure:hover img{transform:none}
  html.e-anima [data-revela]{opacity:1;transform:none;transition:none}
}

/* ——— as janelas das Reportagens (11 de outubro de 2026) ———
   Cada reportagem é uma janela com um desenho; as aldeias levam a imagem do
   vídeo de Fernando DC Ribeiro. A janela inteira abre a ligação: o ::before
   do título estica-se por cima dela, e as outras ligações do texto ficam por
   cima desse véu. */
.e-janelas{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(18px,2.2vw,26px)}
/* «Boticas em vídeo»: os três filmes curtos numa fila, os dois programas de meia hora noutra */
.e-tom-video .e-janelas{grid-template-columns:repeat(6,minmax(0,1fr))}
.e-tom-video .e-jan{grid-column:span 2}
.e-tom-video .e-jan--longo{grid-column:span 3}
@media (max-width:900px){.e-tom-video .e-janelas{grid-template-columns:repeat(2,minmax(0,1fr))}.e-tom-video .e-jan,.e-tom-video .e-jan--longo{grid-column:auto}}
@media (max-width:620px){.e-tom-video .e-janelas{grid-template-columns:1fr}}
.e-jan{position:relative;display:flex;flex-direction:column;background:var(--e-fundo-2);
  border:1px solid var(--e-linha);border-radius:12px;overflow:hidden;transition:border-color .25s ease,transform .25s ease}
.e-jan:hover{border-color:rgba(226,196,98,.55);transform:translateY(-3px)}
.e-jan:focus-within{border-color:var(--e-ouro)}
.e-jan-img{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;
  background:linear-gradient(165deg,var(--ilu-f1,#22351f),var(--ilu-f2,#0f170d))}
.e-jan-img > svg{position:absolute;inset:0;width:100%;height:100%}
/* versão 3 (11 out): a fotografia da própria reportagem, quando o meio a publicou */
.e-jan-img--foto{background:#0b0d0a}
.e-jan-img > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.e-jan:hover .e-jan-img > img{transform:scale(1.04)}
/* o botão «play» por cima das janelas de vídeo e das aldeias: é só desenho, a ligação é a janela inteira */
.e-jan--video .e-jan-img::after,.e-ald-img::after{content:"";position:absolute;left:50%;top:50%;
  width:clamp(46px,17%,68px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:rgba(11,13,10,.66) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M8.5 5.5v13l10.5-6.5z'/%3E%3C/svg%3E") 54% 50%/46% no-repeat;
  box-shadow:0 0 0 2px rgba(255,255,255,.9),0 4px 18px rgba(0,0,0,.45);transition:background-color .25s ease,transform .25s ease}
.e-ald-img::after{width:clamp(34px,23%,46px)}
/* vídeo sem fotografia (só desenho): o botão vai para o canto, para não tapar o desenho */
.e-jan--video .e-jan-img:not(.e-jan-img--foto)::after{left:auto;top:12px;right:12px;width:40px;transform:none}
.e-jan--video:hover .e-jan-img::after,.e-ald a:hover .e-ald-img::after{
  background:var(--e-ouro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230b0d0a' d='M8.5 5.5v13l10.5-6.5z'/%3E%3C/svg%3E") 54% 50%/46% no-repeat;
  transform:translate(-50%,-50%) scale(1.08)}
.e-jan--video:hover .e-jan-img:not(.e-jan-img--foto)::after{transform:scale(1.08)}
.e-jan-tipo{position:absolute;left:10px;bottom:10px;font-family:var(--e-mono);font-size:.66rem;letter-spacing:.1em;
  text-transform:uppercase;line-height:1;color:#efece3;background:#0b0d0a;padding:.34rem .5rem;border-radius:4px}
.e-jan-corpo{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.1rem 1.2rem}
.e-jan .e-meta{display:block;color:var(--e-suave);font-size:.68rem;letter-spacing:.1em}
.e-jan h3{font-size:clamp(1.15rem,1.6vw,1.3rem);line-height:1.25}
.e-jan h3 a{text-decoration:none}
.e-jan h3 a::before{content:"";position:absolute;inset:0;z-index:1}
.e-jan h3 a::after{content:" ↗";font-family:var(--e-sans);font-size:.7em;color:var(--e-ouro)}
.e-jan:hover h3 a{text-decoration:underline;text-decoration-color:var(--e-ouro);text-underline-offset:4px}
.e-jan p{font-size:.92rem;line-height:1.55;color:var(--e-texto-2)}
.e-jan p a{position:relative;z-index:2;color:var(--e-ouro-2)}
.e-jan .e-nota{font-size:.82rem;color:var(--e-suave)}

/* os desenhos (SVG 160 x 90): fundo de estrelas e montes na cor do tema */
.e-ilu .i-e{fill:#efece3;opacity:.5}
.e-ilu .i-m1{fill:var(--ilu-m1,#2d4527)}
.e-ilu .i-m2{fill:var(--ilu-m2,#21351d)}
.e-ilu .i-t,.e-ilu .i-tg{fill:none;stroke:var(--e-ouro);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.e-ilu .i-tg{stroke-width:6}
.e-ilu .i-c{fill:none;stroke:#efece3;stroke-opacity:.75;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.e-ilu .i-p{fill:var(--ilu-p,#152112);stroke:var(--e-ouro);stroke-width:2;stroke-linejoin:round}
.e-ilu .i-o{fill:var(--e-ouro)}
.e-ilu .i-oc{fill:#efece3;opacity:.8}
.e-ilu .i-escuro{fill:#050705}
.e-tom-video{--ilu-f1:#1f3046;--ilu-f2:#0e1621;--ilu-m1:#273b54;--ilu-m2:#1b2b3e;--ilu-p:#132131}
.e-tom-campo{--ilu-f1:#22351f;--ilu-f2:#0f170d;--ilu-m1:#2d4527;--ilu-m2:#21351d;--ilu-p:#152112}
.e-tom-fumo{--ilu-f1:#3a2a1a;--ilu-f2:#160f09;--ilu-m1:#4a341e;--ilu-m2:#382716;--ilu-p:#24190e}
.e-tom-pedra{--ilu-f1:#33302a;--ilu-f2:#141310;--ilu-m1:#433e35;--ilu-m2:#332f28;--ilu-p:#211e19}
.e-tom-aldeia{--ilu-f1:#2b2840;--ilu-f2:#121119;--ilu-m1:#383452;--ilu-m2:#2a2740;--ilu-p:#1b1929}
.e-tom-escola{--ilu-f1:#1d3540;--ilu-f2:#0c161b;--ilu-m1:#264552;--ilu-m2:#1c3540;--ilu-p:#11222a}
.e-tom-litio{--ilu-f1:#2c3036;--ilu-f2:#111316;--ilu-m1:#3a4048;--ilu-m2:#2c3138;--ilu-p:#1a1e23}

/* ——— as aldeias, uma a uma ——— */
.e-freg{padding:2.2rem 0 0;scroll-margin-top:1rem}
.e-freg > h3{font-size:clamp(1.45rem,2.4vw,1.9rem);line-height:1.15;padding-bottom:.7rem;border-bottom:1px solid var(--e-linha)}
.e-freg > h3 .e-mono{display:inline-block;margin-left:.5rem;font-size:.66rem;letter-spacing:.12em;color:var(--e-suave);vertical-align:middle}
.e-aldeias{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:14px}
.e-ald a{position:relative;display:block;height:100%;text-decoration:none;background:var(--e-fundo-2);
  border:1px solid var(--e-linha);border-radius:10px;overflow:hidden;transition:border-color .25s ease,transform .25s ease}
.e-ald a:hover{border-color:rgba(226,196,98,.55);transform:translateY(-2px)}
.e-ald-img{position:relative;display:block;aspect-ratio:16/9;background:#0b0d0a}
.e-ald-img img{width:100%;height:100%;object-fit:cover}
.e-ald-dur{position:absolute;right:6px;bottom:6px;font-family:var(--e-mono);font-size:.64rem;letter-spacing:.06em;line-height:1;
  color:#efece3;background:#0b0d0a;padding:.28rem .4rem;border-radius:4px}
.e-ald-nome{display:block;padding:.6rem .75rem .75rem;font-family:var(--e-serif);font-size:1.06rem;line-height:1.2;color:#f3f1ea}
.e-ald-eti{display:block;margin-bottom:.15rem;font-family:var(--e-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--e-ouro)}
.e-ald a:hover .e-ald-nome{color:var(--e-ouro-2)}
@media (max-width:600px){.e-aldeias{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:10px}.e-ald-nome{font-size:.98rem;padding:.5rem .6rem .6rem}}
.e-autor{margin:1.4rem 0 0;max-width:46em;color:var(--e-texto-2)}
.e-autor a{color:var(--e-ouro-2)}
@media (prefers-reduced-motion:reduce){.e-jan,.e-ald a,.e-jan-img > img,.e-jan--video .e-jan-img::after,.e-ald-img::after{transition:none}
  .e-jan:hover,.e-ald a:hover,.e-jan:hover .e-jan-img > img{transform:none}
  .e-jan--video:hover .e-jan-img::after,.e-ald a:hover .e-ald-img::after{transform:translate(-50%,-50%)}
  .e-jan--video:hover .e-jan-img:not(.e-jan-img--foto)::after{transform:none}}