/* ---------- cat\0000e1 logo completo em PDF, com senha (v3) ---------- */
.pdf-card{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(22px,3.6vw,52px);border-radius:var(--raio-g);background:radial-gradient(640px 380px at 0% 100%,rgba(222,31,40,.32),transparent 70%),radial-gradient(500px 300px at 100% 0%,rgba(222,31,40,.12),transparent 70%),var(--noite);color:#fff;overflow:hidden;box-shadow:var(--sombra)}
.pdf-card::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--elo);pointer-events:none}
.pdf-card::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--verm-logo) 30%,#ff8a8f 50%,var(--verm-logo) 70%,transparent);opacity:.8}

/* pilha de folhas em 3D */
.pdf-vis{position:relative;min-height:clamp(250px,30vw,370px);display:grid;place-items:center;perspective:1300px}
.pdf-pilha{position:relative;width:clamp(150px,17vw,214px);aspect-ratio:210/297;transform-style:preserve-3d;transform:rotateX(16deg) rotateY(-26deg) rotateZ(3deg);transition:transform .9s var(--ease)}
.pdf-card:hover .pdf-pilha{transform:rotateX(12deg) rotateY(-14deg) rotateZ(1deg)}
.pdf-folha{position:absolute;inset:0;display:flex;flex-direction:column;gap:7%;padding:9% 9%;border-radius:6px;background:#fff;color:var(--tinta);box-shadow:0 22px 40px -20px rgba(0,0,0,.85),inset 0 0 0 1px rgba(13,17,23,.06);transition:transform .9s var(--ease),opacity .5s}
.pdf-folha.f3{transform:translate3d(30px,-20px,-66px) rotateZ(7deg)}
.pdf-folha.f2{transform:translate3d(15px,-10px,-33px) rotateZ(3.5deg)}
.pdf-folha.f1{transform:translateZ(0);align-items:center;justify-content:center;gap:8px;text-align:center}
.pdf-folha.f0{opacity:0;transform:translate3d(0,0,10px)}
.pdf-card:hover .pdf-folha.f3{transform:translate3d(64px,-34px,-66px) rotateZ(12deg)}
.pdf-card:hover .pdf-folha.f2{transform:translate3d(34px,-18px,-33px) rotateZ(6deg)}
.pf-cab{display:block;height:7%;width:58%;border-radius:3px;background:var(--verm)}
.pf-lin{display:block;height:4.5%;border-radius:3px;background:var(--nevoa)}
.pf-lin.c{width:66%}
.pf-grade{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:7%}
.pf-grade i{display:block;border-radius:4px;background:var(--off) center/78% no-repeat;box-shadow:inset 0 0 0 1px rgba(13,17,23,.07)}
.pf-logo{display:block;width:78%}
.pf-logo svg{width:100%;height:auto}
.pf-faixa{display:block;width:34%;height:3px;border-radius:2px;background:var(--verm)}
.pdf-folha.f1 b{font-family:var(--fd);font-stretch:110%;font-size:clamp(.82rem,1.15vw,1.02rem);line-height:1.1}
.pdf-folha.f1 small{font-size:.66rem;color:var(--tinta-2)}
.pf-rod{position:absolute;left:9%;right:9%;bottom:7%;height:3%;border-radius:2px;background:var(--nevoa)}

/* gerando: folhas saem da pilha, uma atr\0000e1 s da outra */
.pdf-card.gerando .pdf-pilha{transform:rotateX(10deg) rotateY(-10deg) rotateZ(0deg)}
.pdf-card.gerando .pdf-folha.f0{animation:pdfSai 1.15s var(--ease) infinite}
@keyframes pdfSai{0%{opacity:0;transform:translate3d(0,0,6px)}25%{opacity:1}100%{opacity:0;transform:translate3d(-30px,-120%,80px) rotateZ(-8deg)}}

/* texto e formul\0000e1 rio */
.pdf-txt{position:relative;display:grid;gap:18px;min-width:0}
.pdf-dest{color:var(--verm-logo)}
.pdf-lead{color:rgba(255,255,255,.72);max-width:50ch}
.pdf-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 14px;align-items:start;max-width:560px}
.pdf-form .field label{color:rgba(255,255,255,.86)}
.pdf-senha{position:relative}
.pdf-senha input{width:100%;min-height:52px;padding:10px 54px 10px 16px;border-radius:12px;border:0;background:rgba(255,255,255,.07);color:#fff;font-size:16px;box-shadow:inset 0 0 0 1.4px rgba(255,255,255,.18);outline:none;transition:box-shadow .2s,background .2s}
.pdf-senha input::placeholder{color:rgba(255,255,255,.4)}
.pdf-senha input:focus{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 2px var(--verm-logo),0 0 0 4px rgba(238,46,52,.18)}
.pdf-form .field.erro .pdf-senha input{box-shadow:inset 0 0 0 2px #ff6b6b}
.pdf-olho{position:absolute;right:4px;top:4px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:10px;background:none;color:rgba(255,255,255,.7);cursor:pointer}
.pdf-olho:hover,.pdf-olho[aria-pressed="true"]{color:#fff;background:rgba(255,255,255,.08)}
.pdf-olho svg{width:20px;height:20px}
.pdf-olho[aria-pressed="true"]::after{content:"";position:absolute;width:22px;height:2px;border-radius:2px;background:currentColor;transform:rotate(-40deg)}
.pdf-form .err{color:#ff8a8a;font-size:.8rem}
.pdf-form .field.erro .err{min-height:1.2em}
.pdf-gera{margin-top:28px;min-height:52px;white-space:nowrap}
.pdf-gera[disabled]{opacity:.55;pointer-events:none}
.pdf-prog{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:center;max-width:560px}
.pdf-prog[hidden]{display:none}
.pdf-barra{grid-column:1/-1;height:10px;border-radius:6px;background:rgba(255,255,255,.1);overflow:hidden}
.pdf-barra i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,var(--verm-prof),var(--verm-logo) 70%,#ff8a8f);box-shadow:0 0 14px rgba(238,46,52,.7);transition:width .3s var(--ease)}
.pdf-st{display:flex;justify-content:space-between;gap:12px;font-size:.88rem;color:rgba(255,255,255,.8);min-width:0}
.pdf-st span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pdf-st b{font-family:var(--fm);color:#fff}
.pdf-cancela{min-height:40px;padding:0 16px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-weight:600;font-size:.86rem;cursor:pointer;white-space:nowrap}
.pdf-cancela:hover{background:rgba(255,255,255,.16)}
.pdf-nota{font-size:.82rem;line-height:1.5;color:rgba(255,255,255,.55);max-width:52ch}
.pdf-nw{white-space:nowrap}
.pdf-pede{font-size:.88rem;color:rgba(255,255,255,.72)}
.pdf-pede a{display:inline-block;padding:6px 0;color:#fff;font-weight:650;text-underline-offset:3px}
.pdf-ok{color:#7be3a1}

@media (max-width:900px){
  .pdf-card{grid-template-columns:1fr}
  .pdf-vis{min-height:230px}
  .pdf-pilha{width:148px}
}
@media (max-width:520px){
  .pdf-form{grid-template-columns:1fr}
  .pdf-gera{margin-top:0;width:100%}
  .pdf-vis{min-height:210px}
  .pdf-pilha{width:132px}
  .pdf-card:hover .pdf-folha.f3{transform:translate3d(42px,-26px,-66px) rotateZ(10deg)}
  .pdf-card:hover .pdf-folha.f2{transform:translate3d(22px,-13px,-33px) rotateZ(5deg)}
}
@media (prefers-reduced-motion:reduce){
  .pdf-card.gerando .pdf-folha.f0{animation:none}
}