.mopsa-logo{display:block;width:150px;height:auto;object-fit:contain}.visual-brand,.login-brand{display:flex;align-items:center;gap:12px}.visual-brand .mopsa-logo{width:174px;padding:7px 10px;background:#fff;border-radius:6px}.visual-brand>span,.login-brand>span{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#b9d5e8}.login-brand .mopsa-logo{width:174px}.brand{display:flex;align-items:center;gap:12px}.brand .mopsa-logo{width:142px}.brand>span{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:1px}.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-brand .mopsa-logo{width:112px}.topbar-brand span{color:#71809a;font-size:10px;font-weight:700;letter-spacing:1px}.mobile-brand{display:none;align-items:center;gap:8px;color:#12365d;font-weight:700}.mobile-brand .mopsa-logo{width:108px}.mobile-brand>span{color:#71809a;font-size:12px;letter-spacing:1px}.material-form-heading .mopsa-logo,.sheet-institutional-header .mopsa-logo{width:174px}.institutional-brand{display:flex;align-items:center;gap:10px}.institutional-brand .mopsa-logo{width:174px}.institutional-brand>span{display:none}@media(max-width:900px){.visual-brand .mopsa-logo{width:150px}.login-brand .mopsa-logo{width:160px}.brand .mopsa-logo{width:125px}}@media(max-width:760px){.topbar-brand{display:none}.mobile-brand{display:flex}}@media(max-width:520px){.visual-brand>span,.login-brand>span{display:none}.visual-brand .mopsa-logo,.login-brand .mopsa-logo{width:150px}.brand .mopsa-logo{width:116px}}
.camera-capture{margin:4px 0 14px;padding:12px;background:#f4f7fb;border:1px solid #dce6f0;border-radius:7px}.camera-preview-wrap{position:relative;display:grid;place-items:center;min-height:132px;overflow:hidden;border:1px dashed #b7c9dc;border-radius:6px;background:#eaf0f6;color:#71809a;font-size:12px;text-align:center}.camera-preview-wrap video,.camera-preview-wrap img{display:block;width:100%;height:132px;object-fit:cover}.camera-preview-wrap img{object-fit:contain;background:#fff}.camera-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.camera-actions button{font-size:11px;padding:8px 11px}.camera-capture>small{display:block;margin-top:8px}.camera-capture button:disabled{opacity:.5;cursor:not-allowed}
.depot-brand{display:flex;flex-direction:column;gap:3px;color:#12365d}.depot-brand strong{font:700 19px 'Space Grotesk';letter-spacing:1.5px}.depot-brand span{font-size:8px;font-weight:800;letter-spacing:1.05px;color:#71809a}.visual-brand .depot-brand{padding:8px 11px;border:1px solid rgba(166,198,217,.75);border-radius:5px;background:rgba(255,255,255,.96)}.visual-brand .depot-brand strong{color:#075487}.visual-brand .depot-brand span{color:#55718e}.login-brand .depot-brand{margin-bottom:0}.brand .depot-brand strong{font-size:16px}.brand .depot-brand span{font-size:7px}.topbar-brand .depot-brand{gap:2px}.topbar-brand .depot-brand strong{font-size:14px}.topbar-brand .depot-brand span{font-size:7px}.mobile-brand .depot-brand strong{font-size:14px}.mobile-brand .depot-brand span{font-size:7px}.institutional-brand .mopsa-logo{display:none}.institutional-brand{display:flex;align-items:center;gap:10px}.institutional-brand::before{content:'MOPSA';display:block;color:#12365d;font:700 18px 'Space Grotesk';letter-spacing:1.5px}.institutional-brand::after{content:'DEPÓSITO DE CONTENEDORES';display:block;color:#71809a;font-size:8px;font-weight:800;letter-spacing:1.05px}.institutional-brand>span{display:none}
.institutional-iso::after{content:'SISTEMA DESARROLLADO POR\A Labs Space Science and Development. OÜ\A UNIÓN EUROPEA · ESTONIA';white-space:pre;display:block;margin-left:8px;padding-left:10px;border-left:1px solid #cad8e8;color:#71809a;font-size:7px;font-weight:800;line-height:1.4;letter-spacing:.45px}.institutional-iso::after:first-line{color:#1769d1}
.visual-brand{align-items:center;flex-wrap:wrap;gap:16px}.visual-brand .quality-mark{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(166,198,217,.75);border-radius:5px;background:rgba(9,35,62,.42)}.visual-brand .quality-mark strong{display:grid;place-items:center;width:42px;height:30px;border:1px solid #a6c6d9;color:#fff;font:700 13px 'Space Grotesk';letter-spacing:1px}.visual-brand .quality-mark span{font-size:9px;line-height:1.45;color:#d4e3ee;font-weight:800;letter-spacing:.7px}.visual-footer{align-items:end}.developer-mark{display:flex;flex-direction:column;gap:4px;max-width:430px;padding-left:18px;border-left:1px solid rgba(166,198,217,.7)}.developer-mark small{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#9bd2ef}.developer-mark strong{font-size:14px;line-height:1.3;color:#fff;letter-spacing:.2px}.developer-mark span{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#b9d5e8}@media(max-width:900px){.visual-brand{gap:10px}.visual-brand .quality-mark{padding:7px 9px}.developer-mark{padding-left:12px;max-width:310px}.developer-mark strong{font-size:12px}}@media(max-width:520px){.visual-brand .quality-mark{margin-top:8px}.visual-brand .quality-mark span{font-size:8px}.developer-mark{max-width:230px}.developer-mark strong{font-size:10px}.developer-mark small,.developer-mark span{font-size:7px}}