/* Blog Mesa Verde · identidade "Caderno" (18/10/2026). Sempre no modo claro (pedido do Lucas, 20/10/2026). */
:root{--papel:#FFFFFF;--folha:#F3F6F9;--tinta:#1E3A2B;--suave:#4A5A50;--pauta:#DCE6F2;--margem:#EFB4AE;--caneta:#2340A0;--marca:#FFE27A;--sombra:rgba(30,58,43,.12);--link:#1E5A3A;
--btn:#F5B700;--btn-hover:#DDA400;--btn-texto:#1E2A1F;--btn-sombra:#C99600;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 18px/1.65 Bitter,Georgia,'Times New Roman',serif;overflow-wrap:break-word}
h1,h2,h3,h4{line-height:1.18;margin:0;text-wrap:balance}
h1{font-size:30px;font-weight:700}
h2{font-size:24px;font-weight:700}
h3{font-size:20px;font-weight:700}
h4{font-size:17px;font-weight:700}
p{margin:0}
a{color:var(--link);text-underline-offset:3px}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:3px solid var(--caneta);outline-offset:2px}
.wrap{max-width:1120px;margin:0 auto;padding-inline:16px}
.pular{position:absolute;left:-999px;top:8px;background:var(--papel);padding:8px 12px;z-index:9}.pular:focus{left:8px}
.selo{display:inline-block;align-self:flex-start;font-size:15px;font-weight:600;color:var(--tinta);text-decoration:none;background:linear-gradient(transparent 58%,var(--marca) 58%);padding:0 2px}
a.selo{padding:10px 2px;margin-block:-10px;background:linear-gradient(var(--marca),var(--marca)) no-repeat left 0 bottom 10px/100% 10px}
a.selo:hover{text-decoration:underline}
.recado{font-family:Caveat,'Segoe Print','Bradley Hand',cursive;font-weight:600;font-size:26px;line-height:1.1;color:var(--caneta)}
.folha{background:var(--folha)}

/* topo */
.topo{border-bottom:1px solid var(--pauta)}
.topo-in{height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.marca{display:flex;align-items:center;min-height:44px;gap:8px;font-weight:700;font-size:19px;color:var(--tinta);text-decoration:none}
.marca small{font-family:Caveat,cursive;font-weight:600;font-size:22px;color:var(--caneta);margin-left:2px}
.topo-ebook{font-size:15px;font-weight:600;color:var(--tinta);min-height:44px;display:flex;align-items:center}

/* migalhas */
.migalhas ol{list-style:none;margin:0;padding:6px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;font-size:14px;color:var(--suave)}
.migalhas li+li::before{content:"›";margin-right:8px}
.migalhas a{color:var(--suave);display:inline-flex;align-items:center;min-height:44px}
.migalhas li[aria-current]{display:none}

/* artigo */
.artigo{max-width:720px;margin:0 auto;padding-bottom:24px}
.art-cab{display:flex;flex-direction:column;gap:14px;padding-block:20px 8px}
.art-meta{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--suave);line-height:1.4}
.art-meta img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}
.art-foto{margin:20px 0 0}
.art-foto img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px}
.sumario{margin-top:24px;background:var(--folha);border-left:3px solid var(--margem);padding:16px 18px;border-radius:0 6px 6px 0}
.sumario p{font-weight:700;font-size:16px;margin-bottom:6px}
.sumario ol{margin:0;padding-left:22px;font-size:16px;line-height:1.5}
.sumario a{color:var(--tinta);display:block;padding-block:10px}
.sumario li+li{border-top:1px solid var(--pauta)}

.texto{margin-top:28px}
.texto>*+*{margin-top:18px}
.texto h2{margin-top:44px;font-size:25px;scroll-margin-top:16px}
.texto h3{margin-top:30px}
.texto h2+*,.texto h3+*{margin-top:12px}
.texto ul,.texto ol{padding-left:24px}
.texto li+li{margin-top:8px}
.texto .lead{font-size:20px;line-height:1.55}
.texto strong{font-weight:700}

/* folha pautada: a linha (a cada 32 px) fica logo abaixo da base das letras */
.resposta-curta{position:relative;background-color:var(--papel);background-image:repeating-linear-gradient(transparent 0 31px,var(--pauta) 31px 32px);background-position:0 11px;border-radius:6px;box-shadow:0 1px 0 var(--pauta),0 10px 26px var(--sombra);padding:16px 18px 16px 34px;line-height:32px}
.resposta-curta::before{content:"";position:absolute;left:18px;top:0;bottom:0;width:2px;background:var(--margem)}
.nota,.dica,.no-ebook{border-radius:6px;padding:14px 16px;font-size:16px;line-height:1.55}
.nota{background:var(--folha);border-left:3px solid var(--suave)}
.dica{background:linear-gradient(transparent 0,transparent),var(--folha);border-left:3px solid var(--btn)}
.no-ebook{border:1.5px dashed var(--margem)}
.no-ebook a{font-weight:600}
.texto p.recado{font-size:28px;margin-block:26px}

