/*
Theme Name: Epígono
Description: Tema leve e sem dependências para o blog de cultura Epígono. Papel amarelo, tipografia serifada, linhas de caneta, faixa de postagens fixadas, barra de leitura e modo leitura em tela cheia.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: epigono
*/

/* ==========================================================================
   Fontes (hospedadas no próprio site, sem Google Fonts)
   ========================================================================== */
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400 600;font-display:swap;src:url(assets/fonts/newsreader-roman.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400 500;font-display:swap;src:url(assets/fonts/newsreader-italic.woff2) format("woff2")}

/* ==========================================================================
   Cores, tipografia e medidas
   ========================================================================== */
:root{
	--paper:#f8ecd6;
	--ink:#2a211a;
	--ink-2:#54463a;
	--muted:#6c5c4a;
	--red:#8a2f1f;
	--brown:#7b3a15;
	--green:#2f372f;
	--line-base:#3a2a1e;
	--line-strong:#3a2a1e;
	--line:color-mix(in srgb,var(--line-base) 62%,transparent);
	--line-soft:color-mix(in srgb,var(--line-base) 26%,transparent);
	--dark-bg:#161616;
	--em-h:72px;
	--paper-op:1;
	--paper-pct:100%;
	--nav-pct:88%;
	--paper-light:#f8ecd6;

	--serif:"Newsreader","Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
	--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

	--col:42.5rem;
	--max:71rem;
	--gutter:clamp(1.25rem,4vw,2.5rem);
	--pad:min(var(--gutter),1.25rem);
	--fs:1;

}

/* Tamanho do texto (botões A− / A+). 1 é o padrão e não precisa de regra. */
html[data-fs="0"]{--fs:.9}
html[data-fs="2"]{--fs:1.12}
html[data-fs="3"]{--fs:1.26}
html[data-fs="4"]{--fs:1.42}

/* ==========================================================================
   Base
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
html{scroll-padding-top:4.5rem}
body{
	margin:0;
	background-color:var(--paper);
	color:var(--ink);
	font:400 1.0625rem/1.6 var(--serif);
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* Imagem de fundo (Personalizar > Imagem de fundo) com a cor de fundo por cima,
   na opacidade escolhida em "Epígono: cores e linhas". */
body.has-bg-image::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--paper);opacity:var(--paper-op,1)}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}
h1,h2,h3,h4{font-weight:400}
strong,b{font-weight:600}
::selection{background:rgba(138,47,31,.22)}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:2px}
button{font:inherit;color:inherit}
.i{display:inline-block;flex:none;vertical-align:-.2em}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}

.screen-reader-text,.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--ink);color:var(--paper);padding:.6rem 1rem;font:.875rem var(--sans);text-decoration:none}
.skip:focus{top:1rem}

/* ==========================================================================
   Linhas: retas e finas, na cor do tema (inclusive no escuro da postagem)
   ========================================================================== */
.rule,
.site-head::after,
.site-nav::after,
.card::after,
.pins::after,
.widget:not(:last-child)::after,
.byline-wrap::after,
.entry__foot::before,
.c__body::after,
.entry-content hr,
.wp-block-separator{
	content:"";display:block;height:0;border:0;border-top:1px solid var(--line-soft);background:none;
}
.site-head::after,
.comments::before,
.foot::before{
	content:"";display:block;height:0;border:0;border-top:2px solid var(--line-strong);background:none;
}
.card::after,.pins::after{grid-column:1/-1}

/* ==========================================================================
   Cabeçalho e navegação
   ========================================================================== */
.site-head .wrap{
	display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:1.5rem;
	min-height:4.75rem;padding-block:0;
}
.emblem{display:block;justify-self:start;align-self:start;text-decoration:none;line-height:0}
.emblem img{display:block;width:auto;height:var(--em-h,72px);max-width:none}
.emblem--empty{display:block;width:1px;height:1px}
.brand{margin:0;padding:.55rem 0 .65rem;font-size:1rem;line-height:1;text-align:center}
.brand a{display:inline-block;font-size:calc(var(--wm-h,46px)*.95);letter-spacing:-.012em;text-transform:lowercase;text-decoration:none;color:var(--ink)}
.brand__img{display:block;width:auto;height:var(--wm-h,46px);max-width:100%;object-fit:contain}
.tagline{justify-self:end;max-width:14rem;margin:0;text-align:right;font-style:italic;font-size:.9375rem;line-height:1.35;color:var(--muted)}

