/* Blog proposta 2: todo post e uma folha de papel no idioma da folha aprovada. Prefixo v2-. Carrega depois de blog.css. */
.gz-pagina{max-width:1080px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 104px) max(20px,env(safe-area-inset-right)) 96px max(20px,env(safe-area-inset-left))}
.gz-topo{text-align:left;margin-bottom:72px}
.gz-topo small{display:block;font:400 clamp(28px,4vw,38px)/1 var(--gz-script);color:var(--gz-script-cor)}
.gz-topo h1{margin:4px 0 0;font:400 clamp(40px,7vw,68px)/1.05 var(--gz-titulo);color:#fff1dc;-webkit-text-stroke:.014em currentColor;text-shadow:0 3px 0 rgba(0,0,0,.35),0 0 24px rgba(0,0,0,.4);text-wrap:balance}
.gz-topo p{max-width:30em;margin:14px 0 0;font:italic 500 clamp(19px,2.3vw,22px)/1.45 var(--gz-serif);color:#e9dcc0}

/* folha do destaque: capa colada a esquerda, texto aprovado a direita */
.v2-destaque{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,11fr) minmax(0,9fr);gap:44px;align-items:center;padding:64px 52px 52px}
.v2-destaque .gz-orn.topo{top:-27px}
.v2-destaque .gz-selo{top:-32px;right:26px}
.v2-destaque .v2-capa{display:block;color:inherit;text-decoration:none}
.v2-destaque .gz-mold{box-shadow:0 6px 14px rgba(60,30,8,.35),0 1px 3px rgba(60,30,8,.3)}
.v2-texto{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.v2-texto .gz-formato{padding-right:0}
.v2-texto h2.gz-titulo{margin-top:16px}
.v2-texto .gz-pil{margin-top:8px}
.v2-destaque{margin-top:40px}

/* rotulo discreto da grade */
.v2-rotulo{display:flex;align-items:center;gap:16px;margin:92px 0 48px;font:600 12px/1.2 var(--gz-rotulo);letter-spacing:.3em;text-transform:uppercase;color:var(--gz-ouro-5)}
.v2-rotulo::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(242,191,94,.7),rgba(242,191,94,0))}

