/*
Theme Name: Talau Editorial
Theme URI: https://www.instagram.com/autorleonardotalau/
Author: Leonardo Talau
Description: Tema de faroeste pulp para a Talau Editorial e o universo do Redentor das Almas: causos em capítulos semanais, mapa interativo, mural de procurados, glossário, crônica, notícias e área do leitor.
Version: 1.3.0
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: talau
*/

/* Layout: cartaz de faroeste impresso — faixas de papel envelhecido rasgadas sobre faixas noturnas de fogo */
:root{
  --papel:#ebdfc4; --papel-2:#e0d0ad; --papel-3:#d6c39b; --tinta:#2b1e15; --tinta-2:#5e4a35;
  --noite:#140f0b; --noite-2:#21180f; --brasa:#e0601f; --ferrugem:#9a3a1c; --ocre:#d6a23f; --linha:#b9a27c; --creme:#f1e4c7; --creme-2:#d9c7a3;
  --cortica:#8a6337;
  --f-display:"Bevan","Rockwell",Georgia,serif;
  --f-texto:"Spectral",Georgia,"Times New Roman",serif;
  --f-util:"Courier Prime","Courier New",monospace;
  --f-maquina:"Special Elite","Courier Prime","Courier New",monospace;
  --grao:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.17 0 0 0 0 0.12 0 0 0 0 0.08 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--f-texto);font-size:17px;line-height:1.6;background-image:var(--grao);background-size:180px}
.gut{padding-inline:16px}
.wrap{max-width:1140px;margin:0 auto}
.estreito{max-width:760px;margin:0 auto}
h1,h2,h3{font-family:var(--f-display);font-weight:400;line-height:1.08;text-wrap:balance;margin:0}
p{margin:0}
img{display:block;max-width:100%;height:auto}
a{color:var(--ferrugem)}
button{font:inherit}
.util{font-family:var(--f-util);text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;color:var(--tinta-2)}
:focus-visible{outline:2px solid var(--brasa);outline-offset:3px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.pular{position:absolute;left:-9999px;top:0;z-index:100;background:var(--tinta);color:var(--papel);padding:10px 14px}
.pular:focus{left:12px;top:12px}

/* faixas noturnas com borda rasgada */
.noite{background:var(--noite);color:var(--creme);position:relative;background-image:var(--grao),radial-gradient(ellipse at 80% 0%,rgba(224,96,31,.18),transparent 55%);background-size:180px,100% 100%}
.noite .util{color:var(--ocre)}
.noite a{color:var(--ocre)}
.rasgo-top::before,.rasgo-bot::after{content:"";position:absolute;left:0;right:0;height:14px;background:var(--noite);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='14' preserveAspectRatio='none'%3E%3Cpath d='M0 14 L0 7 L8 10 L15 4 L24 9 L33 3 L41 8 L52 5 L60 11 L70 4 L79 9 L88 2 L97 8 L106 5 L114 10 L120 6 L120 14Z'/%3E%3C/svg%3E") repeat-x 0 0/120px 14px;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='14' preserveAspectRatio='none'%3E%3Cpath d='M0 14 L0 7 L8 10 L15 4 L24 9 L33 3 L41 8 L52 5 L60 11 L70 4 L79 9 L88 2 L97 8 L106 5 L114 10 L120 6 L120 14Z'/%3E%3C/svg%3E") repeat-x 0 0/120px 14px}
.rasgo-top::before{top:-13px}
.rasgo-bot::after{bottom:-13px;transform:scaleY(-1)}

/* Cabeçalho */
.mast{padding-block:18px 0;border-bottom:3px double var(--tinta);position:sticky;top:0;z-index:20;background:var(--papel);background-image:var(--grao);background-size:180px}
.admin-bar .mast{top:32px}
@media (max-width:782px){.admin-bar .mast{top:0;position:relative}}
.mast-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:10px}
.nameplate{font-family:var(--f-display);font-size:clamp(1.9rem,5.4vw,3.2rem);line-height:.95;color:var(--tinta);text-decoration:none}
.nameplate span{color:var(--ferrugem)}
.nameplate-logo{display:block;line-height:0}
.nameplate .logo-img{height:clamp(30px,5.2vw,56px);width:auto;max-width:100%}
.menu-botao{display:none;font-family:var(--f-util);text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;background:var(--tinta);color:var(--papel);border:0;padding:9px 12px;cursor:pointer}
nav.principal ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;border-top:1px solid var(--tinta)}
nav.principal a{display:block;font-family:var(--f-util);text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;border-right:1px solid var(--linha);padding:11px 15px;color:var(--tinta);text-decoration:none}
nav.principal a:hover{background:var(--papel-2)}
nav.principal .current-menu-item>a,nav.principal .current_page_item>a,nav.principal .current-menu-ancestor>a,nav.principal .current_page_parent>a{background:var(--tinta);color:var(--papel)}
.entrar{font-family:var(--f-util);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}

