/* Widget Livro Destacado — Estante AME Editora */
.livro-destacado{container-type:inline-size;container-name:ld}
.ld{
  --ld-bg-1:#185E35;--ld-bg-2:#06261A;--ld-glow:rgba(147,219,101,.35);
  --ld-accent:#93DB65;--ld-title:#fff;--ld-text:rgba(234,242,236,.78);
  --ld-btn-bg:#FFCC00;--ld-btn-fg:#06261A;--ld-badge-bg:#FFCC00;--ld-badge-fg:#06261A;
  --ld-book-w:260px;--ld-lines:5;
  --ld-bw:var(--ld-book-w);
  --ld-bh:calc(var(--ld-bw) * var(--ld-mm-h,230) / var(--ld-mm-w,160));
  --ld-bt:calc(var(--ld-bw) * var(--ld-mm-t,20) / var(--ld-mm-w,160));
  position:relative;overflow:hidden;isolation:isolate;
  color:var(--ld-text);font-family:Inter,system-ui,sans-serif;
  padding:96px 64px;
  background:
    radial-gradient(60% 80% at 22% 50%,color-mix(in srgb,var(--ld-glow) 65%,transparent),transparent 60%),
    radial-gradient(40% 60% at 85% 10%,rgba(255,204,0,.10),transparent 70%),
    linear-gradient(135deg,var(--ld-bg-1) 0%,color-mix(in srgb,var(--ld-bg-1) 45%,var(--ld-bg-2)) 55%,var(--ld-bg-2) 100%);
}
.ld--reverse{background:
    radial-gradient(60% 80% at 78% 50%,color-mix(in srgb,var(--ld-glow) 65%,transparent),transparent 60%),
    radial-gradient(40% 60% at 15% 10%,rgba(255,204,0,.10),transparent 70%),
    linear-gradient(225deg,var(--ld-bg-1) 0%,color-mix(in srgb,var(--ld-bg-1) 45%,var(--ld-bg-2)) 55%,var(--ld-bg-2) 100%)}
.ld::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.45;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1.4px);background-size:28px 28px;
  -webkit-mask-image:radial-gradient(70% 70% at 25% 50%,#000,transparent 75%);mask-image:radial-gradient(70% 70% at 25% 50%,#000,transparent 75%)}
.ld--reverse::before{-webkit-mask-image:radial-gradient(70% 70% at 75% 50%,#000,transparent 75%);mask-image:radial-gradient(70% 70% at 75% 50%,#000,transparent 75%)}
.ld__bgimg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;opacity:.25;pointer-events:none}

.ld__inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(280px,5fr) 7fr;gap:72px;align-items:center}
.ld--reverse .ld__stage{order:2}

/* ---------- Palco ---------- */
.ld__stage{position:relative;display:grid;place-items:center;min-height:calc(var(--ld-bh) + 90px)}
.ld__halo{position:absolute;width:min(100%,calc(var(--ld-bw) * 1.9));aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,var(--ld-glow),transparent 65%);filter:blur(10px);animation:ld-pulse 6s ease-in-out infinite;pointer-events:none}
.ld__floor{position:absolute;left:50%;top:calc(50% + var(--ld-bh) / 2 + 6px);width:calc(var(--ld-bw) * 1.15);height:26px;translate:-50% 0;
  border-radius:50%;background:rgba(0,0,0,.45);filter:blur(16px);pointer-events:none}
.ld--float .ld__floor{animation:ld-shadow 7s ease-in-out infinite}
@keyframes ld-pulse{50%{transform:scale(1.06);opacity:.8}}
@keyframes ld-float{50%{translate:0 -10px}}
@keyframes ld-shadow{50%{scale:.88;opacity:.75}}

.ld__badge{position:absolute;z-index:5;left:calc(50% + var(--ld-bw) * .32);top:calc(50% - var(--ld-bh) / 2 - 22px);
  width:92px;height:92px;border-radius:50%;display:grid;place-items:center;text-align:center;padding:8px;
  background:var(--ld-badge-bg);color:var(--ld-badge-fg);font:700 11px/1.15 Inter,sans-serif;text-transform:uppercase;letter-spacing:.04em;
  box-shadow:0 12px 30px -8px color-mix(in srgb,var(--ld-badge-bg) 70%,transparent);transform:rotate(-10deg)}
.ld__badge b{display:block;font:700 21px/1.05 Philosopher,serif;letter-spacing:0;text-transform:none}