/* grade de folhas menores */
.v2-grade{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 28px}
.v2-grade>li{min-width:0;display:flex}
.v2-card{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;padding:26px 24px 24px;transition:transform .35s var(--gz-ease),box-shadow .35s var(--gz-ease)}
.v2-card .gz-selo{top:-18px;right:14px;width:68px;transform:rotate(-6deg);z-index:3}
.v2-card .gz-selo b{font-size:22px}
.v2-card .gz-selo span{font-size:8px}
.v2-card .gz-mold{box-shadow:0 5px 12px rgba(60,30,8,.32),0 1px 3px rgba(60,30,8,.28)}
.v2-card .gz-formato{margin-top:18px;font-size:10px}
.v2-card h3{margin:8px 0 0;font:400 clamp(21px,2vw,25px)/1.16 var(--gz-titulo);color:var(--gz-vinho-2);-webkit-text-stroke:.014em currentColor;text-wrap:balance}
.v2-resumo{margin:10px 0 0;font:italic 500 18px/1.38 var(--gz-serif);color:#6b4457;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v2-ler{position:relative;margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:10px;min-height:44px;align-self:flex-start;font:600 10.5px/1 var(--gz-rotulo);letter-spacing:.22em;text-transform:uppercase;color:var(--gz-vinho-2);text-decoration:none}
.v2-ler::before{content:"";position:absolute;inset:0;z-index:2}
.v2-ler i{display:block;width:34px;height:20px;background:url(../seta-ouro.svg) center/contain no-repeat;transform:scaleX(-1);filter:drop-shadow(0 1px 1px rgba(60,30,8,.4));transition:transform .25s var(--gz-ease)}
.v2-ler:focus-visible{outline:none}
.v2-ler:focus-visible::before{outline:2px solid var(--gz-vinho);outline-offset:2px}

@media (hover:hover) and (pointer:fine){
.v2-card:hover{transform:translateY(-4px);box-shadow:inset 0 0 46px rgba(138,92,36,.3),inset 0 0 0 1px rgba(120,86,40,.3),0 30px 40px -14px rgba(0,0,0,.7)}
.v2-card:hover .v2-ler i{transform:scaleX(-1) translateX(-4px)}
}

@media (max-width:959.98px){
.v2-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
.v2-destaque{gap:32px;padding:60px 36px 40px}
}
@media (max-width:759.98px){
.v2-destaque{grid-template-columns:minmax(0,1fr);gap:22px;padding:56px 22px 34px}
.v2-destaque .gz-selo{top:-34px;right:16px;width:84px}
.v2-texto .gz-pil{align-self:flex-start}
}
@media (max-width:619.98px){
.v2-grade{grid-template-columns:minmax(0,1fr);gap:44px}
.gz-topo{margin-bottom:56px}
}

/* cabecalho: titulo a esquerda, filtro por assunto a direita, fio de ouro com pedra fechando a faixa */
.v2-topo{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px 28px;flex-wrap:wrap;padding-bottom:30px;margin-bottom:64px}
.v2-topo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(242,191,94,.85),rgba(242,191,94,.35) 60%,rgba(242,191,94,0))}
.v2-topo::before{content:"";position:absolute;left:0;bottom:-7px;width:15px;height:15px;transform:rotate(45deg);background:radial-gradient(circle at 35% 30%,#ffd1ec,#e0368f 45%,#7a0f45 80%);box-shadow:0 0 0 2px #d9982f,0 0 0 3px #7a4a10,0 2px 6px rgba(0,0,0,.5);z-index:1}
.v2-topo .v2-topo-txt{min-width:0}
.v2-topo small{margin-left:4px}
.v2-topo h1{font-size:clamp(56px,9vw,104px);line-height:.95;margin-top:-6px}
.v2-topo p{margin-top:16px;max-width:21em}
.v2-filtro{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-bottom:4px}
.v2-filtro[hidden]{display:none}
.v2-chip{min-height:44px;padding:0 17px;border:0;border-radius:999px;background:rgba(8,26,21,.55);box-shadow:inset 0 0 0 1px rgba(242,191,94,.6),inset 0 0 0 3px rgba(8,26,21,.6),inset 0 0 0 4px rgba(242,191,94,.18);color:#f2d79a;font:600 11px/1 var(--gz-rotulo);letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s var(--gz-ease)}
.v2-chip[aria-pressed="true"]{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 3px rgba(255,240,196,.5),0 3px 7px rgba(0,0,0,.45)}
@media (hover:hover) and (pointer:fine){.v2-chip:not([aria-pressed="true"]):hover{background:rgba(242,191,94,.14);transform:translateY(-1px)}}
.v2-chip:focus-visible{outline:2px solid #fff0c4;outline-offset:3px}
@media (max-width:759.98px){
.v2-topo{flex-direction:column;align-items:flex-start;margin-bottom:52px}
.v2-filtro{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;max-width:100%;margin:0 -20px;padding:4px 20px 8px;scrollbar-width:none}
.v2-filtro::-webkit-scrollbar{display:none}
.v2-chip{flex:none}
}

/* selo "novo": fitinha vinho com rabo de andorinha, presa a borda esquerda da capa; desce abaixo do selo "exemplo" quando os dois existem */
.gz-novo{position:absolute;left:0;top:14px;z-index:3;padding:8px 20px 7px 14px;background:linear-gradient(180deg,#7a1f40,#5a1830);color:#fdd88a;font:600 10px/1 var(--gz-rotulo);letter-spacing:.26em;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.45);clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%);box-shadow:inset 0 -2px 0 rgba(242,191,94,.55),inset 0 2px 0 rgba(242,191,94,.55);pointer-events:none}
.gz-novo.com-ex{top:46px}

/* rotulo do assunto com tempo de leitura, separado por uma pedra de ouro */
.gz-formato.v2-rot{display:flex;flex-wrap:wrap;align-items:center;row-gap:4px}
.v2-card .gz-formato.v2-rot{letter-spacing:.22em}
.v2-pedra{display:inline-block;width:6px;height:6px;margin:0 11px;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);flex:none}

/* ver mais posts */
.v2-mais{display:flex;justify-content:center;margin:56px 0 0}
.v2-mais[hidden]{display:none}
.v2-mais .gz-pil{min-height:48px}
.v2-card:focus{outline:none}
.v2-card:focus-visible{outline:2px solid var(--gz-vinho);outline-offset:4px}