main{display:block;padding-bottom:30px}
.bloco{padding-block:46px}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid currentColor;padding-bottom:8px;margin-bottom:26px}
.sec-head h1,.sec-head h2{font-size:clamp(1.6rem,4vw,2.5rem)}
.lede{font-size:1.1rem;max-width:38em}
.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.btn,.wp-block-button__link{font-family:var(--f-util);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;padding:11px 16px;border:2px solid var(--tinta);background:var(--tinta);color:var(--papel);cursor:pointer;text-decoration:none;display:inline-block;border-radius:0}
.btn.vazado{background:transparent;color:var(--tinta)}
.btn:hover{background:var(--ferrugem);border-color:var(--ferrugem);color:var(--papel)}
.btn[aria-disabled="true"]{opacity:.4;pointer-events:none}
.btn{position:relative;overflow:hidden;transition:background .2s,color .2s,border-color .2s,box-shadow .25s,translate .2s}
.btn::after{content:"";position:absolute;top:0;bottom:0;left:-80%;width:55%;background:linear-gradient(105deg,transparent,rgba(255,244,222,.6),transparent);transform:skewX(-20deg);pointer-events:none;opacity:0}
.btn:hover,.btn:focus-visible{box-shadow:0 0 16px rgba(154,58,28,.45)}
.noite .btn:hover,.hero .btn:hover,.noite .btn:focus-visible,.hero .btn:focus-visible{box-shadow:0 0 22px rgba(224,96,31,.75),0 0 4px rgba(255,226,186,.9)}
@media (prefers-reduced-motion:no-preference){
  .btn:hover,.btn:focus-visible{translate:0 -2px}
  .btn:hover::after,.btn:focus-visible::after{animation:reluz .75s ease-out}
  @keyframes reluz{from{left:-80%;opacity:1}to{left:135%;opacity:1}}
}
.noite .btn,.hero .btn{background:var(--brasa);border-color:var(--brasa);color:var(--noite)}
.noite .btn.vazado,.hero .btn.vazado{background:transparent;color:var(--creme);border-color:var(--creme)}
.noite .btn:hover,.hero .btn:hover{background:var(--creme);border-color:var(--creme);color:var(--noite)}
.link{background:none;border:0;padding:0;color:var(--ferrugem);text-decoration:underline;cursor:pointer;font:inherit}
.noite .link{color:var(--ocre)}
.prov{font-family:var(--f-util);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brasa);border:1px solid currentColor;padding:1px 5px;margin-left:6px;white-space:nowrap;vertical-align:middle}
.aviso{margin-top:14px;font-size:.86rem;font-style:italic;color:var(--tinta-2)}
.noite .aviso{color:var(--creme-2)}
.vazio{font-style:italic;opacity:.75;padding:10px 0}

/* Texto vindo do editor */
.conteudo>*+*{margin-top:1em}
.conteudo h2{font-size:1.8rem;margin-top:1.4em}
.conteudo h3{font-size:1.35rem;margin-top:1.3em}
.conteudo blockquote{margin:1.4em 0;border-left:4px solid var(--ferrugem);padding-left:16px;font-style:italic}
.conteudo ul,.conteudo ol{padding-left:1.3em}
.conteudo figure{margin:1.4em 0}
.conteudo figcaption{font-family:var(--f-util);font-size:.74rem;color:var(--tinta-2);margin-top:6px}
.conteudo hr{border:0;text-align:center;margin:2em 0}
.conteudo hr::after{content:"✶ ✶ ✶";font-family:var(--f-display);color:var(--ferrugem);letter-spacing:.6em}
.alignwide{max-width:1140px}
.aligncenter{margin-inline:auto}

