/* SP FUMIGACION CAMION - certificado público final v15
   Fondo página oscuro, certificado original legible, sin Lupa/Mano, estado único interno.
*/

#desktopZoomUi,
.desktop-zoom-ui,
#certZoomUi,
.cert-zoom-ui,
.sp-tool-ui,
.sp-public-toolbar,
.sp-viewer-toolbar,
[data-sp-toolbar="true"],
#sp-cert-status-v12,
#sp-cert-status-v13,
#sp-cert-status-v14,
.sp-cert-status-v12,
.sp-cert-status-v13,
.sp-cert-status-v14{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

html.sp-cert-public-v15,
body.sp-cert-public-v15,
body.sp-public-page,
body.public-certificate-page{
  background:
    radial-gradient(circle at 10% 0%, rgba(0, 119, 74, .34), transparent 34%),
    radial-gradient(circle at 95% 15%, rgba(12, 77, 50, .28), transparent 32%),
    linear-gradient(135deg, #020705 0%, #03140c 48%, #061f14 100%) !important;
  color:#111 !important;
}

body.sp-cert-public-v15{
  min-height:100vh !important;
  margin:0 !important;
  overflow:auto !important;
}

body.sp-cert-public-v15 .stage-wrap,
body.public-certificate-page .stage-wrap,
body.sp-public-page .stage-wrap{
  width:100% !important;
  min-height:100vh !important;
  padding:28px 24px !important;
  box-sizing:border-box !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  overflow:auto !important;
  background:transparent !important;
}

body.sp-cert-public-v15 .page-stage,
body.public-certificate-page .page-stage,
body.sp-public-page .page-stage{
  width:max-content !important;
  max-width:none !important;
  margin:0 auto !important;
  transform:none !important;
  transform-origin:top center !important;
}

body.sp-cert-public-v15 #pageMain,
body.sp-cert-public-v15 .page,
body.public-certificate-page #pageMain,
body.public-certificate-page .page,
body.sp-public-page #pageMain,
body.sp-public-page .page{
  position:relative !important;
  width:210mm !important;
  min-width:210mm !important;
  max-width:210mm !important;
  min-height:297mm !important;
  height:297mm !important;
  max-height:297mm !important;
  background:#fff !important;
  color:#111 !important;
  border:1px solid rgba(59, 216, 151, .55) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.62), 0 0 0 1px rgba(28, 183, 115, .18) !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body.sp-cert-public-v15 #pageMain *,
body.sp-cert-public-v15 .page *,
body.public-certificate-page #pageMain *,
body.public-certificate-page .page *,
body.sp-public-page #pageMain *,
body.sp-public-page .page *{
  color:#111 !important;
  text-shadow:none !important;
}

body.sp-cert-public-v15 #pageMain .code-label,
body.sp-cert-public-v15 #pageMain .vehicle-label,
body.sp-cert-public-v15 #pageMain .owner-label,
body.sp-cert-public-v15 #pageMain .merchandise-label,
body.sp-cert-public-v15 #pageMain .date-label,
body.sp-cert-public-v15 #pageMain .label,
body.sp-cert-public-v15 #pageMain table td:nth-child(odd),
body.sp-cert-public-v15 .page .code-label,
body.sp-cert-public-v15 .page .vehicle-label,
body.sp-cert-public-v15 .page .owner-label,
body.sp-cert-public-v15 .page .merchandise-label,
body.sp-cert-public-v15 .page .date-label,
body.sp-cert-public-v15 .page .label,
body.sp-cert-public-v15 .page table td:nth-child(odd){
  background:#d9eee7 !important;
  color:#0b2f21 !important;
  font-weight:700 !important;
}

body.sp-cert-public-v15 #pageMain .code-value,
body.sp-cert-public-v15 #pageMain .vehicle-value,
body.sp-cert-public-v15 #pageMain .owner-value,
body.sp-cert-public-v15 #pageMain .merchandise-value,
body.sp-cert-public-v15 #pageMain .date-value,
body.sp-cert-public-v15 #pageMain .value,
body.sp-cert-public-v15 #pageMain table td:nth-child(even),
body.sp-cert-public-v15 .page .code-value,
body.sp-cert-public-v15 .page .vehicle-value,
body.sp-cert-public-v15 .page .owner-value,
body.sp-cert-public-v15 .page .merchandise-value,
body.sp-cert-public-v15 .page .date-value,
body.sp-cert-public-v15 .page .value,
body.sp-cert-public-v15 .page table td:nth-child(even){
  background:#fff !important;
  color:#111 !important;
  font-weight:600 !important;
}

.sp-cert-status-v15{
  position:absolute !important;
  left:34px !important;
  bottom:36mm !important;
  z-index:20 !important;
  width:176px !important;
  height:38px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.42) !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  color:#fff !important;
  text-shadow:0 1px 0 rgba(0,0,0,.55), 0 0 10px rgba(255,255,255,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), inset 0 -14px 24px rgba(0,0,0,.28), 0 9px 18px rgba(0,0,0,.24) !important;
  overflow:hidden !important;
}

.sp-cert-status-v15::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.18) 42%, rgba(255,255,255,.44) 50%, transparent 61%) !important;
  transform:translateX(-60%) !important;
  opacity:.55 !important;
}