/* ---------- Livro 3D (geometria igual ao Livro 3D da estante) ---------- */
.ld-book{position:relative;z-index:2;width:var(--ld-bw);height:var(--ld-bh);perspective:calc(var(--ld-bw) * 3.8);perspective-origin:50% 45%;outline:none;-webkit-tap-highlight-color:transparent}
.ld-book[data-has-back="true"]{cursor:pointer}
.ld-book:focus-visible{outline:2px solid var(--ld-accent);outline-offset:14px;border-radius:6px}
.ld-book__float{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-6deg)}
.ld--float .ld-book__float{animation:ld-float 7s ease-in-out infinite}
.ld-book__obj{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(28deg);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.ld-face{position:absolute;left:50%;top:50%;background:#fcfcfc;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}
.ld-face img{width:100%;height:100%;object-fit:fill;display:block;pointer-events:none;max-width:none;border-radius:0}
.ld-face::before{content:"";position:absolute;inset:0;background:#000;opacity:var(--face-shade,0);pointer-events:none;z-index:3;transition:opacity .9s cubic-bezier(.2,.8,.2,1)}
.ld-face--front{width:var(--ld-bw);height:var(--ld-bh);transform:translate(-50%,-50%) translateZ(calc(var(--ld-bt) / 2));border-radius:1px 4px 4px 1px;overflow:hidden}
.ld-face--front::after{content:"";position:absolute;top:0;bottom:0;left:2%;width:4%;z-index:2;
  background:linear-gradient(to right,rgba(255,255,255,.1),rgba(0,0,0,.1) 50%,rgba(255,255,255,.1))}
.ld-face--back{width:var(--ld-bw);height:var(--ld-bh);transform:translate(-50%,-50%) rotateY(180deg) translateZ(calc(var(--ld-bt) / 2));border-radius:4px 1px 1px 4px;overflow:hidden;background:var(--ld-bg-2)}
.ld-face--spine{width:var(--ld-bt);height:var(--ld-bh);transform:translate(-50%,-50%) rotateY(-90deg) translateZ(calc(var(--ld-bw) / 2));background:var(--ld-bg-2);overflow:hidden}
.ld-face--spine img{width:101%}
.ld-face--pages{width:var(--ld-bt);height:calc(var(--ld-bh) - 4px);transform:translate(-50%,-50%) rotateY(90deg) translateZ(calc(var(--ld-bw) / 2 - 1px));
  background-image:repeating-linear-gradient(90deg,transparent 0 2px,rgba(0,0,0,.04) 2px 3px)}
.ld-face--top,.ld-face--bottom{width:calc(var(--ld-bw) - 4px);height:var(--ld-bt);background-image:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.04) 2px 3px)}
.ld-face--top{transform:translate(-50%,-50%) rotateX(90deg) translateZ(calc(var(--ld-bh) / 2 - 1px))}
.ld-face--bottom{transform:translate(-50%,-50%) rotateX(-90deg) translateZ(calc(var(--ld-bh) / 2 - 1px))}

/* ---------- Conteúdo ---------- */
.ld__content{min-width:0}
.ld__eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 12px/1.4 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ld-accent)}
.ld__eyebrow::before{content:"";width:28px;height:1px;background:currentColor;flex:none}
.ld .ld__title{font-family:Philosopher,serif;font-weight:700;font-size:clamp(34px,5.2cqi,58px);line-height:1.05;margin:16px 0 10px;color:var(--ld-title);text-wrap:balance;padding:0}
.ld__subtitle{font:italic 400 21px/1.35 Philosopher,serif;color:var(--ld-text);max-width:38ch;margin:0}

.ld__author{display:flex;align-items:center;gap:14px;margin:28px 0;padding:10px 22px 10px 10px;width:fit-content;max-width:100%;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:999px;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-decoration:none;color:inherit;transition:background .3s,transform .3s}
a.ld__author:hover{background:rgba(255,255,255,.13);transform:translateY(-2px);color:inherit}
.ld__author-text{display:flex;flex-direction:column;line-height:1.25;text-align:left}
.ld__author small{font:600 11px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ld-accent)}
.ld__author strong{font:700 17px Philosopher,serif;color:var(--ld-title)}
.ld__author em{font:400 12.5px Inter,sans-serif;font-style:normal;color:var(--ld-text)}
.ld__author-arrow{margin-left:4px;opacity:.6;transition:transform .3s,opacity .3s;flex:none}
a.ld__author:hover .ld__author-arrow{transform:translateX(3px);opacity:1}
.ld__avatar{width:54px;height:54px;border-radius:50%;flex:none;overflow:hidden;border:2px solid var(--ld-accent);background:color-mix(in srgb,var(--ld-accent) 25%,var(--ld-bg-2));display:grid;place-items:center}
.ld__avatar img,.ld__avatar .ld__avatar-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.ld__avatar-initial{font:700 22px Philosopher,serif;color:#fff}

.ld__bio{display:flex;align-items:center;gap:22px;margin:28px 0}
.ld__avatar--lg{width:104px;height:104px;border-width:3px;box-shadow:0 0 0 8px color-mix(in srgb,var(--ld-accent) 14%,transparent)}
.ld__avatar--lg .ld__avatar-initial{font-size:40px}
.ld__bio p{margin:0;font:400 15.5px/1.6 Inter,sans-serif;color:var(--ld-text);max-width:52ch}

.ld__synopsis{font-size:16.5px;line-height:1.7;color:var(--ld-text);max-width:60ch}
.ld__synopsis p{margin:0}
.ld__synopsis p+p{margin-top:12px}
.ld__more{display:none}
.ld__more[hidden]{display:none!important}

.ld__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.ld__meta span{font:500 12.5px Inter,sans-serif;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);color:var(--ld-text)}

