/* ==========================================================================
   Recreaciones nítidas de las pantallas del Sistema de Partidas
   --------------------------------------------------------------------------
   Reemplazan las capturas PNG que se veían pixeladas al ampliarlas.
   Cada recreación (.mk) se dibuja con las MEDIDAS EN PÍXELES DE LA CAPTURA
   ORIGINAL (mismas posiciones de campos, botones y textos) y luego se amplía
   con `zoom` hasta el ancho con que se muestra en la diapositiva. Como todo es
   HTML/CSS/SVG, el texto y los bordes se ven nítidos a cualquier tamaño, y los
   recuadros verdes (.hl, en porcentajes) siguen cayendo en el mismo lugar.
   Las capturas originales están en capturas/originales/.
   ========================================================================== */

/* ---------- Base ---------- */
.mk {
  position: relative;
  overflow: hidden;
  background: #fff;
  color: #1a1a1a;
  font: 13px/1.25 "Segoe UI", "Segoe UI Variable Text", Tahoma, Arial, sans-serif;
  text-align: left;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}
.mk, .mk * { box-sizing: border-box; }
.mk p { margin: 0; }
.abs { position: relative; }
.abs > * { position: absolute; }

/* Etiquetas */
.mk .lbl { display: flex; align-items: center; white-space: nowrap; }
.mk .g { color: #0d5a12; }            /* etiqueta verde oscuro de los formularios */
.mk .gr { color: #6d6d6d; }           /* texto deshabilitado */

/* Campo de texto (estilo Windows 11) */
.mk .tb {
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 7px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-bottom-color: #8f8f8f;
  border-radius: 3px;
  font: 700 14px/1 Arial, "Liberation Sans", sans-serif;
  color: #111;
}
.mk .tb.dis { color: #707070; border-bottom-color: #d9d9d9; }
.mk .tb.foc { border-bottom: 2px solid #005fb8; }
.mk .tb.box { border-color: #7a7a7a; border-radius: 0; }               /* borde fino oscuro */
.mk .tb.n { font-weight: 400; font-family: "Segoe UI", Tahoma, Arial, sans-serif; }

/* Lista desplegable cerrada */
.mk .cmb { padding-right: 26px; }
.mk .cmb::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -5px;
  border-right: 1.2px solid #6b6b6b;
  border-bottom: 1.2px solid #6b6b6b;
  transform: rotate(45deg);
}

/* Casilla de verificación */
.mk .cb {
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid #3b3b3b;
  border-radius: 3px;
}
.mk .cb.lt { border-color: #a9a9a9; background: #fbfbfb; }
.mk .cb.on { background: #005fb8; border-color: #005fb8; }
.mk .cb.on.dis { background: #c4c4c4; border-color: #c4c4c4; }
.mk .cb.on::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 45%;
  width: 28%;
  height: 52%;
  border-right: 1.6px solid #fff;
  border-bottom: 1.6px solid #fff;
  transform: translate(-50%, -50%) rotate(45deg);
}

/* Botones */
.mk .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
  background: #fdfdfd;
  border: 1px solid #d0d0d0;
  border-bottom-color: #b9b9b9;
  border-radius: 4px;
  font: 13px/1 "Segoe UI", Tahoma, Arial, sans-serif;
  color: #1a1a1a;
}
.mk .btn.cls { background: #e1e1e1; border: 1px solid #adadad; border-radius: 0; font-size: 12px; gap: 5px; }
.mk .btn.cls.hov { background: #e5f1fb; border-color: #0078d7; }
.mk .btn.off { color: #9a9a9a; background: #ececec; border-color: #cacaca; }
.mk .btn.sel { border: 1px solid #0067c0; box-shadow: inset 0 0 0 1px #9cc8f2; }   /* con foco */
.mk .btn.opt { background: #ececec; border: 1px solid #5c5c5c; border-radius: 0; font-size: 14px; }
.mk .btn.opt.def { border: 2px solid #1a1a1a; }
.mk .btn.dk { color: #183d18; }      /* texto verde muy oscuro de la barra de botones */

/* Ventana / cuadro de diálogo */
.mk .ttl { font: 15px/1 "Segoe UI", Tahoma, Arial, sans-serif; color: #5c5c5c; white-space: nowrap; }

/* ---------- Íconos (SVG vectorial, nítido a cualquier tamaño) ---------- */
.mk .ic { display: inline-block; flex: none; background-repeat: no-repeat; background-position: center; background-size: contain; }
.ic-x { width: 11px; height: 11px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M.5.5l9 9M9.5.5l-9 9' stroke='%23333' stroke-width='1'/%3E%3C/svg%3E"); }
.ic-lupa { width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Ccircle cx='13' cy='8.5' r='6' fill='%23fff' stroke='%23136dbf' stroke-width='2.6'/%3E%3Cpath d='M8.6 13 3.2 18.6' stroke='%23136dbf' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E"); }
.ic-ok { width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%2348b14b' stroke='%23278a2c'/%3E%3Cpath d='M4.4 8.3 6.9 10.7 11.6 5.6' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.ic-no { width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23e5484d' stroke='%23b3262b'/%3E%3Cpath d='M4.5 8h7' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.ic-no.off { filter: grayscale(1) opacity(.45); }
.ic-chk { width: 26px; height: 26px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M3 14.5 9.5 21 23.5 4.5' fill='none' stroke='%23276b2b' stroke-width='5.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 14.5 9.5 21 23.5 4.5' fill='none' stroke='%2363c55a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.ic-redx { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5l14 14M19 5 5 19' stroke='%23c62828' stroke-width='4.2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.ic-cal { width: 24px; height: 14px; margin-left: auto; margin-right: -3px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14'%3E%3Crect x='.5' y='1.5' width='11' height='11' fill='%23fff' stroke='%23707070'/%3E%3Cpath d='M.5 4.5h11M3 7h1.5M5.5 7H7M8 7h1.5M3 9.5h1.5M5.5 9.5H7M8 9.5h1.5' stroke='%23707070'/%3E%3Cpath d='M15 5.5h6l-3 3.5z' fill='%23404040'/%3E%3C/svg%3E"); }
.ic-menu { width: 26px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 22'%3E%3Cpath d='M1 3h15M1 9h15M1 15h15M1 20h15' stroke='%23111' stroke-width='2.2'/%3E%3Cpath d='M1 15h15' stroke='%2322a33a' stroke-width='2.2'/%3E%3Cpath d='M20 2h3v2.6h-3zM20 8h3v2.6h-3zM20 14h3v2.6h-3zM20 19h3v2.6h-3z' fill='%23111'/%3E%3C/svg%3E"); }
.ic-print { width: 30px; height: 26px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 26'%3E%3Cpath d='M8 2h12l3 5H6z' fill='%23d9d9d9' stroke='%23999'/%3E%3Crect x='2' y='8' width='26' height='11' rx='2' fill='%23c4c4c4' stroke='%23999'/%3E%3Crect x='7' y='15' width='16' height='9' fill='%23ececec' stroke='%23a5a5a5'/%3E%3C/svg%3E"); }
.ic-print.col { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 26'%3E%3Cpath d='M8 2h12l3 5H6z' fill='%23fff' stroke='%23555'/%3E%3Crect x='2' y='8' width='26' height='11' rx='2' fill='%23b08ad6' stroke='%23553a73'/%3E%3Crect x='7' y='15' width='16' height='9' fill='%23fff' stroke='%23555'/%3E%3C/svg%3E"); }
.ic-trash { width: 30px; height: 28px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 28'%3E%3Cpath d='M4 11h16l-2 15H6z' fill='%23fff' stroke='%23111' stroke-width='1.6'/%3E%3Cpath d='M3 10h18' stroke='%23111' stroke-width='2'/%3E%3Cpath d='M9 14v9M12 14v9M15 14v9' stroke='%23111' stroke-width='1.4'/%3E%3Cpath d='M5 7C7 1 14 0 18 4' fill='none' stroke='%23d32f2f' stroke-width='2.4'/%3E%3Cpath d='m16 1 4 4-5 1z' fill='%23d32f2f'/%3E%3Cpath d='M22 9l6 7M26 9l-3 4' stroke='%23111' stroke-width='1.4'/%3E%3C/svg%3E"); }
.ic-salir { width: 30px; height: 28px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 28'%3E%3Crect x='15' y='2' width='11' height='24' fill='%23e02424' stroke='%23941414'/%3E%3Cpath d='M15 2h11v24' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Ccircle cx='7' cy='6' r='2.6' fill='%23111'/%3E%3Cpath d='M7 9v8M7 11l-4 3M7 11l4 2M7 17l-3 7M7 17l3 7' stroke='%23111' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.ic-gafas { width: 30px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 18'%3E%3Ccircle cx='7.5' cy='10' r='5.5' fill='%23fff' stroke='%23333' stroke-width='1.6'/%3E%3Ccircle cx='22.5' cy='10' r='5.5' fill='%23fff' stroke='%23333' stroke-width='1.6'/%3E%3Cpath d='M13 9.5c1.3-1.3 2.7-1.3 4 0M2.2 8 1 3M27.8 8 29 3' fill='none' stroke='%23333' stroke-width='1.6'/%3E%3C/svg%3E"); }
.ic-fold { width: 26px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 20'%3E%3Cpath d='M1 1h9l2 3h13v15H1z' fill='%23d9a520'/%3E%3Cpath d='M1 6h24v13H1z' fill='%23f2c744'/%3E%3C/svg%3E"); }
.ic-add { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10.5' fill='%2366bb6a' stroke='%23388e3c'/%3E%3Cpath d='M12 6.5v11M6.5 12h11' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); }
.ic-folder { width: 26px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 22'%3E%3Cpath d='M1 3h8l2 3h12v14H1z' fill='%231f3f8f'/%3E%3Cpath d='M4 9h21l-3 11H1z' fill='%233a64c8' stroke='%231f3f8f'/%3E%3C/svg%3E"); }

/* ==========================================================================
   Reporte de información a la curia · ventana «Notificación de Reporte
   Automático» (520 × 375). Las diapositivas 5 a 9 muestran recortes de la
   misma ventana: .mk-repNN es el recorte y .rep la ventana completa.
   Campos: Párroco, Correo Parroquia, Teléfono Parroquia y Secretario (a).
   Sin «Correo Secretario (a)» ni «Teléfono Secretario (a)», lo de abajo sube
   57 px frente a la captura.
   ========================================================================== */
.rep { left: 0; top: 0; width: 520px; height: 375px; background: #fff; }
.rep .ttl { left: 10px; top: 10px; font-size: 12px; color: #000; }
.rep .ic-x { left: 494px; top: 12px; }
.rep .msg, .rep .q {
  left: 14px;
  width: 492px;
  text-align: center;
  font: 700 13px/17px Arial, "Liberation Sans", sans-serif;
  color: #007a00;
}
.rep .msg { top: 41px; }
.rep .q { top: 88px; }
.rep .lbl { left: 18px; height: 22px; font-size: 13px; color: #000; }
.rep .tb { left: 163px; width: 345px; height: 22px; border: 1px solid #7a7a7a; border-radius: 0; padding: 0 4px; font: 13px/1 Arial, "Liberation Sans", sans-serif; color: #000; }
.rep .tb.s { width: 166px; }
.rep .tb.act { border-color: #0078d7; }
.rep .caret { display: inline-block; width: 1px; height: 15px; margin-left: 1px; background: #000; }
.rep .r1 { top: 114px; }
.rep .r2 { top: 143px; }
.rep .r3 { top: 172px; }
.rep .r4 { top: 200px; }
.rep .r5 { top: 228px; }
.rep .est { left: 18px; top: 254px; height: 18px; font-size: 13px; }
.rep .est-v { left: 66px; top: 254px; height: 18px; display: flex; align-items: center; white-space: nowrap; font-size: 13px; color: #000; }
.rep .est-v.ok { color: #007a00; }
.rep .bar { left: 18px; top: 275px; width: 490px; height: 21px; background: #e6e6e6; border: 1px solid #bcbcbc; }
.rep .bar i { display: block; height: 100%; background: #06b025; }
.rep .bar .p0 { width: 0; }
.rep .bar .p5 { width: 5%; }
.rep .bar .p16 { width: 16%; }
.rep .bar .p100 { width: 100%; }
.rep .b1 { left: 168px; top: 328px; width: 88px; height: 23px; }
.rep .b2 { left: 264px; top: 328px; width: 88px; height: 23px; }

.mk-rep01 { width: 520px; height: 375px; zoom: 1.6; }                 /* diap. 3 */
.mk-rep02 { width: 520px; height: 110px; zoom: 3.2308; }              /* diap. 5 */
.mk-rep03 { width: 502px; height: 121px; zoom: 2.988; }               /* diap. 6 */
.mk-rep03 > .rep { left: -10px; top: -136px; }
.mk-rep04 { width: 510px; height: 140px; zoom: 3.1373; }              /* diap. 7 */
.mk-rep04 > .rep { left: -5px; top: -223px; }
.mk-rep05 { width: 510px; height: 50px; zoom: 3.1373; }               /* diap. 8 */
.mk-rep05 > .rep { left: -5px; top: -251px; }
.mk-rep07 { width: 510px; height: 112px; zoom: 3.1373; }              /* diap. 9 */
.mk-rep07 > .rep { left: -5px; top: -251px; }

/* Ventana «Reporte de Información» · reporte con guardado (diap. 10).
   Medidas de reporte_con_guardado.png (captura al 125 %), con los mismos campos
   del formulario: sin correo ni teléfono del secretario(a), lo de abajo sube 70 px. */
.mk-repg { width: 643px; height: 461px; zoom: 1.3; background: #f9f9f9; font-size: 15.5px; }
.mk-repg .ttl { left: 10px; top: 11px; font-size: 15px; color: #000; }
.mk-repg .ic-x { left: 617px; top: 13px; width: 13px; height: 13px; }
.mk-repg .lbl { left: 18px; height: 27px; font-size: 15.5px; color: #000; }
.mk-repg .cap { top: 57px; }
.mk-repg .tb { left: 200px; width: 430px; height: 27px; font: 15.5px/1 "Segoe UI", Tahoma, Arial, sans-serif; color: #000; }
.mk-repg .tb.s { width: 206px; }
.mk-repg .ruta { left: 18px; top: 94px; width: 466px; height: 30px; background: #f0f0f0; border-color: #e3e3e3; }
.mk-repg .btn { height: 29px; font-size: 15.5px; }
.mk-repg .ex { left: 494px; top: 95px; width: 135px; }
.mk-repg .r1 { top: 138px; }
.mk-repg .r2 { top: 174px; }
.mk-repg .r3 { top: 209px; }
.mk-repg .r4 { top: 244px; }
.mk-repg .r5 { top: 279px; }
.mk-repg .est { left: 18px; top: 315px; height: 20px; }
.mk-repg .est-v { left: 73px; top: 315px; height: 20px; display: flex; align-items: center; }
.mk-repg .bar { left: 18px; top: 340px; width: 612px; height: 28px; background: #e6e6e6; border: 1px solid #c4c4c4; }
.mk-repg .gd { left: 265px; top: 411px; width: 116px; }

/* ==========================================================================
   Formulario de bautismo · Filiación, Padre, Madre (diap. 14 y 19)
   ========================================================================== */
.mk-fil { width: 859px; height: 124px; zoom: 1.9092; }
.mk-fil.sp { width: 789px; zoom: 2.0025; }
.mk-fil .side { left: 0; top: 0; width: 7px; height: 124px; background: #f3f3f3; border-right: 1px solid #e6e6e6; }
.mk-fil .foot { left: 0; top: 119px; width: 100%; height: 5px; background: #f3f3f3; border-top: 1px solid #dedede; }
.mk-fil .lbl { left: 48px; height: 26px; font-size: 14px; }
.mk-fil .r1 { top: 7px; }
.mk-fil .r2 { top: 48px; }
.mk-fil .r3 { top: 89px; }
.mk-fil .cmb { left: 237px; width: 168px; height: 27px; border-bottom-color: #d0d0d0; font-size: 15px; }
.mk-fil .txt { left: 427px; top: 7px; height: 27px; font-size: 14px; }
.mk-fil .cb { left: 604px; top: 13px; }
.mk-fil .tx { left: 624px; top: 7px; width: 300px; height: 27px; font-size: 15px; }
.mk-fil .tb.wide { left: 237px; width: 680px; height: 26px; font-size: 15px; }

/* ==========================================================================
   Notas marginales impresas (diap. 15 y 16) · texto de impresora Courier
   ========================================================================== */
.mk-prn { font: 32.5px/32.8px "Courier New", Courier, monospace; color: #111; white-space: nowrap; }
.mk-prn .t { font-weight: 700; font-size: 40px; line-height: 35px; }
.mk-prn .r { display: grid; grid-template-columns: 352px max-content; }
.mk-prn1 { width: 1180px; height: 275px; zoom: 1.3898; padding: 4px 0 0 13px; }
.mk-prn1 .t { margin-left: 608px; }
.mk-prn2 { width: 1225px; height: 508px; zoom: 1.26; padding: 17px 0 0 19px; }
.mk-prn2 .t { margin-left: 607px; }
.mk-prn2 .t2 { margin-top: 37px; }

/* ==========================================================================
   Barra de botones de la partida (diap. 17)
   ========================================================================== */
.mk-menu { width: 501px; height: 64px; zoom: 1.3972; background: #f9f9f9; }
.mk-menu .btn { top: 13px; height: 36px; font-size: 14px; }
.mk-menu .b0 { left: -100px; width: 108px; }
.mk-menu .b1 { left: 25px; width: 108px; color: #8a8fa8; }
.mk-menu .b2 { left: 148px; width: 106px; }
.mk-menu .b3 { left: 265px; width: 108px; }
.mk-menu .b4 { left: 387px; width: 106px; }

/* ==========================================================================
   Cuadros «Opciones Bautismo» (diap. 17 y 21) y «Opciones Matrimonio» (diap. 32)
   ========================================================================== */
.mk-opc { background: #f9f9f9; }
.mk-opc .ttl { left: 20px; }
.mk-opc .pan { background: #f0f0f0; }
.mk-opc .btn.opt { left: var(--bx); width: 302px; height: 32px; }
.mk-opc .cb { left: var(--cx); width: 18px; height: 18px; }
.mk-opc .ok { height: 36px; font-size: 14px; }

.mk-opcb { width: 463px; height: 469px; zoom: 1.6415; --bx: 64px; --cx: 377px; }
.mk-opcb .ttl { top: 29px; }
.mk-opcb .pan { left: 52px; top: 72px; width: 354px; height: 318px; }
.mk-opcb .o1 { top: 80px; }
.mk-opcb .o2 { top: 124px; }
.mk-opcb .o3 { top: 168px; }
.mk-opcb .o4 { top: 212px; }
.mk-opcb .o5 { top: 255px; }
.mk-opcb .o6 { top: 299px; }
.mk-opcb .o7 { top: 342px; }
.mk-opcb .cb { margin-top: 7px; }
.mk-opcb .ok { left: 166px; top: 401px; width: 118px; }

.mk-opcm { width: 450px; height: 412px; zoom: 1.7333; --bx: 48px; --cx: 360px; background: #eeeeee; }
.mk-opcm .win { left: 10px; top: 5px; width: 426px; height: 347px; background: #f9f9f9; border: 1px solid #c4c4c4; border-radius: 8px; box-shadow: 0 6px 16px rgba(0, 0, 0, .18); }
.mk-opcm .ttl { top: 18px; }
.mk-opcm .pan { left: 44px; top: 58px; width: 356px; height: 230px; }
.mk-opcm .o1 { top: 65px; }
.mk-opcm .o2 { top: 108px; }
.mk-opcm .o3 { top: 152px; }
.mk-opcm .o4 { top: 196px; }
.mk-opcm .o5 { top: 239px; }
.mk-opcm .cb { margin-top: 7px; }
.mk-opcm .ok { left: 167px; top: 297px; width: 107px; height: 34px; }
.mk-opcm .bb { top: 367px; height: 37px; font-size: 14px; }
.mk-opcm .bb0 { left: -75px; width: 110px; justify-content: flex-end; padding-right: 6px; }
.mk-opcm .bb1 { left: 47px; width: 141px; }
.mk-opcm .bb2 { left: 203px; width: 112px; }
.mk-opcm .bb3 { left: 327px; width: 105px; }
.mk-opcm .bb4 { left: 445px; width: 60px; }

/* «Opciones Bautismo» con «Texto personalizado partida» marcada (diap. 21).
   Captura del ODP «20251202 Novedades … Girardota»: la misma ventana de la
   diap. 17 con dos opciones más (Soportes escaneados y Texto personalizado). */
.mk-opct { height: 556px; zoom: 1.24; }
.mk-opct .pan { height: 405px; }
.mk-opct .o8 { top: 386px; }
.mk-opct .o9 { top: 430px; }
.mk-opct .ok { top: 488px; }

/* Botón «Nota de nulidad matrimonial» ya marcado (diap. 32) */
.mk-nmark { width: 354px; height: 55px; zoom: 1.9774; background: #f0f0f0; }
.mk-nmark .btn.opt { left: 5px; top: 10px; width: 306px; height: 34px; }
.mk-nmark .cb { left: 320px; top: 17px; width: 20px; height: 20px; }

/* ==========================================================================
   Ventana «Bautismo homoparental» (diap. 18)
   ========================================================================== */
.mk-hom { width: 585px; height: 364px; zoom: 1.812; background: #f5f5f5; }
.mk-hom .ttl { left: 12px; top: 15px; }
.mk-hom .ic-x { left: 563px; top: 18px; width: 13px; height: 13px; }
.mk-hom .grp { left: 18px; top: 82px; width: 550px; height: 238px; border: 1px solid #dcdcdc; box-shadow: inset 1px 1px 0 #fff; }
.mk-hom .gt { left: 24px; top: 63px; font: 700 14px/1 Arial, "Liberation Sans", sans-serif; color: #000; }
.mk-hom .lbl { left: 32px; height: 26px; font-size: 14px; color: #000; }
.mk-hom .tb { left: 133px; width: 412px; height: 26px; font: 14px/1 "Segoe UI", Tahoma, Arial, sans-serif; color: #000; border-bottom-color: #c9c9c9; }
.mk-hom .cmb { width: 167px; height: 29px; border-color: #8a8a8a; }
.mk-hom .r1 { top: 101px; }
.mk-hom .r2 { top: 138px; }
.mk-hom .r3 { top: 173px; }
.mk-hom .r4 { top: 203px; }
.mk-hom .r5 { top: 237px; }
.mk-hom .r6 { top: 277px; }
.mk-hom .r6.tb { padding-left: 12px; }
.mk-hom .btn { top: 330px; width: 108px; height: 34px; font-size: 15px; }
.mk-hom .b1 { left: 325px; }
.mk-hom .b2 { left: 444px; }

/* ==========================================================================
   Partidas antiguas en texto (diap. 22 y 23), del ODP «20251202 Novedades …
   Girardota»: ventana «Editor - partidartf.rtf» (captura de 1287 px) y la
   hoja impresa con el texto en lugar del formato.
   ========================================================================== */
.mk-edit { width: 1287px; height: 250px; zoom: 1.3; background: #f9f9f9; }
.mk-edit .app { left: 13px; top: 12px; width: 20px; height: 20px; border: 2px solid #3f9a3f; border-radius: 6px; }
.mk-edit .ttl { left: 40px; top: 14px; font-size: 15px; color: #1a1a1a; }
.mk-edit .mn { left: 1134px; top: 22px; width: 13px; height: 1px; background: #333; }
.mk-edit .mx { left: 1190px; top: 16px; width: 12px; height: 12px; border: 1px solid #333; border-radius: 2px; }
.mk-edit .ic-x { left: 1248px; top: 16px; width: 13px; height: 13px; }
.mk-edit .menu { top: 45px; font-size: 15px; color: #1a1a1a; }
.mk-edit .m1 { left: 18px; }
.mk-edit .m2 { left: 78px; }
.mk-edit .m3 { left: 155px; }
.mk-edit .tool { top: 47px; width: 30px; height: 26px; display: flex; align-items: center; justify-content: center; font: 15px/1 "Times New Roman", Times, serif; color: #333; }
.mk-edit .tool sub, .mk-edit .tool sup { font-size: 9px; }
.mk-edit .t1 { left: 1068px; }
.mk-edit .t2 { left: 1111px; }
.mk-edit .t3 { left: 1152px; font-weight: 700; }
.mk-edit .t4 { left: 1193px; font-style: italic; }
.mk-edit .t5 { left: 1235px; text-decoration: underline; }
.mk-edit .area { left: 18px; top: 80px; width: 1252px; height: 190px; padding: 10px 18px; background: #fff; border: 1px solid #8a8a8a; font: 19.8px/22px "Courier New", Courier, monospace; color: #111; }
.mk-edit .area sup, .mk-hoja .txt sup { font-size: .6em; line-height: 0; }

/* Hoja impresa: hoja carta a 1070 px de ancho (.pag), recortada desde
   «PARTIDA DE BAUTISMO» hasta la firma, como en el ODP. Texto de impresora Courier. */
.mk-hoja { width: 950px; height: 560px; zoom: 1.22; font: 17.4px/1 "Courier New", Courier, monospace; color: #111; white-space: nowrap; }
.mk-hoja .pag { left: -60px; top: -236px; width: 1070px; height: 1384px; }
.mk-hoja .enc { left: 278px; top: 62px; width: 689px; }
.mk-hoja .enc p { height: 35px; display: flex; align-items: center; justify-content: center; border-top: 1.5px dashed #444; }
.mk-hoja .enc .b { height: 38px; font-weight: 700; font-size: 21px; }
.mk-hoja .dbl { left: 99px; top: 397px; width: 873px; height: 6px; border-top: 1.5px dashed #444; border-bottom: 1.5px dashed #444; }
.mk-hoja .cuerpo { left: 99px; top: 443px; width: 873px; white-space: normal; }
.mk-hoja .txt { line-height: 28px; }
.mk-hoja .fiel { margin-top: 44px; line-height: 27px; }
.mk-hoja .doy { margin: 36px 0 0 189px; }
.mk-hoja .firma { margin: 26px 0 0 257px; }

/* ==========================================================================
   Confirmación · Ministro, Cargo y Delegado por (diap. 25)
   ========================================================================== */
.mk-row .lbl { height: 27px; font-size: 14px; }
.mk-row .tb { height: 27px; }
.mk-min { width: 780px; height: 39px; zoom: 1.7949; }
.mk-min .lbl, .mk-min .tb { top: 6px; }
.mk-min .l1 { left: 10px; }
.mk-min .f1 { left: 210px; width: 542px; padding-left: 13px; }
.mk-min .ic-lupa { left: 757px; top: 8px; }

.mk-cargo { width: 658px; height: 39px; zoom: 1.7933; }
.mk-cargo .lbl, .mk-cargo .tb { top: 6px; }
.mk-cargo .ic-lupa { top: 8px; }
.mk-cargo .lp0 { left: -16px; }
.mk-cargo .l1 { left: 40px; }
.mk-cargo .f1 { left: 130px; width: 128px; }
.mk-cargo .cb { left: 278px; top: 12px; width: 15px; height: 15px; }
.mk-cargo .l2 { left: 302px; color: #0d5a12; }
.mk-cargo .f2 { left: 432px; width: 196px; }
.mk-cargo .lp1 { left: 636px; }

/* Configuración: «Imprimir fecha nacimiento en confirmaciones» (diap. 26) */
.mk-cfg { width: 634px; height: 46px; zoom: 2.6025; }
.mk-cfg .side { left: 16px; top: 0; width: 6px; height: 46px; border-left: 1px solid #a0a0a0; border-right: 1px solid #a0a0a0; }
.mk-cfg .lbl { left: 45px; top: 15px; height: 22px; font-size: 13px; letter-spacing: -.25px; }
.mk-cfg .cb { left: 590px; top: 18px; width: 15px; height: 15px; border-color: #5a5a5a; }
.mk-cfg .line { left: 22px; top: 44px; width: 612px; height: 1px; background: #d5d5d5; }

/* ==========================================================================
   Matrimonio · Ministro / Delegado por / Da fe (diap. 28)
   ========================================================================== */
.mk-mdel { width: 1070px; height: 78px; zoom: 1.5888; }
.mk-mdel .band { left: 0; top: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #146c14 0%, #3f9a3f 45%, rgba(63, 154, 63, .15) 85%, rgba(63, 154, 63, 0) 100%); }
.mk-mdel .l1, .mk-mdel .l2 { left: 22px; }
.mk-mdel .y1 { top: 9px; }
.mk-mdel .y2 { top: 40px; }
.mk-mdel .f1 { left: 210px; width: 222px; }
.mk-mdel .lp1 { left: 442px; top: 11px; }
.mk-mdel .l3 { left: 478px; color: #444; }
.mk-mdel .cb { left: 600px; top: 15px; }
.mk-mdel .f2 { left: 636px; width: 391px; }
.mk-mdel .lp2 { left: 1040px; top: 11px; }
.mk-mdel .f3 { left: 210px; width: 817px; }
.mk-mdel .lp3 { left: 1040px; top: 42px; }
.mk-mdel .f4 { left: 210px; top: 72px; width: 817px; }

/* ==========================================================================
   Matrimonio · Padres, Parroquia y Fecha de bautismo, «Otra religión» (diap. 29)
   ========================================================================== */
.mk-rel { width: 1102px; height: 132px; zoom: 1.5426; }
.mk-rel .lbl { height: 26px; }
.mk-rel .tb { height: 26px; }
.mk-rel .y1 { top: -2px; }
.mk-rel .y2 { top: 31px; }
.mk-rel .y3 { top: 66px; }
.mk-rel .l1, .mk-rel .l2, .mk-rel .l3 { left: 30px; }
.mk-rel .p1 { left: 218px; width: 382px; }
.mk-rel .ly { left: 610px; }
.mk-rel .p2 { left: 628px; width: 48px; }
.mk-rel .p3 { left: 686px; width: 350px; }
.mk-rel .f1 { left: 218px; width: 818px; }
.mk-rel .ic-lupa { left: 1047px; top: 34px; }
.mk-rel .dt { left: 218px; width: 112px; border-color: #7a7a7a; border-radius: 0; font: 400 14px/1 "Segoe UI", Tahoma, Arial, sans-serif; letter-spacing: .5px; }
.mk-rel .lt { left: 345px; color: #222; }
.mk-rel .cbt { left: 400px; top: 72px; }
.mk-rel .f2 { left: 430px; width: 124px; }
.mk-rel .ll { left: 562px; color: #222; }
.mk-rel .f3 { left: 610px; width: 70px; border-bottom: 2px solid #005fb8; padding-left: 4px; font-weight: 400; }
.mk-rel .f4 { left: 690px; width: 23px; }
.mk-rel .lf { left: 722px; color: #222; }
.mk-rel .f5 { left: 770px; width: 70px; }
.mk-rel .ln { left: 848px; color: #222; }
.mk-rel .f6 { left: 923px; width: 80px; }
.mk-rel .f7 { left: 1014px; width: 23px; }
.mk-rel .lo { left: 905px; top: 100px; color: #222; }
.mk-rel .cbo { left: 1017px; top: 105px; width: 15px; height: 15px; }
.mk-rel .foot { left: 0; top: 128px; width: 100%; height: 4px; background: #f0f0f0; }
.mk-rel .caret { display: inline-block; width: 1px; height: 16px; background: #000; }

/* ==========================================================================
   Aviso «Campos faltantes» (diap. 31)
   ========================================================================== */
.mk-disp { width: 619px; height: 199px; zoom: 2.4233; background: #f3f3f3; }
.mk-disp .ttl { left: 12px; top: 17px; }
.mk-disp .ic-x { left: 582px; top: 19px; width: 13px; height: 13px; }
.mk-disp .msgb { left: 0; top: 48px; width: 100%; height: 84px; background: #fff; }
.mk-disp .msg { left: 22px; top: 79px; font-size: 14.5px; color: #1a1a1a; }
.mk-disp .foot { left: 0; top: 132px; width: 100%; height: 67px; background: #f0f0f0; }
.mk-disp .btn { left: 477px; top: 148px; width: 108px; height: 31px; font-size: 14.5px; }

/* ==========================================================================
   Ventana «Nota de anulación» (diap. 33)
   ========================================================================== */
.mk-nota { width: 767px; height: 421px; zoom: 1.6167; background: #f5f5f5; }
.mk-nota .ttl { left: 16px; top: 14px; color: #1a1a1a; }
.mk-nota .cap { left: 0; top: 61px; width: 100%; text-align: center; font-size: 13px; }
.mk-nota .area { left: 58px; top: 81px; width: 655px; height: 227px; background: #fff; border-bottom: 1.5px solid #0067c0; padding: 18px 20px; font-size: 15px; color: #1a1a1a; }
.mk-nota .cnt { left: 58px; top: 321px; font-size: 13.5px; }
.mk-nota .btn { top: 362px; width: 88px; height: 29px; font-size: 14px; }
.mk-nota .b1 { left: 524px; }
.mk-nota .b2 { left: 621px; }

/* ==========================================================================
   Lista «Matrimonios» de una persona (diap. 34)
   ========================================================================== */
.mk-lista { width: 939px; height: 160px; zoom: 1.8104; background: #f6f6f6; }
.mk-lista .win { left: 5px; top: 10px; width: 930px; height: 170px; background: #f3f3f3; border: 1px solid #c8c8c8; border-radius: 8px; }
.mk-lista .ttl { left: 18px; top: 24px; }
.mk-lista .ic-x { left: 904px; top: 26px; width: 13px; height: 13px; }
.mk-lista .grid {
  left: 11px;
  top: 57px;
  width: 920px;
  display: grid;
  grid-template-columns: 175px 370px 1fr;
  background: #fff;
  border-top: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
  font-size: 14px;
  color: #111;
}
.mk-lista .grid span { height: 32px; display: flex; align-items: center; padding: 0 8px; white-space: nowrap; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; }
.mk-lista .grid .h { height: 31px; padding-left: 10px; }
.mk-lista .grid .nul { background: #d3d3d3; }

/* ==========================================================================
   Defunción · Estado civil con la lista desplegada (diap. 36)
   ========================================================================== */
.mk-ec { width: 874px; height: 181px; zoom: 1.9451; }
.mk-ec .lbl { left: 22px; height: 28px; font-size: 14px; }
.mk-ec .y1 { top: 8px; }
.mk-ec .y2 { top: 52px; }
.mk-ec .y3 { top: 89px; }
.mk-ec .y4 { top: 125px; }
.mk-ec .tb { left: 208px; width: 567px; height: 27px; }
.mk-ec .sel { left: 208px; width: 186px; height: 29px; border: 1px solid #0078d7; border-radius: 0; padding-right: 26px; font-size: 15px; }
.mk-ec .sel::after { right: 7px; }
.mk-ec .sel::before { content: ""; position: absolute; right: 0; top: 0; width: 21px; height: 100%; background: #cce4f7; border-left: 1px solid #7eb4ea; }
.mk-ec .lct { left: 413px; height: 28px; color: #333; }
.mk-ec .cb { left: 509px; top: 15px; }
.mk-ec .ct { left: 537px; top: 6px; width: 238px; height: 28px; }
.mk-ec .drop { left: 208px; top: 37px; width: 187px; padding: 1px 0; background: #fff; border: 1px solid #646464; font: 700 15px/1 Arial, "Liberation Sans", sans-serif; color: #000; }
.mk-ec .drop span { display: block; height: 22px; line-height: 22px; padding: 0 4px; }
.mk-ec .drop .on { background: #0078d7; color: #fff; }
.mk-ec .drop .off { color: #a8a8a8; }
.mk-ec .band { left: 0; top: 167px; width: 100%; height: 26px; padding: 3px 0 0 8px; background: linear-gradient(90deg, #146d14, #0b6a20 60%, #2e8b3e); color: #fff; font: 700 15px/1 Arial, "Liberation Sans", sans-serif; }

/* ==========================================================================
   Defunción · Disposición (sepultura / cremación) (diap. 37)
   ========================================================================== */
.mk-dsp { width: 1054px; height: 48px; zoom: 1.6129; }
.mk-dsp .lbl, .mk-dsp .tb { top: 8px; height: 28px; }
.mk-dsp .lbl { font-size: 14px; }
.mk-dsp .l1 { left: 22px; }
.mk-dsp .c1 { left: 196px; width: 134px; font-size: 15px; }
.mk-dsp .l2 { left: 345px; }
.mk-dsp .f1 { left: 510px; width: 490px; font-size: 15px; }
.mk-dsp .ic-lupa { left: 1010px; top: 11px; }
.mk-dsp .nx { top: 44px; height: 10px; border-radius: 3px; border: 1px solid #d9d9d9; }
.mk-dsp .n1 { left: 196px; width: 134px; }
.mk-dsp .n2 { left: 510px; width: 140px; }
.mk-dsp .n3 { left: 700px; width: 130px; }
.mk-dsp .n4 { left: 860px; width: 140px; }

/* ==========================================================================
   Defunción · Fecha de exequias y rito exequial (diap. 38 y 39)
   ========================================================================== */
.mk-exe { width: 640px; height: 42px; zoom: 2.5938; }
.mk-exe .lbl, .mk-exe .tb { top: 7px; height: 28px; }
.mk-exe .lbl { font-size: 14px; }
.mk-exe .l1 { left: 37px; }
.mk-exe .f1 { left: 205px; width: 110px; border: 1px solid #555; border-radius: 0; font-size: 15px; }
.mk-exe .l2 { left: 357px; }
.mk-exe .c1 { left: 451px; width: 189px; font-size: 15px; border-right: 0; border-radius: 3px 0 0 3px; }