/* ===== HERO ===== */
.hero{position:relative;overflow:hidden;padding-block:56px 70px;background:var(--noite)}
.hero-bg{position:absolute;inset:0;background-position:78% 28%;background-size:cover;background-repeat:no-repeat;opacity:.55}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--noite) 22%,rgba(20,15,11,.55) 60%,rgba(20,15,11,.25)),linear-gradient(0deg,var(--noite),transparent 40%)}
.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:36px;align-items:center}
.hero .util{color:var(--ocre)}
.hero h1{font-size:clamp(2.3rem,7vw,4.9rem);color:var(--creme);letter-spacing:.01em;text-shadow:3px 3px 0 var(--ferrugem);margin-top:10px}
.hero .sub{font-size:1.15rem;margin-top:18px;max-width:31em;color:var(--creme-2)}
.carimbo{display:inline-block;transform:rotate(-4deg);border:3px double var(--brasa);color:var(--brasa);font-family:var(--f-util);font-weight:700;font-size:.8rem;letter-spacing:.16em;padding:6px 12px;text-transform:uppercase;margin-bottom:18px}
.hero .capa{display:block;position:relative;overflow:hidden;border:3px solid var(--creme);box-shadow:12px 12px 0 var(--brasa);max-width:320px;justify-self:end;transform:perspective(900px) rotate(2deg) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--zs,1));transition:transform .3s ease-out,box-shadow .3s;will-change:transform}
.hero .capa img{display:block;width:100%}
.hero .capa:hover,.hero .capa:focus-visible{--zs:1.04;box-shadow:16px 16px 0 var(--brasa),0 0 46px rgba(224,96,31,.6)}
.hero .capa .brilho{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),rgba(255,236,200,.5),rgba(255,236,200,0) 55%);mix-blend-mode:screen}
.hero .capa::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(105deg,transparent,rgba(255,244,222,.55),transparent);transform:skewX(-18deg);pointer-events:none;opacity:0}
.hero .capa:hover .brilho,.hero .capa:focus-visible .brilho{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .hero h1{animation:bate .7s cubic-bezier(.2,1.6,.4,1) both .15s}
  .hero .carimbo{animation:carimba .45s ease-out both .7s,pulsa 2.6s ease-in-out 1.3s infinite}
  .hero .capa:hover::after{animation:reluz-capa .9s ease-out}
  @keyframes pulsa{0%,100%{scale:1}50%{scale:1.08}}
  @keyframes reluz-capa{from{left:-70%;opacity:1}to{left:130%;opacity:1}}
  .hero .capa{animation:sobe .8s ease-out both .3s}
  @keyframes bate{from{opacity:0;transform:scale(1.25)}to{opacity:1;transform:none}}
  @keyframes carimba{from{opacity:0;transform:rotate(-14deg) scale(1.6)}to{opacity:1;transform:rotate(-4deg)}}
  @keyframes sobe{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
}

.letreiro{background:var(--ferrugem);color:var(--creme);overflow:hidden;white-space:nowrap;border-block:2px solid var(--tinta)}
.letreiro div{display:inline-block;padding-block:9px;font-family:var(--f-display);font-size:1rem;letter-spacing:.06em}
.letreiro span{margin-inline:18px;color:var(--ocre)}
@media (prefers-reduced-motion:no-preference){.letreiro div{animation:corre 40s linear infinite}@keyframes corre{to{transform:translateX(-50%)}}}

.caminho{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:2px solid var(--tinta)}
.passo{padding:22px;border-right:1px solid var(--tinta);display:flex;flex-direction:column;gap:8px}
.passo:last-child{border-right:0}
.passo .num{font-family:var(--f-display);font-size:2.6rem;color:var(--ferrugem);line-height:1}
.passo h3{font-size:1.3rem}
.passo p{font-size:.96rem;flex:1}

.tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--tinta)}
.tres article{padding:18px 18px 18px 0;border-right:1px solid var(--linha)}
.tres article + article{padding-left:18px}
.tres article:last-child{border-right:0}
.tres h3{font-family:var(--f-texto);font-weight:600;font-size:1.08rem;margin:6px 0}
.tres h3 a{color:inherit;text-decoration:none}
.tres h3 a:hover{text-decoration:underline}
.tres p{font-size:.95rem}

