/* Habitação em Números — estilos de página (tema).
   Vêm dos protótipos (prototipo/*.html). Os componentes reutilizáveis estão em componentes.css. */

/* --- Página inicial --- */
  .inicio-hero { padding-block: var(--e-8) var(--e-6); display: grid; gap: var(--e-5); }
  .inicio-hero h1 { max-width: 15ch; }
  .inicio-hero .figura__area { min-height: 400px; }
  .pergunta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--e-6); align-items: start; }
  .pergunta p { margin: 0; }
  .pergunta__texto { font-size: var(--t-md); line-height: 1.5; max-width: 40ch; }
  .numeros { display: grid; gap: var(--e-6) var(--e-5); grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); }
  @media (min-width: 1000px) { .numeros { grid-template-columns: repeat(6, minmax(0, 1fr)); } .numeros > .numero { grid-column: span 2; } .numeros > .numero:nth-child(n+4) { grid-column: span 3; } }
  .intro-int .figura__area { min-height: 340px; }
  .afirmacoes { display: grid; gap: var(--e-4); grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr)); }
  @media (max-width: 760px) { .pergunta { grid-template-columns: minmax(0, 1fr); } }

/* --- Capítulo (construção) --- */
  .cap-cab { padding-block: var(--e-7) var(--e-6); display: grid; gap: var(--e-4); }
  .cap-cab h1 { max-width: 18ch; }
  .sintese { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--e-3); font-family: var(--f-ui); font-size: 1rem; line-height: 1.5; }
  .sintese li { padding-left: 1.4em; position: relative; }
  .sintese li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 0.6em; height: 0.6em; background: var(--serie-1); }
  .seccao-cap { display: grid; gap: var(--e-5); scroll-margin-top: 5rem; }
  .seccao-cap h2 { font-size: var(--t-xl); }
  .figura__area { min-height: 360px; }
  .fontes-cap { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--e-3); font-family: var(--f-ui); font-size: var(--t-sm); }
  .fontes-cap li { display: grid; gap: var(--e-1); padding-bottom: var(--e-3); border-bottom: var(--filete) solid var(--traco); }
  .navegar { display: flex; justify-content: space-between; gap: var(--e-4); flex-wrap: wrap; font-family: var(--f-ui); border-top: 2px solid var(--tinta); padding-top: var(--e-4); }
  .navegar a { display: grid; gap: var(--e-1); text-decoration: none; color: var(--tinta); }
  .navegar small { color: var(--tinta-3); }

/* --- Cronologia --- */
  .cap-cab { padding-block: var(--e-7) var(--e-5); display: grid; gap: var(--e-4); }
  .cap-cab h1 { max-width: 20ch; }
  .filtros { display: grid; gap: var(--e-3); font-family: var(--f-ui); font-size: var(--t-sm); }
  .filtros__linha { display: flex; flex-wrap: wrap; gap: var(--e-2); align-items: center; }
  .filtros__linha > span { width: 5.5rem; color: var(--tinta-3); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; font-size: var(--t-xs); }
  .contagem { font-family: var(--f-ui); font-size: var(--t-sm); color: var(--tinta-3); margin: 0; }
  .governos { display: grid; gap: var(--e-4); grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); }
  .gov { display: grid; gap: var(--e-2); align-content: start; padding: var(--e-4); border: var(--filete) solid var(--traco); background: var(--papel); font-family: var(--f-ui); font-size: var(--t-sm); min-width: 0; }
  .gov h3 { font-family: var(--f-titulo); font-size: 1.35rem; font-weight: 500; margin: 0; font-variation-settings: "opsz" 30; }
  .gov p { margin: 0; color: var(--tinta-2); line-height: 1.45; }
  .gov dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 2px var(--e-3); }
  .gov dt { color: var(--tinta-3); }
  .gov dd { margin: 0; font-variant-numeric: tabular-nums; }
  .crono__item[hidden] { display: none; }
  .crono__item:target { background: var(--bordo-suave); }
  .figura__area { min-height: 380px; }

