/* Páginas de apoio: 404, privacidade e páginas da Carta da poesia. Usa os tokens de site.css. */
.pag .topo{position:sticky}
.pag-rodape{color:var(--cinza)}
.pag-rodape a{color:inherit}

/* 404: varal vazio, um pregador solto e o folheto caído */
.p404{position:relative;min-height:calc(100svh - var(--header));overflow:hidden;padding:0 0 clamp(48px,8vh,96px)}
.p404-cordao{display:block;width:100%;height:44px;color:var(--tinta)}
.p404-varal{position:absolute;left:0;right:0;top:0;height:60px}
.p404-pregador{position:absolute;top:6px;width:14px;height:34px;background:var(--madeira);border-radius:2px;box-shadow:inset -4px 0 0 rgba(0,0,0,.18);transform-origin:50% 0}
.p404-pregador.p1{left:22%;top:12px}
.p404-pregador.p2{left:48%;top:20px}
.p404-pregador.p3{left:74%;top:12px;transform:rotate(18deg)}
@media (prefers-reduced-motion:no-preference){.p404-pregador.solto{animation:balanco 3.2s ease-in-out infinite alternate}}
@keyframes balanco{from{transform:rotate(18deg)}to{transform:rotate(-8deg)}}
.p404-miolo{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);grid-template-areas:"num folheto" "titulo folheto" "lead folheto" "acoes folheto";column-gap:clamp(24px,5vw,72px);padding-top:clamp(24px,6vh,64px)}
.p404-numero{grid-area:num;margin:0;font-family:var(--f-slab);font-size:clamp(5rem,2rem + 14vw,13rem);line-height:.8;letter-spacing:-.02em;color:var(--tinta)}
.p404-titulo{grid-area:titulo;font-family:var(--f-slab);font-size:clamp(2rem,1.1rem + 3.6vw,4.4rem);line-height:.98;max-width:14ch;margin:18px 0 18px;text-wrap:balance}
.p404-miolo .lead{grid-area:lead;margin-bottom:28px}
.p404-miolo .acoes{grid-area:acoes}
.p404-folheto{grid-area:folheto;align-self:end;width:min(100%,230px);justify-self:center;transform:rotate(-14deg) translateY(10px);filter:drop-shadow(0 18px 18px rgba(27,23,20,.3))}
.p404-vazio{display:grid;place-items:center;width:100%;aspect-ratio:1;font-family:var(--f-slab);font-size:4rem;color:rgba(27,23,20,.18);border:2px dashed rgba(27,23,20,.25)}
@media (max-width:760px){
  .p404-miolo{grid-template-columns:1fr;grid-template-areas:"num" "titulo" "lead" "acoes" "folheto"}
  .p404-folheto{width:150px;justify-self:end;margin-top:32px}
}

/* Privacidade */
.texto-legal{max-width:760px}
.texto-legal .h2{margin-bottom:8px}
.texto-legal .h3{margin:36px 0 12px}
.lista-legal{display:grid;gap:12px;margin:16px 0}
.lista-legal li{padding-left:18px;position:relative;line-height:1.55}
.lista-legal li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;background:var(--urucum)}

/* Páginas da Carta */
.pag-carta{position:relative;max-width:820px;min-height:60svh}
.pag-carta .h2{max-width:14ch;margin:24px 0 18px}
.pag-selo{position:relative;top:auto;right:auto;display:inline-grid}
.pag-carta .acoes{margin-top:28px}