/* PJ Scanner Pro — identidad corporativa. Capa visual sin modificar la lógica de herramientas. */
:root { --fondo:#f2f6fb;--superficie:#fff;--tinta:#142d4e;--grafito:#63758c;--linea:#dce5ee;--rojo:#142d4e;--rojo-hondo:#0e213c;--sobre-rojo:#fff;--rojo-suave:#e6f7f5;--rojo-texto:#087f78;--mesa:#eaf0f7;--peligro:#c23b49;--sombra:0 3px 12px rgba(20,45,78,.04),0 12px 35px rgba(20,45,78,.07);}
@media(prefers-color-scheme:dark){:root{--fondo:#0b1729;--superficie:#15263d;--tinta:#eff6ff;--grafito:#a6b6ca;--linea:#30435b;--rojo:#16a6a0;--rojo-hondo:#0e847f;--sobre-rojo:#fff;--rojo-suave:#1a3b42;--rojo-texto:#70e0d5;--mesa:#1a304b;--peligro:#ff8797;}}
.barra{padding:calc(13px + env(safe-area-inset-top)) max(16px,calc((100vw - 1160px)/2)) 13px;box-shadow:0 3px 18px rgba(14,33,60,.04)}
.marca{font-size:1.17rem;letter-spacing:-.035em;white-space:nowrap}.marca img{width:37px;height:37px;border-radius:12px}.marca b{color:#0ca99d}.sello svg{color:#0ca99d}
.pj-strip{display:flex;justify-content:space-between;gap:10px;padding:8px max(16px,calc((100vw - 1160px)/2));background:#142d4e;color:#d3eaf4;font-size:10px;font-weight:800;letter-spacing:.12em}.pj-strip span:last-child{font-weight:500;letter-spacing:.025em}
main{max-width:920px;padding:22px 20px 34px}.pj-welcome{padding:5px 0 22px}.pj-eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:#078f88}.pj-welcome h1{font-size:clamp(1.65rem,3vw,2.45rem);margin:6px 0 4px;font-weight:800;letter-spacing:-.045em}.pj-welcome p{margin:0;color:var(--grafito);font-size:.94rem}
.escanear-grande{background:linear-gradient(112deg,#122b4d 0%,#1b5271 62%,#0b918d 130%);border-radius:24px;padding:26px;box-shadow:0 18px 35px -18px rgba(15,57,91,.45)}.escanear-boton{color:#142d4e}.demo-papel{filter:drop-shadow(0 8px 10px rgba(0,18,40,.25))}
.herramienta,.herramienta-fila{border-radius:19px;border:1px solid var(--linea);box-shadow:var(--sombra);transition:transform .15s ease,box-shadow .15s ease}.herramienta:hover,.herramienta-fila:hover{transform:translateY(-2px);box-shadow:0 9px 25px rgba(20,45,78,.11)}
.herramienta.unir .icono{background:#142d4e;color:white}.herramienta.eliminar .icono{background:#0a7779;color:white}.herramienta.fotos .icono,.herramienta-fila .icono{background:#e6f7f5;color:#087f78}
.titulo-seccion{font-size:1.08rem;letter-spacing:-.025em}.apoyar{background:var(--superficie);border-color:var(--linea)}.apoyar-icono{background:#142d4e}.pj-footer{text-align:center;padding:24px 16px 35px;font-size:12px;color:var(--grafito);line-height:1.8}.pj-footer a{color:#0d918c}
@media(max-width:600px){.barra{padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.marca{font-size:1rem}.marca img{width:32px;height:32px}.sello{font-size:10px}.pj-strip{padding:7px 14px;font-size:9px}.pj-strip span:last-child{display:none}main{padding:16px}.pj-welcome{padding:5px 0 18px}.escanear-grande{padding:18px}.pj-welcome h1{font-size:1.7rem}}