/* --- Sobre --- */
  .sobre { display: grid; gap: var(--e-8); }
  .sobre section { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--e-4) var(--e-7); align-items: start; border-top: 2px solid var(--tinta); padding-top: var(--e-4); scroll-margin-top: 5rem; }
  .sobre section > h2 { font-size: var(--t-xl); }
  #autor .foto-autor { grid-column: 1; max-width: 22rem; }
  #autor > .prosa { grid-column: 2; grid-row: 2; }
  @media (max-width: 860px) { #autor .foto-autor, #autor > .prosa { grid-column: auto; grid-row: auto; } #autor .foto-autor { max-width: 18rem; } }
  .sobre section > .prosa, .sobre section > dl { max-width: none; }
  .sobre ul { margin: 0; padding-left: 1.2em; display: grid; gap: var(--e-3); }
  .sobre .prosa > ul { margin-top: var(--e-4); }
  @media (max-width: 860px) { .sobre section { grid-template-columns: minmax(0, 1fr); } }
  .sobre section.declaracao { background: var(--papel-2); border-top: 3px double var(--bordo); padding: var(--e-5); }
  .creditos-lista { display: grid; grid-template-columns: minmax(0, 11rem) minmax(0, 1fr); gap: var(--e-2) var(--e-4); margin: 0; font-family: var(--f-ui); font-size: 0.95rem; }
  .creditos-lista dt { color: var(--tinta-3); }
  .creditos-lista dd { margin: 0; }
  @media (max-width: 560px) { .creditos-lista { grid-template-columns: minmax(0, 1fr); } .creditos-lista dd { margin-bottom: var(--e-2); } }

/* --- Conclusões --- */
  .conc { display: grid; gap: var(--e-8); }
  .conc > section { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--e-4) var(--e-7); align-items: start; border-top: 2px solid var(--tinta); padding-top: var(--e-4); scroll-margin-top: 9rem; }
  .conc > section > h2 { font-size: var(--t-xl); }
  .conc > section > .corpo { display: grid; gap: var(--e-5); min-width: 0; }
  .conc .prosa { max-width: none; }
  .conc ul { margin: 0; padding-left: 1.2em; display: grid; gap: var(--e-3); }
  .estado-atual { display: grid; gap: var(--e-5) var(--e-4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); }
  .estado-atual .numero__valor { font-size: clamp(2rem, 4vw, 2.75rem); }
  .tabela td, .tabela th { white-space: normal; }
  .tabela td:first-child { font-weight: 600; }
  .cenarios { display: grid; gap: var(--e-4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); }
  .cenario { display: grid; gap: var(--e-3); align-content: start; padding: var(--e-4); border: var(--filete) solid var(--traco); background: var(--papel); font-family: var(--f-ui); font-size: 0.95rem; line-height: 1.5; min-width: 0; }
  .cenario h3 { font-family: var(--f-titulo); font-size: 1.35rem; font-weight: 500; margin: 0; font-variation-settings: "opsz" 30; }
  .cenario p { margin: 0; color: var(--tinta-2); }
  .cenario dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 2px var(--e-3); }
  .cenario dt { color: var(--tinta-3); }
  .cenario dd { margin: 0; font-variant-numeric: tabular-nums; }
  .cenario--a { border-top: 3px solid var(--serie-1); }
  .cenario--b { border-top: 3px solid var(--serie-4); }
  .cenario--c { border-top: 3px solid var(--serie-neutra); }
  @media (max-width: 860px) { .conc > section { grid-template-columns: minmax(0, 1fr); } }

/* --- Contacto --- */
  .contacto { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--e-7); align-items: start; border-top: 2px solid var(--tinta); padding-top: var(--e-5); }
  .contacto__lado { display: grid; gap: var(--e-5); font-family: var(--f-ui); }
  .contacto__lado h2 { font-family: var(--f-ui); font-size: var(--t-sm); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin: 0 0 var(--e-2); }
  .contacto__lado p { margin: 0; line-height: 1.5; color: var(--tinta-2); }
  .contacto__lado .ref { color: var(--tinta); font-size: 1rem; }
  @media (max-width: 860px) { .contacto { grid-template-columns: minmax(0, 1fr); } }