.tabela{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--pauta);border-radius:6px}
.tabela table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45}
/* celular: tabelas de 3+ colunas viram fichas, sem rolagem lateral */
@media (max-width:699px){
  .tabela.fichas{border:0;overflow:visible}
  .fichas table,.fichas tbody,.fichas tr,.fichas td{display:block}
  .fichas thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .fichas tr{border:1px solid var(--pauta);border-left:3px solid var(--margem);border-radius:6px;padding:12px 14px;background:var(--papel)}
  .fichas tr+tr{margin-top:10px}
  .tabela.fichas td{padding:4px 0;border:0}
  .tabela.fichas td:first-child{font-weight:700;font-size:17px;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--pauta)}
  .fichas td:not(:first-child)::before{content:attr(data-label);display:block;font-size:14px;font-weight:600;color:var(--suave)}
}
.tabela th{text-align:left;background:var(--folha);font-weight:700;padding:10px 12px;border-bottom:2px solid var(--pauta)}
.tabela td{padding:10px 12px;border-bottom:1px solid var(--pauta);vertical-align:top}
.tabela tr:last-child td{border-bottom:0}

.receita{border:1.5px solid var(--pauta);border-radius:8px;padding:20px 18px;background:var(--papel);box-shadow:0 8px 24px var(--sombra)}
.receita h3{margin-top:0;font-size:22px}
.receita .meta{font-size:15px;color:var(--suave);margin-top:4px}
.receita h4{margin-top:18px;padding-bottom:4px;border-bottom:1px solid var(--pauta)}
.receita ul,.receita ol{margin:10px 0 0;font-size:17px}
.receita li+li{margin-top:6px}
.receita .dica{margin-top:16px}

/* FAQ */
.faq{margin-top:48px}
.faq h2{margin-bottom:12px}
.faq details{border-bottom:1px solid var(--pauta)}
.faq details:first-of-type{border-top:1px solid var(--pauta)}
.faq summary{list-style:none;cursor:pointer;font-weight:600;padding-block:14px;min-height:48px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:24px;line-height:1;color:var(--suave);flex-shrink:0}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--suave);padding-bottom:16px}

/* oferta do livro */
.oferta{margin-top:56px;display:grid;gap:24px;background:var(--folha);border:1px solid var(--pauta);border-radius:10px;padding:28px 18px 18px}
.of-capa{display:flex;justify-content:center;padding-top:4px}
.of-capa img{width:150px;border-radius:3px 8px 8px 3px;transform:rotate(-3deg);box-shadow:-6px 12px 24px rgba(30,58,43,.22)}
.of-texto{display:flex;flex-direction:column;gap:16px}
.oferta h2{font-size:26px}
.of-ponte{font-size:19px;line-height:1.55;padding-left:14px;border-left:3px solid var(--margem)}
.of-texto>p:not(.of-ponte){font-size:17px;line-height:1.6;color:var(--suave)}
.of-lista{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:17px;line-height:1.45}
.of-lista li{display:flex;gap:10px}
.of-lista svg{flex-shrink:0;margin-top:3px;color:var(--link)}
/* área de decisão: folha com linha de margem, como o formulário da captura */
.of-fecha{position:relative;display:flex;flex-direction:column;gap:16px;margin:6px -8px 0;background:var(--papel);border-radius:8px;box-shadow:0 1px 0 var(--pauta),0 10px 26px var(--sombra);padding:22px 16px 18px 30px}
.of-fecha::before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--margem)}
.of-preco{display:flex;flex-direction:column}
.of-preco strong{font-size:38px;line-height:1.05;letter-spacing:-.01em}
.of-preco span{font-size:17px;line-height:1.45;color:var(--tinta);margin-top:8px}
.of-preco small{font-size:15px;line-height:1.45;color:var(--suave);margin-top:6px}
.of-fecha .btn{width:100%;align-self:stretch}
.of-seguro{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px;line-height:1.45;color:var(--suave)}
.of-seguro li{display:flex;gap:10px;align-items:flex-start}
.of-seguro svg{flex-shrink:0;color:var(--tinta)}
.of-seguro .of-garantia{font-size:16px;color:var(--tinta);padding-bottom:10px;margin-bottom:2px;border-bottom:1px dashed var(--pauta)}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:58px;padding:12px 18px;font:700 18px/1.2 Bitter,Georgia,serif;color:var(--btn-texto);background:var(--btn);border:0;border-radius:12px;box-shadow:0 3px 0 var(--btn-sombra);cursor:pointer;text-align:center;text-decoration:none}
.btn:hover{background:var(--btn-hover)}

