.react-grid-layout{transition:height .2s;position:relative}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{width:20px;height:20px;position:absolute}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:100% 100%;background-repeat:no-repeat;background-origin:content-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute}.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-grid-layout{position:relative}.react-grid-item{transition:left .2s,top .2s}.react-grid-item.cssTransforms{transition-property:transform}.react-grid-item>.react-resizable-handle{box-sizing:border-box;cursor:se-resize;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiM0NDQiIGZpbGwtb3BhY2l0eT0iLjMiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0ibTUgNWgtNHYtNGg0eiIvPjwvZz48L3N2Zz4=) 100% 100% no-repeat content-box border-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute;bottom:0;right:0}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;-o-user-select:none;background:#0000001a;transition-duration:.1s}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.resizing{opacity:.6}.grid-item-card{flex-direction:column;height:100%;transition:box-shadow .2s ease-in-out;display:flex}.grid-item-card:hover{box-shadow:0 4px 8px #0000001f}.grid-item-editing .grid-item-card{cursor:move}.grid-item-editing .grid-item-card:hover{box-shadow:0 8px 16px #00000026}@media (width<=768px){.react-grid-item>.react-resizable-handle{width:15px;height:15px}}@media (prefers-color-scheme:dark){.react-grid-item.react-grid-placeholder{background:#ffffff1a}}.pager-config{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;width:min-content;margin:1rem 0}.pager-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.pager-header h4{color:#333;margin:0;font-size:1rem}.toggle-btn{cursor:pointer;color:#666;background:0 0;border:none;font-size:.8rem}.pager-content{background:#fff;border-top:1px solid #ddd;padding:.75rem 1rem}.mode-select{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.mode-radio{cursor:pointer;align-items:center;gap:.5rem;padding:.5rem;font-size:.9rem;display:flex}.mode-radio input[type=radio]{cursor:pointer}.mode-label{color:#333;min-width:100px;font-weight:500}.mode-desc{color:#666;font-size:.8rem}.pager-inputs{background:#f5f5f5;border-radius:4px;grid-template-columns:1fr 1fr;gap:.75rem;margin:.75rem 0;padding:.75rem;display:grid}.input-mini{flex-direction:column;gap:.25rem;display:flex}.input-mini label{color:#333;font-size:.8rem;font-weight:500}.input-mini input{border:1px solid #ddd;border-radius:3px;padding:.4rem;font-size:.85rem}.pager-info{color:#333;background:#e3f2fd;border-left:3px solid #2196f3;border-radius:3px;margin:.5rem 0 0;padding:.6rem;font-size:.85rem}.pager-info p{margin:0;line-height:1.3}@font-face{font-family:DS-Digital;src:url(/assets/DS-DIGI-dG6DdXEc.TTF)format("truetype"),url(/assets/DS-DIGIB-U0lzZ7cu.TTF)format("truetype"),url(/assets/DS-DIGII-CR3NgnzP.TTF)format("truetype"),url(/assets/DS-DIGIT-Bz4sH1xK.TTF)format("truetype");font-weight:400;font-style:normal}html,body,div,iframe{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:0;margin:0;padding:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}main{height:calc(100vh - 40px);overflow:auto scroll}p{margin:0}.info-footer{z-index:1030;padding-left:8px;position:fixed;bottom:0;left:0;right:0;color:#a9a9a9!important}main::-webkit-scrollbar{display:none}.row{flex-direction:row;display:flex}.column{flex-direction:column;display:flex}footer{position:fixed;bottom:0;right:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;border:1px solid #ddd;padding:8px}th{background-color:#f2f2f2}tbody tr:nth-child(2n){background-color:#f9f9f9}.settings-content{padding-bottom:60px}.loader{border:4px solid #0000001a;border-top-color:#3498db;border-radius:50%;width:28px;height:28px;animation:1s linear infinite spin}.loader.big{width:48px;height:48px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-header{justify-content:space-between;padding:8px 16px;display:flex}.main-header-title-light{color:#fff;margin:0;padding-left:16px;font-size:68px}.main-header-title-dark{color:#000;margin:0;font-size:68px}.MuiSvgIcon-root.icon,.icon{width:auto;height:36px;padding:8px}.restore-icon{justify-content:center;width:65px;display:flex}.input{height:auto;font-size:28px}textarea.input{resize:none}.input-group-wrap{flex-wrap:wrap;gap:16px;display:flex}.input-group{flex-direction:column;justify-content:center;align-items:start;gap:8px;margin:8px;display:flex}.input-icon{border:1px solid #767676;border-radius:2px;display:flex}.input-icon input{border:0}.input-icon span{background-color:#e9ecef;border-left:1px solid #767676}.input-icon span a img{cursor:pointer;height:26px;padding:2px;display:flex}.config-content{display:grid}.button{cursor:pointer;border-width:2px;border-radius:4px;justify-content:center;align-items:center;margin:8px;font-size:28px;display:flex}.navbutton{cursor:pointer;background-color:#f8f9fa;border:2px solid #000;border-radius:8px;justify-content:flex-start;align-items:center;width:auto;height:68px;margin:4px;font-size:28px;display:flex}.navbutton.commands{justify-content:space-between}.navbutton.commands div{align-items:center;display:flex}.navbutton img,.navbutton .MuiSvgIcon-root{object-fit:contain;width:44px;height:44px;margin:4px}.commands-timer .timer-text{color:#cc0404;font-size:34px}.bar-container{gap:8px;padding:0 16px 8px;display:grid}.bar{color:gray;border:1px solid;border-radius:4px;justify-content:space-between;padding:8px;display:none}.bar.show{display:flex}.bar.green{background-color:#d1e7dd;border-color:#badbcc}.bar.red{background-color:#f8d7da;border-color:#f5c6cb}.bar.orange{background-color:#fcd6a4;border-color:#fbc784}.bar.yellow{background-color:#fff3cd;border-color:#ffeeba}.bar.blue{background-color:#cce5ff;border-color:#b8daff}.bar-text{flex-direction:column;justify-content:center;padding-left:16px;font-size:20px;display:flex}.bar-text span{font-size:16px}.bar-content-container{align-content:center;display:flex}.bar-content-container>.icon.main{height:38px}.status-bar{background-color:#f5f5f5;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:sticky}.status-bar>.icon-container{flex-wrap:wrap;align-items:center;min-width:25vw;display:flex}.status-bar>.icon-container>.icon,.icon.flag{height:22px}.icon-container.left{justify-content:flex-start}.icon-container.right{justify-content:flex-end}.status-bar>.nombre{color:#fe001a;margin:0;padding:8px;font-size:20px}.clock{color:gray;align-items:center;height:20px;margin:0;padding:4px;font-size:20px;font-weight:700;display:flex}.keyboard{flex-direction:column;gap:4px;display:inline-flex}.keyboard>.row{justify-content:center;gap:4px}.keypad-field{background-color:#fafafa;border:1px solid #d3d5d8;border-radius:5px;width:auto;height:48px;font-size:24px}.key{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fafafa;border:1px solid #d3d5d8;border-radius:5px;justify-content:center;align-items:center;width:72px;height:48px;font-size:24px;display:flex;box-shadow:0 0 2px #5353531a}.key.hidden{box-shadow:none;background:0 0;border:#0000}.key.hidden:hover{cursor:auto;box-shadow:none;background:0 0;border:#0000}.key:hover{background-color:#eaebee}.key.commands{width:96px;height:56px}.key.commands.direct{background-color:#f8d7da;border-color:#f5c6cb;width:auto}.row.commands-opts>.key.commands{width:50%}.modal{z-index:1;background-color:#000000b3;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{background-color:#dddee1;border:1px solid #d3d5d8;border-radius:10px;padding:24px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #0003}.modal-content.alert{flex-direction:column;justify-content:space-between;align-items:flex-start;width:420px;height:160px;display:flex;top:25%}.modal-button{justify-content:center;width:84px;height:48px;font-size:20px}.modal-header{margin:0;font-size:40px}.close{cursor:pointer;position:absolute;top:4px;right:4px}.close:hover>svg{stroke:#f66}.file-input-wrapper{position:relative}.file-input{opacity:0;position:absolute}.file-input-label{cursor:pointer;background-color:#f0f0f0;border:2px solid #000;border-radius:5px;margin:4px 0;padding:4px 12px;font-size:16px;display:block}.file-input-label:hover{background-color:#f5f5f5}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes slideOut{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-60%)}}.animate-slide-in{animation:.15s ease-in forwards slideIn}.animate-slide-out{animation:.15s ease-out forwards slideOut}@media (width<=1280px){.main-header-title-light,.main-header-title-dark{font-size:60px}.navbutton{height:60px}.navbutton img,.navbutton .MuiSvgIcon-root{width:32px;height:32px}.navbutton span{font-size:20px}.input{font-size:24px}@media (height<=420px){.modal-content.alert{top:50%}}}@media (width<=1000px){.main-header-title-light,.main-header-title-dark{font-size:56px}.navbutton span{font-size:18px}}@media (width<=900px){.main-header-title-light,.main-header-title-dark{font-size:44px}.navbutton{height:56px;margin:2px}.navbutton img,.navbutton .MuiSvgIcon-root{width:28px;height:28px}#main-btns>.navbutton span{display:none}.MuiSvgIcon-root.icon,.icon{height:28px;padding:4px}.status-bar>.icon-container>.icon,.icon.flag{height:20px}.bar-text{font-size:16px}.bar-text span{font-size:14px}.input{font-size:20px}@media (height<=420px){.modal-content,.modal-content.alert{top:50%}.key{width:60px;height:32px}.keypad-field{height:32px;font-size:18px}}}@media (width<=640px){main{height:calc(100vh - 28px)}.main-header-title-light,.main-header-title-dark{font-size:38px}.status-bar>.nombre{display:none}.navbutton span{font-size:18px}.inputs-input{justify-content:start;justify-items:start;display:grid}p,label{font-size:15px}.input{font-size:17px}.file-input-label,.button.restore{margin:0;font-size:20px}th,td{font-size:14px}}@media (width<=430px){.clock,.main-header-title-light{display:none}#main-page>.main-header{justify-content:flex-end}.modal-content.alert{width:280px;height:144px}.modal-content.alert.confirm{width:228px}.modal-header{font-size:28px}.modal-content.alert>div>p{font-size:14px}.navbutton.modal-button{width:72px;height:48px;font-size:18px}}@media (width<=375px){.key{width:64px;height:36px}.keypad-field{font-size:20px}}.descgral{border:none;width:100%;max-height:650px;display:block;position:relative;overflow:hidden scroll}.input-container{margin:8px}.custom-file-upload{cursor:pointer;background-color:#e9e9ed;border-radius:5px;padding:10px 20px;transition:background-color .3s;display:inline-block}.custom-file-upload:hover{background-color:#c6c6cc}.preview-container{text-align:center;height:50vh;padding:8px}.preview-container-full{text-align:center;height:80vh;padding:8px}.preview-image{object-fit:cover;border-radius:10px;width:100%;max-width:fit-content;height:100%;max-height:fit-content}.preview-camera{object-fit:cover;border:0;border-radius:10px;width:100%;height:100%}input[type=checkbox]{background:#fff;border:2px solid #555;border-radius:5px;width:16px;height:16px}input[type=checkbox]:checked{background:#abd}.images-gallery{margin-top:20px}.images-gallery h3{color:#333;margin-bottom:15px;font-size:16px}.images-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:24px 0;display:grid}.image-item{background:#f9f9f9;border:2px solid #ddd;border-radius:8px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.image-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.gallery-image{object-fit:contain;background-color:#fff;width:100%;height:200px;display:block}.remove-image-btn{color:#fff;cursor:pointer;z-index:10;background:#ff0000d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0000004d}.remove-image-btn:hover{background:red;transform:scale(1.1)}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin-bottom:20px;display:grid}.video-item{background:#f9f9f9;border:2px solid #ddd;border-radius:8px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.video-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.media-modal-item{transition:all .2s}.media-modal-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.media-modal-item.selected{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.media-modal-close:hover{background-color:#f8f9fa;border-radius:4px}.media-modal-content{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%)}.media-modal-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f9facc}.media-modal-list::-webkit-scrollbar{width:8px}.media-modal-list::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.media-modal-list::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.media-modal-list::-webkit-scrollbar-thumb:hover{background:#00000080}.media-modal-viewer{background:linear-gradient(45deg,#f8f9fa 0%,#fff 100%)}