/* Infogaceta — Fase 13 Código de barras */
.barcode-page{background:#f7f9fc}.barcode-hero{background:#fff;border-bottom:1px solid var(--line)}
.barcode-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:22px;align-items:start}
.barcode-main,.barcode-side{display:grid;gap:18px}.barcode-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 28px rgba(19,43,70,.05)}
.barcode-card-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:15px}.barcode-card-heading h2{margin:.2rem 0 0}
.barcode-support{display:inline-flex;padding:6px 10px;border-radius:999px;background:#edf3f8;color:#496078;font-size:.75rem;font-weight:850;white-space:nowrap}.barcode-support.supported{background:#e9f7ef;color:#17633f}.barcode-support.unsupported{background:#fff1e6;color:#8b4a11}
.barcode-lookup-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.barcode-input-label{display:grid;gap:6px;font-weight:750}.barcode-input-label input{font-size:1.18rem;letter-spacing:.04em}.barcode-input-label small{font-weight:500;color:var(--muted)}
.barcode-camera-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.barcode-camera-panel{position:relative;margin-top:16px;background:#07131e;border-radius:17px;overflow:hidden;aspect-ratio:16/9}.barcode-camera-panel video{width:100%;height:100%;object-fit:cover;display:block}.barcode-camera-panel p{position:absolute;left:12px;right:12px;bottom:10px;margin:0;background:rgba(0,0,0,.62);color:#fff;padding:8px 11px;border-radius:10px;text-align:center;font-size:.84rem}.barcode-scan-frame{position:absolute;left:12%;right:12%;top:29%;bottom:29%;border:3px solid rgba(255,255,255,.93);border-radius:14px;box-shadow:0 0 0 9999px rgba(0,0,0,.18)}
.barcode-fallback{margin-top:14px;background:#fff7e7;border:1px solid #ead7a8;padding:14px;border-radius:13px;color:#684d15}.barcode-fallback p{margin:.35rem 0 0}
.barcode-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.barcode-product-grid>div{background:#f7f9fc;border:1px solid #e4ebf2;border-radius:13px;padding:12px}.barcode-product-grid span,.barcode-product-grid strong{display:block}.barcode-product-grid span{font-size:.72rem;color:var(--muted);font-weight:850;text-transform:uppercase}.barcode-product-grid strong{margin-top:5px;font-size:1rem}
.barcode-movement-box{margin-top:17px;padding-top:17px;border-top:1px solid var(--line)}.barcode-movement-box h3{margin:0 0 12px}.barcode-movement-grid{display:grid;grid-template-columns:minmax(130px,.55fr) minmax(100px,.4fr) minmax(220px,1fr) auto;gap:10px;align-items:end}.barcode-movement-grid label{display:grid;gap:5px;font-weight:750}
.barcode-unknown-card{border-color:#e8d69e}.barcode-assign-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.barcode-assign-grid label{display:grid;gap:5px;font-weight:750}
.barcode-history{display:grid}.barcode-history-row{appearance:none;width:100%;border:0;border-top:1px solid var(--line);background:transparent;padding:12px 0;display:flex;justify-content:space-between;gap:14px;text-align:left;cursor:pointer;color:inherit}.barcode-history-row:first-child{border-top:0}.barcode-history-row span,.barcode-history-row strong,.barcode-history-row small{display:block}.barcode-history-row small{color:var(--muted);margin-top:3px}.barcode-history-row b{font-size:.73rem;color:#4b6278;white-space:nowrap}
.barcode-help-list{padding-left:1.15rem;margin:.7rem 0 0}.barcode-help-list li{margin-bottom:.8rem;color:#42566b}.barcode-help-list strong{color:#1d334c}
@media(max-width:980px){.barcode-layout{grid-template-columns:1fr}.barcode-side{grid-template-columns:repeat(3,1fr)}.barcode-movement-grid{grid-template-columns:1fr 1fr}.barcode-reason-field{grid-column:1/-1}}
@media(max-width:720px){.barcode-lookup-form,.barcode-assign-grid{grid-template-columns:1fr}.barcode-product-grid{grid-template-columns:1fr 1fr}.barcode-side{grid-template-columns:1fr}.barcode-movement-grid{grid-template-columns:1fr}.barcode-reason-field{grid-column:auto}.barcode-card-heading{flex-direction:column}.barcode-camera-panel{aspect-ratio:4/3}}
@media(max-width:440px){.barcode-product-grid{grid-template-columns:1fr}}