.site-nav{
	position:sticky;top:0;z-index:40;background:transparent;
	transition:background-color .35s ease,box-shadow .35s ease,-webkit-backdrop-filter .35s ease,backdrop-filter .35s ease;
}
.site-nav.is-stuck{
	background:color-mix(in srgb,var(--paper) var(--nav-pct,88%),transparent);
	-webkit-backdrop-filter:blur(10px) saturate(1.05);backdrop-filter:blur(10px) saturate(1.05);
}
html:not(.js) .site-nav{background:var(--paper)}
body.admin-bar .site-nav{top:32px}
.site-nav .wrap{display:flex;align-items:center;gap:1.5rem;min-height:3.1rem}
.menu{display:flex;gap:1.7rem;flex:1 1 auto;min-width:0;margin:0;padding:0;list-style:none;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.menu::-webkit-scrollbar{display:none}
.menu a{position:relative;display:block;padding:1.05rem 0;font:.8125rem/1 var(--sans);color:var(--ink);text-decoration:none}
.menu a:hover{color:var(--red)}
.menu .current-menu-item>a,.menu .current-cat>a,.menu .current_page_item>a{color:var(--red);font-weight:600}
.menu .current-menu-item>a::after,.menu .current-cat>a::after,.menu .current_page_item>a::after{
	content:"";position:absolute;left:0;right:0;bottom:.2rem;height:2px;background:var(--red);
}
.nav-aux{display:flex;align-items:center;gap:1.25rem;font:.8125rem/1 var(--sans);white-space:nowrap}
.nav-aux a{display:inline-flex;align-items:center;gap:.4rem;padding:1.05rem 0;text-decoration:none}
.nav-aux a:hover{color:var(--red)}
.nav-aux .nav-tg{color:var(--red)}
.navbtn{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;padding:0;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer}
.navbtn:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}
.navbtn .i-sun{display:none}
html[data-theme="dark"] .navbtn .i-sun{display:inline-block}
html[data-theme="dark"] .navbtn .i-moon{display:none}
html:not(.js) .navbtn{display:none}

/* Formulário de busca */
.searchform{display:flex;align-items:stretch;max-width:34rem;border-bottom:1px solid var(--line)}
.searchform input{flex:1;min-width:0;padding:.6rem .1rem;border:0;background:transparent;color:var(--ink);font:1.125rem var(--serif)}
.searchform input::placeholder{color:var(--muted);font-style:italic}
.searchform input:focus{outline:0}
.searchform button{display:grid;place-items:center;width:2.6rem;border:0;background:none;color:var(--ink);cursor:pointer}
.searchform:focus-within{border-bottom-color:var(--red)}

/* ==========================================================================
   Estrutura das páginas
   ========================================================================== */
main{min-height:60vh}
.layout{
	max-width:var(--max);margin:0 auto;padding:0 var(--gutter);
	display:grid;grid-template-columns:minmax(0,1fr) 19.5rem;column-gap:3rem;
}
.layout__main{min-width:0;padding-top:1rem}

/* Rótulo acima do título: categoria · data */
.kicker{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem;margin:0;font:600 .72rem/1.2 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--red)}
.kicker a{color:inherit;text-decoration:none}
.kicker a:hover{text-decoration:underline}
.kicker__sep,.kicker__date{color:var(--muted);font-weight:400}

.meta{display:flex;flex-wrap:wrap;gap:.1rem .6rem;margin:0;font:.8125rem/1.4 var(--sans);color:var(--muted)}
.meta__by{color:var(--ink)}
.meta a{text-decoration:none}
.meta a:hover{text-decoration:underline}

/* ==========================================================================
   Postagens do feed
   ========================================================================== */
.card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1.75rem;padding-top:2.1rem}
.card::after{margin-top:2.1rem}
.card__main{min-width:0}
.card__title{margin:.45rem 0 .55rem;font-size:clamp(1.5rem,2.6vw,1.9rem);line-height:1.2;letter-spacing:-.005em;text-wrap:balance}
.card__title a{text-decoration:none}
.card__title a:hover{color:var(--red)}
.card__excerpt{margin:0 0 .75rem;color:var(--ink-2);line-height:1.55}
.card__thumb{grid-column:2;grid-row:1;align-self:start;display:block;margin-top:.2rem}
.card__thumb img{display:block;width:auto;height:auto;max-width:9.5rem;max-height:9.5rem;box-shadow:0 1px 2px rgba(40,25,10,.25)}

/* "Achado": nota curta mostrada inteira, como citação */
.card--quote .quote{margin:.55rem 0 .5rem;font-style:italic;font-size:clamp(1.3rem,2.2vw,1.6rem);line-height:1.4;text-wrap:pretty}
.card--quote .quote p{margin:0 0 .6em}
.card--quote .quote p:last-child{margin-bottom:0}
.card--quote .meta a{color:var(--muted)}

/* Faixa de fixadas (só na primeira página do blog) */
.pins{display:grid;padding-top:2.1rem}
.pins::after{margin-top:2.1rem}
.pin{position:relative;display:grid;gap:1rem 2rem;min-width:0}
.pin__flag{display:flex;align-items:center;gap:.35rem;margin:0 0 .55rem;font:600 .7rem/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--brown)}
.pin__title{margin:.45rem 0 .6rem;line-height:1.15;letter-spacing:-.008em;text-wrap:balance}
.pin__title a{text-decoration:none}
.pin__title a:hover{color:var(--red)}
.pin__excerpt{margin:0 0 .8rem;color:var(--ink-2);line-height:1.55}
.pin__thumb{display:block}
.pin__thumb img{display:block;width:auto;max-width:100%;max-height:19rem;height:auto;margin-left:auto;box-shadow:0 1px 2px rgba(40,25,10,.25)}