.ebook-linha{display:flex;gap:12px;align-items:center;margin-top:28px;font-size:16px;line-height:1.5;color:var(--suave)}
.ebook-linha img{width:36px;flex-shrink:0;border-radius:2px 4px 4px 2px;transform:rotate(-3deg);box-shadow:-2px 4px 8px var(--sombra)}
.ebook-linha strong{color:var(--tinta)}
.ebook-linha a{font-weight:600}

/* autor */
.autor{margin-top:40px;display:flex;gap:16px;align-items:flex-start;padding-top:24px;border-top:2px dashed var(--pauta);font-size:16px;line-height:1.55;color:var(--suave)}
.autor img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 2px var(--papel),0 0 0 3px var(--pauta)}
.autor .recado{font-size:26px;margin-bottom:4px}

/* fontes */
.fontes{margin-top:32px;font-size:14px;line-height:1.5;color:var(--suave)}
.fontes h2{font-size:17px;margin-bottom:8px}
.fontes ul{margin:0;padding-left:18px;display:grid;gap:10px}
.fontes a{color:var(--suave)}

/* cartões */
.cartoes{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:16px}
.cartao{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 18px 16px;border:1px solid var(--pauta);border-radius:8px;background:var(--papel);transition:box-shadow .15s}
.cartao:hover{box-shadow:0 8px 24px var(--sombra)}
.cartao h2,.cartao h3{font-size:19px;line-height:1.3}
.cartao a{color:var(--tinta);text-decoration:none}
.cartao a::after{content:"";position:absolute;inset:0}
.cartao a:hover{text-decoration:underline}
.cartao p{font-size:16px;line-height:1.5;color:var(--suave)}
.cartao .cat{font-size:14px;font-weight:600;color:var(--suave)}
.sem-cat .cat{display:none}
.cartao .tempo{font-size:14px;color:var(--suave);margin-top:auto}
.leia{max-width:1120px;margin:40px auto 0;padding-bottom:48px}

/* página inicial e categorias */
.blog-hero{display:flex;flex-direction:column;gap:14px;padding-block:32px 36px;position:relative}
.blog-hero .sub{color:var(--suave);max-width:38em}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.chips a,.outras a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1.5px solid var(--pauta);border-radius:999px;color:var(--tinta);text-decoration:none;font-size:15px;font-weight:600}
.chips a:hover,.outras a:hover{border-color:var(--tinta)}
.folha>.wrap{padding-block:36px}
.cat-bloco{padding-block:40px 8px;scroll-margin-top:8px}
.cat-cab{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:2px solid var(--margem);padding-bottom:8px}
.cat-cab a{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:600;white-space:nowrap;min-height:44px}
.cat-intro{margin-top:12px;color:var(--suave);max-width:44em;font-size:17px}
.cat-hero{padding-top:20px}
.outras{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px;align-items:center}
.outras p{width:100%;font-weight:700}
main>.wrap>.oferta,main.wrap>.oferta{max-width:880px;margin-inline:auto}
main.wrap>.ebook-linha,main>.wrap>.ebook-linha{max-width:880px;margin-inline:auto;margin-bottom:48px}

/* rodapé */
.rodape{border-top:1px solid var(--pauta);margin-top:24px;padding-block:28px 36px;font-size:15px;color:var(--suave)}
.rodape p+p{margin-top:8px}
.rodape a{color:var(--suave)}
.rod-cats{display:flex;flex-wrap:wrap;gap:4px 18px;margin-bottom:14px}
.rod-cats a{min-height:44px;display:inline-flex;align-items:center;color:var(--tinta);font-weight:600}
.aviso{font-size:14px}

@media (min-width:700px){
  .cartoes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oferta{grid-template-columns:200px minmax(0,1fr);gap:44px;padding:44px 44px 40px}
  .of-capa{display:block;padding-top:8px}
  .of-capa img{width:200px;position:sticky;top:32px}
  .of-fecha{margin:8px 0 0;padding:26px 26px 22px 42px}
  .of-fecha::before{left:21px}
  .btn{width:auto;align-self:flex-start;padding-inline:32px}
}
@media (min-width:960px){
  .wrap{padding-inline:40px}
  h1{font-size:44px;line-height:1.12}
  .blog-hero h1{font-size:52px;max-width:15em}
  .topo-in{height:76px}
  .marca{font-size:22px}
  .cartoes{grid-template-columns:repeat(3,minmax(0,1fr))}
  .artigo .texto{font-size:19px}
  .texto h2{font-size:28px}
}
@media print{.topo,.oferta,.ebook-linha,.leia,.rodape,.sumario{display:none}}