/* ==========================================================================
   MkTable - componente reutilizable de tabla/lista con tarjeta
   --------------------------------------------------------------------------
   Uso nuevo (Razor):   @Html.Partial("_MkTable", ViewData)   (ver Views/Shared/_MkTable.cshtml)
   Uso en markup legado: envolver el bloque "panel panel-primary" con <div class="mk-scope">
   Clases de fila:       .mk-badge(.mk-badge--on|--off)  .mk-actions  .mk-icon-btn(.--view|--edit|--delete)
   ========================================================================== */

.mk-card,
.mk-scope .panel.panel-primary {
    --mk-blue: #1d5fd6;
    --mk-blue-2: #3b82f6;
    --mk-blue-dark: #0b3fa0;
    --mk-tint: #e8f1fe;
    --mk-tint-2: #f4f8ff;
    --mk-line: #e1e9f7;
    --mk-text: #1f2937;
    --mk-muted: #6b7280;
    background: #ffffff;
    border: 1px solid var(--mk-line);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(29, 95, 214, 0.08);
    overflow: hidden;
    box-sizing: border-box;
    width: 90%;
    min-width: 0;
    max-width: 1400px;
    margin: 8px auto 14px;
    font-family: 'Segoe UI', Arial, sans-serif;
    color: var(--mk-text);
}

