.hero{position:relative; isolation:isolate; overflow:hidden; margin-inline:clamp(8px,1.4vw,20px); border-radius:24px; background:var(--ceu); color:#FDFDFA; padding:14px clamp(12px,2vw,20px) 0}
.nuvem{position:absolute; z-index:-1; border-radius:50%; filter:blur(42px); animation:deriva 46s ease-in-out infinite alternate}
.n1{width:46%; height:150px; left:-8%; top:40%; background:rgb(185 162 240/.5)}
.n2{width:40%; height:140px; right:-8%; top:50%; background:rgb(242 115 95/.42); animation-duration:58s; animation-direction:alternate-reverse}
.n3{width:60%; height:170px; left:22%; top:68%; background:rgb(255 176 112/.5); animation-duration:64s}
.n4{width:32%; height:120px; left:56%; top:30%; background:rgb(142 92 136/.5); animation-duration:52s}
.sol-hero{position:absolute; z-index:-1; left:50%; bottom:-16%; width:clamp(260px,34vw,440px); aspect-ratio:1; border-radius:50%; transform:translate(-50%,0);
  background:radial-gradient(circle at 50% 42%,#FFF4D6 0%,#FFD89A 30%,#FFB070 55%,rgb(242 115 95/.0) 71%)}
.play .sol-hero{animation:nasce 1.8s var(--ease-saida) both .1s}
.nav{display:flex; align-items:center; justify-content:space-between; gap:12px; max-width:1120px; margin-inline:auto; padding:6px 4px 10px 8px}
.malha-ceu{position:absolute; inset:0; z-index:-1; background-image:linear-gradient(rgb(255 255 255/.07) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/.07) 1px,transparent 1px); background-size:24px 24px; background-position:center top; -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 40%,transparent 78%); mask-image:linear-gradient(180deg,#000 0%,#000 40%,transparent 78%)}
.nav-links{display:flex; gap:28px; font-size:15px; font-weight:600; color:rgb(253 253 250/.78)}
.hero-corpo{max-width:820px; margin:clamp(48px,7vw,84px) auto 0; text-align:center; display:grid; justify-items:center; gap:20px; padding-inline:8px}
.selo-papel{display:inline-flex; align-items:center; gap:8px; padding:6px 14px 6px 8px; border-radius:999px; font-size:14px; font-weight:700; color:var(--tinta); background:var(--pergaminho); filter:var(--adesivo); transform:rotate(-2deg)}
.selo-papel svg{width:20px; height:20px}
.hero h1{font-size:clamp(40px,6.2vw,72px); line-height:1.1; letter-spacing:-.023em}
.hero-sub{font-size:clamp(16px,1.6vw,19px); line-height:1.55; color:rgb(253 253 250/.8); max-width:560px}
.hero-botoes{display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:6px}
.espalhadas{position:relative; max-width:1040px; height:clamp(250px,31vw,400px); margin:clamp(40px,5vw,64px) auto 0}
.espalhadas .print{position:absolute; width:19%; left:var(--x); bottom:var(--b); z-index:var(--z,1)}
.espalhadas .ad-pos{position:absolute; left:var(--x); top:var(--y); z-index:6}
.capa-livro{position:relative; aspect-ratio:4/5; padding:clamp(12px,1.6vw,20px); display:grid; align-content:end; gap:4px; color:#FDFDFA; border-radius:6px 14px 14px 6px; background:linear-gradient(160deg,#8E5C88 0%,#3B2150 55%,#1A1024 100%); box-shadow:var(--sombra-foto),inset 7px 0 0 rgb(0 0 0/.18),inset 8px 0 0 rgb(255 255 255/.12)}
.capa-sol{position:absolute; top:14%; left:50%; width:34%; height:auto; aspect-ratio:1; transform:translateX(-50%); color:#FDFDFA}
.capa-titulo{font-size:clamp(18px,2.2vw,28px); line-height:1.05; letter-spacing:-.015em}
.capa-sub{font-size:clamp(10px,1vw,12px); font-weight:700; color:rgb(253 253 250/.75)}
.rever{position:absolute; right:14px; bottom:14px; z-index:8}
.mapa-legenda{max-width:1200px; margin:10px auto 0; padding-inline:clamp(16px,4vw,32px); display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:13px; color:var(--pedra)}
@media (max-width:760px){
  .nav-links{display:none}
  .espalhadas .print{width:36%}
  .espalhadas .p1,.espalhadas .p5{display:none}
  .espalhadas .p2{--x:4%!important} .espalhadas .p3{--x:32%!important} .espalhadas .p4{--x:60%!important}
  .espalhadas .ad-pos{transform:scale(.85)}
  .espalhadas .a1{--x:52%!important} .espalhadas .a3{--x:62%!important; --y:74%!important}
}