.spm-demo-credentials{margin-top:16px;border:1px solid #eddccb;border-radius:20px;background:linear-gradient(180deg,#fffdf8,#fff7f0);padding:16px 16px 14px;box-shadow:0 12px 24px rgba(82,45,24,.08)}
.spm-demo-credentials .spm-kicker{display:block;color:#8e6a20;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800;margin-bottom:6px}
.spm-demo-credentials h3{font-size:1rem;margin:0 0 8px;color:#6a2035}
.spm-demo-credentials p{font-size:.83rem;color:#66756a;margin:0 0 12px}
.spm-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.spm-demo-user{border:1px solid #eadfd5;background:#fff;border-radius:16px;padding:12px}
.spm-demo-user strong{display:block;color:#4c1930;font-size:.92rem;margin-bottom:7px}
.spm-demo-user small{display:block;color:#7d8a7f;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.spm-demo-user code{display:block;background:#fbf4ec;border-radius:9px;padding:8px 10px;font-size:.78rem;color:#274636;overflow-wrap:anywhere}
@media(max-width:680px){.spm-demo-grid{grid-template-columns:1fr}}

.credential-card{background:linear-gradient(145deg,#fffaf5 0%,#fff 54%,#fff8f1 100%);color:#2f4137;border:1px solid #f0dfcd;box-shadow:0 22px 46px rgba(63,38,18,.12)}
.credential-card::before{content:'';position:absolute;left:0;top:0;right:0;height:8px;background:linear-gradient(90deg,#ee7327 0 38%,#7b2035 38% 74%,#d8b26d 74% 100%)}
.credential-card::after{content:'';position:absolute;right:-28px;bottom:-18px;width:270px;height:270px;background:url('../images/logo-sindicato.png') center/contain no-repeat;opacity:.08;border:none;border-radius:0;transform:rotate(-9deg)}
.credential-top span,.credential-middle span,.credential-bottom{color:#7d6a57}
.credential-top strong,.credential-middle strong{color:#571c31}
.credential-middle small{color:#7f8478}
.credential-middle b{color:#d86424}
.credential-state{background:#fff3e7;color:#8e4b16;padding:6px 10px;border-radius:999px;border:1px solid #f0d2b7}
.credential-photo{background:#fff;border-color:#e4cfbb;color:#a77033;box-shadow:inset 0 0 0 1px rgba(123,32,53,.08)}
.credential-help .document-mini{background:#fff8f1;border:1px solid #f2dfcf}

#printCredential .print-id{position:relative;background:linear-gradient(145deg,#fffaf5,#fff 58%,#fff8f2);color:#244032;border:1px solid #ecdccc;box-shadow:0 18px 36px rgba(45,32,19,.1);overflow:hidden}
#printCredential .print-id::before{content:'';position:absolute;left:0;top:0;right:0;height:8px;background:linear-gradient(90deg,#ee7327 0 38%,#7b2035 38% 74%,#d8b26d 74% 100%)}
#printCredential .print-id::after{content:'';position:absolute;right:-40px;bottom:-34px;width:290px;height:290px;background:url('../images/logo-sindicato.png') center/contain no-repeat;opacity:.08;transform:rotate(-10deg)}
#printCredential .print-id-header{color:#7b2035}
#printCredential .print-id h2{color:#4c1930}
#printCredential .print-id p{color:#63776a}
#printCredential .print-id span{color:#8b6f4a}
#printCredential .print-id strong{color:#d76825}
#printCredential .print-id .print-demo-state{color:#2c7759}
#printCredential .print-photo{background:#fff;border:3px solid #ead7c6;color:#a77033;box-shadow:inset 0 0 0 1px rgba(123,32,53,.08)}

.demo-sindicato-page .spm-mascot{left:14px;bottom:14px}
@media(max-width:767px){.demo-sindicato-page .spm-mascot{left:8px;bottom:10px}}

.document-page .document-sheet:has(#printCredential:not([hidden])){display:flex;flex-direction:column;align-items:center}
#printCredential{width:100%}
#printCredential .print-id{width:min(100%,460px);min-height:unset;height:auto;aspect-ratio:1.586;gap:14px;padding:18px 18px 14px;margin:30px auto 0;border-radius:18px;align-items:center}
#printCredential .print-id-header{top:10px;left:16px;font-size:.62rem}
#printCredential .print-photo{width:82px;height:102px;border-radius:14px;font-size:2rem;flex:0 0 82px}
#printCredential .print-id h2{font-size:1.35rem;margin:0 0 4px}
#printCredential .print-id p{font-size:.85rem;margin:0 0 8px}
#printCredential .print-id span{font-size:.63rem;margin-top:0}
#printCredential .print-id strong{font-size:1.4rem}
#printCredential .print-id .print-demo-state{font-size:.73rem;margin-top:6px}
@media print{
  .document-page .document-sheet{min-height:auto;box-shadow:none;border:0;padding:0;background:#fff;display:block}
  #printCredential .print-id{width:86mm!important;height:54mm!important;aspect-ratio:auto!important;margin:0 auto!important;page-break-inside:avoid;break-inside:avoid;padding:5mm 5mm 4mm!important;border-radius:4mm!important;box-shadow:none!important}
  #printCredential .print-id-header{top:3.2mm!important;left:5mm!important;font-size:7.2pt!important}
  #printCredential .print-id-header img{width:9mm!important;height:9mm!important}
  #printCredential .print-photo{width:16mm!important;height:21mm!important;border-width:.6mm!important;border-radius:2.4mm!important;font-size:14pt!important}
  #printCredential .print-id h2{font-size:10.8pt!important;margin:0 0 1.2mm!important}
  #printCredential .print-id p{font-size:7.5pt!important;margin:0 0 1.4mm!important}
  #printCredential .print-id span{font-size:6.2pt!important;letter-spacing:.08em!important}
  #printCredential .print-id strong{font-size:12.8pt!important}
  #printCredential .print-id .print-demo-state{font-size:6.6pt!important;margin-top:1mm!important}
  .document-heading,.document-bottom,.document-actions,.site-footer,.back-to-top,.cookie-panel{display:none!important}
  @page{size:auto;margin:10mm}
}