.sp-cert-status-v15 span{
  position:relative !important;
  z-index:1 !important;
  color:inherit !important;
}

.sp-cert-status-v15.sp-status-vigente{
  background:linear-gradient(135deg, #012c1d 0%, #05884f 48%, #014329 100%) !important;
  border-color:rgba(91, 242, 171, .72) !important;
}

.sp-cert-status-v15.sp-status-vencido{
  background:linear-gradient(135deg, #3a0508 0%, #c01822 50%, #59080c 100%) !important;
  border-color:rgba(255, 121, 121, .78) !important;
}

.sp-cert-status-v15.sp-status-por-vencer{
  background:linear-gradient(135deg, #463400 0%, #e0b627 52%, #685009 100%) !important;
  border-color:rgba(255, 227, 112, .86) !important;
  color:#1d1600 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35), 0 0 8px rgba(255,255,255,.26) !important;
}

.sp-cert-status-v15.sp-status-anulado{
  background:linear-gradient(135deg, #202020 0%, #707070 50%, #2c2c2c 100%) !important;
  border-color:rgba(210,210,210,.72) !important;
}

@media (max-width: 768px){
  body.sp-cert-public-v15{
    overflow:auto !important;
    touch-action:pan-x pan-y pinch-zoom !important;
  }

  body.sp-cert-public-v15 .stage-wrap{
    display:block !important;
    width:100% !important;
    min-height:100vh !important;
    padding:12px !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.sp-cert-public-v15 .page-stage{
    width:210mm !important;
    min-width:210mm !important;
    margin:0 !important;
    transform:none !important;
  }
}

@media print{
  html,
  body,
  html.sp-cert-public-v15,
  body.sp-cert-public-v15{
    width:210mm !important;
    height:297mm !important;
    min-height:297mm !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#fff !important;
  }

  body.sp-cert-public-v15 .stage-wrap,
  body.public-certificate-page .stage-wrap,
  body.sp-public-page .stage-wrap{
    display:block !important;
    min-height:auto !important;
    width:210mm !important;
    height:297mm !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#fff !important;
  }

  body.sp-cert-public-v15 .page-stage,
  body.public-certificate-page .page-stage,
  body.sp-public-page .page-stage{
    width:210mm !important;
    min-width:210mm !important;
    margin:0 !important;
    transform:none !important;
  }

  body.sp-cert-public-v15 #pageMain,
  body.sp-cert-public-v15 .page,
  body.public-certificate-page #pageMain,
  body.public-certificate-page .page,
  body.sp-public-page #pageMain,
  body.sp-public-page .page{
    border:none !important;
    box-shadow:none !important;
    width:210mm !important;
    min-width:210mm !important;
    height:297mm !important;
    min-height:297mm !important;
  }

  .sp-cert-status-v15,
  #sp-cert-status-v15{
    display:none !important;
  }
}