.vislumbre{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch}
.vislumbre .arte{background-position:center;background-size:cover;min-height:300px}
.vislumbre .txt{padding:34px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.vislumbre h3{font-size:clamp(1.8rem,4.6vw,2.8rem);color:var(--creme)}
.vislumbre p{color:var(--creme-2);max-width:30em}
.lacre{font-family:var(--f-maquina);color:var(--brasa);font-size:.95rem}

/* ===== HISTÓRIAS ===== */
.selo-faixa{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.selo-faixa img{width:170px}
.selo-faixa h1{font-size:clamp(1.9rem,5vw,3.2rem);color:var(--creme)}
.selo-faixa p{margin-top:8px;max-width:36em;color:var(--creme-2)}
.historia{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:40px;margin-top:40px;align-items:start}
.historia .capa{border:2px solid var(--tinta);box-shadow:8px 8px 0 var(--papel-3)}
.historia .capa.livro{box-shadow:8px 8px 0 var(--ferrugem)}
.historia h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:4px 0 14px}
.sem-capa{aspect-ratio:2/3;max-width:100%;border:2px solid var(--tinta);display:grid;place-items:center;font-family:var(--f-display);font-size:3rem;color:var(--brasa);background:var(--noite);background-image:var(--grao)}
.sinopse{font-size:1.08rem;max-width:36em}
.historia blockquote{margin:24px 0 0;font-style:italic;font-size:1.25rem;border-left:4px solid var(--ferrugem);padding-left:16px}
.ficha-pub{display:flex;flex-wrap:wrap;gap:10px 28px;margin:20px 0}
.ficha-pub dt{font-family:var(--f-util);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2)}
.ficha-pub dd{margin:0;font-weight:600}
.barra{height:10px;border:1px solid var(--tinta);background:var(--papel-2);margin-top:6px}
.barra i{display:block;height:100%;background:var(--ferrugem);width:0;transition:width .4s}
.caps{list-style:none;padding:0;margin:22px 0 0;border-top:2px solid var(--tinta)}
.cap{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:15px 6px;border-bottom:1px solid var(--linha);color:inherit;text-decoration:none}
a.cap:hover{background:var(--papel-2)}
.cap .rom{font-family:var(--f-display);color:var(--ferrugem);font-size:1.25rem}
.cap .t{font-weight:600}
.cap .d{font-family:var(--f-util);font-size:.72rem;letter-spacing:.06em;color:var(--tinta-2);white-space:nowrap}
.cap.lido .t{text-decoration:line-through;text-decoration-color:var(--ferrugem);text-decoration-thickness:2px}
.cap.lido .d{color:var(--ferrugem)}
.cap.agendado{color:var(--tinta-2)}
.cap.agendado .rom{color:var(--tinta-2)}
.lista-historias{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:30px}
.card-historia{color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:10px}
.card-historia img,.card-historia .sem-capa{border:2px solid var(--tinta);transition:transform .2s}
.card-historia:hover img{transform:rotate(-1.5deg)}
.card-historia h2{font-size:1.4rem}
.galeria{columns:3 220px;column-gap:14px}
.galeria button{display:block;width:100%;margin:0 0 14px;padding:0;border:2px solid var(--tinta);background:none;cursor:zoom-in;break-inside:avoid}
.noite .galeria button{border-color:var(--creme)}
.galeria button img{width:100%;transition:filter .2s}
.galeria button:hover img{filter:sepia(.4) contrast(1.1)}

