/* Anterior e proximo no fim do post, e tempo de leitura no cabecalho. Prefixo gz-viz. Dentro da folha de papel. */
.gz-data .gz-pedra{display:inline-block;width:5.4px;height:5.4px;margin:0 9.9px 1px;transform:rotate(45deg);background:radial-gradient(circle at 35% 30%,#fff0c4,#d9982f 60%,#7a4a10);box-shadow:0 0 0 1px rgba(122,74,16,.55);vertical-align:middle}

.gz-vizinhos{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 28.8px;max-width:612px;margin:50.4px auto 0;padding-top:25.2px}
.gz-vizinhos[hidden]{display:none}
.gz-vizinhos::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(185,132,42,0),rgba(185,132,42,.85) 20%,rgba(185,132,42,.85) 80%,rgba(185,132,42,0))}
.gz-viz{position:relative;display:flex;align-items:center;gap:12.6px;min-width:0;min-height:57.6px;padding:5.4px 0;color:var(--gz-vinho-2);text-decoration:none}
.gz-viz.prox{grid-column:2;flex-direction:row-reverse;text-align:right}
.gz-viz-txt{display:grid;gap:5.4px;min-width:0}
.gz-viz-r{font:600 9.5px/1.3 var(--gz-rotulo);letter-spacing:.24em;text-transform:uppercase;color:var(--gz-vinho)}
.gz-viz-t{font:400 clamp(16.2px,2.2vw,18.9px)/1.2 var(--gz-titulo);-webkit-text-stroke:.014em currentColor;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gz-viz-seta{flex:none;display:block;width:39.6px;height:23.4px;background:url(../seta-ouro.svg) center/contain no-repeat;filter:drop-shadow(0 1px 1px rgba(60,30,8,.4));transition:transform .25s var(--gz-ease)}
.gz-viz.prox .gz-viz-seta{transform:scaleX(-1)}
a.gz-viz:focus-visible{outline:1.8px solid var(--gz-vinho);outline-offset:3.6px;border-radius:3.6px}
@media (hover:hover) and (pointer:fine){
a.gz-viz:hover .gz-viz-t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
a.gz-viz.ant:hover .gz-viz-seta{transform:translateX(-3.6px)}
a.gz-viz.prox:hover .gz-viz-seta{transform:scaleX(-1) translateX(-3.6px)}
}

/* so na proposta: exemplos sem link, apagados */
.gz-viz.sem-link{opacity:.5}
.gz-viz-ex{justify-self:start;padding:3.6px 7.2px 2.7px;border:1px dashed rgba(90,24,48,.7);border-radius:999px;font:600 7.2px/1 var(--gz-rotulo);letter-spacing:.24em;text-transform:uppercase;color:var(--gz-vinho-2)}
.gz-viz.prox .gz-viz-ex{justify-self:end}

@media (max-width:619.98px){
.gz-vizinhos{grid-template-columns:minmax(0,1fr);margin-top:39.6px}
.gz-viz.prox{grid-column:1}
}