/*
Grupo FAMBOSA Holding
Documento Oficial
Código: BML-UI-SIN-004
Versión: 1.0
Estado: En revisión
Autor: Codex
Responsable: Ingeniería FAMBOSA
Aprobado por: Pendiente PR
Fecha: 2026-07-24
Dependencias: index.html, siniestros-acta.js
Producto asociado: BML Seguros
Historial: v1.0 formulario SCVS ampliado y acta de taller.
*/
.bml-s4-overlay{position:fixed;inset:0;background:rgba(5,28,45,.78);z-index:1300;display:none;align-items:flex-start;justify-content:center;padding:28px 14px;overflow:auto}
.bml-s4-overlay.show{display:flex}
.bml-s4-modal{width:min(920px,100%);background:#fff;border-radius:20px;box-shadow:0 22px 60px rgba(0,0,0,.3);overflow:hidden}
.bml-s4-head{position:sticky;top:0;z-index:2;background:#00699c;color:#fff;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.bml-s4-head h2{font:800 25px/1 'Barlow Condensed',sans-serif;margin:0}.bml-s4-head p{font-size:11px;margin:5px 0 0;opacity:.86}
.bml-s4-close{border:0;background:rgba(255,255,255,.16);color:#fff;border-radius:50%;width:36px;height:36px;font-size:19px;cursor:pointer}
.bml-s4-body{padding:22px}.bml-s4-section{border:1px solid #d9e5eb;border-radius:15px;padding:17px;margin-bottom:16px}
.bml-s4-section h3{font:800 18px/1.1 'Barlow Condensed',sans-serif;color:#064d73;margin:0 0 14px}
.bml-s4-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bml-s4-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.bml-s4-field{display:flex;flex-direction:column;gap:5px}.bml-s4-field.full{grid-column:1/-1}
.bml-s4-field label{font-size:11px;font-weight:700;color:#405664}.bml-s4-field input,.bml-s4-field select,.bml-s4-field textarea{width:100%;box-sizing:border-box;border:1px solid #cddbe2;border-radius:9px;background:#fff;padding:10px 11px;font:12px/1.35 'Inter',sans-serif;color:#152733}
.bml-s4-field textarea{min-height:76px;resize:vertical}.bml-s4-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#243b49}.bml-s4-check input{width:auto}
.bml-s4-note{border-left:3px solid #00a1a5;background:#edfafa;padding:10px 12px;border-radius:0 8px 8px 0;font-size:11px;color:#36545e;margin:10px 0}
.bml-s4-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.bml-s4-primary,.bml-s4-secondary{border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer}
.bml-s4-primary{background:#00699c;color:#fff}.bml-s4-secondary{background:#eaf2f5;color:#315564}.bml-s4-primary:disabled{opacity:.55;cursor:not-allowed}
.bml-s4-msg{font-size:11px;color:#3e5e6d;min-height:16px;flex:1}.bml-s4-hidden{display:none!important}
.bml-s4-geo{display:flex;gap:8px}.bml-s4-geo input{flex:1}.bml-s4-geo button{border:0;border-radius:9px;background:#e4f5f6;color:#006d72;font-weight:800;padding:0 12px;cursor:pointer}
.bml-s4-signatures{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bml-s4-sign{border:1px solid #cbdce4;border-radius:10px;padding:9px}.bml-s4-sign canvas{display:block;width:100%;height:135px;background:#fff;border:1px dashed #a9c2ce;border-radius:7px;touch-action:none}
.bml-s4-signbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:11px;font-weight:700}.bml-s4-signbar button{border:0;background:none;color:#00699c;cursor:pointer;font-weight:800}
.bml-s4-checklist{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.bml-s4-checkitem{background:#f4f8fa;border-radius:9px;padding:9px}.bml-s4-checkitem label{font-size:10px;font-weight:700;display:block;min-height:28px}.bml-s4-checkitem select{width:100%;margin-top:5px;border:1px solid #c8d8df;border-radius:7px;padding:7px}
.bml-s4-evidence{font-size:10px;color:#607782;margin-top:5px}.bml-s4-required{color:#b73232}
@media(max-width:720px){.bml-s4-overlay{padding:0}.bml-s4-modal{border-radius:0;min-height:100vh}.bml-s4-grid,.bml-s4-grid.three,.bml-s4-signatures{grid-template-columns:1fr}.bml-s4-checklist{grid-template-columns:1fr 1fr}.bml-s4-body{padding:14px}}
