/* central-texto.css — página de um texto da Central do Lojista, direção B
   "Ficha de balcão" (a ficha aberta). Gerada por
   scripts/gerar-paginas-blog.js em central-do-lojista/<slug>.html.
   Carregado depois de base.css e central.css (que traz bolinha, régua,
   faixa e botões). */

.faixa-texto .faixa-in{padding-bottom:0;grid-template-columns:minmax(0,1fr)}
.voltar{justify-self:start;display:inline-flex;align-items:center;min-height:44px;color:var(--papel);font-size:.9rem;text-underline-offset:.25em;text-decoration-color:var(--ouro)}
.voltar:hover{color:var(--ouro-claro)}
.faixa-texto .cat{--vao:var(--marinho-900);color:var(--papel)}
.faixa-texto .cat .bola{--c:var(--cc)}
.faixa-texto h1{font-size:clamp(2.1rem,5.2vw,3.7rem);line-height:1.04;max-width:20ch;text-wrap:balance}
.assina{display:flex;flex-wrap:wrap;gap:.35rem 2.2rem;font-size:.86rem;color:#C9D2DD;padding:.4rem 0 1.6rem}
.assina div{display:flex;flex-direction:column}
.assina dt{font-size:.75rem;color:#AEB9C7}
.assina dd{color:var(--papel)}
.faixa-texto .regua{--c:var(--cc);margin-top:.4rem}

.ficha-aberta{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;padding:2rem 0 clamp(3rem,7vw,5rem)}
@media(min-width:900px){
  .ficha-aberta{grid-template-columns:19.5rem minmax(0,40rem);gap:clamp(2.5rem,5vw,4.5rem);padding-top:3rem}
  /* texto sem pontos para a coluna lateral: só o corpo, na mesma medida */
  .ficha-aberta.sem-lateral{grid-template-columns:minmax(0,40rem)}
}
/* coluna "O que fazer": fixa ao lado no computador; no celular é um bloco
   antes do corpo (vem antes no HTML) */
.lateral{align-self:start;background:var(--ficha);border:1px solid var(--borda);border-radius:4px;--vao:var(--ficha)}
@media(min-width:900px){.lateral{position:sticky;top:calc(var(--topo) + 1.5rem)}}
.lateral .regua{border-radius:4px 4px 0 0}
.lateral-in{padding:1.2rem 1.3rem 1.4rem}
.lateral h2{font-family:var(--serif);font-weight:500;font-variation-settings:"opsz" 36;font-size:1.4rem;color:var(--marinho-800);line-height:1.2;margin-bottom:.9rem}
.checa{list-style:none}
.checa li{border-top:1px solid var(--borda)}
.checa label{display:grid;grid-template-columns:1.4rem minmax(0,1fr);gap:.7rem;align-items:start;padding:.75rem 0;cursor:pointer;font-size:.95rem;line-height:1.45}
.checa input{width:1.15rem;height:1.15rem;margin-top:.15rem;accent-color:var(--marinho-800);cursor:pointer}
.checa input:checked + span{color:var(--suave)}

.corpo{font-size:1.125rem;line-height:1.75;color:var(--tinta);min-width:0}
.corpo > p{margin-top:1.1em;text-wrap:pretty}
.corpo > p:first-child{margin-top:0;font-size:1.22rem;line-height:1.65;color:var(--marinho-800)}
.corpo h2{display:flex;align-items:baseline;gap:.8rem;margin-top:2.4rem;font-family:var(--serif);font-weight:500;font-variation-settings:"opsz" 36;font-size:1.5rem;line-height:1.25;letter-spacing:-.01em;color:var(--marinho-800)}
.corpo h2 .n{flex:none;display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;transform:translateY(-.15rem);border-radius:4px;background:var(--marinho-800);color:var(--papel);font-family:var(--sans);font-size:.9rem;font-weight:600}
.corpo h3{margin-top:1.8rem;font-family:var(--serif);font-weight:500;font-size:1.25rem;line-height:1.3;color:var(--marinho-800)}
.corpo ul,.corpo ol{margin:1.1em 0 0 1.4rem}
.corpo li{margin-top:.45em;padding-left:.2rem}
.corpo li::marker{color:var(--marinho-800);font-weight:600}
.corpo strong{font-weight:600}
.corpo p a,.corpo li a{color:var(--marinho-800);text-underline-offset:.2em;text-decoration-color:var(--ouro)}
.corpo blockquote{border-left:3px solid var(--ouro-escuro);padding:.3rem 0 .3rem 1.2rem;margin:1.4rem 0;color:var(--suave);font-style:italic}
.corpo img{max-width:100%;border-radius:4px;margin:1.4rem 0}
.corpo .capa{width:100%;max-height:26rem;object-fit:cover;margin:0 0 1.6rem}

/* formatação vinda do editor Quill (mesmas classes de blog-post.css) */
.corpo .ql-size-small{font-size:.75em}
.corpo .ql-size-large{font-size:1.5em}
.corpo .ql-size-huge{font-size:2.2em}
.corpo .ql-textstyle-elegante{font-family:var(--serif);font-style:italic}
.corpo .ql-textstyle-destaque{font-family:var(--serif);font-weight:700}
.corpo .ql-highlight-ouro{background:var(--ouro);color:var(--tinta);padding:.05em .15em;border-radius:3px}
.corpo .ql-highlight-ouroescuro{background:var(--ouro-escuro);color:var(--papel);padding:.05em .15em;border-radius:3px}
.corpo .ql-highlight-marinho{background:var(--marinho-700);color:var(--papel);padding:.05em .15em;border-radius:3px}

.galeria{margin-top:2.4rem}
.galeria-titulo{font-size:.8125rem;font-weight:600;margin-bottom:.8rem}
.galeria-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}
.galeria-grade img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;margin:0}

.convite{margin-top:3rem;background:var(--marinho-900);color:#C9D2DD;border-radius:4px;overflow:hidden}
.convite-in{padding:1.6rem 1.5rem 1.8rem}
@media(min-width:600px){.convite-in{padding:2rem 2.2rem 2.2rem}}
.convite h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,3vw,1.75rem);line-height:1.25;color:var(--papel);max-width:26ch;margin:0;display:block}
.convite .acoes{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}
.convite .regua{--c:var(--ouro)}

.outras{margin-top:2.6rem}
.outras h2{margin-top:0;font-family:var(--serif);font-weight:500;font-size:1.15rem;color:var(--marinho-800);margin-bottom:.4rem}
.outras ul{list-style:none;margin:0}
.outras li{border-top:1px solid var(--borda);margin:0;padding:0}
.outras a{display:flex;align-items:center;gap:.9rem;padding:.85rem 0;min-height:48px;color:var(--marinho-800);text-decoration:none;line-height:1.35;--vao:var(--papel)}
.outras a:hover span:last-child{text-decoration:underline;text-decoration-color:var(--ouro);text-underline-offset:.2em}