/* Tema Sumario (premium, 4a onda): livraria como um jornal literario - papel creme, tinta quase preta, vinho,
   Playfair Display nos titulos e Lora no texto, sem cantos nem sombras. Topo da familia "revista" (logotipo no centro com a
   linha da edicao), capas de livro em pe nos cartoes, titulos de secao centralizados entre fios e rodape-colofao.
   Carregado depois do CSS do Vitrine e do premium.css. */

.tema-sumario { --su-tinta: var(--titulos, #1f1b16); --su-vinho: #8c2f39; --su-papel: #f6f1e7; --su-papel2: #efe8dc; --su-fio: #d8cfc0; --su-cinza: #7a7064; }
body.tema-sumario { background: var(--su-papel); }

/* ---------- topo (familia revista) */
.su-topo .vt-aviso { background: var(--su-papel); border-bottom: 1px solid var(--su-fio); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; }
.su-topo .vt-aviso a, .su-topo .vt-aviso span { color: var(--su-cinza) !important; }
.su-topo .vt-marca img { width: auto; height: var(--logo-altura, 56px); max-width: 300px; border: 0; border-radius: 0; background: none; object-fit: contain; }
.su-topo .vt-acao { padding: 8px; }
.su-topo .vt-acao:hover { background: transparent; color: var(--su-vinho) !important; }
.su-topo .vt-sacola .counter { background: var(--su-vinho); }
body.vitrine .su-topo .vt-busca input { height: 38px; padding: 0 40px 0 2px; border: 0; border-bottom: 1px solid var(--su-tinta); border-radius: 0; background: transparent; font-family: var(--fonte), serif; font-style: italic; font-size: 14px; }
body.vitrine .su-topo .vt-busca input:focus { box-shadow: none; }
body.vitrine .su-topo .vt-busca button { width: 36px !important; height: 36px; padding: 0; background: transparent !important; color: var(--su-tinta) !important; }
@media (min-width: 992px) {
	.su-topo .vt-barra .container { display: grid; grid-template-columns: 1fr auto 1fr; grid-template-areas: "busca marca acoes" "edicao edicao edicao"; row-gap: 14px; min-height: 0; padding-top: 26px; padding-bottom: 0; }
	.su-topo .vt-marca { grid-area: marca; justify-self: center; }
	body.vitrine .su-topo .vt-busca { grid-area: busca; justify-self: start; width: 230px; margin: 0; }
	.su-topo .vt-acoes { grid-area: acoes; justify-self: end; }
	.su-edicao { grid-area: edicao; display: flex; justify-content: space-between; margin: 0; padding: 7px 0; border-top: 3px double var(--su-tinta); border-bottom: 1px solid var(--su-tinta); font-size: 11.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--su-tinta); }
	.su-topo .vt-menu { border: 0; }
	.su-topo .vt-menu .container { justify-content: center; gap: 6px; min-height: 50px; border-bottom: 1px solid var(--su-fio); }
	.su-topo .vt-menu a { padding: 6px 14px; border-radius: 0; font-family: var(--fonte-titulos), serif; font-variant: small-caps; font-size: 16.5px; letter-spacing: .06em; color: var(--su-tinta) !important; }
	.su-topo .vt-menu a:hover { background: transparent; color: var(--su-vinho) !important; text-decoration: underline !important; text-underline-offset: 6px; text-decoration-thickness: 1px !important; }
}

/* ---------- titulos de secao: centralizados, em italico, entre fios */
.tema-sumario .vt-secao-cab { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-bottom: 30px; text-align: center; }
.tema-sumario .vt-secao-cab h2 { display: flex; align-items: center; gap: 22px; width: 100%; margin: 0; font-size: 34px; font-style: italic; font-weight: 500 !important; color: var(--su-tinta); }
.tema-sumario .vt-secao-cab h2::before, .tema-sumario .vt-secao-cab h2::after { content: ""; flex: 1; height: 1px; background: var(--su-fio); }
.tema-sumario .vt-secao-cab a { color: var(--su-vinho) !important; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; }

/* ---------- cartao: a capa em pe com sombra de livro, sem moldura; autor em italico; sem botao */
.tema-sumario .vt-card { border: 0; border-radius: 0; background: transparent; box-shadow: none !important; }
.tema-sumario .vt-card-img { aspect-ratio: 4 / 5; border-radius: 0; background: var(--su-papel2); }
.tema-sumario .vt-card-img img { object-fit: cover; transition: transform .45s ease; }
.tema-sumario .vt-card:hover .vt-card-img img { transform: translateY(-6px) rotate(-1deg); }
.tema-sumario .vt-card-info { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 14px 6px 0; text-align: center; }
.tema-sumario .vt-card-nome { order: 1; font-family: var(--fonte-titulos), serif; font-size: 17px; font-weight: 600; line-height: 1.25; color: var(--su-tinta); }
.tema-sumario .ppc-marca { order: 2; margin: 0; font-family: var(--fonte), serif; font-size: 13.5px; font-style: italic; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--su-cinza); }
.tema-sumario .vt-card-nota { order: 3; }
.tema-sumario .vt-card-preco { order: 4; justify-content: center; margin-top: 6px; }
.tema-sumario .vt-card-preco strong { font-size: 16px; font-weight: 700; color: var(--su-vinho); }
.tema-sumario .ppc-parc { order: 5; font-size: 12px; color: var(--su-cinza); }
.tema-sumario .vt-card-botao { display: none; }
.tema-sumario .ppc .ppc-ver { border-radius: 0; background: var(--su-tinta); color: var(--su-papel); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
.tema-sumario .vt-selo { border-radius: 0; background: var(--su-vinho); font-family: var(--fonte-titulos), serif; font-style: italic; }

/* ---------- abertura: a leitura do mes como a capa de uma revista */
.tema-sumario .hdl-it { gap: 64px; }
body.vitrine.tema-sumario .hdl-it-img, body.vitrine.tema-sumario .hdl-it-img img, body.vitrine.tema-sumario .hdl-hero, body.vitrine.tema-sumario .vt-blog img { border-radius: 0 !important; }
.tema-sumario .hdl-it-img img { box-shadow: 18px 18px 0 var(--su-papel2); }
.tema-sumario .hdl-it-chamada { color: var(--su-vinho); font-size: 13px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
body.vitrine.tema-sumario .hdl-it h2 { font-size: clamp(38px, 5vw, 64px); font-weight: 500; font-style: italic; line-height: 1.02; letter-spacing: -.01em; }
.tema-sumario .hdl-it-txt p { font-size: 17px; line-height: 1.75; color: #4a4239; }
.tema-sumario .hdl-it-txt p + p { padding-left: 18px; border-left: 2px solid var(--su-vinho); font-style: italic; }

/* ---------- produtos em abas: abas como entradas de um indice */
.tema-sumario .hdl-abas-bts { justify-content: center; gap: 4px 30px; border-bottom: 1px solid var(--su-fio); }
body.vitrine.tema-sumario .hdl-abas-bts button { padding: 10px 2px; border: 0; border-radius: 0; background: none !important; font-family: var(--fonte-titulos), serif; font-size: 19px; font-style: italic; color: var(--su-cinza) !important; box-shadow: inset 0 -2px 0 transparent; }
body.vitrine.tema-sumario .hdl-abas-bts button[aria-selected="true"] { color: var(--su-tinta) !important; box-shadow: inset 0 -2px 0 var(--su-vinho); }

/* ---------- banner do presente e cartas de leitores */
.tema-sumario .hdl-hero { border-radius: 0; }
body.vitrine.tema-sumario .hdl-hero h2 { font-style: italic; font-weight: 500; color: var(--su-tinta) !important; text-shadow: none; }
body.vitrine.tema-sumario .hdl-hero p { color: #4a4239 !important; text-shadow: none; font-size: 17px; }
body.vitrine.tema-sumario .hdl-hero a { background: var(--su-tinta) !important; color: var(--su-papel) !important; }
.tema-sumario .hdl-depo > * { position: relative; padding: 34px 28px 26px; border: 1px solid var(--su-fio); border-radius: 0; background: #fbf8f2; box-shadow: none; }
.tema-sumario .hdl-depo > *::before { content: "\201C"; position: absolute; top: -8px; left: 22px; font-family: var(--fonte-titulos), serif; font-size: 80px; line-height: 1; color: var(--su-vinho); }
.tema-sumario .hdl-depo p { font-style: italic; font-size: 16px; line-height: 1.7; }
.tema-sumario .hdl-depo-nota { color: var(--su-vinho); }

/* ---------- botoes */
body.vitrine.tema-sumario .hdl-hero a, body.vitrine.tema-sumario .hdl-it a, .tema-sumario .vt-botao, .tema-sumario .pp-botao { border-radius: 0 !important; letter-spacing: .14em; text-transform: uppercase; font-size: 12.5px; }

/* ---------- clube do livro (bloco Destaques): ex-libris com carimbo */
.su-exlibris { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 50px; align-items: center; padding: 56px 60px; border: 1px solid var(--su-tinta); outline: 1px solid var(--su-tinta); outline-offset: -10px; background: #fbf8f2; }
.su-exlibris-cab { display: grid; gap: 12px; }
.su-exlibris-cab small { color: var(--su-vinho); font-size: 12.5px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
body.vitrine .su-exlibris-cab h2 { margin: 0; font-family: var(--fonte-titulos), serif; font-size: 44px; font-style: italic; font-weight: 500; line-height: 1.05; color: var(--su-tinta); }
.su-exlibris-cab p { margin: 0; font-size: 16px; line-height: 1.7; color: #4a4239; }
.su-carimbo { position: absolute; top: -26px; right: 40px; display: grid; place-items: center; width: 104px; height: 104px; border: 2px solid var(--su-vinho); border-radius: 50%; color: var(--su-vinho); background: var(--su-papel); font-family: var(--fonte-titulos), serif; font-size: 13px; font-style: italic; text-align: center; line-height: 1.2; transform: rotate(-12deg); box-shadow: inset 0 0 0 4px var(--su-papel), inset 0 0 0 5px var(--su-vinho); }
.su-passos { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.su-passo { display: grid; grid-template-columns: 64px 1fr; gap: 4px 18px; align-items: baseline; padding: 18px 0; border-bottom: 1px solid var(--su-fio); color: inherit; text-decoration: none; }
.su-passo:first-child { border-top: 1px solid var(--su-fio); }
.su-passo b { grid-row: span 2; font-family: var(--fonte-titulos), serif; font-size: 34px; font-style: italic; font-weight: 500; color: var(--su-vinho); }
.su-passo strong { font-family: var(--fonte-titulos), serif; font-size: 20px; font-weight: 600; color: var(--su-tinta); }
.su-passo span { font-size: 14.5px; font-style: italic; color: var(--su-cinza); }
.su-exlibris-botao { justify-self: start; display: inline-block; margin-top: 8px; padding: 14px 28px; background: var(--su-tinta); color: var(--su-papel) !important; font-size: 12.5px; letter-spacing: .16em; text-transform: uppercase; text-decoration: none !important; }
.su-exlibris-botao:hover { background: var(--su-vinho); }
@media (max-width: 767px) {
	.su-exlibris { grid-template-columns: 1fr; gap: 26px; padding: 50px 24px 30px; }
	body.vitrine .su-exlibris-cab h2 { font-size: 32px; }
	.su-carimbo { width: 84px; height: 84px; right: 18px; font-size: 11px; }
}

/* ---------- carrinho: a estante que vai se enchendo ate o frete gratis */
.su-frete { display: flex; align-items: center; gap: 18px; padding: 16px 20px; border: 1px solid var(--su-fio); background: #fbf8f2; }
.su-frete p { margin: 0; font-style: italic; }
.su-estante { display: flex; align-items: flex-end; gap: 3px; height: 44px; padding: 0 6px; border-bottom: 3px solid var(--su-tinta); }
.su-estante i { width: 11px; height: 26px; background: var(--su-fio); transition: height .4s, background .4s; }
.su-estante i:nth-child(2) { height: 32px; } .su-estante i:nth-child(3) { height: 28px; } .su-estante i:nth-child(4) { height: 36px; } .su-estante i:nth-child(5) { height: 24px; }
.su-estante i.on { background: var(--su-vinho); }
.su-estante i.on:nth-child(2n) { background: #2f4a44; }
.su-estante i.on:nth-child(3) { background: #b9893f; }
.su-frete-ok .su-estante i { background: var(--su-vinho); }

/* ---------- rodape-colofao */
.su-rodape { border-top: 0; }
.su-colofao { display: grid; gap: 20px; padding-top: 56px; padding-bottom: 16px; text-align: center; }
.su-colofao-frase { margin: 0; font-family: var(--fonte-titulos), serif; font-size: 22px; font-style: italic; color: #e6ddcf; }
.su-sumario { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 34px; margin: 0; padding: 0; list-style: none; counter-reset: su; }
.su-sumario li { counter-increment: su; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; }
.su-sumario li::before { content: counter(su, upper-roman) ". "; font-family: var(--fonte-titulos), serif; font-style: italic; letter-spacing: 0; color: #c9a06a; }
.su-nome { display: block; margin-top: 18px; padding: 18px 0 6px; border-top: 1px solid rgba(255, 255, 255, .14); font-family: var(--fonte-titulos), serif; font-size: clamp(54px, 11.5vw, 168px); font-style: italic; font-weight: 500; line-height: .9; letter-spacing: -.03em; color: #f6f1e7 !important; text-decoration: none !important; white-space: nowrap; overflow: hidden; }
.su-rodape .vt-rodape-grade h3 { font-family: var(--fonte-titulos), serif; font-style: italic; font-size: 18px; font-weight: 500; text-transform: none; letter-spacing: 0; color: #f6f1e7; }

@media (max-width: 991px) {
	.tema-sumario .vt-secao-cab h2 { font-size: 26px; gap: 12px; }
	.tema-sumario .hdl-it { gap: 26px; }
	.su-topo .vt-marca img { height: 40px; }
}