:root{--main-color:#4051a8;--segundary-color:#1e2b47;--primary-color:#0f172a;--surface:#fff;--muted:#f6f8fb;--border:#e2e8f0;--text:#0f172a}body{background:radial-gradient(circle at 0 0,rgba(64,81,168,.08),transparent 40%),radial-gradient(circle at 100% 0,rgba(30,43,71,.08),transparent 35%),#eef2f7!important;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.header-web{background:linear-gradient(120deg,var(--main-color),var(--segundary-color))}.header-web .logo{max-height:60px;width:auto}.header-web .hs-dropdown-menu{background:var(--segundary-color)}.header-web .hs-dropdown-menu .header-menu{background:rgba(0,0,0,.6)}.header-web .hs-dropdown-menu a{color:#fff}#nav-notification{background:var(--segundary-color)}#nav-notification .tittle-nav,#navbar-general .tittle-nav{background:var(--main-color)}#nav-notification .tittle-nav h3,#navbar-general .tittle-nav h3{font-weight:700;color:var(--segundary-color);font-size:20px}.navs-buttons{display:table;width:100%}.navs-buttons a{color:#e2e8f0;text-align:center;display:table-cell;padding:12px;font-size:16px;transition:background .2s ease,color .2s ease}.navs-buttons a:hover{background:hsla(0,0%,100%,.08);color:#fff}.navs-buttons a span{display:block;color:#fff;font-size:20px;vertical-align:middle}.navs-buttons a .icon,.switch-container{display:inline-block}.switch-container{position:relative}.switch-input{display:none}.switch-label{display:block;width:50px;height:25px;background-color:#ccc;border-radius:15px;position:relative;cursor:pointer;transition:background-color .3s}.switch-label:after{content:"";display:block;width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s}.switch-input:checked+.switch-label{background-color:#4ade80}.switch-input:checked+.switch-label:after{transform:translateX(25px)}.switch-container.switch-right{float:right;vertical-align:baseline}@media (max-width:1024px){.header-web .logo{max-height:57px;width:auto}.navs-buttons a{font-size:12px}.navs-buttons a span{display:block;color:#fff;font-size:15px;vertical-align:middle}}.nav-mobile{position:fixed;bottom:0;left:0;width:100%;background:var(--segundary-color)}.nav-mobile ul{display:table;margin:0;padding:0;width:100%}.nav-mobile ul li{display:table-cell;width:20%}.nav-mobile ul li a{text-align:center;display:block;padding:5px;color:#fff;font-size:10px;border-top:3px solid var(--segundary-color)}.nav-mobile ul li a.activate{color:var(--primary-color);border-color:var(--main-color)}.nav-mobile ul li a svg{display:inline-block}.nav-mobile ul li span{display:block;font-size:20px}.generalContent{padding:10px}.formMain{background:var(--surface);padding:24px;border-radius:16px;border:1px solid var(--border);box-shadow:0 15px 40px -25px rgba(15,23,42,.4)}.formMain h1{color:var(--text);font-weight:700;font-size:24px;border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:12px}.formMain label{display:block;font-weight:600;color:#1e293b;margin-bottom:6px}.formMain input,.formMain select,.formMain textarea{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#f8fafc;margin-bottom:14px;display:block;width:100%;transition:border-color .2s ease,box-shadow .2s ease}.formMain input:focus,.formMain select:focus,.formMain textarea:focus{outline:none;border-color:var(--main-color);box-shadow:0 0 0 3px rgba(64,81,168,.15)}.formMain .buttons{display:block;text-align:right;margin-top:8px}.formMain h2{color:var(--text);font-weight:700;font-size:18px;margin-bottom:16px;text-transform:uppercase;border-bottom:1px solid var(--border)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;margin-left:0;border-radius:999px;background:linear-gradient(135deg,var(--main-color),var(--segundary-color));color:#fff;font-weight:500;letter-spacing:.01em;border:1px solid hsla(0,0%,100%,.08);box-shadow:0 12px 30px -18px rgba(64,81,168,.8);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease;text-decoration:none;cursor:pointer}.btn:hover{transform:translateY(-1px);box-shadow:0 16px 36px -18px rgba(64,81,168,.9);opacity:.96}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:rgba(34,197,94,.25)}.btn-cancel{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border-color:rgba(249,115,22,.25)}.mainTitle{background:linear-gradient(120deg,var(--main-color),var(--segundary-color));color:#fff;font-weight:700;padding:12px 24px;font-size:22px;margin-bottom:20px;border-radius:14px;display:inline-flex;align-items:center;gap:10px;box-shadow:0 12px 30px -15px rgba(64,81,168,.7)}.text-right{text-align:right}.text-center{text-align:center}.dataList{background:var(--surface);padding:20px;border-radius:16px;border:1px solid var(--border);box-shadow:0 15px 40px -30px rgba(15,23,42,.45);margin-top:20px;margin-bottom:20px}.dataList .data-row{padding:14px;border-bottom:1px solid var(--border)}.dataList .data-row:last-child{border-bottom:none}.dataList .data-row:nth-child(2n){background:#f8fafc}.dataList .data-row.data-row-header{background:linear-gradient(120deg,var(--main-color),var(--segundary-color));color:#fff;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.dataList table{width:100%;color:#1e293b;text-align:left;margin-top:20px;border-radius:12px;overflow:hidden}.dataList thead{background:linear-gradient(120deg,var(--main-color),var(--segundary-color));color:#fff}.dataList table td{padding:10px;border:1px solid var(--border);min-width:100px}.dataList table td.col-prod{max-width:350px;width:350px}.dataList input{padding:8px;border-radius:10px;border:1px solid var(--border);display:block;width:100%;background:#f8fafc}.dataList table tbody tr:nth-child(2n){background:#f1f5f9}.box-search{position:relative;overflow:hidden;border-radius:.5em;border:1px solid var(--main-color);margin-top:20px}.total{font-size:20px;margin-bottom:15px;font-weight:700}.box-invoice{padding:20px;display:inline-block;width:350px;border:1px solid #ccc;background:#fff}.box-invoice h2{font-size:25px;font-weight:700;color:var(--main-color);margin-bottom:20px}.box-invoice table{width:100%;margin-top:20px}.box-invoice table td{border:1px solid var(--main-color)}.box-invoice table thead{background:var(--main-color);color:#fff}.buttons-home a{display:block;border-radius:16px;border:1px solid var(--border);text-align:left;padding:18px;background:linear-gradient(180deg,#fff,#f8fafc);font-size:13px;text-align:justify;box-shadow:0 12px 30px -25px rgba(15,23,42,.45);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.buttons-home a:hover{transform:translateY(-3px);border-color:rgba(64,81,168,.25);box-shadow:0 20px 45px -30px rgba(64,81,168,.6)}.buttons-home a span{display:block;text-align:center;color:var(--main-color);font-size:48px;float:left;margin-right:16px}.buttons-home a h3{font-size:18px;display:block;font-weight:700;color:var(--main-color);margin-bottom:6px}.box-image{display:block;position:relative}.box-image input{position:absolute;width:1px;height:1px;opacity:0}.list-tag{list-style:none}.list-tag li{margin-right:5px;display:inline-block;background:var(--main-color);color:#fff;font-size:10px;border-radius:.5em;padding:5px 10px}