/* Peças das páginas refeitas no visual de livro infantil (templates/livro/*.html.twig).
   Começou com a Sobre (30/09/2026). Tudo sob .livro, com as cores e letras de livro.css. */

/* ── Faixa de céu no topo da página ─────────────────────────────────────── */
.livro .pg-cena{position:relative;overflow:hidden;isolation:isolate;display:grid;place-items:center;
  min-height:clamp(440px,46vw,640px);padding:96px 20px clamp(150px,13vw,210px);
  background:linear-gradient(180deg,var(--ceu) 0%,#B5DDE3 70%,var(--ceu-claro) 100%);}
.livro .pg-cena-ceu{position:absolute;inset:0;pointer-events:none;z-index:0;}
.livro .pg-sol{position:absolute;left:-5%;top:-26%;width:clamp(170px,24vw,380px);height:auto;animation:sol-gira 70s linear infinite;}
.livro .pg-nuvem{position:absolute;fill:#fff;stroke:var(--marrom);stroke-width:1.6;stroke-linejoin:round;
  animation:derivar 13s ease-in-out infinite;}
.livro .pg-nuvem.n1{width:104px;right:12%;top:18%;}
.livro .pg-nuvem.n2{width:74px;left:22%;top:12%;animation-duration:16s;animation-direction:reverse;}
.livro .pg-nuvem.n3{width:92px;right:5%;top:58%;animation-duration:18s;}
.livro .pg-aviao{position:absolute;left:0;top:24px;width:clamp(170px,19vw,270px);will-change:transform;}
.livro .pg-aviao-voo{position:relative;animation:balancar 4.8s ease-in-out infinite;}
.livro .pg-aviao img{width:100%;height:auto;display:block;}
.livro .pg-aviao .cena-faixa{font-size:clamp(.6rem,1.05vw,.92rem);}
.livro .pg-baloes{position:absolute;right:6%;top:26%;width:clamp(64px,7vw,116px);height:auto;animation:flutuar 6s ease-in-out infinite;}
.livro .pg-cena-titulo{position:relative;z-index:2;max-width:660px;text-align:center;padding:58px 54px 46px;}
.livro .pg-cena-nuvem{position:absolute;inset:-6% -5%;width:110%;height:112%;fill:#fff;z-index:-1;
  filter:drop-shadow(0 6px 0 rgba(90,62,43,.08));}
.livro .pg-cena h1{font-family:var(--f-titulo);font-weight:400;font-size:clamp(2.2rem,4.8vw,3.7rem);line-height:1.02;
  color:var(--marrom);margin:6px 0 0;letter-spacing:.01em;text-wrap:balance;}
.livro .pg-cena-sub{font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.55;color:var(--marrom);max-width:30em;margin:14px auto 0;}
.livro .pg-bairro{position:absolute;left:0;right:0;bottom:0;height:clamp(110px,12vw,180px);z-index:1;
  background:url(../nova/faixa-bairro.webp?v=1) repeat-x 50% 100% / auto 100%;}

/* ── Texto e polaroides ─────────────────────────────────────────────────── */
.livro .pg-quem{background:var(--morro);padding:96px 0;}
.livro .pg-duas{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;}
.livro .pg-texto h2{font-size:clamp(1.9rem,4vw,2.7rem);margin:0 0 18px;}
.livro .pg-texto p{font-size:1.14rem;line-height:1.7;color:#5f4a3a;margin:0 0 28px;max-width:32em;}
.livro .pg-polaroides{position:relative;height:480px;}
.livro .pg-polaroide{position:absolute;margin:0;background:#fff;padding:10px 10px 34px;border:2px solid var(--marrom);
  border-radius:6px;box-shadow:6px 7px 0 rgba(90,62,43,.18);}
.livro .pg-polaroide img{width:100%;height:100%;object-fit:cover;display:block;border-radius:3px;}
.livro .pg-polaroide::before{content:"";position:absolute;left:50%;top:-12px;width:84px;height:24px;margin-left:-42px;
  background:rgba(243,183,194,.78);rotate:-3deg;}
.livro .pg-polaroide.p1{left:0;top:6%;width:44%;height:74%;rotate:-4deg;}
.livro .pg-polaroide.p2{right:0;top:0;width:56%;height:44%;rotate:3deg;}
.livro .pg-polaroide.p2::before{background:rgba(168,214,222,.85);}
.livro .pg-polaroide.p3{right:5%;bottom:0;width:44%;height:52%;rotate:-2deg;}
.livro .pg-polaroide.p3::before{background:rgba(244,196,58,.75);}

/* ── A frase do propósito ───────────────────────────────────────────────── */
.livro .pg-proposito{position:relative;overflow:hidden;isolation:isolate;background:#FFF5DA;padding:132px 0 112px;}
.livro .pg-proposito > .wrap{position:relative;z-index:1;}
.livro .pg-frase{font-family:var(--f-titulo);font-size:clamp(1.9rem,4.2vw,3.1rem);line-height:1.1;color:var(--marrom);
  max-width:17em;margin:14px auto 20px;text-wrap:balance;}
.livro .pg-frase-resto{font-size:1.15rem;line-height:1.7;color:#5f4a3a;max-width:34em;margin:0 auto;}

/* ── Cartões do que entregamos ──────────────────────────────────────────── */
.livro .pg-entregas{position:relative;background:var(--morro);padding:96px 0;}
.livro .pg-entregas h2{font-size:clamp(1.9rem,4vw,2.6rem);margin:0;}
.livro .pg-cartoes{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:38px;}
.livro .pg-cartao{background:#fff;border:2px solid var(--marrom);border-radius:18px;padding:24px 22px 26px;
  box-shadow:var(--sombra-livro);transition:transform .25s ease;}
.livro .pg-cartao:hover{transform:translateY(-4px) rotate(-.8deg);}
.livro .pg-cartao img{width:104px;height:104px;object-fit:contain;display:block;margin:-6px 0 8px -6px;}
.livro .pg-cartao h3{font-family:var(--f-titulo);font-weight:400;font-size:1.3rem;line-height:1.15;color:var(--marrom);margin:0 0 8px;}
.livro .pg-cartao p{font-size:.98rem;line-height:1.6;color:#5f4a3a;margin:0;}

/* ── Botões: grandes, com seta, sem letra miúda ──────────────────────────
   (o botão do topo da home encolhe a letra pela largura da tela; aqui não). */
.livro .pg-botoes{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:30px;}
.livro .pg-botoes.center{justify-content:center;}
.livro .pg-botao{white-space:nowrap;display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:12px 14px 12px 28px;border-radius:999px;
  background:var(--sol);color:var(--marrom);border:2.5px solid var(--marrom);box-shadow:4px 5px 0 rgba(90,62,43,.2);
  font-family:'Nunito',sans-serif;font-weight:900;font-size:1.05rem;letter-spacing:.01em;text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;}
.livro .pg-botao:hover{background:var(--sol-h);transform:translateY(-2px);box-shadow:5px 7px 0 rgba(90,62,43,.22);}
.livro .pg-botao:focus-visible{outline:3px solid var(--marrom);outline-offset:3px;}
.livro .pg-botao.claro{background:#fff;padding-right:28px;}
.livro .pg-botao.claro:has(.pg-botao-seta){padding-right:14px;}
.livro .pg-botao.claro:hover{background:#FFF8E6;}
.livro .pg-botao.grande{min-height:64px;font-size:1.15rem;padding-left:34px;}
.livro .pg-botao-seta{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--marrom);
  flex:0 0 auto;transition:transform .2s ease;}
.livro .pg-botao-seta svg{width:18px;height:18px;fill:none;stroke:#FFE9B8;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
.livro .pg-botao:hover .pg-botao-seta{transform:translateX(3px);}

/* ── Como a gente trabalha (reaproveita os balões de Como funciona da home) ── */
.livro .como.pg-como{padding:100px 0 96px;}
.livro .pg-nota{max-width:40em;margin:44px auto 0;text-align:center;font-size:1.02rem;line-height:1.65;color:#5f4a3a;
  background:#fff;border:2px dashed rgba(90,62,43,.45);border-radius:16px;padding:18px 24px;}

/* ── Festas de todos os tamanhos e onde a gente atende ──────────────────── */
.livro .pg-alcance{position:relative;overflow:hidden;isolation:isolate;background:var(--ceu-claro);padding:96px 0;}
.livro .pg-alcance > .wrap{position:relative;z-index:1;}
.livro .pg-alcance .pg-nuvem.n4{width:110px;left:2%;top:36px;}
.livro .pg-alcance .pg-nuvem.n5{width:80px;right:4%;bottom:48px;animation-direction:reverse;}
.livro .pg-duas.pg-duas-iguais{grid-template-columns:1fr 1fr;align-items:start;gap:56px;}
.livro .pg-bloco h2{font-size:clamp(1.8rem,3.4vw,2.4rem);margin:6px 0 14px;}
.livro .pg-bloco p{font-size:1.06rem;line-height:1.65;color:#5f4a3a;margin:0 0 22px;}
.livro .pg-bloco .chips{gap:10px;}

/* ── Depoimento e chamado ───────────────────────────────────────────────── */
.livro .depo.pg-depo{background:#FFF5DA;padding:92px 0 108px;}
.livro .pg-depo .depo-grid{margin-bottom:0;}
.livro .depo .pg-chamado,.livro .pg-chamado{font-family:var(--f-titulo);font-weight:400;font-size:clamp(1.9rem,4vw,2.7rem);color:var(--marrom);margin:88px 0 10px;}
.livro .pg-chamado-sub{font-size:1.1rem;line-height:1.6;color:#5f4a3a;max-width:30em;margin:0 auto;}

/* ── Celular ────────────────────────────────────────────────────────────── */
@media (max-width:900px){
  .livro .pg-duas{grid-template-columns:1fr;gap:40px;}
  .livro .pg-cartoes{grid-template-columns:1fr 1fr;}
}
@media (max-width:760px){
  .livro .pg-cena{padding:92px 14px 140px;min-height:0;}
  .livro .pg-cena-titulo{padding:44px 20px 34px;}
  .livro .pg-aviao{width:150px;top:18px;}
  .livro .pg-baloes{display:none;}
  .livro .pg-nuvem.n2,.livro .pg-nuvem.n3{display:none;}
  .livro .pg-quem,.livro .pg-entregas{padding:72px 0;}
  .livro .pg-texto{text-align:center;}
  .livro .pg-texto p{margin-left:auto;margin-right:auto;}
  .livro .pg-botoes{justify-content:center;}
  .livro .pg-botao.grande{font-size:1.05rem;padding-left:24px;min-height:60px;}
  .livro .pg-duas.pg-duas-iguais{grid-template-columns:1fr;gap:48px;}
  .livro .pg-bloco{text-align:center;}
  .livro .pg-bloco .chips{justify-content:center;}
  .livro .pg-alcance,.livro .como.pg-como{padding:72px 0;}
  .livro .pg-polaroides{height:360px;}
  .livro .pg-proposito{padding:108px 0 90px;}
}
@media (max-width:560px){
  .livro .pg-cartoes{grid-template-columns:1fr;}
  .livro .pg-cartao{text-align:center;}
  .livro .pg-cartao img{margin:-6px auto 8px;}
  .livro .pg-polaroides{height:320px;}
}
@media (prefers-reduced-motion: reduce){
  .livro .pg-sol,.livro .pg-nuvem,.livro .pg-aviao-voo,.livro .pg-baloes{animation-duration:16s;}
}

/* ── Serviços ───────────────────────────────────────────────────────────── */
.livro .pg-atalhos{background:var(--morro);padding:30px 0 6px;}
.livro .pg-atalhos .chips{justify-content:center;gap:10px;}
.livro .pg-lista-servicos{background:var(--morro);padding:30px 0 80px;}
.livro .pg-servico{display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:center;padding:44px 0;
  border-bottom:2px dashed rgba(90,62,43,.18);scroll-margin-top:24px;}
.livro .pg-servico:last-child{border-bottom:0;}
.livro .pg-servico.vira{grid-template-columns:1fr 280px;}
.livro .pg-servico.vira .pg-servico-desenho{order:2;}
.livro .pg-servico-desenho{width:260px;height:260px;border-radius:46% 54% 50% 50% / 52% 46% 54% 48%;display:grid;place-items:center;
  background:#FFF1C7;border:2px solid var(--marrom);box-shadow:var(--sombra-livro);}
.livro .pg-servico:nth-child(3n+2) .pg-servico-desenho{background:#DCEFF2;}
.livro .pg-servico:nth-child(3n) .pg-servico-desenho{background:#FBE0E5;}
.livro .pg-servico-desenho img{width:190px;height:190px;object-fit:contain;}
.livro .pg-servico-num{font-family:var(--f-mao);color:var(--laranja-texto);font-size:1.3rem;}
.livro .pg-servico-texto h2{font-size:clamp(1.8rem,3.2vw,2.4rem);margin:2px 0 12px;}
.livro .pg-servico-texto p{font-size:1.12rem;line-height:1.7;color:#5f4a3a;max-width:34em;margin:0 0 14px;}
.livro .pg-link-mais{display:inline-flex;align-items:center;min-height:44px;gap:6px;font-weight:800;color:var(--marrom);
  text-decoration:underline;text-underline-offset:4px;}
.livro .pg-link-mais::after{content:"→";transition:transform .2s ease;}
.livro .pg-link-mais:hover::after{transform:translateX(3px);}
.livro .pg-alcance h2{font-size:clamp(1.6rem,3vw,2.2rem);max-width:22em;margin:6px auto 26px;}
.livro .pg-chips-centro{justify-content:center;max-width:920px;margin:0 auto;}
.livro .pg-fecho{background:#FFF5DA;padding:96px 0 110px;}
.livro .pg-fecho .pg-chamado{margin-top:0;}

/* ── Contato ────────────────────────────────────────────────────────────── */
.livro .pg-canais{background:var(--morro);padding:80px 0 88px;}
.livro .pg-cartoes.pg-cartoes-3{grid-template-columns:repeat(3,1fr);margin-top:0;}
.livro .pg-canal{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;}
.livro .pg-canal-icone{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--marrom);margin-bottom:8px;}
.livro .pg-canal-icone svg{width:28px;height:28px;fill:none;stroke:#FFE9B8;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;}
.livro .pg-canal h2{font-family:var(--f-titulo);font-weight:400;font-size:1.45rem;margin:0;}
.livro .pg-canal a{display:inline-flex;align-items:center;min-height:44px;font-weight:800;color:var(--laranja-texto);
  text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere;}

/* ── Perguntas ──────────────────────────────────────────────────────────── */
.livro .pg-perguntas{background:var(--morro);padding:80px 0 90px;}
.livro .pg-perguntas .faq-lista{margin-top:0;}

/* ── Blog ───────────────────────────────────────────────────────────────── */
.livro .pg-blog-lista{background:var(--morro);padding:64px 0 90px;}
.livro .pg-filtros{justify-content:center;gap:10px;}
.livro button.chip{font:inherit;font-weight:700;cursor:pointer;background:#fff;color:var(--marrom);}
.livro .chip.ativo{background:var(--sol);}
.livro .pg-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;}
.livro .pg-post{display:flex;flex-direction:column;gap:6px;background:#fff;border:2px solid var(--marrom);border-radius:18px;
  padding:20px 22px 22px;box-shadow:var(--sombra-livro);text-decoration:none;color:var(--marrom);transition:transform .2s ease;}
.livro .pg-post:hover{transform:translateY(-3px) rotate(-.6deg);}
.livro .pg-post img{width:84px;height:84px;object-fit:contain;margin:-4px 0 4px -4px;}
.livro .pg-post img.pg-post-ilustra{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0 0 8px;border-radius:10px;
  border:2px solid var(--marrom);}
.livro .pg-post-cat{font-family:var(--f-mao);color:var(--laranja-texto);font-size:1.05rem;}
.livro .pg-post-titulo{font-weight:800;font-size:1.05rem;line-height:1.35;}
.livro .pg-post.escondido{display:none;}
.livro .pg-regioes{margin-top:88px;scroll-margin-top:24px;}
.livro .pg-regioes h2{font-size:clamp(1.8rem,3.4vw,2.4rem);margin:6px 0 10px;}
.livro .pg-regioes-sub{text-align:center;color:#5f4a3a;font-size:1.06rem;margin:0 0 30px;}
.livro .pg-regioes-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 36px;}
.livro .pg-regiao h3{font-family:var(--f-titulo);font-weight:400;font-size:1.35rem;color:var(--marrom);margin:0 0 12px;}
.livro .pg-regiao .chips{gap:8px;}

@media (max-width:900px){
  .livro .pg-servico,.livro .pg-servico.vira{grid-template-columns:1fr;gap:22px;justify-items:center;text-align:center;}
  .livro .pg-servico.vira .pg-servico-desenho{order:0;}
  .livro .pg-servico-texto p{margin-left:auto;margin-right:auto;}
  .livro .pg-cartoes.pg-cartoes-3{grid-template-columns:1fr;max-width:460px;margin:0 auto;}
  .livro .pg-posts{grid-template-columns:1fr 1fr;}
  .livro .pg-regioes-grade{grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){
  .livro .pg-servico-desenho{width:210px;height:210px;}
  .livro .pg-servico-desenho img{width:150px;height:150px;}
  .livro .pg-posts,.livro .pg-regioes-grade{grid-template-columns:1fr;}
  .livro .pg-post{align-items:center;text-align:center;}
  .livro .pg-regiao{text-align:center;}
  .livro .pg-regiao .chips{justify-content:center;}
}
.livro .pg-filtros .chip{font-size:.95rem;font-weight:700;}

/* ── Molde de artigo (bairros, temas, guias e ocasiões) ─────────────────── */
.livro .pg-artigo{background:var(--morro);padding:72px 0 88px;}
.livro .pg-artigo-corpo{max-width:760px;margin:0 auto;background:#fff;border:2px solid var(--marrom);border-radius:22px;
  box-shadow:6px 7px 0 rgba(90,62,43,.16);padding:52px 56px 44px;}
.livro .pg-artigo-corpo > p:first-child{font-size:1.24rem;line-height:1.7;color:var(--marrom);}
.livro .pg-artigo-corpo p,.livro .pg-artigo-corpo li{font-size:1.1rem;line-height:1.8;color:#5f4a3a;}
.livro .pg-artigo-corpo p{margin:0 0 18px;}
.livro .pg-artigo-corpo h2{font-family:var(--f-titulo);font-weight:400;font-size:clamp(1.6rem,3vw,2.05rem);line-height:1.15;
  color:var(--marrom);margin:42px 0 14px;}
.livro .pg-artigo-corpo h3{font-family:var(--f-titulo);font-weight:400;font-size:1.4rem;color:var(--marrom);margin:30px 0 10px;}
.livro .pg-artigo-corpo ul,.livro .pg-artigo-corpo ol{padding-left:1.3em;margin:0 0 20px;}
.livro .pg-artigo-corpo li{margin:0 0 8px;}
.livro .pg-artigo-corpo li::marker{color:var(--laranja);}
.livro .pg-artigo-corpo a{color:var(--laranja-texto);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.livro .pg-artigo-corpo strong{color:var(--marrom);}
.livro .pg-artigo-corpo img{max-width:100%;height:auto;border-radius:12px;}
.livro .pg-artigo-corpo table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:1rem;}
.livro .pg-artigo-corpo th,.livro .pg-artigo-corpo td{border:1px solid rgba(90,62,43,.25);padding:10px 12px;text-align:left;}
@media (max-width:760px){
  .livro .pg-artigo{padding:44px 0 64px;}
  .livro .pg-artigo-corpo{padding:30px 20px 24px;border-radius:18px;}
  .livro .pg-artigo-corpo > p:first-child{font-size:1.12rem;}
  .livro .pg-artigo-corpo p,.livro .pg-artigo-corpo li{font-size:1.04rem;}
}

/* ── Molde de página de venda: o miolo antigo no visual novo ────────────── */
.livro .pg-landing-miolo{background:var(--morro);padding:64px 20px 72px;}
.livro .pg-landing-miolo > *{max-width:1120px;margin-left:auto!important;margin-right:auto!important;}
.livro .pg-landing-miolo > div,.livro .pg-landing-miolo > section{margin-top:0!important;margin-bottom:64px!important;}
.livro .pg-landing-nota{text-align:center;font-size:1.05rem;color:#5f4a3a;margin:0 auto 40px!important;}
.livro .pg-landing-nota a,.livro .pg-landing-miolo p a{color:var(--laranja-texto);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.livro .pg-landing-miolo h2{font-family:var(--f-titulo)!important;font-weight:400!important;font-size:clamp(1.8rem,3.4vw,2.5rem)!important;
  line-height:1.12;color:var(--marrom)!important;margin-bottom:16px;}
.livro .pg-landing-miolo h3,.livro .pg-landing-miolo h4{font-family:var(--f-titulo)!important;font-weight:400!important;color:var(--marrom)!important;}
.livro .pg-landing-miolo p,.livro .pg-landing-miolo li{font-family:'Nunito',sans-serif;color:#5f4a3a;font-size:1.06rem;line-height:1.75;}
.livro .pg-landing-miolo img{border-radius:16px;max-width:100%;height:auto;}
.livro .pg-landing-miolo [class*="card-style"],.livro .pg-landing-miolo [class*="card-"][class*="bg-"]{background:#fff!important;
  border:2px solid var(--marrom)!important;border-radius:18px!important;box-shadow:var(--sombra-livro)!important;}
.livro .pg-landing-miolo a[class*="btn"]{display:inline-flex;align-items:center;min-height:52px;padding:12px 28px;border-radius:999px!important;
  background:var(--sol)!important;color:var(--marrom)!important;border:2.5px solid var(--marrom)!important;box-shadow:4px 5px 0 rgba(90,62,43,.2);
  font-family:'Nunito',sans-serif;font-weight:900;font-size:1rem;text-decoration:none;}
.livro .pg-landing-miolo .container,.livro .pg-landing-miolo .container.xl{max-width:1120px;padding-left:0;padding-right:0;}
@media (max-width:760px){
  .livro .pg-landing-miolo{padding:40px 16px 56px;}
  .livro .pg-landing-miolo h2,.livro .pg-landing-miolo h3,.livro .pg-landing-miolo h4{text-align:center;}
}
/* Cartões e listas do tema antigo dentro do molde de página de venda */
.livro .pg-landing-miolo [class*="card-style"]{padding:26px 24px 24px!important;display:flex;flex-direction:column;gap:8px;}
.livro .pg-landing-miolo [class*="card-style"] .icon{display:none!important;}
.livro .pg-landing-miolo [class*="card-style"] h4,.livro .pg-landing-miolo [class*="card-style"] h3{margin:0!important;font-size:1.35rem!important;line-height:1.2;}
.livro .pg-landing-miolo [class*="card-style"] p{margin:0!important;font-size:1rem;}
.livro .pg-landing-miolo div[style*="background"]{background:transparent!important;padding-top:0!important;padding-bottom:0!important;}
.livro .pg-landing-miolo h2 span{color:inherit!important;background:none!important;}
.livro .pg-landing-miolo a.d-block.rounded{display:flex!important;align-items:center;justify-content:center;min-height:44px;padding:8px 14px!important;
  background:#fff!important;border:2px solid var(--marrom);border-radius:999px!important;box-shadow:var(--sombra-livro);
  color:var(--marrom)!important;font-weight:700!important;font-size:.95rem!important;text-decoration:none;}
.livro .pg-landing-miolo a.d-block.rounded:hover{background:#FFF1C7!important;}
.livro .pg-landing-miolo [class*="card-style"]{margin:8px!important;height:calc(100% - 16px)!important;}
@media (max-width:760px){.livro .pg-artigo-corpo h2,.livro .pg-artigo-corpo h3{text-align:center;}}

/* ── Ilustrações dos artigos e das páginas de venda (30/09/2026) ────────── */
/* Polaroide com fita, no traço das fotos do Sobre. Sai um pouco da coluna do texto para respirar. */
.livro .pg-ilustra{position:relative;margin:38px -30px 40px;background:#fff;padding:10px 10px 14px;border:2px solid var(--marrom);
  border-radius:6px;box-shadow:6px 8px 0 rgba(90,62,43,.14);rotate:-1.4deg;transition:rotate .5s ease;}
.livro .pg-ilustra-d{rotate:1.2deg;}
.livro .pg-ilustra:hover{rotate:0deg;}
.livro .pg-ilustra::before{content:"";position:absolute;left:50%;top:-13px;width:96px;height:26px;margin-left:-48px;
  background:rgba(244,196,58,.75);rotate:-3deg;border-radius:3px;}
.livro .pg-ilustra-d::before{background:rgba(168,214,222,.85);rotate:2deg;}
.livro .pg-ilustra img,.livro .pg-artigo-corpo .pg-ilustra img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:3px;}
.livro .pg-ilustra-faixa .pg-ilustra{max-width:780px;margin:0 auto;}
@media (max-width:760px){
  .livro .pg-ilustra{margin:30px -4px 32px;padding:7px 7px 10px;rotate:-1deg;}
  .livro .pg-ilustra-d{rotate:.8deg;}
  .livro .pg-ilustra::before{width:72px;height:22px;margin-left:-36px;top:-11px;}
}
@media (prefers-reduced-motion: reduce){.livro .pg-ilustra{transition-duration:1.2s;}}

/* ── Eventos: galeria de ideias desenhadas (30/09/2026) ─────────────────── */
.livro .pg-galeria{background:var(--morro);padding:80px 0 72px;}
.livro .pg-galeria-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 44px;}
.livro .pg-ideia{display:flex;flex-direction:column;align-items:flex-start;}
.livro .pg-ideia .pg-ilustra{margin:0 0 26px;width:100%;}
.livro .pg-ideia:nth-child(3n+2){transform:translateY(40px);}
.livro .pg-ideia:last-child:nth-child(3n+1){grid-column:2;}   /* com 7 ideias, a última fica no meio */
@media (min-width:761px) and (max-width:1099px){
  .livro .pg-galeria-lista{grid-template-columns:repeat(2,minmax(0,1fr));}
  .livro .pg-ideia:nth-child(3n+2){transform:none;}
  .livro .pg-ideia:nth-child(2n){transform:translateY(40px);}
  .livro .pg-ideia:last-child:nth-child(3n+1){grid-column:auto;}
  .livro .pg-ideia:last-child:nth-child(odd){grid-column:1 / -1;max-width:calc(50% - 22px);justify-self:center;}
}
.livro .pg-ideia-tipo{font-family:'Nunito',sans-serif;font-weight:900;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--laranja-texto);}
.livro .pg-ideia-titulo{font-family:var(--f-titulo);font-weight:400;font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1.1;color:var(--marrom);margin:6px 0 10px;}
.livro .pg-ideia p{font-size:1.06rem;line-height:1.7;color:#5f4a3a;margin:0 0 14px;}
.livro .pg-ideia-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:900;color:var(--marrom);
  text-decoration:underline;text-decoration-color:var(--sol);text-decoration-thickness:3px;text-underline-offset:5px;}
.livro .pg-ideia-link .pg-botao-seta svg{width:20px;height:20px;}
.livro .pg-galeria-nota{max-width:640px;margin:96px auto 0;text-align:center;color:#5f4a3a;font-size:1rem;}
.livro .pg-galeria-nota a{color:var(--laranja-texto);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
@media (max-width:760px){
  .livro .pg-galeria{padding:48px 0 56px;}
  .livro .pg-galeria-lista{grid-template-columns:1fr;gap:48px;}
  .livro .pg-ideia{align-items:center;text-align:center;}
  .livro .pg-ideia:nth-child(n){transform:none;}
  .livro .pg-ideia:last-child:nth-child(n){grid-column:auto;max-width:none;}
  .livro .pg-galeria-nota{margin-top:56px;}
}