.pins--1 .pin{grid-template-columns:minmax(0,1fr)}
.pins--1 .pin--has-thumb{grid-template-columns:minmax(0,1fr) minmax(0,15rem)}
.pins--1 .pin__title{font-size:clamp(1.85rem,3.5vw,2.5rem)}
.pins--1 .pin__excerpt{font-size:1.1875rem}
.pins--1 .pin__thumb{grid-column:2;grid-row:1;justify-self:end}

.pins--2,.pins--3{grid-template-columns:repeat(var(--n,2),minmax(0,1fr))}
.pins--2{--n:2}.pins--3{--n:3}
.pins--2 .pin,.pins--3 .pin{grid-template-columns:minmax(0,1fr);align-content:start;padding-inline:1.6rem}
.pins--2 .pin:first-child,.pins--3 .pin:first-child{padding-left:0}
.pins--2 .pin:last-child,.pins--3 .pin:last-child{padding-right:0}
.pins--2 .pin+.pin::before,.pins--3 .pin+.pin::before{
	content:"";position:absolute;left:0;top:0;bottom:0;width:0;border-left:1px solid var(--line-soft);
}
.pins--2 .pin__title{font-size:clamp(1.6rem,2.8vw,2rem)}
.pins--2 .pin__excerpt,.pins--3 .pin__excerpt{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.pins--3 .pin__title{font-size:1.32rem}
.pins--3 .pin__excerpt{font-size:1rem;-webkit-line-clamp:5}

/* Paginação */
.pager{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.6rem 0 2.6rem;font:.875rem var(--sans)}
.pager a{color:var(--red);text-decoration:none}
.pager a:hover{text-decoration:underline}
.pager__n{color:var(--muted)}

/* Cabeçalho de arquivo / busca / 404 */
.page-head{padding:2.2rem 0 .4rem}
.page-head h1{margin:.5rem 0 .4rem;font-size:clamp(2rem,4.4vw,3rem);line-height:1.1;letter-spacing:-.01em}
.page-head p{margin:0;color:var(--ink-2)}
.page-head .searchform{margin-top:1.2rem}
.empty{padding:2.5rem 0;color:var(--ink-2)}
.empty h2{margin:0 0 .5rem;font-size:1.6rem}
.notfound{max-width:var(--col);margin:0 auto;padding:4rem var(--gutter) 5rem;text-align:center}
.notfound__n{margin:0;font-size:clamp(5rem,16vw,9rem);line-height:1;font-style:italic;color:var(--red)}
.notfound h1{margin:.4rem 0 .8rem;font-size:clamp(1.7rem,4vw,2.3rem)}
.notfound .searchform{margin:1.8rem auto 1.2rem}
.notfound a{color:var(--red)}

/* ==========================================================================
   Barra lateral
   ========================================================================== */
.side{position:relative;padding:2.1rem 0 2.4rem 2rem}
.side::before{
	content:"";position:absolute;left:0;top:2.1rem;bottom:0;width:0;border-left:1px solid var(--line-soft);
}
.widget{margin:0 0 1.5rem}
.widget:not(:last-child){padding-bottom:0}
.widget:not(:last-child)::after{margin-top:1.5rem}
.widget__title{margin:0 0 .7rem;font:600 .72rem/1.2 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--red)}
.widget p{margin:0 0 .6rem;color:var(--ink-2);line-height:1.5}
.widget ul{margin:0;padding:0;list-style:none}
.widget li{padding:.55rem 0}
.widget a{text-decoration:none}
.widget a:hover{text-decoration:underline}
.widget__more{display:inline-flex;align-items:center;gap:.3rem;font:.8125rem var(--sans);color:var(--red)}
.widget blockquote{margin:0;font-style:italic;font-size:1.2rem;line-height:1.45;color:var(--ink)}
.widget cite{display:block;margin-top:.5rem;font:normal .8125rem var(--sans);color:var(--muted)}