/* --- Transparência --- */
  .cap-cab h1 { max-width: 22ch; }
  .transparencia a[aria-current="page"] { background: var(--tinta); color: var(--papel); }
  .transparencia a[aria-current="page"] span { color: var(--papel-3); }
  .transp-corpo { display: grid; gap: var(--e-7); margin-top: var(--e-7); }
  .resumo { display: flex; flex-wrap: wrap; gap: var(--e-3) var(--e-5); font-family: var(--f-ui); font-size: var(--t-sm); color: var(--tinta-2); margin: 0; }
  .resumo b { color: var(--tinta); font-size: 1.05rem; font-variant-numeric: tabular-nums; }
  .ferramentas { display: flex; flex-wrap: wrap; gap: var(--e-3); align-items: end; font-family: var(--f-ui); }
  .ferramentas .campo { min-width: min(100%, 18rem); flex: 1 1 18rem; }
  .ferramentas .campo--curto { flex: 0 1 12rem; min-width: 10rem; }
  .registo { display: grid; gap: 0; border-top: 2px solid var(--tinta); }
  .registo > article { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--e-3) var(--e-6); padding-block: var(--e-5); border-bottom: var(--filete) solid var(--traco); }
  .registo > article[hidden] { display: none; }
  .registo h2, .registo h3 { font-family: var(--f-titulo); font-size: 1.3rem; font-weight: 500; line-height: 1.25; margin: 0; font-variation-settings: "opsz" 24; }
  .registo .lado { display: grid; gap: var(--e-2); align-content: start; font-family: var(--f-ui); font-size: var(--t-sm); color: var(--tinta-2); }
  .registo .corpo { display: grid; gap: var(--e-3); min-width: 0; font-family: var(--f-ui); font-size: 0.95rem; line-height: 1.55; }
  .registo .corpo > * { margin: 0; }
  .registo dl { display: grid; grid-template-columns: minmax(0, 9rem) minmax(0, 1fr); gap: var(--e-1) var(--e-4); margin: 0; }
  .registo dt { color: var(--tinta-3); }
  .registo dd { margin: 0; }
  .previa { max-height: 22rem; overflow: auto; border: var(--filete) solid var(--traco); }
  .previa .tabela th { position: sticky; top: 0; background: var(--papel); }
  .antes-depois { display: grid; gap: var(--e-3); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .antes-depois > div { padding: var(--e-3); font-size: 0.9rem; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
  .antes-depois .antes { background: var(--papel-2); color: var(--tinta-2); text-decoration: line-through; text-decoration-color: var(--tinta-3); }
  .antes-depois .depois { background: var(--bordo-suave); color: var(--tinta); }
  .antes-depois b { display: block; text-decoration: none; font-size: var(--t-xs); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: var(--e-1); }
  details.ver summary { cursor: pointer; font-weight: 600; color: var(--bordo); }
  details.ver[open] summary { margin-bottom: var(--e-3); }
  .metodo { display: grid; gap: var(--e-8); }
  .metodo > section { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--e-4) var(--e-7); border-top: 2px solid var(--tinta); padding-top: var(--e-4); scroll-margin-top: 6rem; }
  .metodo > section > h2 { font-size: var(--t-xl); }
  .metodo .prosa { max-width: none; }
  .metodo ul { margin: 0; padding-left: 1.2em; display: grid; gap: var(--e-3); }
  .formula { font-family: var(--f-mono); font-size: 0.9rem; background: var(--papel-2); padding: var(--e-3) var(--e-4); border-left: 3px solid var(--tinta); overflow-x: auto; white-space: pre; }
  .vazio { font-family: var(--f-ui); color: var(--tinta-3); }
  @media (max-width: 640px) {
    .transparencia { display: flex; overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * max(16px, env(safe-area-inset-left, 0px))); padding-inline: max(16px, env(safe-area-inset-left, 0px)); }
    .transparencia::-webkit-scrollbar { display: none; }
    .transparencia a { flex: 0 0 auto; padding: var(--e-3) var(--e-4); border-right: var(--filete) solid var(--traco); }
    .transparencia a span { display: none; }
  }
  @media (max-width: 860px) { .registo > article, .metodo > section { grid-template-columns: minmax(0, 1fr); } .antes-depois { grid-template-columns: minmax(0, 1fr); } }

