/* Gazeta da Corte: estilos compartilhados (blog.html, post e atalho da home). Tudo com prefixo gz- para nao colidir com a home. */
.gz{--gz-ouro-3:#b8741c;--gz-ouro-4:#d9982f;--gz-ouro-5:#f2bf5e;--gz-ouro-6:#fdd88a;--gz-ouro-7:#fff0c4;--gz-vinho:#a8385f;--gz-vinho-2:#5a1830;--gz-tinta:#2b1c24;
--gz-texto:#f6ead2;--gz-meta:#fdd88a;--gz-script-cor:#fdd88a;
--gz-titulo:"Almendra Display",Georgia,serif;--gz-rotulo:"Trajan Pro 3",Cinzel,Georgia,serif;--gz-serif:"Cormorant Garamond",Georgia,serif;--gz-script:"Pinyon Script",cursive;--gz-ease:cubic-bezier(.2,.8,.2,1)}
.gz.gz-claro{--gz-texto:#2b1c24;--gz-meta:#8f4f12}
.gz *,.gz *::before,.gz *::after{box-sizing:border-box}
.gz-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* botao de ouro com relevo, rematado por dois losangos (mesma familia do "Fechar o livro" da galeria) */
.gz-pil{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:43.2px;padding:0 30.6px;border:0;border-radius:999px;white-space:nowrap;font:600 10.8px/1 var(--gz-rotulo);letter-spacing:.16em;text-indent:.16em;text-transform:uppercase;text-decoration:none;color:var(--gz-vinho-2);text-shadow:0 1px 0 rgba(255,240,196,.75);background:linear-gradient(180deg,#fff0c4,#f2bf5e 42%,#d9982f 76%,#b8741c);box-shadow:inset 0 0 0 1px #7a4a10,inset 0 0 0 2.7px rgba(255,240,196,.5),0 2.7px 6.3px rgba(0,0,0,.45);cursor:pointer;transition:transform .25s var(--gz-ease)}
.gz-pil::before,.gz-pil::after{content:"";position:absolute;top:50%;width:11.7px;height:16.2px;margin-top:-8.1px;background:url(../ap-gema-au.webp) center/contain no-repeat;filter:drop-shadow(0 1px 1px rgba(60,20,4,.45))}
.gz-pil::before{left:11.7px}.gz-pil::after{right:11.7px}
.gz-pil:hover{transform:scale(1.04)}
.gz-pil:active{transform:scale(.97)}
.gz-pil:focus-visible{outline:1.8px solid var(--gz-ouro-7);outline-offset:3.6px}

/* capa sem moldura: a arte ja vem emoldurada; so a foto impressa no papel, com sombra leve */
.gz-mold{position:relative;margin:0;aspect-ratio:16/9;border-radius:2.7px;overflow:hidden;background:#1a1016;box-shadow:0 0 0 1px rgba(60,30,8,.22),0 7.2px 18px rgba(0,0,0,.3),0 1.8px 3.6px rgba(0,0,0,.22);transition:transform .4s var(--gz-ease),box-shadow .4s var(--gz-ease)}
.gz-claro .gz-mold,.gz-folha .gz-mold{box-shadow:0 0 0 1px rgba(60,30,8,.2),0 7.2px 16.2px rgba(60,30,8,.22),0 1.8px 3.6px rgba(60,30,8,.2)}
.gz-miolo{position:absolute;inset:0;overflow:hidden}
.gz-miolo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--foco,50% 50%);display:block}

/* selo de exemplo: so para a proposta */
.gz-ex{position:absolute;left:10.8px;top:10.8px;z-index:3;padding:5.4px 9px 4.5px;border:1px dashed rgba(253,216,138,.85);border-radius:999px;background:rgba(90,24,48,.88);color:#fff0c4;font:600 8.1px/1 var(--gz-rotulo);letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;pointer-events:none}

/* data em lacre de cera */
.gz-selo{position:absolute;display:grid;place-content:center;justify-items:center;gap:1px;width:82.8px;aspect-ratio:1;background:url(../lacre-vazio.webp) center/contain no-repeat;filter:drop-shadow(0 3.6px 4.5px rgba(40,10,10,.5));color:#f8d891;text-shadow:0 -1px 0 rgba(0,0,0,.55),0 1px 0 rgba(255,214,150,.25);text-align:center;transform:rotate(-6deg)}
.gz-selo b{font:400 27px/.9 var(--gz-titulo)}
.gz-selo span{font:600 9px/1 var(--gz-rotulo);letter-spacing:.2em;text-indent:.2em;text-transform:uppercase}

.gz-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin:0;font:600 9.5px/1.4 var(--gz-rotulo);letter-spacing:.24em;text-transform:uppercase;color:var(--gz-meta)}
.gz-meta i{display:inline-block;width:4.5px;height:4.5px;margin:0 9.9px;transform:rotate(45deg);background:currentColor}
.gz-fio{display:block;width:min(135px,50%);aspect-ratio:1100/106;margin:12.6px 0;background:url(../ap-orn2-au.webp) center/100% 100% no-repeat}

/* cartoes */
.gz-card{position:relative;display:flex;flex-direction:column;gap:12.6px;text-align:center;min-width:0}
.gz-card-txt{display:grid;gap:8.1px;justify-items:center;padding:0 3.6px}
.gz-card h3{margin:0;font:400 clamp(18.9px,2.1vw,22.5px)/1.16 var(--gz-titulo);color:var(--gz-texto);-webkit-text-stroke:.014em currentColor;text-wrap:balance}
.gz-card h3 a{color:inherit;text-decoration:none}
.gz-card h3 a::after{content:"";position:absolute;inset:0;z-index:2;border-radius:9px}
.gz-card h3 a:focus-visible{outline:none}
.gz-card h3 a:focus-visible::after{outline:1.8px solid var(--gz-ouro-5);outline-offset:2.7px}
.gz-card .gz-sub{margin:0;font:italic 500 17.1px/1.35 var(--gz-serif);color:var(--gz-texto);opacity:.9}
@media (hover:hover) and (pointer:fine){
.gz-card:has(h3 a):hover .gz-mold{transform:translateY(-4.5px);box-shadow:0 0 0 1px rgba(60,30,8,.25),0 12.6px 25.2px rgba(0,0,0,.35)}
}
.gz-card.gz-grande h3{font-size:clamp(22.5px,3vw,30.6px)}

.gz-grade{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:34.2px 25.2px}
.gz-grade>li{flex:0 1 100%;max-width:396px;min-width:0}
@media (min-width:620px) and (max-width:959.98px){.gz-grade>li{flex-basis:calc((100% - 25.2px)/2);max-width:none}}
@media (min-width:960px){.gz-grade>li{flex-basis:calc((100% - 50.4px)/3);max-width:none}}

.gz-aviso{margin:0;text-align:center;font:italic 500 18px/1.4 var(--gz-serif);color:var(--gz-texto)}

/* folha de papel antigo, com friso no topo e no fim */
.gz-folha{position:relative;color:var(--gz-tinta);background:linear-gradient(rgba(240,228,196,.45),rgba(240,228,196,.45)),url(../papel-trapo.jpg) 0 0/270px #f4ecdc;border-radius:2.7px;box-shadow:inset 0 0 41.4px rgba(138,92,36,.3),inset 0 0 0 1px rgba(120,86,40,.3),0 19.8px 32.4px -12.6px rgba(0,0,0,.65)}
.gz-folha::before{content:"";position:absolute;inset:9px;border:1px solid rgba(185,132,42,.75);pointer-events:none}
.gz-orn{position:absolute;left:50%;width:min(225px,60%);aspect-ratio:1100/278;transform:translateX(-50%);background:url(../ap-orn1-au.webp) center/100% 100% no-repeat;filter:drop-shadow(0 2.7px 3.6px rgba(60,30,8,.35));pointer-events:none;z-index:2}
.gz-orn.topo{top:-24.3px}
.gz-orn.fim{bottom:-24.3px;transform:translateX(-50%) scaleY(-1)}
.gz-formato{margin:0;font:600 9.9px/1.3 var(--gz-rotulo);letter-spacing:.3em;text-transform:uppercase;color:var(--gz-vinho)}
.gz-folha h1,.gz-folha h2.gz-titulo{margin:0;font:400 clamp(23.4px,3.3vw,34.2px)/1.13 var(--gz-titulo);color:var(--gz-vinho-2);-webkit-text-stroke:.014em currentColor;text-wrap:balance}
.gz-artigo h1{font-family:var(--gz-serif);font-weight:600;line-height:1.15;letter-spacing:0;-webkit-text-stroke:0}
.gz-continue-bloco .gz-pil{min-height:45px;padding:0 32.4px;border-radius:0;border-style:solid;border-width:12.6px 23.4px;border-image:url(../box-cdb8-sim.webp) 60 110 fill / 12.6px 23.4px stretch;background:none;box-shadow:none;text-shadow:none;color:#4a0f1f;font-size:9.5px;letter-spacing:.18em;text-indent:.18em;filter:drop-shadow(0 2.7px 4.5px rgba(0,0,0,.3))}
.gz-continue-bloco .gz-pil::before,.gz-continue-bloco .gz-pil::after{content:none}
.gz-continue-bloco .gz-pil:hover{transform:translateY(-1.8px)}
.gz-folha .gz-sub{margin:0;font:italic 500 clamp(17.1px,1.9vw,19.8px)/1.38 var(--gz-serif);color:#6b4457}

/* destaque */
.gz-destaque{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32.4px;align-items:center}
.gz-destaque>.gz-capa{position:relative;z-index:1;display:block;color:inherit;text-decoration:none}
.gz-destaque .gz-folha{z-index:2;margin-left:0;padding:50.4px 39.6px 39.6px 50.4px}
.gz-destaque .gz-folha .gz-selo{top:-27px;right:21.6px}
.gz-destaque .gz-formato{padding-right:86.4px}
.gz-destaque h2.gz-titulo{margin-top:14.4px}
.gz-destaque .gz-pil{margin-top:7.2px}
@media (hover:hover) and (pointer:fine){.gz-destaque>a.gz-capa:hover .gz-mold{transform:translateY(-3.6px);box-shadow:0 0 0 1px rgba(60,30,8,.25),0 12.6px 25.2px rgba(0,0,0,.35)}}
@media (max-width:819.98px){
.gz-destaque{grid-template-columns:minmax(0,1fr);gap:0}
.gz-destaque .gz-folha{margin:16.2px 0 0;padding:46.8px 21.6px 30.6px}
.gz-destaque .gz-folha .gz-selo{top:-30.6px;right:16.2px;width:75.6px}
.gz-destaque .gz-formato{padding-right:75.6px}
}

/* voltar e rodape de leitura */
.gz-voltar{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#f6ead2;text-decoration:none;font:600 9.9px/1 var(--gz-rotulo);letter-spacing:.24em;text-transform:uppercase;text-shadow:0 1.8px 7.2px rgba(0,0,0,.6)}
.gz-voltar .gz-seta{display:block;width:55.8px;height:30.6px;background:url(../seta-ouro.svg) center/contain no-repeat;filter:drop-shadow(0 2.7px 3.6px rgba(0,0,0,.55));transition:transform .25s var(--gz-ease)}
.gz-voltar:hover .gz-seta{transform:translateX(-3.6px)}
.gz-voltar:hover{color:#fff0c4}
.gz-voltar:focus-visible{outline:1.8px solid var(--gz-ouro-5);outline-offset:1.8px;border-radius:7.2px}

/* atalho na home */
.gz-atalho-corpo{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:30.6px 36px;align-items:start;max-width:907.2px;margin:0 auto}
.gz-atalho-corpo{grid-template-rows:1fr auto auto 1fr}
.gz-atalho-corpo>.gz-card:first-child{grid-row:1/5;grid-column:1}
.gz-atalho-corpo>.gz-mini:nth-child(2){grid-row:2;grid-column:2}
.gz-atalho-corpo>.gz-mini:nth-child(3){grid-row:3;grid-column:2}
.gz-atalho-corpo .gz-mini{flex-direction:row;align-items:center;gap:16.2px;text-align:left}
.gz-atalho-corpo .gz-mini .gz-mold{flex:0 0 46%}
.gz-atalho-corpo .gz-mini .gz-card-txt{justify-items:start;padding:0}
.gz-atalho-corpo .gz-mini .gz-meta{justify-content:flex-start}
.gz-atalho-corpo .gz-mini h3{font-size:clamp(17.1px,1.9vw,20.7px)}
.gz-atalho-mais{margin:39.6px 0 0;text-align:center}
@media (max-width:759.98px){
.gz-atalho-corpo{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:19.8px}
.gz-atalho-corpo>.gz-card:first-child,.gz-atalho-corpo>.gz-mini:nth-child(2),.gz-atalho-corpo>.gz-mini:nth-child(3){grid-row:auto;grid-column:auto}
.gz-atalho-corpo>.gz-card:first-child{margin-bottom:10.8px}
.gz-atalho-corpo .gz-mini{gap:12.6px}
.gz-atalho-corpo .gz-mini .gz-mold{flex:0 0 42%}
.gz-atalho-corpo .gz-mini h3{font-size:16.2px}
}

@media (prefers-reduced-motion:reduce){.gz *,.gz *::before,.gz *::after{transition:none!important;animation:none!important}}
.gz-folha .gz-titulo a{color:inherit;text-decoration:none}
.gz-folha .gz-titulo a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.gz-folha .gz-orn{z-index:1}.gz-folha .gz-selo{z-index:2}
.gz-atalho-corpo:has(> .gz-card:only-child){grid-template-columns:minmax(0,576px);grid-template-rows:none;justify-content:center}
