#section-bitacora .bit-heading-title h1{font-size:42px;color:white}#section-bitacora .bit-heading{background:linear-gradient(110deg,#103c65,#136386);border-radius:18px;padding:26px;color:white}#section-bitacora .bit-heading p,#section-bitacora .bit-heading strong{color:white}#section-bitacora .bit-layout-tools{display:flex;align-items:end;gap:20px;padding:18px;background:#edf6fb;border:1px solid #bed3e3;border-radius:12px;margin:18px 0}#section-bitacora #bitPhotos{display:grid;gap:18px}#section-bitacora .bit-photo-row{padding:20px;background:white;border:1px solid #c2d9e9;border-radius:16px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,1.3fr);gap:24px}#section-bitacora .bit-photo-row img{display:block;width:100%;height:260px;object-fit:contain;background:#edf4f9;margin:12px 0;border-radius:10px}#section-bitacora .bit-photo-row label{color:#153f61;font-weight:700;margin:10px 0 6px;display:block}#section-bitacora .bit-drag{cursor:grab}#section-bitacora .bit-dragging{opacity:.4;outline:2px dashed #057bac}#section-bitacora .bit-photo-row textarea{min-height:190px}.bit-preview-dialog{width:min(1200px,95vw);max-width:95vw;height:90vh;border:0;border-radius:15px;padding:20px}.bit-preview-dialog::backdrop{background:#09213dcc}.bit-preview-dialog iframe{width:100%;height:calc(100% - 150px);border:1px solid #bed3e3}.bit-preview-dialog h3{color:#123d68}@media(max-width:700px){#section-bitacora .bit-photo-row{grid-template-columns:1fr}#section-bitacora .bit-layout-tools{align-items:stretch;flex-direction:column}}

#section-bitacora .bit-protocol-picker{padding:18px;border:1px solid #adcddd;border-radius:14px;background:#f1f8fc;margin:12px 0 20px}#section-bitacora .bit-protocol-picker .actions{display:flex;flex-wrap:wrap;gap:12px}#section-bitacora #bitProtocolVal{flex:1 1 220px;min-width:0}#section-bitacora .field[hidden],#bitProtocolDetails[hidden]{display:none!important}#bitProtocolDetails{margin-top:14px}#bitProtocolResults{max-height:55vh;overflow:auto}#bitProtocolDialog{width:min(1050px,94vw)}

/* Mantener ágil la edición de bitácoras con muchas fotos. */
#section-bitacora .bit-photo-row{content-visibility:auto;contain-intrinsic-size:auto 390px}
#section-bitacora #bitConfirm{scroll-margin-top:105px}
#section-bitacora #bitGeneration{gap:12px;margin-top:18px}
#section-bitacora #bitGeneration .btn{min-height:48px;padding:12px 20px}
#section-bitacora .bit-import-notes{margin:8px 0}
/* Corregir una bitácora desde su PDF y tiempo de armado */
#bitTypeChoice .bit-fix-card{--type-color:#5b6b7c;grid-column:1 / -1;min-height:0;padding:18px 26px}
#bitTypeChoice .bit-fix-card .vl-type-symbol{font-size:20px;min-width:58px;height:58px}
#bitTypeChoice .bit-fix-card strong{font-size:18px}
#bitFixState{margin:-8px 0 18px}
.bit-timer{display:inline-flex;align-items:baseline;gap:6px;margin:6px 0 0;padding:4px 12px;border-radius:999px;font-size:13px;background:#eef6fb;color:#12355b;border:1px solid #c9dde9}
.bit-timer b{font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.bit-timer small{color:#526880}
.bit-timer[data-state="done"]{background:#eaf7ef;border-color:#bfe3cc;color:#1f6b3f}
.bit-timer[data-state="done"] small{color:#1f8a4c;font-weight:600}
@media (max-width:700px){#bitTypeChoice .bit-fix-card{padding:16px}}
/* Selección múltiple de fotos, botón «Quitar todas» y visor de la foto completa con su comentario */
#section-bitacora .bit-sel{display:inline-flex;align-items:center;gap:4px;font-size:12px;cursor:pointer;user-select:none}
#section-bitacora .bit-sel input{margin:0;width:15px;height:15px;cursor:pointer}
#section-bitacora .bit-photo-row.bit-selected{outline:3px solid #0b67c2;outline-offset:-3px;box-shadow:0 0 0 4px #0b67c21f}
#section-bitacora .bit-select-bar{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;margin:0 0 8px;border:1px solid #bcd3ea;border-radius:10px;background:#eef5fc;font-size:13px}
#section-bitacora .bit-select-bar[hidden]{display:none}
#section-bitacora .bit-select-bar .btn{min-height:30px;padding:4px 10px;font-size:12.5px}
#section-bitacora .bit-select-bar .bit-sel-target{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;margin:0}
#section-bitacora .bit-select-bar .bit-sel-target input{width:72px;min-height:30px;padding:2px 6px;font-size:13px}
#section-bitacora .bit-select-flex{flex:1}
#section-bitacora .bit-photo-row img[data-bit-view]{cursor:zoom-in}
#section-bitacora .bit-photo-row img[data-bit-view]:focus-visible{outline:3px solid #0b67c2;outline-offset:-3px}
dialog.bit-viewer{width:min(96vw,1240px);max-width:none;max-height:94vh;padding:0;border:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 24px 60px #0008;color:#17344a}
dialog.bit-viewer::backdrop{background:#0b1a2acc}
dialog.bit-viewer .bit-viewer-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 64px 10px 14px;background:#0f2f4c;color:#fff;font:600 14px Arial,Helvetica,sans-serif}
dialog.bit-viewer .bit-viewer-head span{font-weight:400;opacity:.85;font-size:12.5px}
dialog.bit-viewer .bit-viewer-flex{flex:1}
dialog.bit-viewer .bit-viewer-head .btn{min-height:30px;padding:4px 10px;font-size:12.5px}
dialog.bit-viewer .bit-viewer-body{display:flex;justify-content:center;align-items:center;max-height:66vh;min-height:220px;overflow:auto;background:#1b1e24}
dialog.bit-viewer .bit-viewer-body img{display:block;max-width:100%;max-height:66vh;object-fit:contain;cursor:zoom-in}
dialog.bit-viewer:not(.bit-viewer-fit) .bit-viewer-body{justify-content:flex-start;align-items:flex-start}
dialog.bit-viewer:not(.bit-viewer-fit) .bit-viewer-body img{max-width:none;max-height:none;cursor:zoom-out}
dialog.bit-viewer .bit-viewer-comment{display:block;padding:10px 14px 14px;margin:0;font-size:13px;font-weight:600}
dialog.bit-viewer .bit-viewer-comment textarea{display:block;width:100%;min-height:84px;margin-top:6px;font-weight:400}