/* Lapis Magico: camada de animacoes v1 (uiverse + prompt-motion) */
/* 1. Brilho nos CTAs grandes */
.btn-lg{position:relative;overflow:hidden;isolation:isolate}
.btn-lg::after{content:"";position:absolute;top:-2px;bottom:-2px;left:-60%;width:45%;z-index:-1;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.75) 50%,transparent 100%);
  transform:skewX(-18deg);animation:lm-shine 3.6s var(--ease) infinite}
@keyframes lm-shine{0%,62%{left:-60%}100%{left:130%}}

/* 2. Pulso suave no CTA da oferta */
.offerx .btn-lg{animation:lm-pulse 2.4s ease-in-out infinite}
@keyframes lm-pulse{0%,100%{box-shadow:0 5px 0 var(--tinta),0 0 0 0 rgba(255,210,63,.55)}50%{box-shadow:0 5px 0 var(--tinta),0 0 0 14px rgba(255,210,63,0)}}

/* 3. Rabiscos flutuando no hero */
.hx{isolation:isolate}
.lm-doodles{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.lm-doodle{position:absolute;opacity:.85;animation:lm-float 7s ease-in-out infinite}
.lm-doodle:nth-child(2n){animation-duration:9s;animation-direction:reverse}
.lm-doodle:nth-child(3n){animation-duration:11s}
@keyframes lm-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(12deg)}}

/* 4. Titulos entram palavra por palavra */
.lm-w{display:inline-block;opacity:0;transform:translateY(.55em) rotate(4deg);
  transition:opacity .5s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--i)*70ms)}
.lm-in .lm-w{opacity:1;transform:none}

/* 5. Sublinhado de giz na ultima palavra */
.lm-chalk{position:relative;white-space:nowrap;isolation:isolate}
.lm-chalk svg{position:absolute;left:-2%;bottom:-.28em;width:104%;height:.45em;overflow:visible;z-index:-1}
.lm-chalk path{stroke:var(--marca-texto);stroke-width:7;fill:none;stroke-linecap:round;
  stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1.1s .35s var(--ease)}
.lm-in .lm-chalk path{stroke-dashoffset:0}

/* 6. Livros com inclinacao 3D */
.bk-book{transition:transform .35s var(--ease);will-change:transform}

/* 7. Confete ao clicar em comprar */
.lm-spark{position:fixed;width:10px;height:10px;border-radius:3px;pointer-events:none;z-index:9999}

@media (prefers-reduced-motion:reduce){
  .btn-lg::after,.offerx .btn-lg,.lm-doodle{animation:none}
  .lm-w{opacity:1;transform:none;transition:none}
  .lm-chalk path{stroke-dashoffset:0;transition:none}
}

/* Faixa inclinada: pontas fora da tela */
html,body{overflow-x:clip}
main .band,body .band{margin-left:-80px;margin-right:0;width:calc(100% + 160px)}

/* Livros: leque menor no computador para a página de trás não passar por baixo do título */
@media (min-width:761px){
  .bk.open .bk-pg.pg2,.bk-link:hover .bk-pg.pg2{transform:rotate(7deg) translate(11%,-4%)}
  .bk.open .bk-pg.pg1,.bk-link:hover .bk-pg.pg1{transform:rotate(-10deg) translate(-18%,3%)}
  .bk-info{padding-left:clamp(12px,2vw,28px)}
}