@font-face{font-family:Fraunces;src:url(../assets/fonts/Fraunces-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Fraunces;src:url(../assets/fonts/Fraunces-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
:root{--bg:#FDFBF7;--card:#F5EFE3;--linho:#DDD1BE;--areia:#CDBCA4;--text:#35322F;--link:#74415B;--hover:#951822;--pedra:#B8A893;--hh:84px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:400 1.0625rem/1.6 Fraunces,Georgia,serif;font-optical-sizing:auto}
a{color:var(--link);text-decoration:none}
a:hover,a:active{color:var(--hover)}
:focus-visible{outline:2px solid var(--hover);outline-offset:3px}
img{display:block;max-width:100%}
ul{list-style:none;margin:0;padding:0}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--bg);padding:.5rem;z-index:50}
.wrap{max-width:1180px;margin:0 auto;padding:0 1.25rem}
.btn{display:inline-block;background:var(--link);color:var(--bg);padding:.6rem 1.3rem;border:0;border-radius:3px;font:inherit;cursor:pointer}
.btn:hover,.btn:active{background:var(--hover);color:var(--bg)}
.top{position:sticky;top:0;z-index:30}
.langbar{background:var(--areia);text-align:right;font-size:.82rem;padding:.3rem 1.5rem}
.langbar a,.langbar b{margin-left:.5rem}.langbar b{font-weight:600}
.site-header{position:relative;height:var(--hh);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 2rem;transition:background .2s}
.site-header.solid{background:var(--bg);box-shadow:0 1px 0 var(--linho)}
.logo img{height:30px;width:auto}
.dnav{display:flex;align-items:center;gap:1.7rem}
.dnav.r{justify-self:end}
.dnav a,.mais>button{font-size:1.05rem}
.mais{position:relative}
.mais>button{display:inline-flex;align-items:center;background:none;border:0;padding:0;color:var(--link);font-family:inherit;cursor:pointer}
.mais>button:hover{color:var(--hover)}
.chev{margin-left:.35rem;transition:transform .2s}
.mais>button[aria-expanded=true] .chev{transform:rotate(180deg)}
.mais ul{position:absolute;right:0;top:2.1rem;min-width:11rem;background:var(--bg);border:1px solid var(--linho);padding:.5rem 0;display:none}
.mais ul.open{display:block}
.mais li a{display:block;padding:.4rem 1.1rem}
.lupa{display:inline-flex}
.burger,.msearch{display:none}
.panel{display:none;position:absolute;top:var(--hh);left:0;right:0;background:var(--bg);border-bottom:1px solid var(--linho);padding:.75rem 2rem}
.panel.open{display:block}.panel a{display:block;padding:.5rem 0;font-size:1.1rem}
.hero{margin-top:calc(var(--hh)*-1);height:clamp(300px,21vw,400px);background:var(--card)}
.hero img{width:100%;height:100%;object-fit:cover;object-position:50% 82%}
.cta{display:block;text-align:center;font-size:1.3rem;padding:1.1rem 1rem;margin:2.25rem 0 1.5rem}
.cards4,.cards3{display:grid;gap:1.1rem}
.cards4{grid-template-columns:repeat(4,1fr)}
.cards3{grid-template-columns:repeat(3,1fr);margin-top:1.1rem}
.card{position:relative;display:block;overflow:hidden;background:var(--card);aspect-ratio:1}
.cards3 .card{aspect-ratio:4/3}
.card img{width:100%;height:100%;object-fit:cover}
.card .nm{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(farthest-corner at 50% 50%,color-mix(in srgb,color-mix(in srgb,var(--sec) 85%,#000) 80%,transparent) 0%,color-mix(in srgb,color-mix(in srgb,var(--sec) 85%,#000) 80%,transparent) 15%,color-mix(in srgb,color-mix(in srgb,var(--sec) 20%,#000) 85%,transparent) 100%);color:var(--paper);font-size:1.7rem;opacity:0;transition:opacity .25s}
.card{--sec:#35322F;--paper:#F5EFE3}
.card[data-s=acervo]{--sec:#996515}.card[data-s=blog]{--sec:#7D443A}.card[data-s=herb]{--sec:#77825D}.card[data-s=pub]{--sec:#556A82}
.card[data-s=down]{--sec:#951822}.card[data-s=play]{--sec:#5A4B3E}.card[data-s=dig]{--sec:#5E2751}
.card:hover .nm,.card:focus-visible .nm{opacity:1}
.card:hover,.card:active{color:var(--paper)}
@media (hover:none){.card .nm{opacity:1}}
.divider{display:flex;align-items:baseline;gap:1rem;margin:3.2rem 0 1.2rem}
.divider::before{content:"";flex:1;border-bottom:2px dotted var(--text)}
.divider>*{order:2;margin:0;font-weight:400;font-size:1.7rem;color:var(--c)}
.latest{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.latest li{background:var(--card);padding:1.1rem 1.3rem}
.latest small{display:block;font-size:.88rem;margin-bottom:.25rem}
.latest a{font-size:1.2rem;line-height:1.3}
.latest a:hover{text-decoration:underline}
.site-footer{background:var(--areia);margin-top:4rem;padding:2.6rem 0 1.8rem;font-size:.95rem}
.site-footer h2{font-size:1.08rem;font-weight:600;margin:0 0 .7rem}
.follow{text-align:center}
.follow ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1.1rem;margin-bottom:2rem}
.follow a{display:grid;justify-items:center;gap:.25rem;font-size:.8rem}
.ico{width:40px;height:40px;border-radius:50%;background:var(--bg);display:grid;place-items:center;font-size:.85rem;font-weight:600}
.ico svg{width:20px;height:20px;fill:currentColor}
.fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.fgrid li{margin-bottom:.35rem}
.fgrid input{width:100%;padding:.6rem .7rem;border:1px solid var(--pedra);background:var(--bg);font:inherit;color:var(--text);margin-bottom:.6rem}
.fgrid .btn{width:100%}
.anti{border:1px dashed var(--pedra);padding:.4rem .6rem;font-size:.82rem;margin:.6rem 0}
.fine{font-size:.82rem;line-height:1.45}
.fine a{text-decoration:underline}
.support,.legal{text-align:center;border-top:1px solid var(--pedra);margin-top:2rem;padding-top:1.5rem}
.support .btn{margin:0 .3rem}
.legal{font-size:.85rem;padding-top:1.2rem}
@media (max-width:1099px){
:root{--hh:128px}
.dnav{display:none}
.site-header{grid-template-columns:3rem 1fr 3rem;grid-template-rows:76px auto;align-content:start;padding:0 1rem}
.logo{justify-self:center}.logo img{height:26px}
.burger{display:inline-flex;background:none;border:0;padding:.5rem;color:var(--link);cursor:pointer}
.burger.r{justify-self:end}
.msearch{display:flex;grid-column:1/-1;gap:.5rem;padding-bottom:.6rem}
.msearch input{flex:1;padding:.5rem .7rem;border:1px solid var(--pedra);background:var(--bg);font:inherit;color:var(--text)}
.hero img{object-position:35% 82%}
}
@media (max-width:899px){.cards4{grid-template-columns:repeat(2,1fr)}.cards3,.latest{grid-template-columns:1fr}.fgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:559px){.fgrid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.pagehead{text-align:center;margin:0 auto 2rem;max-width:46rem}
.pagehead h1{font-weight:400;font-size:2.1rem;margin:.2rem 0 .4rem}
.pagehead p{margin:.3rem 0 0}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;align-items:start}
.bcard{background:var(--card)}
.bcard[hidden]{display:none}
.bcard .cv{position:relative;aspect-ratio:4/3}
.bcard .cv img{width:100%;height:100%;object-fit:cover}
.selo{display:inline-block;background:var(--linho);padding:.22rem .9rem;font-size:.9rem;line-height:1.4;transform:rotate(-1.5deg);box-shadow:0 1px 2px rgba(53,50,47,.25)}
.bcard .selo{position:absolute;left:.9rem;bottom:-.8rem;z-index:1}
.bcard .tx{padding:1.5rem 1.25rem 1.3rem}
.bcard h2{font-size:1.35rem;line-height:1.25;margin:0 0 .3rem;font-weight:500}
.bcard small{display:block;font-size:.88rem;margin-bottom:.5rem}
.bcard p{margin:0;font-size:.95rem}
.more{display:block;margin:2rem auto 0}
.pcover{position:relative;margin:0 0 .5rem;padding:1.5rem 1rem;overflow:hidden;background:var(--card)}
.pcover .bgb{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(22px);opacity:.6}
.pcover img{position:relative;display:block;max-width:min(100%,860px);max-height:70vh;width:auto;margin:0 auto;border:6px solid var(--bg)}
.cap{text-align:center;font-size:.85rem;margin:.4rem 0 1.4rem}
.ptitle{text-align:center;font-weight:400;font-size:2.2rem;line-height:1.2;margin:.6rem 0 .6rem}
.pmeta{max-width:46rem;margin:0 auto 1.6rem;font-size:.95rem}
.pmeta .selo{margin-right:.7rem}
.prose{max-width:46rem;margin:0 auto;text-align:justify;hyphens:auto}
.prose p{margin:0 0 1.1rem}
.prose a{text-decoration:underline}
.orig,.src{max-width:46rem;margin:2rem auto 0}
.orig{display:flex;gap:1rem;align-items:center}
.orig img{width:154px;height:auto;flex:none;border:3px solid var(--card)}
.orig figcaption{font-size:.85rem}
.src{border-top:1px solid var(--pedra);padding-top:1rem}
.src summary{cursor:pointer;color:var(--link)}
@media (max-width:899px){.bgrid{grid-template-columns:repeat(2,1fr)}.ptitle{font-size:1.8rem}}
@media (max-width:599px){.bgrid{grid-template-columns:1fr}}
.endblock{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--pedra)}
.endblock h2{font-size:1.1rem;font-weight:600;margin:0 0 .7rem}
.auth{display:flex;flex-direction:column;gap:.8rem}
.avatar{width:96px;height:96px;border-radius:50%;object-fit:cover}
.auth p{margin:.3rem 0 0;font-size:.95rem}
.cloud p{line-height:2;text-align:center}
.cloud a{margin:0 .35rem;white-space:nowrap}
.cmt input,.cmt textarea{display:block;width:100%;padding:.55rem .7rem;margin-bottom:.55rem;border:1px solid var(--pedra);background:var(--bg);font:inherit;color:var(--text)}
@media (max-width:899px){.endblock{grid-template-columns:1fr}.orig{flex-direction:column;align-items:flex-start}}
