/* Fundo extraído da edição e ilustrações originais do projeto do e-book. */
.contents .value-grid{gap:35px;padding:12px 5px 18px;perspective:1400px}
.value-grid .illustrated-note{
  background:#f5ecd6 url("assets/papel-original-ebook.png") center/100% 100% no-repeat;
  border:0;border-radius:1px 2px 42% 2% / 1px 2px 7px 3px;
  padding:28px 28px 44px;box-shadow:0 1px 2px #66513630;
  isolation:isolate;transform:rotate(-1.2deg);transform-origin:50% 10%;
}
.value-grid .illustrated-note:nth-child(2){transform:rotate(.8deg);margin-top:13px}
.value-grid .illustrated-note:nth-child(3){transform:rotate(-.65deg)}
.illustrated-note:before{
  width:76px;height:26px;top:-12px;left:calc(50% - 38px);
  background:linear-gradient(95deg,#e4d7be8c,#f8edceaa 40%,#ded1b78c);
  border:1px solid #ddcfb044;box-shadow:0 1px 1px #8b765d16;
  transform:rotate(-5deg);z-index:3;
  clip-path:polygon(2% 0,98% 1%,96% 13%,100% 24%,97% 38%,100% 51%,96% 67%,99% 81%,97% 100%,1% 98%,3% 85%,0 72%,3% 57%,0 43%,3% 29%,0 14%);
}
.illustrated-note:nth-child(2):before{background:linear-gradient(95deg,#e4d7be8c,#f8edceaa 40%,#ded1b78c);transform:rotate(4deg)}
.illustrated-note:after{inset:auto 0 0;height:32px;background:linear-gradient(0deg,#fff9,transparent 90%);border:0;border-radius:0 0 42% 2% / 0 0 7px 3px;z-index:0;opacity:.45}
.paper-shadow{position:absolute;inset:auto 3% -17px;height:24px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#4d392b46 0%,#4d392b28 32%,transparent 72%);filter:blur(3px);transform:rotate(-1deg)}
.paper-lift{
  position:absolute;bottom:-1px;right:0;width:54%;height:19px;z-index:2;
  background:linear-gradient(174deg,transparent 17%,#fcf7e72e 45%,#fffaf0b3 73%,#d7c9ac52 97%);
  border-bottom:1px solid #d4c3a34d;border-radius:0 0 85% 0 / 0 0 13px 0;
  pointer-events:none;transform:skewY(-1.5deg);transform-origin:right bottom;
}
.illustrated-note .note-art{height:186px;margin:0 -10px 19px;transform:none!important;display:flex;align-items:center;justify-content:center}
.note-art img{display:block;width:100%;max-width:252px;height:100%;object-fit:contain;mix-blend-mode:multiply}
.illustrated-note:nth-child(2) .note-art img{max-width:270px}
.illustrated-note .value-index{font-size:10px;color:#93624a;letter-spacing:1.6px;margin-bottom:13px}
.illustrated-note h3{font-size:25px;color:#713a25}
.illustrated-note p{color:#5a4437;font-size:16px;line-height:1.75}
.illustrated-note.is-visible .note-art img{animation:original-art-enter 1s ease both;animation-delay:var(--reveal-delay,0ms)}
.value-grid .illustrated-note{transition:translate .8s ease,opacity .8s ease,transform .5s ease,box-shadow .5s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .value-grid .illustrated-note:hover{transform:rotate(0) translateY(-4px);box-shadow:0 2px 4px #66513628}
}
@keyframes original-art-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:761px) and (max-width:1000px){
  .contents .value-grid{gap:22px}
  .value-grid .illustrated-note{padding:23px 20px 38px}
  .illustrated-note .note-art{height:150px;margin-inline:-8px}
  .illustrated-note h3{font-size:23px}
}
@media(max-width:760px){
  .contents .value-grid{gap:40px;padding-inline:5px}
  .value-grid .illustrated-note{padding:27px 28px 40px;max-width:370px}
  .value-grid .illustrated-note:nth-child(2){margin-top:0}
  .illustrated-note .note-art{height:183px;margin-bottom:17px}
  .illustrated-note h3{font-size:24px}
  .illustrated-note p{font-size:17px}
}
#purchase,#purchase[aria-disabled="true"]{background:#5d7044;border-color:#5d7044;color:#fffdf8}
#purchase:hover,#purchase[aria-disabled="true"]:hover{background:#4d5e38;border-color:#4d5e38}
.secure-purchase{display:flex;justify-content:center;align-items:center;gap:7px;margin:13px 0 0;font-size:13px;line-height:1.5;color:#755b50}
.secure-purchase svg{width:18px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.page-previews figure>img{box-shadow:0 12px 28px #49271920}
.offer .forever-script{display:block;font-family:Italianno,cursive;font-size:42px;line-height:1.05;font-weight:400;color:var(--coral);margin-top:-3px;text-transform:none;letter-spacing:0}
@media(max-width:760px){.offer .forever-script{font-size:43px}}
.contents .contents-note strong{font-family:Italianno,cursive;font-size:34px;line-height:1.2;font-weight:400}
.contents .contents-note{align-items:center;gap:12px}
.contents-note .letter-note-icon{display:block;width:76px;height:64px;object-fit:contain;flex-shrink:0}
@media(max-width:760px){.contents .contents-note{flex-direction:column;align-items:center;gap:5px;text-align:center}.contents .contents-note strong{font-size:30px;text-wrap:balance}.contents-note .letter-note-icon{width:70px;height:58px}}
@media(max-width:760px){
  .hero .collection{order:-1;margin-top:0}
  .hero-copy{width:100%;min-width:0}
  h1#titulo{font-size:25px;max-width:none;width:100%;text-wrap:balance}
  h2,.offer h2{font-size:20px}
  h2#preview-title,h2#colecao-title{font-size:28px}
  .offer h2#oferta-titulo{font-size:25px}
  .illustrated-note h3{font-size:22px}
}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
  .mobile-scroll-active .collection .cover{transform:translateY(calc(var(--scroll-phase,0) * -24px)) rotate(calc(-3deg + var(--scroll-phase,0) * 3deg));transition:none}
  .mobile-scroll-active .collection .sample-back{transform:translateY(calc(var(--scroll-phase,0) * -14px)) rotate(calc(13deg + var(--scroll-phase,0) * 3deg));transition:none}
  .mobile-scroll-active .collection .sample-middle{transform:translateY(calc(var(--scroll-phase,0) * -18px)) rotate(calc(-13deg - var(--scroll-phase,0) * 3deg));transition:none}
  .mobile-scroll-active .value-grid .illustrated-note{--paper-angle:-1.2deg;transform:translateY(calc(var(--scroll-phase,0) * -4px)) rotate(calc(var(--paper-angle) + var(--scroll-phase,0) * 1.4deg));transition:none}
  .mobile-scroll-active .value-grid .illustrated-note:nth-child(2){--paper-angle:.8deg}
  .mobile-scroll-active .value-grid .illustrated-note:nth-child(3){--paper-angle:-.65deg}
}
@media(prefers-reduced-motion:reduce){.illustrated-note.is-visible .note-art img{animation:none}}