/* ---------- Encabezado ---------- */
.mk-card__header,
.mk-scope .panel-heading {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 16px !important;
    background: linear-gradient(90deg, #1d5fd6 0%, #3b82f6 100%) !important;
    color: #ffffff !important;
    border: 0 !important;
    font-size: 16px;
    font-weight: 600;
    text-shadow: none;
}

.mk-scope .panel-heading > div {
    float: none !important;
    width: auto !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mk-card__title {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Botón crear (+) */
.mk-btn-add,
.mk-scope .panel-heading .is_tema_btn_crear {
    display: inline-block !important;
    float: none !important;
    position: static !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.22) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
    transition: background-color .15s ease;
}
.mk-btn-add:hover,
.mk-scope .panel-heading .is_tema_btn_crear:hover {
    background-color: rgba(255, 255, 255, 0.38) !important;
}

/* Búsqueda */
.mk-search {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mk-search__input,
.mk-scope .panel-heading input.Bus {
    box-sizing: border-box;
    width: 220px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    font-size: 13px;
    font-weight: 400 !important;
    color: var(--mk-text) !important;
    background: #ffffff !important;
    border: 1px solid transparent !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    outline: none;
}
.mk-search__input:focus,
.mk-scope .panel-heading input.Bus:focus {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35) !important;
}

.mk-search__btn,
.mk-scope .panel-heading img.Busimg {
    box-sizing: border-box;
    display: inline-block;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.22);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    object-position: -9999px 0; /* oculta la imagen legada, deja el icono SVG */
    transition: background-color .15s ease;
}
.mk-search__btn:hover,
.mk-scope .panel-heading img.Busimg:hover {
    background-color: rgba(255, 255, 255, 0.38);
}

/* ---------- Cuerpo / tabla ---------- */
.mk-card__body,
.mk-scope .panel-body {
    padding: 0 !important;
}

.mk-table-wrap {
    overflow-x: auto;
}

.mk-table,
.mk-scope table.table {
    width: 100%;
    margin: 0 !important;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
}

.mk-table thead th,
.mk-table thead td,
.mk-scope table.table > thead > tr > th,
.mk-scope table.table > thead > tr > td {
    padding: 11px 16px !important;
    background: var(--mk-tint-2) !important;
    color: var(--mk-blue) !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-align: left;
    text-transform: uppercase;
    border: 0 !important;
    border-bottom: 1px solid var(--mk-line) !important;
}
.mk-scope table.table > thead b { font-weight: 700; }

.mk-table tbody td,
.mk-scope table.table > tbody > tr > td {
    padding: 11px 16px !important;
    font-size: 13px;
    color: var(--mk-text) !important;
    vertical-align: middle;
    border: 0 !important;
    border-bottom: 1px solid #eef3fb !important;
    background: transparent !important;
}

.mk-table tbody tr:nth-child(even) td,
.mk-scope table.table > tbody > tr:nth-child(even) > td {
    background: #fafcff !important;
}

.mk-table tbody tr:hover td,
.mk-scope table.table > tbody > tr:hover > td {
    background: var(--mk-tint) !important;
}

.mk-table tbody tr:last-child td,
.mk-scope table.table > tbody > tr:last-child > td {
    border-bottom: 0 !important;
}

.mk-empty,
.mk-scope table.table > tbody td[colspan] {
    text-align: center;
    color: var(--mk-muted) !important;
    padding: 28px 16px !important;
}

.mk-truncate {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
td:has(> .mk-truncate) {
    max-width: 0; /* permite que .mk-truncate recorte dentro de celdas con ancho % */
}

/* ---------- Estado (badge) ---------- */
.mk-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}
.mk-badge--on  { background: #e6f6ec; color: #1a7f45; }
.mk-badge--off { background: #f1f3f7; color: #6b7280; }

/* ---------- Acciones ---------- */
.mk-actions {
    display: inline-flex;
    gap: 6px;
}

.mk-icon-btn {
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    background-color: var(--mk-tint, #e8f1fe);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    transition: background-color .15s ease;
}
.mk-icon-btn--view   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
.mk-icon-btn--edit   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z'/%3E%3C/svg%3E"); }
.mk-icon-btn--delete { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E"); }
.mk-icon-btn--view:hover   { background-color: #dbe9fd; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b3fa0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
.mk-icon-btn--edit:hover   { background-color: #dbe9fd; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b3fa0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z'/%3E%3C/svg%3E"); }
.mk-icon-btn--delete:hover { background-color: #fdeaea; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d93025' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E"); }

/* Iconos legados (img) dentro de .mk-scope: se sustituyen por los SVG */
.mk-scope table.table td a > img[src*="iconoOpcion1"],
.mk-scope table.table td a > img[src*="editar.png"] {
    box-sizing: border-box;
    width: 30px !important;
    height: 30px !important;
    margin: 0 3px 0 0;
    vertical-align: middle;
    border-radius: 8px;
    cursor: pointer;
    background-color: #e8f1fe;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    object-position: -9999px 0;
}
.mk-scope table.table td a > img[src*="iconoOpcion1"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
.mk-scope table.table td a > img[src*="editar.png"]   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z'/%3E%3C/svg%3E"); }
.mk-scope table.table td a > img[src*="iconoOpcion1"]:hover,
.mk-scope table.table td a > img[src*="editar.png"]:hover { background-color: #dbe9fd; }

/* ---------- Pie / paginación ---------- */
.mk-card__footer,
.mk-scope .panel-footer {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    height: auto !important;
    padding: 10px 16px !important;
    background: var(--mk-tint-2) !important;
    border: 0 !important;
    border-top: 1px solid var(--mk-line) !important;
}

.mk-scope .panel-footer > div {
    float: none !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
}

.mk-total,
.mk-scope .panel-footer label {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 500;
    color: var(--mk-muted) !important;
    text-align: right;
}
.mk-total span,
.mk-scope .panel-footer label span,
.mk-scope #TotalReg {
    margin: 0 !important;
    color: var(--mk-blue) !important;
    font-size: 13px !important;
    font-weight: 700;
}

.mk-card .simple-pagination,
.mk-card .simple-pagination ul,
.mk-card .simple-pagination li,
.mk-scope .simple-pagination,
.mk-scope .simple-pagination ul,
.mk-scope .simple-pagination li {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}
.mk-card .simple-pagination,
.mk-scope .simple-pagination { padding: 0 !important; }
.mk-card .simple-pagination ul,
.mk-scope .simple-pagination ul {
    display: flex; flex-wrap: wrap; align-items: center; gap: 4px;
    float: none; left: auto; margin: 0; padding: 0;
}
.mk-card .simple-pagination li,
.mk-scope .simple-pagination li { float: none; right: auto; margin: 0; padding: 0; }

.mk-card .simple-pagination li > a,
.mk-card .simple-pagination li > span,
.mk-scope .simple-pagination li > a,
.mk-scope .simple-pagination li > span {
    display: flex; align-items: center; justify-content: center;
    float: none; box-sizing: border-box;
    min-width: 30px; height: 30px; margin: 0; padding: 0 9px;
    font-size: 13px; font-weight: 600; line-height: 1; text-decoration: none;
    color: #1d5fd6;
    background: #ffffff !important; background-image: none !important;
    border: 1px solid #cfe0fb !important; border-radius: 15px;
    box-shadow: none !important; text-shadow: none !important;
    transition: background-color .15s ease, border-color .15s ease;
}
.mk-card .simple-pagination li > a:hover,
.mk-scope .simple-pagination li > a:hover {
    background: #e8f1fe !important; border-color: #3b82f6 !important; color: #0b3fa0;
}
.mk-card .simple-pagination li > span.current,
.mk-scope .simple-pagination li > span.current {
    background: linear-gradient(90deg, #1d5fd6 0%, #3b82f6 100%) !important;
    border-color: transparent !important; color: #ffffff; cursor: default;
}
.mk-card .simple-pagination li > span.ellipse,
.mk-scope .simple-pagination li > span.ellipse {
    background: transparent !important; border-color: transparent !important; color: #8a93a6; cursor: default;
}

/* ==========================================================================
   MkForm - formularios Ver / Editar / Crear (adaptador para el markup legado)
   Uso: envolver el formulario con <div class="mk-scope mk-form"> ... </div>
   ========================================================================== */
.mk-scope .panel-heading {
    height: auto !important;
}

/* Boton "Panel" (volver al listado) en el encabezado */
.mk-form .panel-heading input.button {
    margin: 0 0 0 auto !important;
    padding: 7px 14px 7px 32px !important;
    font: 600 13px 'Segoe UI', Arial, sans-serif !important;
    color: #ffffff !important;
    text-shadow: none !important;
    background: rgba(255, 255, 255, 0.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='12' x2='5' y2='12'/%3E%3Cpolyline points='12 19 5 12 12 5'/%3E%3C/svg%3E") no-repeat 12px center / 14px 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    cursor: pointer;
}
.mk-form .panel-heading input.button:hover {
    background-color: rgba(255, 255, 255, 0.32) !important;
}

/* Cuerpo: dos columnas que se apilan en pantallas angostas */
.mk-form .panel-body {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 16px 32px;
    min-height: 0 !important;
    padding: 22px 24px !important;
    background: #ffffff !important;
    color: #1f2937 !important;
}

.mk-form .formuMaestro50 {
    float: none !important;
    flex: 1 1 280px;
    width: auto !important;
    display: flex;
    flex-direction: column;
}

.mk-form :is(.formuMaestro50, .formuMaestro502, .panel-body, .Cont-list) > label {
    display: block;
    margin: 14px 0 6px !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .02em;
    color: #374151 !important;
    text-shadow: none !important;
}
.mk-form :is(.formuMaestro50, .formuMaestro502, .panel-body) > label:first-of-type {
    margin-top: 0 !important;
}

.mk-form :is(.formuMaestro50, .formuMaestro502, .panel-body, .Cont-list, .Cont-list > div) > br {
    display: none;
}

/* Campos */
.mk-form :is(.formuMaestro50, .formuMaestro502, .panel-body, .Cont-list, .Cont-list > div) > input:not([type=hidden]):not([type=color]),
.mk-form :is(.formuMaestro50, .formuMaestro502, .panel-body, .Cont-list, .Cont-list > div) > select {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 380px;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #1f2937 !important;
    background: #ffffff !important;
    border: 1px solid #d5dfee !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.mk-form :is(.formuMaestro50, .formuMaestro502, .panel-body, .Cont-list, .Cont-list > div) > input:not([type=hidden]):not([type=color]):focus,
.mk-form :is(.formuMaestro50, .formuMaestro502, .panel-body, .Cont-list, .Cont-list > div) > select:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18) !important;
}

/* Solo lectura (vista Detalle) */
.mk-form :is(.formuMaestro50, .formuMaestro502, .panel-body, .Cont-list, .Cont-list > div) > input[readonly],
.mk-form :is(.formuMaestro50, .formuMaestro502, .panel-body, .Cont-list, .Cont-list > div) > select[disabled] {
    background: #f4f7fc !important;
    color: #4b5563 !important;
    border-color: #e1e9f7 !important;
    cursor: default;
    opacity: 1;
}

.mk-form :is(.formuMaestro50, .formuMaestro502, .panel-body, .Cont-list, .Cont-list > div) > input[type=color] {
    box-sizing: border-box;
    width: 64px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 3px !important;
    background: #ffffff !important;
    border: 1px solid #d5dfee !important;
    border-radius: 8px !important;
    cursor: pointer;
}
.mk-form :is(.formuMaestro50, .formuMaestro502, .panel-body, .Cont-list, .Cont-list > div) > input[type=color][readonly] {
    cursor: default;
}

/* Validacion */
.mk-form .field-validation-error {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #d93025 !important;
}
.mk-form .input-validation-error {
    border-color: #d93025 !important;
}
.mk-form .validation-summary-errors {
    margin: 0 10px 10px;
    padding: 10px 14px;
    color: #a1251b;
    background: #fdecea;
    border: 1px solid #f6c7c2;
    border-radius: 8px;
}
.mk-form .validation-summary-errors ul {
    margin: 0;
    padding-left: 18px;
}

/* Imagen */
.mk-form #image-preview {
    width: 220px;
    height: 245px;
    background-color: #f4f8ff !important;
    background-position: center !important;
    border: 2px dashed #cfe0fb !important;
    border-radius: 12px !important;
    box-shadow: none;
}
.mk-form #image-preview .label2 {
    left: 0;
    width: 100% !important;
    font: 600 13px 'Segoe UI', Arial, sans-serif !important;
    color: #ffffff !important;
    background-color: rgba(29, 95, 214, 0.88) !important;
    text-transform: none;
    opacity: 1 !important;
}

/* Boton "Restaurar imagen" (img legado -> icono) */
.mk-form img[src*="reiniciar"] {
    box-sizing: border-box;
    width: 34px !important;
    height: 34px !important;
    padding: 0;
    border-radius: 8px;
    cursor: pointer;
    background: #e8f1fe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 4 1 10 7 10'/%3E%3Cpath d='M3.51 15a9 9 0 1 0 2.13-9.36L1 10'/%3E%3C/svg%3E") no-repeat center / 18px 18px;
    object-position: -9999px 0;
    transition: background-color .15s ease;
}
.mk-form img[src*="reiniciar"]:hover {
    background-color: #dbe9fd;
}

/* Pie: boton Guardar */
.mk-form .panel-footer {
    justify-content: flex-end !important;
    min-height: 0;
}
.mk-form .panel-footer > p {
    margin: 0 !important;
}
.mk-form input[type=submit].button {
    margin: 0 !important;
    padding: 9px 22px 9px 40px !important;
    font: 600 14px 'Segoe UI', Arial, sans-serif !important;
    color: #ffffff !important;
    text-shadow: none !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z'/%3E%3Cpolyline points='17 21 17 13 7 13 7 21'/%3E%3Cpolyline points='7 3 7 8 15 8'/%3E%3C/svg%3E") no-repeat 16px center / 16px 16px, linear-gradient(90deg, #1d5fd6 0%, #3b82f6 100%) !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(29, 95, 214, 0.25) !important;
    cursor: pointer;
}
.mk-form input[type=submit].button:hover {
    box-shadow: 0 4px 12px rgba(29, 95, 214, 0.35) !important;
    filter: brightness(1.05);
}

/* Pie vacio (vista Detalle sin botones) */
.mk-form .panel-footer:not(:has(*)) {
    display: none !important;
}

/* Campos directamente en el cuerpo (sin contenedores): una sola columna */
.mk-form .panel-body:not(:has(> .formuMaestro50)) {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
}

/* Contenedores de campo legados (TipoNegocio) */
.mk-form .Cont-list {
    display: block !important;
    float: none !important;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}
.mk-form .Cont-list > div {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}
.mk-form .Cont-list > label {
    margin-top: 14px !important;
}
.mk-form .formuMaestro50 > .Cont-list:first-child > label {
    margin-top: 0 !important;
}

/* Titulo como <label> dentro del encabezado */
.mk-form .panel-heading > label {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

.mk-form input.button {
    position: static !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    float: none !important;
}

/* Alturas/margenes fijos en linea de los formularios legados (Productos) */
.mk-form .panel-body {
    float: none !important;
    box-sizing: border-box;
    width: auto !important;
    height: auto !important;
}
.mk-form .formuMaestro50 {
    min-height: 0 !important;
    margin: 0 !important;
}

.mk-form .panel > div:last-child:not(.panel-footer):not(.panel-body):not(.panel-heading):has(input.button) {
    display: flex;
    justify-content: flex-end;
    padding: 10px 16px;
    background: #f4f8ff !important;
    border-top: 1px solid #e1e9f7;
    border-radius: 0 !important;
}
.mk-form .panel > div:last-child:not(.panel-heading):has(input.button) > p {
    margin: 0 !important;
}

/* Formularios de Clientes: bloque de datos + bloque GPS/mapa */
.mk-form .Form-Cliente,
.mk-form .Form-GPS {
    position: static !important;
    float: none !important;
    top: auto !important;
    right: auto !important;
    width: auto !important;
    height: auto !important;
    flex: 1 1 380px;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0;
}
.mk-form .Form-Cliente {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 14px 20px;
    align-content: start;
}
.mk-form .Form-GPS {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 20px;
    align-content: start;
}
.mk-form .Form-GPS > #pac-input,
.mk-form .Form-GPS > #mapaCliente {
    grid-column: 1 / -1;
}
.mk-form .formuMaestro502 {
    float: none !important;
    width: auto !important;
    display: flex;
    flex-direction: column;
}
.mk-form .Label-Title,
.mk-form .Label-Title2 {
    width: auto !important;
    float: none !important;
    padding: 0 !important;
}
.mk-form #pac-input {
    box-sizing: border-box;
    height: 36px;
    padding: 0 12px;
    font-size: 14px;
    border: 1px solid #d5dfee;
    border-radius: 8px;
}
.mk-form #mapaCliente {
    width: 100% !important;
    border: 1px solid #e1e9f7 !important;
    border-radius: 12px !important;
    overflow: hidden;
}
.mk-form .CampoRequerido.field-validation-error {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #d93025 !important;
}

/* Boton secundario en el pie (p. ej. "Panel" en la vista Detalle) */
.mk-form .panel > div:last-child:not(.panel-heading) input[type=button].button {
    margin: 0 !important;
    padding: 9px 20px 9px 36px !important;
    font: 600 14px 'Segoe UI', Arial, sans-serif !important;
    color: #1d5fd6 !important;
    text-shadow: none !important;
    background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='12' x2='5' y2='12'/%3E%3Cpolyline points='12 19 5 12 12 5'/%3E%3C/svg%3E") no-repeat 14px center / 14px 14px !important;
    border: 1px solid #cfe0fb !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    cursor: pointer;
}
.mk-form .panel > div:last-child:not(.panel-heading) input[type=button].button:hover {
    background-color: #e8f1fe !important;
    border-color: #3b82f6 !important;
}

/* --------------------------------------------------------------------------
   Secciones agrupadas con campos alineados en rejilla
   Uso:
   <div class="mk-fieldset">
       <div class="mk-fieldset__title">Titulo</div>
       <div class="mk-fields"> <div class="formuMaestro50">label + campo</div> ... </div>
   </div>
   Opcional: <div class="mk-form-top"> seccion + <div class="mk-fieldset mk-fieldset--media"> </div>
   -------------------------------------------------------------------------- */
.mk-form .panel-body:has(> .mk-fieldset, > .mk-form-top) {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 18px;
}
.mk-form .mk-form-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: stretch;
}
.mk-form .mk-fieldset {
    min-width: 0;
    padding: 16px 18px 18px;
    background: #ffffff;
    border: 1px solid #e1e9f7;
    border-radius: 10px;
}
.mk-form .mk-fieldset__title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #1d5fd6;
    border-bottom: 1px solid #eef3fb;
}
.mk-form .mk-fieldset__title::before {
    content: "";
    width: 4px;
    height: 14px;
    border-radius: 2px;
    background: linear-gradient(180deg, #1d5fd6 0%, #3b82f6 100%);
}
.mk-form .mk-fields {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px 20px;
    align-items: start;
}
.mk-form .mk-fields--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mk-form .mk-fields > .formuMaestro50 {
    flex: none;
    min-width: 0;
}
.mk-form .mk-fields > .formuMaestro50 > label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mk-form .mk-fields > .formuMaestro50 > input:not([type=hidden]):not([type=color]),
.mk-form .mk-fields > .formuMaestro50 > select {
    max-width: none;
}
.mk-form .mk-fieldset--media {
    display: flex;
    flex-direction: column;
}
.mk-form .mk-fieldset--media .formuMaestro50 {
    flex: none;
    align-items: center;
}
.mk-form .mk-form-top > .mk-fieldset--media:only-child {
    justify-self: start;
}

/* Contenedores de campo (.Cont-list) dentro de una seccion: igual que .formuMaestro50 */
.mk-form .mk-fields > .Cont-list > label {
    margin-top: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mk-form .mk-fields > .Cont-list :is(input:not([type=hidden]):not([type=color]), select) {
    max-width: none;
}

/* Mensajes de validacion vacios no ocupan espacio */
.mk-form .field-validation-valid {
    display: none;
}

/* Formularios sin secciones con contenedores de campo: rejilla alineada */
.mk-form .panel-body:has(> .formuMaestro50, > .Cont-list):not(:has(> .mk-fieldset, > .mk-form-top, > .Form-Cliente, > .Form-GPS, > .formuMaestro50 > .mk-fieldset)) {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px 20px;
    align-items: start;
}
.mk-form .panel-body:has(> .formuMaestro50, > .Cont-list):not(:has(> .mk-fieldset, > .mk-form-top, > .Form-Cliente, > .Form-GPS, > .formuMaestro50 > .mk-fieldset)) > :not(.formuMaestro50):not(.Cont-list) {
    grid-column: 1 / -1;
}
.mk-form .panel-body:has(> .formuMaestro50, > .Cont-list):not(:has(> .mk-fieldset, > .mk-form-top, > .Form-Cliente, > .Form-GPS, > .formuMaestro50 > .mk-fieldset)) > :is(.formuMaestro50, .Cont-list) {
    min-width: 0;
}
.mk-form .panel-body:has(> .formuMaestro50, > .Cont-list):not(:has(> .mk-fieldset, > .mk-form-top, > .Form-Cliente, > .Form-GPS, > .formuMaestro50 > .mk-fieldset)) > .Cont-list > label {
    margin-top: 0 !important;
}

/* Columna de secciones + columna de imagen (Activo, Planograma, Tipo de negocio) */
.mk-form .panel-body:has(> .formuMaestro50 > .mk-fieldset) {
    flex-wrap: wrap;
    gap: 18px;
}
.mk-form .panel-body > .formuMaestro50:has(> .mk-fieldset) {
    flex: 1 1 520px;
    min-width: 0;
    gap: 18px;
}
.mk-form .panel-body:has(> .formuMaestro50 > .mk-fieldset) > .formuMaestro50:not(:has(> .mk-fieldset)) {
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
    padding: 16px 18px 18px;
    border: 1px solid #e1e9f7;
    border-radius: 10px;
}

/* Clientes: secciones dentro de .Form-Cliente + tarjeta GPS */
.mk-form .Form-Cliente:has(> .mk-fieldset) {
    display: flex;
    flex-direction: column;
    gap: 18px;
    flex: 3 1 520px;
}
.mk-form .Form-GPS.mk-fieldset {
    padding: 16px 18px 18px !important;
    background: #ffffff !important;
    border: 1px solid #e1e9f7;
    border-radius: 10px;
}
.mk-form .Form-GPS.mk-fieldset > .mk-fieldset__title {
    grid-column: 1 / -1;
    margin-bottom: 0;
}
.mk-form .mk-fields > #pac-input,
.mk-form .mk-fields > #mapaCliente {
    grid-column: 1 / -1;
}

/* Formularios con etiquetas y campos sueltos en el cuerpo: etiqueta | campo alineados */
.mk-form .panel-body:has(> label):not(:has(> .formuMaestro50, > .Cont-list, > .mk-fieldset, > .mk-form-top, > .Form-Cliente, > .Form-GPS, > div, > table)) {
    display: grid !important;
    grid-template-columns: minmax(140px, 220px) minmax(0, 440px);
    gap: 14px 24px;
    align-items: center;
}
.mk-form .panel-body:has(> label):not(:has(> .formuMaestro50, > .Cont-list, > .mk-fieldset, > .mk-form-top, > .Form-Cliente, > .Form-GPS, > div, > table)) > label {
    grid-column: 1;
    margin: 0 !important;
}
.mk-form .panel-body:has(> label):not(:has(> .formuMaestro50, > .Cont-list, > .mk-fieldset, > .mk-form-top, > .Form-Cliente, > .Form-GPS, > div, > table)) > :not(label) {
    grid-column: 2;
}
.mk-form .panel-body:has(> label):not(:has(> .formuMaestro50, > .Cont-list, > .mk-fieldset, > .mk-form-top, > .Form-Cliente, > .Form-GPS, > div, > table)) > .field-validation-error {
    margin-top: -8px;
}
.mk-form .panel-body:has(> label):not(:has(> .formuMaestro50, > .Cont-list, > .mk-fieldset, > .mk-form-top, > .Form-Cliente, > .Form-GPS, > div, > table)) > :is(input:not([type=hidden]):not([type=color]), select) {
    max-width: none;
}

@media (max-width: 760px) {
    .mk-form .mk-form-top,
    .mk-form .mk-fields--2 {
        grid-template-columns: minmax(0, 1fr);
    }
    .mk-form .panel-body:has(> label):not(:has(> .formuMaestro50, > .Cont-list, > .mk-fieldset, > .mk-form-top, > .Form-Cliente, > .Form-GPS, > div, > table)) {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 6px;
    }
    .mk-form .panel-body:has(> label):not(:has(> .formuMaestro50, > .Cont-list, > .mk-fieldset, > .mk-form-top, > .Form-Cliente, > .Form-GPS, > div, > table)) > :is(label, :not(label)) {
        grid-column: 1;
    }
    .mk-form .panel-body:has(> label):not(:has(> .formuMaestro50, > .Cont-list, > .mk-fieldset, > .mk-form-top, > .Form-Cliente, > .Form-GPS, > div, > table)) > label {
        margin-top: 10px !important;
    }
}

.mk-icon-btn--reset { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 4 1 10 7 10'/%3E%3Cpath d='M3.51 15a9 9 0 1 0 2.13-9.36L1 10'/%3E%3C/svg%3E"); }
.mk-icon-btn--reset:hover { background-color: #dbe9fd; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b3fa0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 4 1 10 7 10'/%3E%3Cpath d='M3.51 15a9 9 0 1 0 2.13-9.36L1 10'/%3E%3C/svg%3E"); }

/* ==========================================================================
   Variante compacta para tablas de datos densas (Almacen, Limite de credito)
   Uso: <div class="mk-scope mk-compact">
   ========================================================================== */
.mk-scope table.table {
    background: transparent !important;
}
.mk-scope table.table > thead {
    background: transparent !important;
}
.mk-compact table.table > thead > tr > th,
.mk-compact table.table > thead > tr > td,
.mk-compact table.table > tfoot > tr > th,
.mk-compact table.table > tfoot > tr > td {
    padding: 8px 10px !important;
    font-size: 11px;
    text-align: left;
}
.mk-compact table.table > tbody > tr > td {
    padding: 6px 10px !important;
    font-size: 12px;
}
.mk-compact table.table > tfoot > tr > th,
.mk-compact table.table > tfoot > tr > td {
    background: #f4f8ff !important;
    color: #1f2937 !important;
    border: 0 !important;
    border-top: 1px solid #e1e9f7 !important;
}
.mk-compact .panel-body {
    padding: 8px !important;
}

body .Item {
    box-sizing: border-box;
    min-width: 240px;
    min-height: 0;
    margin: 0 0 14px 14px !important;
    padding: 12px 14px 12px 16px !important;
    font-family: 'Segoe UI', Arial, sans-serif;
    background: #ffffff !important;
    border: 1px solid #e1e9f7 !important;
    border-left: 4px solid #1d5fd6 !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(29, 95, 214, 0.06) !important;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
    cursor: default;
}
body .Item.Inactivo {
    background: #fafbfd !important;
    border-left-color: #c3cad6 !important;
}
body .Item:hover {
    border-color: #bcd3f7 !important;
    box-shadow: 0 6px 18px rgba(29, 95, 214, 0.14) !important;
    transform: translateY(-1px);
}
body .Item.seleccionado {
    border-color: #1d5fd6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

/* Lineas etiqueta / valor */
body .Item .ItemLinea {
    width: 100% !important;
    height: auto !important;
    min-height: 22px;
    display: flex !important;
    align-items: baseline;
    gap: 8px;
    float: none !important;
    padding: 3px 0;
    border-bottom: 1px dashed #eef3fb;
}
body .Item .ItemLinea:last-of-type {
    border-bottom: 0;
}
body .Item .Linea {
    flex: 0 0 auto;
    float: none !important;
    padding: 0 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #6b7280 !important;
}
body .Item .Valor {
    flex: 1 1 auto;
    float: none !important;
    min-width: 0;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    text-align: right;
    justify-content: flex-end;
}
body .Item.Inactivo .Valor {
    color: #9aa3b2 !important;
}

/* Acciones en linea (editar / anular / activar) */
body .Item #contextual {
    display: flex !important;
    float: right !important;
    gap: 6px;
    width: 100%;
    justify-content: flex-end;
    padding-top: 8px;
}
body .Item #contextual img.imgHover {
    box-sizing: border-box;
    float: none !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 8px;
    cursor: pointer;
    background-color: #e8f1fe;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    object-position: -9999px 0;
    transition: background-color .15s ease;
}
body .Item #contextual img.imgHover[src*="escribiendo"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z'/%3E%3C/svg%3E"); }
body .Item #contextual img.imgHover[onclick^="Anular"]  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d93025' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='15' y1='9' x2='9' y2='15'/%3E%3Cline x1='9' y1='9' x2='15' y2='15'/%3E%3C/svg%3E"); background-color: #fdeaea; }
body .Item #contextual img.imgHover[onclick^="Activar"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a7f45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='8 12 11 15 16 9'/%3E%3C/svg%3E");  background-color: #e6f6ec; }
body .Item #contextual img.imgHover:hover { background-color: #dbe9fd; }
body .Item #contextual img.imgHover[onclick^="Anular"]:hover  { background-color: #f9d6d3; }
body .Item #contextual img.imgHover[onclick^="Activar"]:hover { background-color: #cdeedb; }

/* Menu contextual (clic derecho sobre la tarjeta) */
.contextMenuPlugin {
    min-width: 170px !important;
    padding: 6px !important;
    font: 13px 'Segoe UI', Arial, sans-serif !important;
    background: #ffffff !important;
    border: 1px solid #e1e9f7 !important;
    outline: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.15) !important;
}
.contextMenuPlugin > li {
    padding: 0 !important;
}
.contextMenuPlugin > li > a {
    margin: 0 !important;
    padding: 8px 12px 8px 36px !important;
    color: #1f2937 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 6px;
}
.contextMenuPlugin > li > a:hover {
    background: #e8f1fe !important;
    color: #0b3fa0 !important;
}
.contextMenuPlugin > li > a img {
    box-sizing: border-box;
    left: 10px !important;
    top: 50%;
    margin-top: -8px !important;
    width: 16px !important;
    height: 16px !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    object-position: -9999px 0;
}
.contextMenuPlugin > li > a img[src*="iconoOpcion1"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
.contextMenuPlugin > li > a img[src*="iconoOpcion2"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z'/%3E%3C/svg%3E"); }
.contextMenuPlugin > li > a img[src*="iconoOpcion3"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.36 6.64a9 9 0 1 1-12.73 0'/%3E%3Cline x1='12' y1='2' x2='12' y2='12'/%3E%3C/svg%3E"); }

/* ==========================================================================
   MkIcons - iconos de accion legados (img PNG) en cualquier vista.
   Se sustituyen por iconos SVG en chip, segun la imagen o la accion (onclick).
   Las reglas de .mk-scope / .Item / .contextMenuPlugin mas especificas siguen aplicando.
   ========================================================================== */
img.imgHover, img.imgHover2, img.imgIcon[src*="eliminar_cuadrado"], img[src$="ojo.png"], img.Busimg, img[src*="btnLupa"] {
    box-sizing: border-box;
    display: inline-block;
    float: none;
    width: 30px !important;
    height: 30px !important;
    margin: 0 3px;
    padding: 0;
    border: 0 !important;
    border-radius: 8px;
    vertical-align: middle;
    cursor: pointer;
    background-color: #e8f1fe;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    object-position: -9999px 0;
    transition: background-color .15s ease;
}
img.imgHover:hover, img.imgHover2:hover, img.imgIcon[src*="eliminar_cuadrado"]:hover, img[src$="ojo.png"]:hover, img.Busimg:hover, img[src*="btnLupa"]:hover {
    background-color: #dbe9fd;
}
/* por imagen */
img[src*="escribiendo"].imgHover, img[src*="iconoOpcion2"].imgHover, img[src*="iconoOpcion2"].imgHover2 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z'/%3E%3C/svg%3E"); }
img[src$="ojo.png"], img[src*="iconoOpcion1"].imgHover, img[src*="VerDetalle"].imgHover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
img[src*="iconoOpcion3"].imgHover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.36 6.64a9 9 0 1 1-12.73 0'/%3E%3Cline x1='12' y1='2' x2='12' y2='12'/%3E%3C/svg%3E"); }
img[src*="eliminar_cuadrado"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d93025' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='15' y1='9' x2='9' y2='15'/%3E%3Cline x1='9' y1='9' x2='15' y2='15'/%3E%3C/svg%3E"); background-color: #fdeaea; }
img[src*="print84"].imgHover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 6 2 18 2 18 9'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8'/%3E%3C/svg%3E"); }
img[src*="BOTONCERRAR"].imgHover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E"); }
img[src*="check1"].imgHover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a7f45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='8 12 11 15 16 9'/%3E%3C/svg%3E"); background-color: #e6f6ec; }
img.Busimg, img[src*="btnLupa"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"); }
/* por accion (tiene prioridad sobre la imagen) */
img.imgHover[onclick^="Editar"], img.imgHover2[onclick^="Editar"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z'/%3E%3C/svg%3E"); background-color: #e8f1fe; }
img.imgHover[onclick^="Detalle"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); background-color: #e8f1fe; }
img.imgHover[onclick^="Anular"], img.imgHover[onclick^="confirmarEliminar"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d93025' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='15' y1='9' x2='9' y2='15'/%3E%3Cline x1='9' y1='9' x2='15' y2='15'/%3E%3C/svg%3E"); background-color: #fdeaea; }
img.imgHover[onclick^="confirmarEliminar"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d93025' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E"); }
img.imgHover[onclick^="Activar"], img.imgHover[onclick^="Aprobar"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a7f45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='8 12 11 15 16 9'/%3E%3C/svg%3E"); background-color: #e6f6ec; }
img[src*="eliminar_cuadrado"]:hover, img.imgHover[onclick^="Anular"]:hover, img.imgHover[onclick^="confirmarEliminar"]:hover { background-color: #f9d6d3; }
img.imgHover[onclick^="Activar"]:hover, img.imgHover[onclick^="Aprobar"]:hover, img[src*="check1"].imgHover:hover { background-color: #cdeedb; }

/* ==========================================================================
   MkIcons 2 - iconos dibujados por CSS (background-image PNG) en estilos de
   cada vista: cerrar, crear (+), ver detalle, guardar, planificar, si/no,
   eliminar, adjuntar, descargar, expandir/contraer, check y buscar.
   !important porque los estilos originales viven en <style> dentro de cada vista.
   ========================================================================== */
#CerrarTodo, .CerrarDetalle, #CerrarDetalle, #CerrarBoton {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a93a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
    background-color: transparent;
    border-radius: 8px;
}
#CerrarTodo:hover, .CerrarDetalle:hover, #CerrarDetalle:hover, #CerrarBoton:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d93025' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
    background-color: #fdeaea;
}
.is_tema_btn_crear:not(.contenedorFiltros *):not(.mk-scope *) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
    background-color: #e8f1fe;
    border-radius: 8px;
}
.is_tema_btn_crear:not(.contenedorFiltros *):not(.mk-scope *):hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b3fa0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
    background-color: #dbe9fd;
}
.VerDetalle {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
    background-color: #e8f1fe;
    border-radius: 8px;
}
.VerDetalle:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b3fa0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
    background-color: #dbe9fd;
}
.Guardar, .is_tema_btn_Guarda, .Botonok {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z'/%3E%3Cpolyline points='17 21 17 13 7 13 7 21'/%3E%3Cpolyline points='7 3 7 8 15 8'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    background-color: #e8f1fe;
    border-radius: 8px;
}
.Guardar:hover, .is_tema_btn_Guarda:hover, .Botonok:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b3fa0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z'/%3E%3Cpolyline points='17 21 17 13 7 13 7 21'/%3E%3Cpolyline points='7 3 7 8 15 8'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    background-color: #dbe9fd;
}
.Planificar, .Automatico, .PlanificarTodo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='6 4 20 12 6 20 6 4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
    background-color: #e8f1fe;
    border-radius: 8px;
}
.Planificar:hover, .Automatico:hover, .PlanificarTodo:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b3fa0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='6 4 20 12 6 20 6 4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
    background-color: #dbe9fd;
}
.Obligado_Si {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a7f45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='8 12 11 15 16 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    background-color: #e6f6ec;
    border-radius: 8px;
}
.Obligado_Si:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a7f45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='8 12 11 15 16 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    background-color: #cdeedb;
}
.Obligado_No {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a93a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='15' y1='9' x2='9' y2='15'/%3E%3Cline x1='9' y1='9' x2='15' y2='15'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    background-color: #f1f3f7;
    border-radius: 8px;
}
.Obligado_No:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a93a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='15' y1='9' x2='9' y2='15'/%3E%3Cline x1='9' y1='9' x2='15' y2='15'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    background-color: #e3e7ee;
}
.BotonElimina, [id^="Elimina_"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d93025' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
    background-color: #fdeaea;
    border-radius: 8px;
}
.BotonElimina:hover, [id^="Elimina_"]:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d93025' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
    background-color: #f9d6d3;
}
#xlfile {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    background-color: #e8f1fe;
    border-radius: 8px;
}
#xlfile:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b3fa0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    background-color: #dbe9fd;
}
.Downlo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    background-color: #e8f1fe;
    border-radius: 8px;
}
.Downlo:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b3fa0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    background-color: #dbe9fd;
}
.ExpandirTodo:not(.contenedorFiltros *):not(.mk-scope *) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='7 13 12 18 17 13'/%3E%3Cpolyline points='7 6 12 11 17 6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    background-color: #e8f1fe;
    border-radius: 8px;
}
.ExpandirTodo:not(.contenedorFiltros *):not(.mk-scope *):hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b3fa0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='7 13 12 18 17 13'/%3E%3Cpolyline points='7 6 12 11 17 6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    background-color: #dbe9fd;
}
.ContraerTodo:not(.contenedorFiltros *):not(.mk-scope *) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='7 11 12 6 17 11'/%3E%3Cpolyline points='7 18 12 13 17 18'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    background-color: #e8f1fe;
    border-radius: 8px;
}
.ContraerTodo:not(.contenedorFiltros *):not(.mk-scope *):hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b3fa0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='7 11 12 6 17 11'/%3E%3Cpolyline points='7 18 12 13 17 18'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    background-color: #dbe9fd;
}
.seleccionado .ItemIconoCheck, .seleccionadoProducto .ItemIconoCheck {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 14px !important;
    background-color: transparent;
    border-radius: 8px;
}
.seleccionado .ItemIconoCheck:hover, .seleccionadoProducto .ItemIconoCheck:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 14px !important;
    background-color: transparent;
}
.BotonBusquedaSimple:not(.contenedorFiltros *):not(.mk-scope *), .BontonBusqueda {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5fd6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
    background-color: #e8f1fe;
    border-radius: 8px;
}
.BotonBusquedaSimple:not(.contenedorFiltros *):not(.mk-scope *):hover, .BontonBusqueda:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b3fa0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
    background-color: #dbe9fd;
}