.sig-bitacora, .sig-bitacora-feed { background: #ffffff; color: #344054; min-width: 0; position: relative; } .sig-bitacora-card { background: #ffffff; border: 1px solid #dfe4ea; border-radius: 6px; box-shadow: 0 1px 4px rgba(34, 50, 84, 0.05); box-sizing: border-box; clear: both; display: block; margin-top: 24px; overflow: hidden; width: 100%; } .sig-bitacora-section > div[id$="UpBitacoraCatalogo"] { scroll-margin-top: 76px; } .sig-bitacora-header { align-items: center; border-bottom: 1px solid #e4eaf1; display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; padding: 18px 20px; } .sig-bitacora-heading { align-items: center; color: #172033; display: flex; font-size: 20px; font-weight: 600; gap: 10px; margin: 0; } .sig-bitacora-heading-icon { color: #169b62; font-size: 22px; } .sig-bitacora-view-all { color: #2583d8; font-size: 13px; font-weight: 600; white-space: nowrap; } .sig-bitacora-view-all:hover, .sig-bitacora-view-all:focus { color: #1769aa; text-decoration: underline; } .sig-bitacora-list { list-style: none; margin: 0; padding: 0; } .sig-bitacora-item { background: #ffffff; border-bottom: 1px solid #e8edf3; margin: 0; position: relative; } .sig-bitacora-item:last-child { border-bottom: 0; } .sig-bitacora-row { background: #ffffff; box-sizing: border-box; color: inherit; display: grid; gap: 16px; grid-template-columns: 46px minmax(130px, 0.8fr) minmax(230px, 1.65fr) minmax(190px, 1.1fr) minmax(150px, 0.85fr) minmax(145px, 0.75fr) minmax(104px, auto); margin: 0; min-height: 88px; padding: 16px 18px; position: relative; text-align: left; transition: background-color 160ms ease, box-shadow 160ms ease; width: 100%; } .sig-bitacora-row[data-has-relations="0"] { grid-template-columns: 46px minmax(130px, 0.8fr) minmax(280px, 2.1fr) minmax(150px, 0.85fr) minmax(145px, 0.75fr) minmax(104px, auto); } .sig-bitacora-row:hover { background: #f8fbfe; } .sig-bitacora-column { align-self: center; min-width: 0; } .sig-bitacora-column-label { color: #8b97a8; display: block; font-size: 10px; font-weight: 600; letter-spacing: 0.04em; margin-bottom: 3px; text-transform: uppercase; } .sig-bitacora-icon { align-items: center; align-self: center; background: #edf7ff; border: 1px solid #d7eafb; border-radius: 50%; color: #2385d2; display: flex; font-size: 16px; height: 40px; justify-content: center; width: 40px; } .sig-bitacora-entity { color: #65758a; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; } .sig-bitacora-entity-name { color: #40536c; display: block; font-weight: 600; } .sig-bitacora-action-title { color: #1e2a3c; display: block; font-size: 14px; font-weight: 700; line-height: 1.35; margin-bottom: 3px; } .sig-bitacora-action-description { color: #526174; display: block; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; } .sig-bitacora-relations { color: #40536c; font-size: 12px; line-height: 1.45; } .sig-bitacora-relation-list { display: flex; flex-wrap: wrap; gap: 8px 12px; list-style: none; margin: 0; padding: 0; } .sig-bitacora-relation-entry { display: flex; flex-direction: column; min-width: 0; } .sig-bitacora-relation-list:empty::after { color: #98a2b3; content: "—"; } .sig-bitacora-relation { background: #f0f7f3; border: 1px solid #d5eadc; border-radius: 13px; color: #237a4c; display: inline-flex; line-height: 1.35; max-width: 100%; overflow-wrap: anywhere; padding: 3px 9px; } .sig-bitacora-relation.is-missing { background: #f8f1f2; border-color: #ecd8dc; color: #a44752; } .sig-bitacora-user, .sig-bitacora-date { color: #64748a; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; } .sig-bitacora-user i, .sig-bitacora-date i { color: #8b97a8; margin-right: 5px; } .sig-bitacora-detail-toggle { -webkit-appearance: none; align-items: center; appearance: none; align-self: center; background: #ffffff; border: 1px solid #2583d8; border-radius: 4px; color: #1769aa; cursor: pointer; display: inline-flex; font: inherit; font-size: 12px; font-weight: 600; gap: 7px; justify-content: center; min-height: 34px; padding: 7px 11px; transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease; white-space: nowrap; } .sig-bitacora-detail-toggle:hover, .sig-bitacora-detail-toggle:focus { background: #eef7ff; color: #0f5f9f; outline: 0; } .sig-bitacora-detail-toggle:focus { box-shadow: 0 0 0 2px rgba(37, 131, 216, 0.2); } .sig-bitacora-detail-toggle i { transition: transform 160ms ease; } .sig-bitacora-detail-toggle[aria-expanded="true"] i { transform: rotate(180deg); } .sig-bitacora-item.is-added .sig-bitacora-icon, .is-added > .sig-bitacora-icon { background: #e9f8f1; border-color: #cdebdc; color: #148a58; } .sig-bitacora-item.is-added .sig-bitacora-action-title { color: #147a4f; } .sig-bitacora-item.is-edited .sig-bitacora-icon, .is-edited > .sig-bitacora-icon { background: #e8f7f6; border-color: #c9ebe7; color: #14968a; } .sig-bitacora-item.is-edited .sig-bitacora-action-title { color: #117d74; } .sig-bitacora-item.is-deleted .sig-bitacora-icon, .is-deleted > .sig-bitacora-icon { background: #fff0f2; border-color: #f4d3d8; color: #cf4654; } .sig-bitacora-item.is-deleted .sig-bitacora-action-title { color: #b83745; } .sig-bitacora-item.is-enabled .sig-bitacora-icon, .is-enabled > .sig-bitacora-icon { background: #edf9e9; border-color: #d5edcb; color: #4caa38; } .sig-bitacora-item.is-enabled .sig-bitacora-action-title { color: #3d8f2d; } .sig-bitacora-item.is-disabled .sig-bitacora-icon, .is-disabled > .sig-bitacora-icon { background: #f2f4f7; border-color: #dfe3e8; color: #7c8797; } .sig-bitacora-item.is-disabled .sig-bitacora-action-title { color: #667085; } .sig-bitacora-details[hidden] { display: none !important; } .sig-bitacora-details { background: #f8fafc; border-top: 1px solid #e3e9f0; padding: 18px 46px 20px 80px; } .sig-bitacora-details-heading { align-items: baseline; color: #27364b; display: flex; font-size: 13px; font-weight: 700; gap: 12px; justify-content: space-between; margin: 0 0 12px; } .sig-bitacora-details-heading span { color: #7b8797; font-size: 11px; font-weight: 400; } .sig-bitacora-details-table-wrap { border: 1px solid #e0e7ef; border-radius: 5px; overflow-x: auto; } .sig-bitacora-details-table { background: #ffffff; border-collapse: collapse; margin: 0; min-width: 620px; table-layout: fixed; width: 100%; } .sig-bitacora-details-table th, .sig-bitacora-details-table td { border-bottom: 1px solid #e9edf2; overflow-wrap: anywhere; padding: 10px 13px; text-align: left; vertical-align: top; } .sig-bitacora-details-table th { background: #f1f5f9; color: #536277; font-size: 11px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; } .sig-bitacora-details-table td { color: #344054; font-size: 12px; line-height: 1.45; } .sig-bitacora-details-table tr:last-child td { border-bottom: 0; } .sig-bitacora-details-table th:first-child, .sig-bitacora-details-table td:first-child { width: 26%; } .sig-bitacora-field-name { color: #526174; font-weight: 600; } .sig-bitacora-old-value { color: #7b8797; } .sig-bitacora-new-value { color: #24364d; font-weight: 500; } .sig-bitacora-empty-value { color: #98a2b3; font-style: italic; } .sig-bitacora-pager { align-items: center; border-top: 1px solid #e4eaf1; display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); padding: 14px 18px; } .sig-bitacora-page-summary { color: #718096; font-size: 12px; grid-column: 2; text-align: center; } .sig-bitacora-page-previous { grid-column: 1; justify-self: start; } .sig-bitacora-page-next { grid-column: 3; justify-self: end; } .sig-bitacora-page-list { align-items: center; display: flex; flex-wrap: wrap; gap: 5px; list-style: none; margin: 0; padding: 0; } .sig-bitacora-page-link, .sig-bitacora-page-current, .sig-bitacora-page-disabled { align-items: center; border: 1px solid #d8e0e9; border-radius: 4px; display: inline-flex; box-sizing: border-box; font-size: 12px; height: 32px; justify-content: center; min-width: 32px; padding: 0 9px; } .sig-bitacora-page-link { background: #ffffff; color: #3d6489; } .sig-bitacora-page-link:hover, .sig-bitacora-page-link:focus { background: #edf6fd; border-color: #9fc8e8; color: #1f6fae; text-decoration: none; } .sig-bitacora-page-current { background: #2583d8; border-color: #2583d8; color: #ffffff; font-weight: 700; } .sig-bitacora-page-disabled { background: #f5f7fa; color: #a0a9b7; cursor: default; } .sig-bitacora-state, .sig-bitacora-empty, .sig-bitacora-error { align-items: center; color: #718096; display: flex; flex-direction: column; justify-content: center; min-height: 180px; padding: 30px 18px; text-align: center; } .sig-bitacora-state.is-error { color: #a44752; } .sig-bitacora-state.is-error i { color: #cf4654; } .sig-bitacora-state i, .sig-bitacora-empty i, .sig-bitacora-error i { color: #8a96a8; font-size: 28px; margin-bottom: 10px; } .sig-bitacora-state p, .sig-bitacora-empty p, .sig-bitacora-error p { margin: 0; } .sig-bitacora-error { color: #a44752; } .sig-bitacora-error i { color: #cf4654; } .sig-bitacora-retry { margin-top: 12px; } .sig-visually-hidden { border: 0 !important; clip: rect(0, 0, 0, 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; } .sig-bitacora-heading-note { line-height: 1.4; text-align: right; } .sig-bitacora-header-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 10px 16px; justify-content: flex-end; } .sig-bitacora-heading-note strong { color: #40536c; } @media (max-width: 1360px) { .sig-bitacora-row { gap: 12px; grid-template-columns: 42px minmax(120px, 0.65fr) minmax(230px, 1.4fr) minmax(200px, 1fr); padding-left: 14px; padding-right: 14px; } .sig-bitacora-row[data-has-relations="0"] { grid-template-columns: 42px minmax(120px, 0.65fr) minmax(230px, 1.4fr) minmax(200px, 1fr); } .sig-bitacora-icon { grid-column: 1; grid-row: 1 / span 2; } .sig-bitacora-entity { grid-column: 2; grid-row: 1; } .sig-bitacora-action { grid-column: 3; grid-row: 1; } .sig-bitacora-relations { grid-column: 4; grid-row: 1; } .sig-bitacora-user { grid-column: 2; grid-row: 2; } .sig-bitacora-date { grid-column: 3; grid-row: 2; } .sig-bitacora-detail-toggle { grid-column: 4; grid-row: 2; justify-self: end; } .sig-bitacora-row[data-has-relations="0"] .sig-bitacora-detail-toggle { grid-row: 1 / span 2; } .sig-bitacora-details { padding-left: 68px; padding-right: 40px; } } @media (max-width: 991px) { .sig-bitacora-row { grid-template-columns: 42px minmax(0, 1fr) minmax(160px, 0.72fr) auto; min-height: 0; padding-bottom: 14px; padding-top: 14px; } .sig-bitacora-row[data-has-relations="0"] { grid-template-columns: 42px minmax(0, 1fr) minmax(160px, 0.72fr) auto; } .sig-bitacora-icon { grid-column: 1; grid-row: 1 / span 3; } .sig-bitacora-entity { grid-column: 2; grid-row: 1; } .sig-bitacora-action { grid-column: 2; grid-row: 2; } .sig-bitacora-relations { grid-column: 2; grid-row: 3; } .sig-bitacora-user { grid-column: 3; grid-row: 1 / span 2; } .sig-bitacora-date { grid-column: 3; grid-row: 3; } .sig-bitacora-detail-toggle { grid-column: 4; grid-row: 1 / span 3; justify-self: stretch; } .sig-bitacora-row[data-has-relations="0"] .sig-bitacora-icon { grid-row: 1 / span 2; } .sig-bitacora-row[data-has-relations="0"] .sig-bitacora-user { grid-row: 1; } .sig-bitacora-row[data-has-relations="0"] .sig-bitacora-date { grid-row: 2; } .sig-bitacora-row[data-has-relations="0"] .sig-bitacora-detail-toggle { grid-row: 1 / span 2; } .sig-bitacora-details { padding-left: 68px; } } @media (max-width: 767px) { .sig-bitacora-header { padding: 15px; } .sig-bitacora-heading { font-size: 18px; } .sig-bitacora-row { gap: 8px 12px; grid-template-columns: 38px minmax(0, 1fr); padding: 14px 12px; } .sig-bitacora-row[data-has-relations="0"] { grid-template-columns: 38px minmax(0, 1fr); } .sig-bitacora-icon { grid-column: 1; grid-row: 1 / span 5; height: 36px; width: 36px; } .sig-bitacora-entity, .sig-bitacora-action, .sig-bitacora-relations, .sig-bitacora-user, .sig-bitacora-date { grid-column: 2; } .sig-bitacora-entity { grid-row: 1; } .sig-bitacora-action { grid-row: 2; } .sig-bitacora-relations { grid-row: 3; } .sig-bitacora-user { grid-row: 4; } .sig-bitacora-date { grid-row: 5; } .sig-bitacora-detail-toggle { grid-column: 2; grid-row: 6; justify-self: start; margin-top: 3px; } .sig-bitacora-row[data-has-relations="0"] .sig-bitacora-icon { grid-row: 1 / span 4; } .sig-bitacora-row[data-has-relations="0"] .sig-bitacora-user { grid-row: 3; } .sig-bitacora-row[data-has-relations="0"] .sig-bitacora-date { grid-row: 4; } .sig-bitacora-row[data-has-relations="0"] .sig-bitacora-detail-toggle { grid-row: 5; } .sig-bitacora-details { padding: 14px 14px 16px 62px; } .sig-bitacora-pager { gap: 9px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 12px 15px; } .sig-bitacora-page-summary { grid-column: 1 / -1; grid-row: 1; width: 100%; } .sig-bitacora-page-previous { grid-column: 1; grid-row: 2; } .sig-bitacora-page-next { grid-column: 2; grid-row: 2; } .sig-bitacora-heading-note { text-align: left; } .sig-bitacora-header-actions { align-items: flex-start; justify-content: flex-start; width: 100%; } .sig-bitacora-details-heading { align-items: flex-start; flex-direction: column; gap: 3px; } } @media (max-width: 480px) { .sig-bitacora-details { padding-left: 14px; } .sig-bitacora-details-table { min-width: 540px; } .sig-bitacora-page-list { width: 100%; } } @media (prefers-reduced-motion: reduce) { .sig-bitacora-row, .sig-bitacora-detail-toggle, .sig-bitacora-detail-toggle i { transition: none; } }