/* ===== LEITOR ===== */
.leitor-wrap{--l-bg:var(--papel);--l-fg:var(--tinta);--l-fs:1.12rem;background:var(--l-bg);color:var(--l-fg);transition:background .3s,color .3s}
.leitor-wrap.escuro{--l-bg:#1b140e;--l-fg:#e8d9b8}
.leitor-ferr{position:sticky;top:var(--mast-h,0px);z-index:10;background:var(--l-bg);border-bottom:1px solid var(--linha);display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:8px}
.leitor-ferr .grupo{display:flex;gap:6px;flex-wrap:wrap}
.fb{font-family:var(--f-util);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;background:none;border:1px solid currentColor;color:inherit;padding:6px 10px;cursor:pointer;text-decoration:none}
.fb[aria-pressed="true"]{background:var(--ferrugem);border-color:var(--ferrugem);color:var(--creme)}
.leitor{max-width:38em;margin:0 auto;padding-block:34px 60px}
.leitor .util{color:inherit;opacity:.75}
.leitor h1{font-size:clamp(1.9rem,5vw,2.9rem);margin:8px 0 6px}
.orn{text-align:center;font-family:var(--f-display);color:var(--ferrugem);letter-spacing:.6em;margin:26px 0}
.texto-cap{font-size:var(--l-fs);line-height:1.75}
.texto-cap p+p{margin-top:0;text-indent:1.6em}
.texto-cap>p:first-child::first-letter{font-family:var(--f-display);float:left;font-size:3.4em;line-height:.9;padding:4px 8px 0 0;color:var(--ferrugem)}
.nav-cap{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:30px}
.leitor-wrap .btn{background:var(--l-fg);border-color:var(--l-fg);color:var(--l-bg)}
.leitor-wrap .btn.vazado{background:transparent;color:var(--l-fg)}
.leitor-wrap .btn:hover{background:var(--ferrugem);border-color:var(--ferrugem);color:var(--creme)}

/* Comentários */
.comentarios{margin-top:46px;border-top:3px double currentColor;padding-top:20px}
.comentarios h2{font-size:1.45rem}
.comment-list,.comment-list .children{list-style:none;padding:0;margin:16px 0}
.comment-list .children{margin-left:24px;border-left:2px solid var(--linha);padding-left:14px}
.comment-body{padding:12px 0;border-bottom:1px solid var(--linha)}
.comment-author{font-family:var(--f-util);font-size:.82rem;letter-spacing:.06em}
.comment-author img{display:inline-block;border-radius:50%;vertical-align:middle;margin-right:6px}
.comment-author .says{display:none}
.comment-metadata{font-family:var(--f-util);font-size:.7rem;opacity:.7}
.comment-metadata a{color:inherit}
.comment-content{margin-top:6px}
.reply{font-family:var(--f-util);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}
.comment-respond{margin-top:20px}
.comment-respond label{display:block;font-family:var(--f-util);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin:14px 0 6px}
.comment-respond .submit{font-family:var(--f-util);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;padding:11px 16px;border:2px solid currentColor;background:var(--ferrugem);color:var(--creme);cursor:pointer}
.must-log-in,.logged-in-as{font-size:.95rem}
textarea,input[type=text],input[type=email],input[type=search],input[type=url],input[type=password]{width:100%;font:inherit;padding:10px;border:1px solid var(--tinta);background:#f6ecd7;color:var(--tinta);border-radius:0}
textarea{min-height:110px;resize:vertical}
.cad-caixa{border:2px dashed var(--linha);padding:18px;margin-top:16px}

/* ===== UNIVERSO ===== */
.subnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.subnav a{font-family:var(--f-util);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--creme);color:var(--creme);padding:8px 12px;text-decoration:none}
.subnav a:hover{background:var(--creme);color:var(--noite)}
.intro-mundo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.intro-mundo .conteudo{font-size:1.08rem;color:var(--creme-2)}
.intro-mundo h1{font-size:clamp(2rem,5.5vw,3.6rem);color:var(--creme);margin-top:6px}
[id]{scroll-margin-top:calc(var(--mast-h,0px) + 12px)}

.mapa-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}
.mapa{border:3px solid var(--tinta);background:var(--papel-2);margin:0;box-shadow:8px 8px 0 var(--papel-3)}
.mapa svg{display:block;width:100%;height:auto}
.mapa figcaption{font-family:var(--f-util);font-size:.7rem;letter-spacing:.08em;padding:8px 12px;border-top:1px solid var(--tinta)}
.marco{cursor:pointer}
.marco .alvo{fill:transparent}
.marco .pin{fill:var(--tinta);stroke:var(--papel);stroke-width:2;transition:fill .2s}
.marco .anel{fill:none;stroke:none}
.marco .nome{font-family:Bevan,serif;font-size:14px;fill:var(--tinta);paint-order:stroke;stroke:var(--papel-2);stroke-width:4px}
.marco:hover .pin,.marco:focus-visible .pin,.marco.ativo .pin{fill:var(--brasa)}
.marco.ativo .anel{stroke:var(--brasa);stroke-width:2}
.marco:focus{outline:none}
.marco:focus-visible .nome{text-decoration:underline}
.painel{border:2px solid var(--tinta);background:var(--papel)}
.painel .img{aspect-ratio:16/9;max-width:100%;background:var(--noite) center/cover;border-bottom:2px solid var(--tinta)}
.painel .img.sem{display:grid;place-items:center;font-family:var(--f-display);color:var(--brasa);font-size:2.4rem;background-image:var(--grao),radial-gradient(circle at 50% 40%,#3a2918,var(--noite) 70%)}
.painel .corpo{padding:20px}
.painel h3{font-size:1.8rem;margin:4px 0 10px}
.painel .hist{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.chip{font-family:var(--f-util);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--tinta);padding:4px 8px;color:var(--tinta);text-decoration:none}
.chip:hover{background:var(--tinta);color:var(--papel)}
.fora-mapa{margin-top:14px;font-size:.92rem}

.mural{background:var(--cortica);background-image:var(--grao),radial-gradient(circle at 20% 30%,rgba(0,0,0,.18),transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,0,0,.2),transparent 45%);background-size:120px,100% 100%,100% 100%;border:10px solid #4a321b;padding:34px 22px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 18px;align-items:start}
.cartaz{background:none;border:0;padding:0;cursor:pointer;position:relative;transition:transform .25s;color:inherit;text-align:left;display:block;width:100%}
.cartaz::before{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e98a5c,var(--ferrugem) 60%,#4d1a0a);box-shadow:1px 2px 2px rgba(0,0,0,.5);z-index:2}
.cartaz img,.cartaz .papel{box-shadow:3px 5px 10px rgba(0,0,0,.45);border:1px solid #6b4e2a;width:100%}
.cartaz:nth-child(5n+1){transform:rotate(-3deg)}
.cartaz:nth-child(5n+2){transform:rotate(2deg)}
.cartaz:nth-child(5n+3){transform:rotate(-1.5deg)}
.cartaz:nth-child(5n+4){transform:rotate(3deg)}
.cartaz:nth-child(5n){transform:rotate(-2deg)}
.cartaz:hover,.cartaz:focus-visible{transform:rotate(0) scale(1.05);z-index:3}
.papel{aspect-ratio:4/5;max-width:100%;background:#e8d39f;background-image:var(--grao);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px 8px;text-align:center;color:var(--tinta)}
.papel b{font-family:var(--f-display);font-weight:400;font-size:clamp(.85rem,1.7vw,1.15rem);line-height:1.05}
.papel .q{font-family:var(--f-display);font-size:clamp(2.4rem,6vw,4rem);opacity:.85}
.papel small{font-family:var(--f-util);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}
.cartaz .rot{display:block;margin-top:10px;font-family:var(--f-util);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--creme);text-align:center}
.cartaz-estatico .papel{border:2px solid var(--tinta)}

.personagem{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:32px;padding-block:28px;border-bottom:1px solid var(--linha)}
.personagem:last-child{border-bottom:0}
.personagem img{border:2px solid var(--tinta)}
.personagem h3{font-size:clamp(1.5rem,3.6vw,2.1rem)}
.personagem .conteudo{margin-top:10px;max-width:36em}
.retrato-vazio{aspect-ratio:4/5;max-width:100%;border:2px solid var(--tinta);display:grid;place-items:center;font-family:var(--f-display);font-size:3rem;color:var(--brasa);background:var(--noite);background-image:var(--grao),radial-gradient(circle at 50% 40%,#3a2918,var(--noite) 70%)}

.faixa-gloss{background:var(--papel-2);border-block:2px solid var(--tinta)}
.gloss-ferr{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.gloss-ferr input{max-width:340px}
.letras{display:flex;flex-wrap:wrap;gap:4px}
.letras button{font-family:var(--f-display);background:none;border:1px solid var(--linha);min-width:2rem;height:2rem;padding:0 6px;cursor:pointer;color:var(--tinta)}
.letras button.todas{font-family:var(--f-util);font-size:.7rem;text-transform:uppercase}
.letras button[aria-pressed="true"]{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.letras button:disabled{opacity:.3;cursor:default}
.gloss{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin:0}
.gloss>div{padding:12px 0;border-bottom:1px dotted var(--tinta-2)}
.gloss dt{font-family:var(--f-display);font-size:1.08rem}
.gloss dt small{font-family:var(--f-util);font-size:.66rem;letter-spacing:.08em;color:var(--tinta-2);margin-left:8px;text-transform:uppercase}
.gloss dd{margin:2px 0 0;font-size:.97rem}

.cronica{position:relative;list-style:none;margin:0;padding:0 0 0 34px}
.cronica::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;border-left:3px dashed var(--ocre)}
.cronica li{position:relative;padding-bottom:28px}
.cronica li::before{content:"";position:absolute;left:-30px;top:6px;width:16px;height:16px;background:var(--noite);border:3px solid var(--ocre);transform:rotate(45deg)}
.cronica li.livro::before{background:var(--brasa);border-color:var(--brasa)}
.cronica .quando{font-family:var(--f-util);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ocre)}
.cronica h3{font-size:1.35rem;color:var(--creme);margin:2px 0 6px}
.cronica .conteudo{color:var(--creme-2);max-width:36em}

.ordem{list-style:none;padding:0;margin:0;border-top:2px solid var(--tinta)}
.ordem li{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--linha)}
.ordem .n{font-family:var(--f-display);color:var(--ferrugem);font-size:1.4rem}
.ordem b{font-family:var(--f-display);font-weight:400;font-size:1.2rem}
.ordem b a{color:inherit;text-decoration:none}
.selo-st{font-family:var(--f-util);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border:1px solid currentColor;white-space:nowrap}
.selo-st.quente{background:var(--ferrugem);border-color:var(--ferrugem);color:var(--papel)}
.ordem li.breve{color:var(--tinta-2)}

/* ===== NOTÍCIAS ===== */
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.filtros a{font-family:var(--f-util);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--tinta);color:var(--tinta);padding:7px 11px;text-decoration:none}
.filtros a.ativo{background:var(--tinta);color:var(--papel)}
.post-item{display:grid;grid-template-columns:7.5rem minmax(0,1fr) minmax(0,220px);gap:22px;padding:24px 0;border-bottom:1px solid var(--linha);align-items:start}
.post-item .d{font-family:var(--f-util);font-size:.8rem;color:var(--ferrugem);font-variant-numeric:tabular-nums}
.post-item h2{font-family:var(--f-texto);font-weight:600;font-size:1.22rem}
.post-item h2 a{color:inherit;text-decoration:none}
.post-item h2 a:hover{text-decoration:underline}
.post-item p{margin-top:6px}
.post-item img{border:2px solid var(--tinta)}
.tag{font-family:var(--f-util);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;border:1px solid var(--tinta);display:inline-block;margin-bottom:6px;color:var(--tinta);text-decoration:none}
.tag.futuro{background:var(--brasa);border-color:var(--brasa);color:var(--noite)}
.paginacao{display:flex;gap:8px;margin-top:26px;flex-wrap:wrap}
.paginacao .page-numbers{font-family:var(--f-util);border:1px solid var(--tinta);padding:6px 11px;color:var(--tinta);text-decoration:none}
.paginacao .current{background:var(--tinta);color:var(--papel)}
.noticia-capa{border:2px solid var(--tinta);margin-top:24px}

/* ===== ÁREA DO LEITOR ===== */
.painel-leitor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:30px;align-items:start}
.caderneta{border:2px solid var(--tinta);background:var(--papel-2);padding:22px;box-shadow:6px 6px 0 var(--papel-3)}
.caderneta h3{font-size:1.5rem}
.caderneta .grande{font-family:var(--f-display);font-size:3rem;color:var(--ferrugem);line-height:1;margin-top:10px;font-variant-numeric:tabular-nums}
.check{list-style:none;padding:0;margin:16px 0 0}
.check li{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dotted var(--tinta-2)}
.check input{width:18px;height:18px;accent-color:var(--ferrugem)}
.check label{cursor:pointer}
.extras .conteudo{color:var(--creme-2);max-width:46em}
.extras .conteudo h3{color:var(--creme)}
.extras .conteudo strong{color:var(--creme)}

/* ===== SOBRE ===== */
.sobre{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:44px;align-items:start}
.sobre .foto{border:2px solid var(--tinta);box-shadow:8px 8px 0 var(--ferrugem)}
.sobre .conteudo{font-size:1.08rem;max-width:36em}
.contatos{margin-top:26px;border-top:2px solid var(--tinta)}
.contato{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--linha)}
.contato .v{font-weight:600;word-break:break-all}

/* ===== MODAL ===== */
.modal{position:fixed;inset:0;z-index:999;background:rgba(10,7,5,.86);display:flex;align-items:center;justify-content:center;padding:16px}
.modal[hidden]{display:none}
.modal-caixa{background:var(--papel);background-image:var(--grao);color:var(--tinta);max-width:880px;width:100%;max-height:100%;overflow:auto;border:3px solid var(--tinta)}
.modal-caixa.so-img{background:transparent;border:0;max-width:1000px;text-align:center}
.modal-caixa.so-img img{max-height:82vh;margin:0 auto;border:3px solid var(--creme)}
.modal-caixa.so-img p{color:var(--creme);font-family:var(--f-util);font-size:.8rem;margin-top:10px}
.fechar{position:sticky;top:0;float:right;margin:10px;z-index:2;font-family:var(--f-util);text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;background:var(--tinta);color:var(--papel);border:0;padding:8px 12px;cursor:pointer}
.so-img .fechar{background:var(--creme);color:var(--noite)}
.ficha-modal{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;padding:28px}
.ficha-modal img{border:2px solid var(--tinta)}
.ficha-modal h3{font-size:2rem;margin:4px 0 8px}
.ficha-modal .recomp{font-family:var(--f-display);font-size:2rem;color:var(--ferrugem)}
.ficha-texto{margin-top:12px;font-size:1.05rem}
.ficha-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin-top:16px;font-size:.97rem}
.ficha-dl dt{font-family:var(--f-util);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-2);padding-top:4px}
.ficha-dl dd{margin:0}