.ld__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:36px}
.ld .ld__btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:12px;padding:18px 30px;border-radius:999px;
  background:var(--ld-btn-bg);color:var(--ld-btn-fg);font:700 15.5px/1.2 Inter,sans-serif;text-decoration:none;letter-spacing:.01em;
  box-shadow:0 14px 30px -10px color-mix(in srgb,var(--ld-btn-bg) 75%,transparent);transition:transform .3s,box-shadow .3s}
.ld__btn svg{transition:transform .3s;flex:none}
.ld__btn::after{content:"";position:absolute;inset:0;transform:translateX(-120%);pointer-events:none;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transition:transform .7s}
.ld .ld__btn:hover,.ld .ld__btn:focus-visible{transform:translateY(-3px);color:var(--ld-btn-fg);box-shadow:0 20px 36px -12px color-mix(in srgb,var(--ld-btn-bg) 85%,transparent)}
.ld__btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ld__btn:hover svg{transform:translateX(4px)}
.ld__btn:hover::after{transform:translateX(120%)}
.ld__price{font:700 24px/1.2 Philosopher,serif;color:var(--ld-title)}
.ld__price del{font:400 15px Inter,sans-serif;color:var(--ld-text);opacity:.85;margin-right:6px}
.ld__price ins{text-decoration:none;background:none}
.ld__price .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ld .ld__profile{font:600 14.5px Inter,sans-serif;color:var(--ld-accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}
.ld .ld__profile:hover{border-color:currentColor;color:var(--ld-accent)}

/* Modo autor: livro um pouco menor */
.ld--autor{--ld-bw:calc(var(--ld-book-w) * .82)}

/* ---------- Responsivo (pela largura da coluna) ---------- */
@container ld (max-width:900px){
  .ld{padding:72px 40px}
  .ld__inner{gap:40px;grid-template-columns:4fr 6fr}
}
@container ld (max-width:640px){
  .ld{padding:44px 20px 40px}
  .ld,.ld--reverse{background:
    radial-gradient(90% 40% at 50% 20%,color-mix(in srgb,var(--ld-glow) 70%,transparent),transparent 65%),
    linear-gradient(180deg,var(--ld-bg-1) 0%,color-mix(in srgb,var(--ld-bg-1) 45%,var(--ld-bg-2)) 50%,var(--ld-bg-2) 100%)}
  .ld::before,.ld--reverse::before{-webkit-mask-image:radial-gradient(90% 40% at 50% 22%,#000,transparent 75%);mask-image:radial-gradient(90% 40% at 50% 22%,#000,transparent 75%)}
  .ld__inner{grid-template-columns:1fr;gap:8px;text-align:center}
  .ld__content{display:contents}
  .ld__eyebrow{order:1;justify-content:center}
  .ld__eyebrow::before{display:none}
  .ld__stage,.ld--reverse .ld__stage{order:2;margin:4px 0;min-height:calc(var(--ld-bh) + 70px)}
  .ld .ld__title{order:3;font-size:34px;margin:8px 0 4px}
  .ld__subtitle{order:4;font-size:18px;margin:0 auto}
  .ld__author,.ld__bio{order:5;margin:22px auto 20px}
  .ld__bio{flex-direction:column;text-align:center;gap:14px}
  .ld__avatar--lg{width:88px;height:88px}
  .ld__synopsis{order:6;text-align:left;font-size:15.5px}
  .ld__synopsis.is-clamped{max-height:calc(var(--ld-lines) * 1.7em);overflow:hidden;
    -webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
  .ld__more{order:7;display:inline-flex;justify-self:start;margin:8px 0 0;padding:6px 0;background:none;border:0;color:var(--ld-accent);
    font:600 14px Inter,sans-serif;cursor:pointer;text-align:left}
  .ld__more:hover,.ld__more:focus{background:none;color:var(--ld-accent)}
  .ld__more::after{content:" ↓"}
  .ld__more[aria-expanded="true"]::after{content:" ↑"}
  .ld__meta{order:8;justify-content:center;margin-top:20px}
  .ld__actions{order:9;flex-direction:column;gap:14px;margin-top:26px}
  .ld__price{order:-1}
  .ld .ld__btn{width:100%;justify-content:center;padding:18px 24px}
  .ld__badge{width:88px;height:88px;letter-spacing:.01em;padding:6px;left:calc(50% + var(--ld-bw) * .22)}
  .ld__badge b{font-size:19px}
}
@media (prefers-reduced-motion:reduce){
  .ld__halo,.ld--float .ld-book__float,.ld--float .ld__floor{animation:none}
  .ld-book__obj,.ld-face::before{transition:none}
}