/* --- Integração com o WordPress --- */
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 30; background: var(--papel); }
.wp-site-blocks { padding: 0; }
.wp-site-blocks > * + * { margin-block-start: 0; }
main.moldura { padding-bottom: var(--e-8); }
/* O conteúdo ocupa toda a largura da coluna: texto, caixas, gráficos e imagens alinham pelas mesmas margens. */
:is(.wp-block-post-content, .artigo__corpo) > * { max-width: var(--largura); }
:is(.wp-block-post-content, .artigo__corpo) > * + * { margin-top: var(--e-5); }
:is(.wp-block-post-content, .artigo__corpo) > h2 { margin-top: var(--e-8); font-size: var(--t-xl); scroll-margin-top: 6rem; }
:is(.wp-block-post-content, .artigo__corpo) > h3 { margin-top: var(--e-6); }

/* Índice lateral (capítulos e páginas longas); o texto fica com o resto da largura. */
.wp-block-post-content > .artigo { max-width: none; grid-template-columns: 13rem minmax(0, 1fr); gap: var(--e-7); }
.artigo__corpo { display: block; }
.artigo__corpo > :first-child, .artigo__corpo > .capitulos-movel + * { margin-top: 0; }
.artigo__lado { top: calc(var(--altura-cab, 4.5rem) + var(--e-4)); max-height: calc(100dvh - var(--altura-cab, 4.5rem) - var(--e-6)); overflow-y: auto; }
.indice__rotulo { font: 700 var(--t-xs)/1 var(--f-ui); letter-spacing: 0.08em; text-transform: uppercase; color: var(--tinta-3); margin: 0 0 var(--e-3); padding-left: 0.5em; }
.artigo .capitulos a { grid-template-columns: 1.6rem minmax(0, 1fr); line-height: 1.35; }
.capitulos-movel { margin-bottom: var(--e-6); }
.capitulos-movel .indice__rotulo { display: none; }
@media (max-width: 900px) { .wp-block-post-content > .artigo { grid-template-columns: minmax(0, 1fr); gap: 0; } }
.capitulo__corpo { margin-top: var(--e-7); }
.cap-cab h1, .wp-block-post-title { font-size: var(--t-2xl); }
.is-style-entrada { font-size: var(--t-md); line-height: 1.45; color: var(--tinta-2); max-width: none; }
.cap-cab .entrada { max-width: none; }
.is-style-antetitulo { font-family: var(--f-ui); font-size: var(--t-sm); font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--bordo); }
.wp-block-group.is-style-caixa-metodo, .wp-block-group.is-style-caixa-contra, .wp-block-group.is-style-caixa-naoprova { padding: var(--e-5); display: grid; gap: var(--e-3); font-family: var(--f-ui); font-size: 0.97rem; line-height: 1.55; max-width: none; }
.wp-block-group[class*="is-style-caixa"] > * { margin: 0; }
.wp-block-group[class*="is-style-caixa"] > h2, .wp-block-group[class*="is-style-caixa"] > h3, .wp-block-group[class*="is-style-caixa"] > p:first-child > strong:only-child { font-family: var(--f-ui); font-size: var(--t-sm); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; }
.wp-block-group.is-style-caixa-metodo { background: var(--papel-2); border-left: 3px solid var(--tinta); }
.wp-block-group.is-style-caixa-contra { border: var(--filete) solid var(--traco); border-top: 3px double var(--bordo); }
.wp-block-group.is-style-caixa-contra > :first-child { color: var(--bordo); }
.wp-block-group.is-style-caixa-naoprova { border: 1.5px dashed var(--tinta-3); }
.wp-block-image.is-style-ilustrativa figcaption::before { content: "Imagem ilustrativa · "; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--tinta-2); }
:lang(en) .wp-block-image.is-style-ilustrativa figcaption::before { content: "Illustrative image · "; }
.wp-block-image figcaption { font-family: var(--f-ui); font-size: var(--t-xs); color: var(--tinta-3); margin-top: var(--e-2); }
.is-style-sintese { list-style: none; padding: 0; display: grid; gap: var(--e-3); font-family: var(--f-ui); font-size: 1rem; line-height: 1.5; }
.is-style-sintese li { padding-left: 1.4em; position: relative; }
.is-style-sintese li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 0.6em; height: 0.6em; background: var(--serie-1); }


