/* Capas reais em perspectiva. As posições sem material são transparentes. */
.pf-page{isolation:isolate;min-height:100svh}
[data-theme="light"] .pf-page .grad{background:none;color:#785719}
[data-theme="light"] .pf-page .pf-type--mockup{color:#245a9b;border-color:rgba(36,90,155,.4)}
[data-theme="light"] .pf-page .pf-type--folder{color:#206747;border-color:rgba(32,103,71,.4)}
[data-theme="light"] .pf-page .pm-obj{box-shadow:0 18px 42px rgba(42,33,17,.22)}
[data-theme="light"] .pf-page .toast{background:#fff;color:var(--text)}
.pf-page .pf-wrap{position:relative;z-index:1}
.pf-page .pf-head p,.pf-page .pf-meta{text-shadow:0 2px 12px var(--bg-0)}
.pf-page .pf-chip{background-color:var(--bg-1)}
.pf-page :is(.brand,.pf-chip,.pf-card,.ghost-btn,.pf-retry):focus-visible{
  outline:2px solid var(--gold-bright);outline-offset:5px;
}
.pf-backdrop{
  --cover-height:clamp(340px,46vw,680px);--cover-gap:32px;
  position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;
}
.pf-backdrop::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 25%,rgba(var(--backdrop-rgb),.90),rgba(var(--backdrop-rgb),.78) 36%,rgba(var(--backdrop-rgb),.40) 80%),
    linear-gradient(180deg,rgba(var(--backdrop-rgb),.4),transparent 30%,transparent 72%,var(--bg-1));
}
.pf-backdrop-frame{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  perspective:1000px;
}
.pf-backdrop-matrix{
  display:flex;align-items:center;gap:var(--cover-gap);width:144vw;height:150vh;flex-shrink:0;
  transform-style:preserve-3d;
  transform:translate3d(0,0,-320px) rotateX(25deg) rotateY(-45deg) rotateZ(15deg);
}
.pf-backdrop-column{
  position:relative;flex:1;min-width:0;height:100%;transform-style:preserve-3d;
  transform:translate3d(0,var(--column-y,0px),0);
}
.pf-backdrop-matrix.is-moving,.pf-backdrop-matrix.is-moving .pf-backdrop-column{will-change:transform}
.pf-backdrop-cover{
  position:absolute;inset-inline:0;height:var(--cover-height);
  top:calc(50% - var(--cover-height)/2 + var(--cover-row,0)*(var(--cover-height) + var(--cover-gap)));
  min-width:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-out;
}
.pf-backdrop-cover.is-loaded{opacity:.85}
.pf-backdrop-cover img{display:block;width:100%;height:100%;object-fit:contain}
.pf-retry{display:block;margin:16px auto 0}
@media(max-width:760px){
  .pf-backdrop{--cover-height:clamp(340px,100vw,620px);--cover-gap:24px}
  .pf-backdrop-matrix{width:164vw}
  .pf-backdrop::after{
    background:linear-gradient(180deg,rgba(var(--backdrop-rgb),.83),rgba(var(--backdrop-rgb),.73) 60%,var(--bg-1));
  }
  [data-theme="light"] .pf-backdrop::after{
    background:linear-gradient(180deg,rgba(var(--backdrop-rgb),.94),rgba(var(--backdrop-rgb),.88) 60%,var(--bg-1));
  }
}
@media(prefers-reduced-motion:reduce){
  .pf-backdrop-matrix{transform:translate3d(0,0,0) rotateY(-8deg)}
  .pf-backdrop-column{transform:none}
  .pf-backdrop-cover{transition:none}
  .pf-page .pm-obj{transition:none}
  .pf-page .pf-card:hover .pm-obj{transform:rotateY(-20deg) rotateX(5deg)}
}