Initial commit

2026-07-14 11:15:20 -07:00
commit 6685ef63fb
7326 changed files with 1020873 additions and 0 deletions
--- a/SIG.Web/Styles/porcentaje-box.css
+++ b/SIG.Web/Styles/porcentaje-box.css
@@ -0,0 +1,111 @@
+.porcentaje-box {
+    width: 100%;
+    background: #fff;
+    padding: 12px 14px;
+    border: 1px solid #e1e5ea;
+    border-radius: 4px;
+}
+
+.porcentaje-box-title {
+    font-size: 13px;
+    font-weight: 600;
+    color: #1f2d3d;
+    margin-bottom: 10px;
+}
+
+.porcentaje-box-row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 14px;
+}
+
+.porcentaje-box-btn {
+    width: 38px;
+    height: 34px;
+    border: 1px solid #cfd6df;
+    background: #fff;
+    color: #1f2d3d;
+    border-radius: 4px;
+    font-size: 18px;
+    line-height: 1;
+    cursor: pointer;
+}
+
+    .porcentaje-box-btn:hover {
+        background: #f3f7fb;
+    }
+
+.porcentaje-box-input {
+    width: 80px;
+    height: 34px;
+    border: 1px solid #cfd6df;
+    border-radius: 4px;
+    text-align: center;
+    font-size: 15px;
+    color: #1f2d3d;
+}
+
+.porcentaje-box-symbol {
+    font-size: 15px;
+    color: #1f2d3d;
+}
+
+.porcentaje-box-text {
+    margin-left: 18px;
+    font-size: 14px;
+    color: #1f2d3d;
+}
+
+.porcentaje-box-bar {
+    position: relative;
+    height: 10px;
+    background: #e9edf2;
+    border-radius: 999px;
+    overflow: visible;
+    cursor: pointer;
+}
+
+.porcentaje-box-fill {
+    height: 100%;
+    width: 0%;
+    background: #2563eb;
+    border-radius: 999px;
+    transition: width .12s ease;
+    pointer-events: none;
+}
+
+.porcentaje-box-dot {
+    position: absolute;
+    top: 50%;
+    left: 0%;
+    width: 22px;
+    height: 22px;
+    background: #2563eb;
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+    box-shadow: 0 2px 5px rgba(0,0,0,.25);
+    transition: left .12s ease;
+    cursor: pointer;
+}
+
+    .porcentaje-box-dot:hover {
+        transform: translate(-50%, -50%) scale(1.08);
+    }
+
+.porcentaje-box-labels {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 12px;
+    font-size: 12px;
+    color: #4b5563;
+}
+
+.porcentaje-box[data-readonly="true"] .porcentaje-box-btn,
+.porcentaje-box[data-readonly="true"] .porcentaje-box-input,
+.porcentaje-box[data-readonly="true"] .porcentaje-box-bar,
+.porcentaje-box[data-readonly="true"] .porcentaje-box-dot {
+    opacity: .55;
+    pointer-events: none;
+    cursor: default;
+}