footer.rodape{background:var(--noite);color:var(--creme-2);padding-block:34px 40px;margin-top:20px}
footer.rodape .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
footer.rodape img{width:110px}
footer.rodape .util{color:var(--ocre)}
footer.rodape a{color:var(--ocre)}
footer.rodape ul{list-style:none;margin:8px 0 0;padding:0;display:flex;gap:14px;flex-wrap:wrap}

.erro404{text-align:center;padding-block:80px}
.erro404 h1{font-size:clamp(3rem,12vw,7rem);color:var(--ferrugem)}

@media (max-width:860px){
  .mast-row .util{display:none}
  .hero-in,.historia,.intro-mundo,.personagem,.sobre,.vislumbre,.mapa-grid,.painel-leitor,.ficha-modal{grid-template-columns:minmax(0,1fr)}
  .hero .capa{justify-self:start;max-width:220px}
  .historia .capa,.historia .sem-capa{max-width:260px}
  .sobre .foto{max-width:280px}
  .personagem img,.retrato-vazio{max-width:260px}
  .ficha-modal img{max-width:240px}
  .tres,.gloss,.caminho{grid-template-columns:minmax(0,1fr)}
  .passo{border-right:0;border-bottom:1px solid var(--tinta)}
  .passo:last-child{border-bottom:0}
  .tres article,.tres article + article{padding:16px 0;border-right:0;border-bottom:1px solid var(--linha)}
  .post-item{grid-template-columns:minmax(0,1fr)}
  .post-item img{max-width:260px}
  .mural{grid-template-columns:repeat(3,minmax(0,1fr))}
  .menu-botao{display:inline-block}
  nav.principal{display:none}
  nav.principal.aberto{display:block}
  nav.principal ul{flex-direction:column}
  nav.principal a{border-right:0;border-bottom:1px solid var(--linha)}
}
@media (max-width:520px){.mural{grid-template-columns:repeat(2,minmax(0,1fr));padding:26px 14px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Galerias e imagens dentro das matérias */
.conteudo .wp-block-gallery{gap:12px}
.conteudo .wp-block-image img,.conteudo .wp-block-gallery img{border:2px solid var(--tinta);cursor:zoom-in}
.conteudo .wp-element-caption{font-family:var(--f-util);font-size:.74rem;color:var(--tinta-2);margin-top:6px;text-align:left}
.conteudo .wp-block-gallery .wp-element-caption{background:none;color:var(--tinta-2);position:static;padding:0;font-size:.72rem}
.conteudo .wp-block-embed{margin:1.4em 0}
.conteudo .wp-block-embed iframe{max-width:100%;border:2px solid var(--tinta)}
.conteudo .wp-block-gallery.has-nested-images figure.wp-block-image{flex-direction:column}
.conteudo .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before{display:none}
.conteudo .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{position:static;background:none;color:var(--tinta-2);padding:6px 0 0;text-shadow:none;max-height:none;overflow:visible;font-family:var(--f-util);font-size:.72rem;text-align:left}