/* Cartão escuro (caderno especial). Use a classe epi-card em qualquer widget */
.widget.epi-card,.widget.widget_epigono_caderno{padding:1.4rem 1.4rem 1.5rem;background:var(--green);color:#ece5d2;margin-left:-.4rem}
.widget.epi-card::after,.widget.widget_epigono_caderno::after{display:none}
.widget.epi-card .widget__title,.widget.widget_epigono_caderno .widget__title{color:#d9c9a6}
.widget.epi-card p,.widget.widget_epigono_caderno p{color:#d9d2bf}
.widget.epi-card a,.widget.widget_epigono_caderno a{color:#fff6e4}

/* ==========================================================================
   Página da postagem
   ========================================================================== */
.entry__col{max-width:var(--col);margin:0 auto;padding:2.6rem var(--gutter) 4.5rem}
.back{display:inline-flex;align-items:center;gap:.4rem;font:.8125rem var(--sans);color:var(--red);text-decoration:none}
.back:hover{text-decoration:underline}
.entry__head{margin-top:2.4rem}
.entry__title{margin:1rem 0 1.4rem;font-size:clamp(2.05rem,5.2vw,3.1rem);line-height:1.1;letter-spacing:-.012em;text-wrap:balance}
.entry__lede{margin:0 0 2rem;font-size:clamp(1.15rem,2.3vw,1.4rem);line-height:1.5;color:var(--muted)}

.byline-wrap::after{margin-top:.8rem}
.byline{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding:1rem 0 0;font:.8125rem/1.4 var(--sans);color:var(--muted)}
.byline__who{margin:0;flex:1 1 auto}
.byline__name{color:var(--ink);text-decoration:none}
.byline__name:hover{text-decoration:underline}
.byline__comments{display:inline-flex;align-items:center;gap:.3rem;color:var(--red);text-decoration:none}
.byline__comments:hover{text-decoration:underline}

/* Ferramentas de leitura. Só aparecem com JavaScript ativo */
.tools{display:flex;align-items:center;gap:.1rem}
html:not(.js) .tools,html:not(.js) .entry__read{display:none}
.tool{
	display:inline-grid;place-items:center;min-width:2.4rem;height:2.4rem;padding:0 .35rem;
	border:0;border-radius:50%;background:transparent;color:var(--ink-2);cursor:pointer;
	font:600 .8125rem/1 var(--sans);
}
.tool:hover{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}
.tool[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.tool:disabled{opacity:.35;cursor:default;background:none}
.tool--text{border-radius:1.2rem;letter-spacing:.01em}
.tools__share{position:relative}
.share{
	position:absolute;left:0;top:calc(100% + .45rem);z-index:60;min-width:13.5rem;padding:.4rem;
	background:var(--paper);
	border:1px solid var(--line-soft);border-radius:4px;box-shadow:0 10px 28px rgba(40,25,10,.22);
}
.share[hidden]{display:none}
.share a,.share button{
	display:flex;align-items:center;gap:.65rem;width:100%;padding:.6rem .7rem;border:0;border-radius:3px;
	background:none;color:var(--ink);font:.875rem/1.2 var(--sans);text-align:left;text-decoration:none;cursor:pointer;
}
.share a:hover,.share button:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}
.share [hidden]{display:none}

/* Área do texto (pode escurecer sozinha) */
.entry-wrap{margin:2.2rem 0 0;padding:0 0 .5rem}
.entry__figure{margin:0 0 1.75rem}
.entry__figure img{display:block;width:auto;max-width:100%;max-height:min(78vh,44rem);height:auto;margin:0 auto}
.entry__figure figcaption,.entry-content figcaption{margin-top:.5rem;font-size:.8rem;line-height:1.45;color:var(--muted)}

.entry-content{font-size:calc(1.1875rem*var(--fs));line-height:1.78;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
.entry-content p{margin:0 0 1.45em}
.entry-content h2,.entry-content h3,.entry-content h4{margin:2.4em 0 .75em;font-weight:500;line-height:1.2;letter-spacing:-.005em;text-wrap:balance}
.entry-content h2{font-size:1.55em}
.entry-content h3{font-size:1.3em}
.entry-content h4{font-size:1.1em;font-style:italic}
.entry-content a{color:var(--red);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.entry-content ul,.entry-content ol{margin:0 0 1.25em;padding-left:1.4em}
.entry-content li{margin:.35em 0}
.entry-content blockquote{margin:2.1em 0;padding:.1em 0 .1em 1.25rem;border-left:2px solid var(--red);font-style:italic;color:var(--ink-2)}
.entry-content blockquote p:last-child{margin-bottom:0}
.entry-content cite{display:block;margin-top:.5em;font:normal .8125rem var(--sans);color:var(--muted)}
.entry-content figure{margin:2.1em 0}
.entry-content img{height:auto}
.entry-content .alignleft{float:left;margin:.3em 1.4em .8em 0;max-width:50%}
.entry-content .alignright{float:right;margin:.3em 0 .8em 1.4em;max-width:50%}
.entry-content .aligncenter{margin-inline:auto}
.entry-content hr,.entry-content .wp-block-separator{margin:2.4em 0}
.entry-content table{width:100%;border-collapse:collapse;font:.9em/1.4 var(--sans)}
.entry-content th,.entry-content td{padding:.55em .6em;border-bottom:1px solid var(--line-soft);text-align:left}
.entry-content pre,.entry-content code{font:.85em/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:color-mix(in srgb,var(--ink) 8%,transparent)}
.entry-content pre{padding:1em;overflow-x:auto}
.entry-content code{padding:.1em .3em}
.entry-content pre code{padding:0;background:none}
.entry-content iframe,.entry-content video,.entry-content audio{max-width:100%}
.entry-content audio{width:100%}
.entry-content::after{content:"";display:block;clear:both}

/* Capitular: só aparece quando a postagem pede (ver "Estilo" no editor) */
.has-dropcap .entry-content>p:first-of-type::first-letter{
	float:left;font-weight:500;color:var(--red);
	font-size:4.5em;line-height:.8;padding:.04em .1em 0 0;margin:.02em 0 0;text-transform:uppercase;
}

.entry__end{margin:2.8rem 0 1.3rem;text-align:center;font-size:1.3rem;line-height:1;color:var(--red)}
.entry__source{margin:0 0 1rem;font:.875rem var(--sans);color:var(--muted);text-align:center}
.ai-note{margin:0 auto 2.6rem;max-width:32rem;text-align:center;font-size:.875rem;font-style:italic;line-height:1.5;color:var(--muted)}

.entry__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding-top:.2rem;font:.8125rem/1.5 var(--sans);color:var(--muted)}
.entry__foot::before{width:100%;margin-bottom:1.1rem}
.entry__terms{margin:0}
.entry__terms a{text-decoration:none}
.entry__terms a:hover{color:var(--red);text-decoration:underline}
.entry__terms span{margin:0 .35rem}
.linkbtn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem 0;border:0;background:none;color:var(--red);font:.8125rem var(--sans);cursor:pointer}
.linkbtn:hover{text-decoration:underline}

.more{display:grid;grid-template-columns:1fr 1fr;margin-top:3.8rem}
.more h2{grid-column:1/-1;margin:0 0 1.2rem;font:600 .72rem/1.2 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.more__item{position:relative;padding:0 1.6rem 1.9rem}
.more__item:nth-of-type(odd){padding-left:0}
.more__item:nth-of-type(even){padding-right:0}
.more__item:nth-of-type(even)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;border-left:1px solid var(--line-soft)}
.more__item:nth-of-type(n+3){padding-top:1.9rem;padding-bottom:0;border-top:1px solid var(--line-soft)}
.more__title{margin:.45rem 0 .55rem;font-size:1.35rem;line-height:1.22;text-wrap:balance}
.more__title a{text-decoration:none}
.more__title a:hover{color:var(--red)}
.more__excerpt{margin:0 0 .7rem;color:var(--ink-2);font-size:.97rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.more__quote{margin:.5rem 0 .6rem;font-style:italic;font-size:1.15rem;line-height:1.4}
.more__quote a{text-decoration:none}
.more__all{grid-column:1/-1;margin:2rem 0 0;padding-top:1.1rem;border-top:1px solid var(--line-soft);font:.875rem var(--sans)}
.more__all a{color:var(--red);text-decoration:none}
.more__all a:hover{text-decoration:underline}

/* Página estática */
.single--page .entry__title{margin-top:1.2rem}
.single--page .entry-content{margin-top:1.5rem}

/* ==========================================================================
   Modo escuro: botão ao lado da busca, vale para o site inteiro e para o
   modo leitura. A cor de fundo vem do Personalizar (padrão #161616).
   ========================================================================== */
html[data-theme="dark"]{
	--paper:var(--dark-bg,#161616);--ink:#ebe5d8;--ink-2:#d3cab9;--muted:#a79e8c;--red:#e29672;--btn:#a8472b;
	--brown:#d9a67f;--line-base:#ebe5d8;--line-strong:rgba(235,229,216,.5);
	color-scheme:dark;
}
html[data-theme="dark"] body{background-color:var(--paper) !important;background-image:none !important}
html[data-theme="dark"] body::before{display:none}
html[data-theme="dark"] .comments,
html[data-theme="dark"] .banner{background:rgba(255,255,255,.04)}
html[data-theme="dark"] .f input[type=text],
html[data-theme="dark"] .f input[type=email],
html[data-theme="dark"] .f textarea{background:rgba(255,255,255,.06)}
/* logotipo: versão para fundo escuro, ou a mesma imagem clareada */
.brand__img--dark,.foot__brand .brand__img--dark{display:none}
html[data-theme="dark"] .has-dark-logo .brand__img--light{display:none}
html[data-theme="dark"] .has-dark-logo .brand__img--dark{display:block}
html[data-theme="dark"] .brand:not(.has-dark-logo) .brand__img,
html[data-theme="dark"] .foot__brand:not(.has-dark-logo) img{filter:brightness(0) invert(.92)}

/* ==========================================================================
   Comentários
   ========================================================================== */
.comments{position:relative;margin-top:1rem;padding:3.8rem 0 5.5rem;background:rgba(122,84,28,.085)}
.comments::before{position:absolute;left:0;right:0;top:0}
.comments__inner{max-width:var(--col);margin:0 auto;padding-inline:var(--gutter)}
.comments__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.comments__title{margin:0;font-size:clamp(1.7rem,3.6vw,2.1rem);line-height:1.15}
.comments__count{font:.8125rem var(--sans);color:var(--muted);white-space:nowrap}
.comments__intro{margin:.6rem 0 1.8rem;color:var(--muted);font-size:1.0625rem}
.comments__empty{margin:1.4rem 0;color:var(--ink-2);font-style:italic}
.comments__closed{margin:1.4rem 0;color:var(--muted);font-style:italic}

.comment-list,.comment-list .children{margin:0;padding:0;list-style:none}
.c__body{position:relative;padding:1.2rem 0 1.4rem}
.c__body::after{position:absolute;left:0;right:0;bottom:0}
.c__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem;font:.8125rem/1.3 var(--sans)}
.c__name{font-weight:600;color:var(--ink)}
.c__badge{font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.c__date{margin-left:auto;color:var(--muted);font-size:.75rem}
.c__text{margin-top:.4rem;font-size:1.0625rem;line-height:1.6}
.c__text p{margin:0 0 .7em}
.c__text p:last-child{margin-bottom:0}
.c__wait{margin:.4rem 0 0;font:italic .875rem var(--serif);color:var(--muted)}
.c__reply{margin-top:.5rem;font:.8125rem var(--sans)}
.c__reply a{display:inline-flex;align-items:center;gap:.3rem;color:var(--red);text-decoration:none}
.c__reply a:hover{text-decoration:underline}
.comment-list .children{position:relative;margin-left:1.2rem;padding-left:1.6rem}
.comment-list .children::before{
	content:"";position:absolute;left:0;top:.6rem;bottom:1rem;width:0;border-left:1px solid var(--line-soft);
}
.comment-navigation,.comments-pagination{margin:1rem 0;font:.875rem var(--sans)}

/* Formulário */
.comment-respond{margin-top:3rem;padding-top:.4rem}
.comment-reply-title{margin:0 0 .4rem;font-size:1.6rem;line-height:1.2}
.comment-reply-title small{margin-left:.6rem;font:.8125rem var(--sans)}
.comment-reply-title small a{color:var(--red)}
.comment-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1rem}
.comment-form>*{margin:0;grid-column:1/-1}
.comment-form .f--half{grid-column:span 1}
.comment-form .form-note,.comment-form .logged-in-as{font:.8125rem/1.5 var(--sans);color:var(--muted)}
.f label{display:block;margin-bottom:.35rem;font:.8125rem var(--sans);color:var(--ink)}
.f input[type=text],.f input[type=email],.f textarea{
	display:block;width:100%;padding:.8rem .9rem;border:1px solid var(--line-soft);border-radius:2px;
	background:rgba(255,251,242,.6);color:var(--ink);font:1.0625rem/1.5 var(--serif);
}
.f textarea{min-height:9rem;resize:vertical}
.f input::placeholder,.f textarea::placeholder{color:var(--muted);font-style:italic}
.f input:focus,.f textarea:focus{outline:2px solid var(--red);outline-offset:1px;border-color:transparent}
.f--check{display:flex;align-items:flex-start;gap:.55rem}
.f--check input{margin-top:.25rem;accent-color:var(--red)}
.f--check label{margin:0;font:.8125rem/1.5 var(--sans);color:var(--ink-2)}
.form-submit{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem}
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.4rem;border:0;border-radius:2px;background:var(--btn,var(--red));color:#fff6e8;font:600 .875rem/1 var(--sans);text-decoration:none;cursor:pointer}
.btn:hover{filter:brightness(.88)}
.form-fine{flex:1 1 14rem;margin:0;font:.75rem/1.5 var(--sans);color:var(--muted)}
.form-fine a{color:inherit}

/* ==========================================================================
   Faixa de mensagens e rodapé
   ========================================================================== */
.banner{margin-top:3rem;padding:3.4rem 0;background:rgba(122,84,28,.1)}
.banner .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem 3rem}
.banner h2{margin:.5rem 0 .4rem;font-size:clamp(1.6rem,3.4vw,2.2rem);line-height:1.15}
.banner p{margin:0;color:var(--ink-2);max-width:34rem}
.banner__links{display:flex;flex-wrap:wrap;gap:.7rem}
.btn--line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn--line:hover{background:var(--ink);color:var(--paper)}

.foot{position:relative;padding:3.8rem 0 1.6rem}
.foot::before{position:absolute;left:0;right:0;top:0;opacity:.8}
.foot__top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem 4rem;align-items:start}
.foot__brand a{display:inline-block;font-size:calc(var(--wm-h,46px)*.75);line-height:1;letter-spacing:-.012em;text-transform:lowercase;text-decoration:none}
.foot__brand img{display:block;width:auto;height:calc(var(--wm-h,46px)*.78);max-width:100%}
.foot__brand p{margin:.7rem 0 0;max-width:30rem;color:var(--ink-2)}
.foot__menu{display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,auto);gap:.15rem 3rem;margin:0;padding:0;list-style:none}
.foot__menu a{display:block;padding:.3rem 0;font:.875rem var(--sans);text-decoration:none}
.foot__menu a:hover{color:var(--red);text-decoration:underline}
.foot__bottom{margin-top:2.4rem;padding-top:1.1rem;border-top:1px solid var(--line-soft);font:.75rem/1.55 var(--sans);color:var(--muted)}
.foot__bottom p{margin:0 0 .5rem}
.foot__ai{max-width:48rem}

/* ==========================================================================
   Modo leitura (tela cheia)
   ========================================================================== */
html.has-reader,html.has-modal{overflow:hidden}
.reader{
	width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;
	background:var(--paper);color:var(--ink);
}
.reader::backdrop{background:#17110c}
.reader[open]{display:flex;flex-direction:column}
.reader__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:3.1rem;padding:.35rem .8rem;opacity:.92}
.reader__tools{display:flex;align-items:center;gap:.1rem}
.reader__bar .share{left:0}
.reader__progress{height:2px;background:var(--line-soft)}
.reader__progress i{display:block;width:0;height:100%;background:var(--red);transition:width .2s}
.reader__stage{position:relative;flex:1 1 auto;min-height:0}
.reader__stage:focus{outline:0}
.reader[data-layout="scroll"] .reader__stage{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.reader[data-layout="pages"] .reader__stage{overflow:hidden;display:flex;justify-content:center}
.reader[data-layout="scroll"] .reader__cols{max-width:41rem;margin:0 auto;padding:2.2rem var(--gutter) 6rem}
.reader[data-layout="pages"] .reader__viewport{overflow:hidden;margin-top:1rem}
.reader[data-layout="pages"] .reader__cols{column-fill:auto;transition:transform .38s cubic-bezier(.3,.7,.2,1);will-change:transform}
.reader[data-layout="pages"] .reader__head,
.reader[data-layout="pages"] figure,
.reader[data-layout="pages"] blockquote{break-inside:avoid}
.reader[data-layout="pages"] img{max-height:calc(var(--page-h,30rem) * .5);width:auto;max-width:100%;object-fit:contain}
.reader[data-layout="pages"] .entry__figure{margin-bottom:1.2rem}
.reader__head{margin-bottom:1.4rem}
.reader__title{margin:.55rem 0 .7rem;font-size:calc(2.1rem*var(--fs));line-height:1.12;letter-spacing:-.012em;text-wrap:balance}
.reader .entry-wrap{margin:0;padding:0;background:none}
.reader .entry-content{font-size:calc(1.3rem*var(--fs));line-height:1.74}
.reader__edge{position:absolute;top:0;bottom:3.4rem;width:14%;padding:0;border:0;background:none;cursor:pointer}
.reader__edge--prev{left:0}
.reader__edge--next{right:0}
.reader__pager{position:absolute;left:0;right:0;bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.9rem;pointer-events:none}
.reader__pager .tool{pointer-events:auto}
.reader__pageno{min-width:7.5rem;margin:0;text-align:center;font:.8125rem var(--sans);color:var(--muted)}
.reader[data-layout="scroll"] .reader__edge,.reader[data-layout="scroll"] .reader__pager{display:none}
/* o escuro do modo leitura é independente do botão do menu */
.reader[data-rtheme="light"]{
	--paper:var(--paper-light,#f8ecd6);--ink:#2a211a;--ink-2:#54463a;--muted:#6c5c4a;--red:#8a2f1f;--btn:#8a2f1f;
	--line-base:#3a2a1e;--line-strong:#3a2a1e;
	--line:color-mix(in srgb,var(--line-base) 62%,transparent);--line-soft:color-mix(in srgb,var(--line-base) 26%,transparent);
	color-scheme:light;
}
.reader[data-rtheme="dark"]{
	--paper:var(--dark-bg,#161616);--ink:#ebe5d8;--ink-2:#d3cab9;--muted:#a79e8c;--red:#e29672;--btn:#a8472b;
	--line-base:#ebe5d8;--line-strong:rgba(235,229,216,.5);
	--line:color-mix(in srgb,var(--line-base) 62%,transparent);--line-soft:color-mix(in srgb,var(--line-base) 26%,transparent);
	color-scheme:dark;
}
.reader[data-layout="scroll"] .i-scroll{display:none}
.reader[data-layout="pages"] .i-pages{display:none}

/* ==========================================================================
   Busca em modal e transições suaves
   ========================================================================== */
.searchmodal{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--ink);overflow:hidden}
.searchmodal::backdrop{
	background:rgba(18,14,10,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);
	transition:background-color .32s ease,-webkit-backdrop-filter .32s ease,backdrop-filter .32s ease;
}
.searchmodal.is-open::backdrop{background:rgba(18,14,10,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.searchmodal__panel{
	width:min(44rem,calc(100% - 2*var(--gutter)));margin:14vh auto 0;padding:1.5rem 2rem 1.8rem;
	background:var(--paper);border:1px solid var(--line-soft);border-radius:4px;box-shadow:0 24px 60px rgba(20,12,4,.3);
	opacity:0;transform:translateY(-18px) scale(.985);
	transition:opacity .3s ease,transform .4s cubic-bezier(.2,.75,.2,1);
}
.searchmodal.is-open .searchmodal__panel{opacity:1;transform:none}
.searchmodal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}
.searchmodal .searchform{max-width:none}
.searchmodal .searchform input{padding:.7rem .1rem;font-size:clamp(1.3rem,3vw,1.75rem)}
.searchmodal__hint{margin:.9rem 0 0;font:.75rem var(--sans);color:var(--muted)}
.searchmodal__cats{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin:1.4rem 0 0;padding-top:1.1rem;border-top:1px solid var(--line-soft);font:.8125rem var(--sans);color:var(--muted)}
.searchmodal__cats a{color:var(--ink);text-decoration:none}
.searchmodal__cats a:hover{color:var(--red)}

a,.tool,.btn,.navbtn,.linkbtn{transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease,filter .2s ease}
.searchform{transition:border-color .25s ease}
.share:not([hidden]){animation:epi-pop .22s cubic-bezier(.2,.75,.2,1)}
.reader[open]{animation:epi-fade .32s ease}
@keyframes epi-pop{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}
@keyframes epi-fade{from{opacity:0;transform:scale(.992)}to{opacity:1;transform:none}}
/* ao trocar claro/escuro, as cores mudam devagar (a classe é posta só nesse momento) */
html.theme-anim,html.theme-anim *,html.theme-anim *::before,html.theme-anim *::after,
.reader.theme-anim,.reader.theme-anim *,.reader.theme-anim *::before,.reader.theme-anim *::after{
	transition:background-color .45s ease,color .45s ease,border-color .45s ease,fill .45s ease,stroke .45s ease,box-shadow .45s ease !important;
}
html.theme-anim a,.reader.theme-anim a{transition:none !important}

/* ==========================================================================
   Telas menores
   ========================================================================== */
@media (max-width:960px){
	.layout{grid-template-columns:minmax(0,1fr)}
	.side{padding:2rem 0 1rem;margin-top:1rem}
	.side::before{left:0;right:0;top:0;bottom:auto;width:auto;height:0;border-left:0;border-top:2px solid var(--line-strong)}
	.widget.epi-card,.widget.widget_epigono_caderno{margin-left:0}
}
@media (max-width:782px){
	body.admin-bar .site-nav{top:46px}
}
@media (max-width:720px){
	.site-head .wrap{grid-template-columns:auto 1fr;column-gap:1rem}
	.emblem img{height:calc(var(--em-h,72px)*.78)}
	.brand__img{height:calc(var(--wm-h,46px)*.78)}
	.brand a{font-size:calc(var(--wm-h,46px)*.78)}
	.brand{text-align:left}
	.tagline{display:none}
	.site-head .wrap{min-height:4rem}
	.nav-aux .nav-label{display:none}
	.pins--2,.pins--3{grid-template-columns:minmax(0,1fr)}
	.pins--2 .pin,.pins--3 .pin{padding-inline:0 !important;padding-block:1.2rem 0}
	.pins--2 .pin:first-child,.pins--3 .pin:first-child{padding-top:0}
	.pins--2 .pin+.pin::before,.pins--3 .pin+.pin::before{left:0;right:0;top:0;bottom:auto;width:auto;height:0;margin:0;border-left:0;border-top:1px solid var(--line-soft)}
	.pins--1 .pin__thumb{grid-column:1;grid-row:auto;order:-1}
	.card{grid-template-columns:minmax(0,1fr) 5.6rem;column-gap:1rem}
	.card__thumb img{max-width:5.6rem;max-height:7rem}
	.more{grid-template-columns:1fr}
	.more__item,.more__item:nth-of-type(odd),.more__item:nth-of-type(even),.more__item:nth-of-type(n+3){padding:1.4rem 0 .2rem;border-top:0}
	.more__item:nth-of-type(n+2){border-top:1px solid var(--line-soft)}
	.more__item::before{display:none !important}
	.banner .wrap,.foot__top{grid-template-columns:minmax(0,1fr)}
	.foot__menu{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:1fr 1fr}
	.comment-form{grid-template-columns:1fr}
	.comment-form .f--half{grid-column:1/-1}
	.comment-list .children{margin-left:.4rem;padding-left:1rem}
	.c__date{margin-left:0;width:100%}
	.entry-content .alignleft,.entry-content .alignright{float:none;margin:1.2em 0;max-width:100%}
}
@media (max-width:420px){
	.card{grid-template-columns:minmax(0,1fr)}
	.card__thumb{grid-column:1;grid-row:auto;order:-1;margin:0 0 .8rem}
	.card__thumb img{max-width:100%;max-height:none;width:6.5rem}
}

@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}
}
@media print{
	.site-nav,.tools,.entry__read,.comments,.banner,.side,.reader,.entry__foot .linkbtn{display:none !important}
	body{background:#fff}
}