/* --- Livro: maquete em CSS, página do livro e destaque na página inicial ------------ */
.livro-3d { perspective: 1800px; display: grid; place-items: center; padding: var(--e-5) var(--e-6) var(--e-7); }
.livro-3d__livro { position: relative; width: min(100%, 22rem); aspect-ratio: 1200 / 1700; transform: rotateY(-24deg) rotateX(4deg); transform-style: preserve-3d; transition: transform 0.6s ease; }
.livro-3d__livro img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 2px 4px 4px 2px; box-shadow: 18px 26px 40px -12px rgba(33, 30, 27, 0.55), 2px 2px 0 rgba(33, 30, 27, 0.08); }
.livro-3d__livro::before { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: 2px 4px 4px 2px; pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,0.38) 0, rgba(0,0,0,0.12) 2.5%, rgba(255,255,255,0.22) 3.4%, rgba(0,0,0,0) 6%, rgba(0,0,0,0) 85%, rgba(255,255,255,0.08) 100%); }
.livro-3d__livro::after { content: ""; position: absolute; top: 1.2%; bottom: 1.2%; right: -18px; width: 18px; transform: rotateY(90deg); transform-origin: left; background: repeating-linear-gradient(90deg, #F3EFE7 0 1px, #DDD6CA 1px 2px); }
.livro-3d:hover .livro-3d__livro { transform: rotateY(-12deg) rotateX(2deg); }
@media (prefers-reduced-motion: reduce) { .livro-3d__livro { transition: none; } }

.livro-hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: var(--e-7); align-items: center; padding-block: var(--e-5) var(--e-6); }
.livro-hero h1 { font-size: clamp(2.6rem, 6vw, 4.4rem); line-height: 1; margin: var(--e-3) 0 var(--e-2); }
.livro-hero__sub { font-family: var(--f-titulo); font-style: italic; font-size: clamp(1.4rem, 2.6vw, 2rem); color: var(--tinta-2); margin: 0 0 var(--e-5); }
.livro-hero .entrada { margin-bottom: var(--e-5); }
.livro-ficha { display: flex; flex-wrap: wrap; gap: var(--e-2) var(--e-5); margin: 0 0 var(--e-5); padding: 0; list-style: none; font-family: var(--f-ui); font-size: var(--t-sm); color: var(--tinta-2); }
.livro-ficha li { display: flex; gap: 0.4em; }
.livro-ficha b { color: var(--tinta); }
.livro-acoes { display: flex; flex-wrap: wrap; gap: var(--e-3); align-items: center; }
.livro-acoes .botao { min-height: 48px; padding-inline: 1.4em; font-size: 1rem; text-decoration: none; display: inline-flex; align-items: center; }
.livro-numeros { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); border-top: 2px solid var(--tinta); border-bottom: var(--filete) solid var(--traco); }
.livro-numeros div { padding: var(--e-4) var(--e-3); border-right: var(--filete) solid var(--traco); }
.livro-numeros div:last-child { border-right: 0; }
.livro-numeros b { display: block; font: 400 2.4rem/1 var(--f-titulo); font-variation-settings: "opsz" 60; color: var(--tinta); }
.livro-numeros span { font-family: var(--f-ui); font-size: var(--t-sm); color: var(--tinta-2); }
.livro-sobre { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--e-5) var(--e-7); }
.livro-sobre p { margin: 0 0 var(--e-4); }
.livro-capitulos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr)); gap: 0 var(--e-6); counter-reset: lcap; }
.livro-capitulos li { counter-increment: lcap; display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); gap: var(--e-1) var(--e-3); padding: var(--e-4) 0; border-top: var(--filete) solid var(--traco); }
.livro-capitulos li::before { content: counter(lcap, decimal-leading-zero); grid-row: span 2; font-family: var(--f-mono); font-size: var(--t-sm); color: var(--bordo); padding-top: 0.2em; }
.livro-capitulos b { font-family: var(--f-titulo); font-weight: 500; font-size: 1.2rem; line-height: 1.25; color: var(--tinta); }
.livro-capitulos span { font-family: var(--f-ui); font-size: var(--t-sm); line-height: 1.5; color: var(--tinta-2); }
.livro-aberto { margin: 0; }
.livro-aberto__paginas { display: grid; grid-template-columns: 1fr 1fr; background: #FFFDF8; padding: 3%; border-radius: 3px; box-shadow: 0 24px 40px -22px rgba(33, 30, 27, 0.6), 0 2px 0 var(--papel-3); position: relative; }
.livro-aberto__paginas::after { content: ""; position: absolute; top: 3%; bottom: 3%; left: 50%; width: 9%; transform: translateX(-50%); background: linear-gradient(90deg, transparent, rgba(33,30,27,0.14) 45%, rgba(33,30,27,0.22) 50%, rgba(33,30,27,0.14) 55%, transparent); pointer-events: none; }
.livro-aberto__paginas img { width: 100%; height: auto; display: block; aspect-ratio: 900 / 1275; object-fit: cover; }
.livro-aberto figcaption { font-family: var(--f-ui); font-size: var(--t-xs); color: var(--tinta-3); margin-top: var(--e-3); }
.livro-folhear { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 26rem), 1fr)); gap: var(--e-6); }
.livro-autor { display: grid; grid-template-columns: 14rem minmax(0, 1fr); gap: var(--e-6); align-items: start; padding: var(--e-5); background: var(--papel-2); }
.livro-autor img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; display: block; }
.livro-autor h3 { margin: 0 0 var(--e-3); font-size: var(--t-lg); }
.livro-autor p { margin: 0 0 var(--e-3); }
.livro-pedido { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.6fr); gap: var(--e-7); align-items: start; padding: var(--e-6); border: 2px solid var(--tinta); scroll-margin-top: 6rem; }
.livro-pedido__lado img { width: 100%; height: auto; display: block; }
.livro-pedido__lado ul { margin: var(--e-4) 0 0; padding-left: 1.1em; font-family: var(--f-ui); font-size: var(--t-sm); line-height: 1.6; color: var(--tinta-2); }
.livro-pedido .form { max-width: none; }
.livro-faq details { border-top: var(--filete) solid var(--traco); padding: var(--e-4) 0; }
.livro-faq details:last-child { border-bottom: var(--filete) solid var(--traco); }
.livro-faq summary { cursor: pointer; font-family: var(--f-titulo); font-size: 1.2rem; color: var(--tinta); }
.livro-faq details p { margin: var(--e-3) 0 0; }
.livro-destaque { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr); gap: var(--e-6); align-items: center; padding: var(--e-6); background: var(--papel-2); border-top: 2px solid var(--tinta); }
.livro-destaque .livro-3d { padding: var(--e-3); }
.livro-destaque .livro-3d__livro { width: min(100%, 15rem); }
.livro-destaque h2 { margin: var(--e-2) 0 var(--e-3); font-size: var(--t-xl); }
.livro-destaque p { margin: 0 0 var(--e-4); }
@media (max-width: 860px) {
  .livro-hero, .livro-sobre, .livro-pedido, .livro-destaque { grid-template-columns: minmax(0, 1fr); gap: var(--e-5); }
  .livro-hero .livro-3d { order: -1; padding-block: var(--e-3) var(--e-5); }
  .livro-hero .livro-3d__livro, .livro-destaque .livro-3d__livro { width: min(70%, 15rem); }
  .livro-autor { grid-template-columns: minmax(0, 1fr); }
  .livro-autor img { max-width: 14rem; }
  .livro-pedido { padding: var(--e-4); }
  .livro-pedido__lado img { max-width: 18rem; }
}

/* Perguntas e respostas: ligação para o capítulo depois de cada resposta */
.qa-ler { font-family: var(--f-ui); font-size: var(--t-sm); font-weight: 600; }

/* Rodapé: ligações legais e definições de cookies */
.site-rodape__legal { display: flex; flex-wrap: wrap; gap: var(--e-2) var(--e-5); padding-block: var(--e-4) var(--e-6); border-top: var(--filete) solid var(--traco); font-family: var(--f-ui); font-size: var(--t-xs); color: var(--tinta-3); }
.site-rodape__legal a, .site-rodape__legal .botao-texto { color: var(--tinta-2); }
.site-rodape__legal span { margin-left: auto; }