@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";form{grid-template-columns:1fr 1fr;gap:1rem;display:grid}form.one-column{grid-template-columns:1fr}form button.disabled{pointer-events:none;background-color:gray}@media (width<=700px){form{grid-template-columns:1fr}}.form-group{display:grid}.form-group label{margin-bottom:.25em;font-size:.9rem}.form-group .red{outline:2px solid red}.form-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}input{min-width:0;color:var(--txt-00);background-color:var(--bg-05);border:1px solid var(--bg-30)}input::placeholder{color:var(--txt-10)}input:focus{outline-color:#0000}select{min-width:0;color:var(--txt-00);background-color:var(--bg-05);border:1px solid var(--bg-30)}select:focus{outline-color:#0000}.item-to-link-list-container{position:relative}.item-to-link-list{color:#000;border-radius:var(--radius-sm);opacity:0;transform-origin:top;background-color:#fff;gap:.25em;max-height:150px;padding:.75rem;font-size:.8rem;list-style:none;transition:opacity .2s,scale .2s;display:grid;position:absolute;top:calc(100% + .5rem);right:0;overflow-y:scroll;scale:0}.item-to-link-list.open{opacity:1;scale:1}.item-to-link-list li{border-radius:var(--radius-sm);cursor:pointer;padding:.5em}.item-to-link-list li.even{background-color:var(--accent-60)}.item-to-link-list li:hover{background-color:var(--accent-50)}.item-to-link-info{color:var(--bg-05);background-color:var(--txt-00);border:1px solid var(--txt-00);border-radius:var(--radius-sm);opacity:0;transform-origin:top;align-self:end;margin-right:1ch;padding:.8rem .6rem;transition:opacity .2s}.item-to-link-info.open{opacity:1}input[type=date]::-webkit-calendar-picker-indicator{filter:invert()}.spinner{--width-btn:1.2rem;--width-md:1.7rem;--width-bg:2.5rem;--fill-btn:var(--accent-20);--fill-bg:var(--accent-50)}.spinner{width:var(--width-btn);fill:var(--fill-btn)}.spinner rect{width:2px}.loading{justify-content:center;height:100dvh}.loading .spinner{width:var(--width-bg);fill:var(--fill-bg)}.dashboard-section .spinner{width:var(--width-md);fill:var(--fill-bg);margin-top:auto;position:absolute;bottom:1rem;right:1rem}.participantes-section:has(.spinner) .spinner{width:var(--width-bg);fill:var(--fill-bg);margin:auto;position:absolute;inset:0}.nav-wrapper{margin-left:auto}.nav-wrapper.hidden{display:none}@media (width<=950px){.nav-wrapper{padding-top:1.5rem;padding-bottom:1rem;position:fixed;bottom:0;overflow:visible}.nav-wrapper:before{content:"";-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000e6;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 15%);mask-image:linear-gradient(#0000 0%,#000 15%)}.nav-wrapper{z-index:10}}nav{background:var(--bg-10);border:1px solid var(--bg-20);border-radius:100vmax;align-items:center;width:fit-content;max-width:calc(100dvw - 2rem);padding:.5rem 1rem;transition:width .2s;display:flex}nav.nav-left{gap:1ch;height:100%;padding:1rem 2rem;display:flex}@media (width<=950px){nav.nav-left{margin-inline:auto}}nav.nav-right{margin-left:auto;overflow-x:scroll;scale:1}nav.nav-right.closed{scale:0}@media (width<=700px){nav.nav-right a{font-size:.9rem}}.route{position:relative}.route:before{content:"";bottom:-.1lh;background-color:#fff;border-radius:100vmax;height:.1lh;transition:scale .2s;position:absolute;inset-inline:0;scale:0}.route.is-here-1:before{scale:1}:scope .sub-route{text-wrap:nowrap;padding:.5rem 1rem;position:relative}:scope .sub-route.disabled{opacity:0;pointer-events:none}.ordenes-abiertas-count{width:20px;height:20px;color:var(--bg-05);background-color:var(--txt-00);z-index:5;border-radius:100vmax;justify-content:center;align-items:center;padding:.75em;font-size:.9rem;display:flex;position:absolute;top:-5px;right:-5px;scale:.9}:scope .is-here-2{anchor-name:--active;background-color:var(--accent-30);border-radius:100vmax}.bubble{display:none}.utilities button{min-width:0;color:var(--txt-00);background-color:var(--bg-10);border:1px solid var(--bg-30)}@media (width<=950px){.utilities{position:absolute;top:1rem;right:1rem}}.sign-section{height:100dvh}.sign-form{background-color:var(--bg-00);border-radius:var(--radius-base);grid-template-columns:1fr;gap:.5lh;width:fit-content;height:fit-content;margin:auto;padding:2rem}:root{--fonts:"Manrope", "System-ui", "Arial";--radius-sm:5px;--radius-sm-10:8px;--radius-base:12px;--radius-bg:25px;--radius-max:100vmax;--vaam-black:#0c0c0c;--vaam-white:#f2f2f2;--backdrop:#0003;--bg-00:#000;--bg-05:#060606;--bg-10:#0d0d0d;--bg-15:#131313;--bg-20:#1a1a1a;--bg-25:#262626;--bg-30:#333;--txt-00:#f2f2f2;--txt-10:#b3b3b3;--accent-backdrop:#f7f8fd1a;--accent-shadow:#f7f8fd20;--accent-input:#0b0f1e;--accent-black:#03050c;--accent-00:#03050c;--accent-05:#070b13;--accent-10:#060a14;--accent-15:#080e1b;--accent-20:#0c1627;--accent-25:#111e36;--accent-30:#142548;--accent-40:#31447d;--accent-45:#748acd;--accent-50:#ccd9ff;--accent-60:#e6edff;--accent-70:#f7f8fd;--accent-white:#f7f8fd;--green-dark:#16462f;--green-00:#16462f;--green-05:#239f63;--green-base:#41af7a;--green-10:#41af7a;--green-light:#5fb488;--green-20:#5fb488;--green-25:#94e1b9;--green-lightest:#b3e6cd;--green-30:#b3e6cd;--blue-dark:#182754;--blue-00:#182754;--blue-05:#2344a9;--blue-base:#3657ba;--blue-10:#3657ba;--blue-15:#4163c8;--blue-light:#5370c6;--blue-20:#5370c6;--blue-25:#7893e2;--blue-lightest:#d9e0f7;--blue-30:#d9e0f7;--red-dark:#4d1414;--red-00:#4d1414;--red-base:#d23232;--red-10:#d23232;--red-light:#d44040;--red-20:#d44040;--red-25:#e65c5c;--red-30:#f7d9d9;--red-lightest:#f7d9d9}.light{--bg-30:#000;--bg-20:#0d0d0d;--bg-10:#1a1a1a;--bg-05:#0d0d0d;--bg-00:#333;--txt-10:#f2f2f2;--txt-00:#b3b3b3;--accent-backdrop:#03050c33;--accent-shadow:#03050c20;--accent-input:#ecf1fe;--accent-70:#03050c;--accent-60:#070b13;--accent-50:#172030;--accent-40:#142548;--accent-30:#31447d;--accent-25:#d1dbfa;--accent-20:#d6e0ff;--accent-15:#e2eafe;--accent-10:#ecf1fd;--accent-05:#f6f8fd;--accent-00:#f7f8fd;--green-30:#16462f;--green-20:#41af7a;--green-10:#5fb488;--green-00:#b3e6cd;--blue-30:#182754;--blue-25:#2746a5;--blue-20:#3657ba;--blue-10:#5370c6;--blue-00:#d9e0f7;--red-30:#4d1414;--red-20:#d23232;--red-10:#d44040;--red-00:#f7d9d9}*,:after,:before{box-sizing:border-box;font-family:var(--fonts);margin:0;padding:0}html{background-color:var(--bg-00);min-height:100dvh;color:var(--txt-00);overflow:hidden scroll}body{overflow:hidden scroll}main{padding:1rem;overflow:hidden scroll}@media (width<=950px){main:not(:has(.taller-modal.open)){margin-bottom:4rem}}button,input,select,textarea{font:inherit;border-radius:var(--radius-sm-10);padding:.8rem .6rem}header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}section{flex-direction:column;justify-self:center;width:100%;max-width:1200px;display:flex}button{color:var(--vaam-black);background-color:var(--vaam-white);cursor:pointer;border:none;justify-content:center;align-items:center;gap:1ch;transition:opacity .15s;display:flex}button:hover{opacity:.8}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.gap-1{gap:1rem}.left-auto{margin-left:auto}.right-auto{margin-right:auto}.grid-column-fill{grid-column:1/-1}.circle{aspect-ratio:1;border-radius:100vmax}.capital{text-transform:capitalize}.toasts-list{z-index:30;flex-direction:column;row-gap:.75rem;display:flex;position:fixed;bottom:1rem;right:1rem}@media (width<=700px){.toasts-list{bottom:4.5rem;right:.75rem;scale:.9}}.dark .toast{box-shadow:5px 5px 5px #f7f8fd1a}.light .toast{box-shadow:5px 5px 5px #03050c33}.toast{border-radius:5px;align-items:center;gap:.5rem;min-width:300px;padding:1rem;font-weight:600;animation-name:slideIn;animation-duration:.35s;display:flex;position:relative}.toast.closed{animation-name:slideOut;animation-duration:.35s;animation-fill-mode:forwards}.toast svg{border-radius:100vmax}.toast.green{color:var(--green-dark);background-color:var(--green-lightest)}.toast.green svg{fill:var(--green-base);background-image:radial-gradient(#fff 50%,#0000 50%)}.toast.red{color:var(--red-dark);background-color:var(--red-lightest)}.toast.red svg{fill:var(--red-base);background:radial-gradient(#fff 50%,#0000 50%)}@keyframes slideIn{0%{transform:translate(110%)}to{transform:translate(0%)}}@keyframes slideOut{0%{transform:translate(0%)}to{transform:translate(110%)}}.modal-backdrop{background-color:var(--backdrop);opacity:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;z-index:20;transition:opacity .2s;position:absolute;inset:0}.modal-backdrop.open{opacity:1;pointer-events:all}.user-modal,.taller-modal{background-color:var(--bg-10);border:1px solid var(--bg-20);border-radius:var(--radius-base);opacity:0;z-index:30;width:clamp(300px,90%,600px);height:fit-content;max-height:calc(100dvh - 2rem);margin:auto;padding:1.5rem;transition:opacity .2s,scale .2s;position:absolute;inset:1rem;overflow:scroll;scale:0}:is(.user-modal,.taller-modal).open{opacity:1;scale:1}:is(.user-modal,.taller-modal) .taller-modal-top{justify-content:space-between;align-items:center;margin-bottom:1.75rem;display:flex}@media (width<=700px){:is(.user-modal,.taller-modal) .taller-modal-top{justify-content:stretch;gap:.25rem;display:grid}:is(.user-modal,.taller-modal) .taller-modal-top .modal-title{margin-bottom:.25em}:is(.user-modal,.taller-modal) .taller-modal-top .item-to-link-info{grid-row:3;width:100%;margin:auto}}:is(.user-modal,.taller-modal) .input-error{color:#fea3a3;font-size:.75rem}:is(.user-modal,.taller-modal) .delete-modal .modal-title{margin-bottom:1rem}:is(.user-modal,.taller-modal) .delete-modal ul{grid-template-columns:1fr 1fr;gap:1ch;margin-bottom:1.5rem;list-style:none;display:grid}:is(.user-modal,.taller-modal) .delete-modal ul li{background-color:var(--bg-15);border:1px solid var(--bg-25);border-radius:var(--radius-sm);align-items:center;padding:.75em .5em;font-size:.95rem;display:flex}@media (width<=700px){:is(.user-modal,.taller-modal) .delete-modal ul{grid-template-columns:1fr}}:is(.user-modal,.taller-modal) .delete-modal span{font-size:1rem;font-weight:300}:is(.user-modal,.taller-modal) .delete-modal span strong,:is(.user-modal,.taller-modal) .delete-modal span .red{font-weight:700}.table-actions{align-items:center;display:flex}.table-actions .left{gap:1rem;display:flex}.table-actions .left form{display:flex}.table-actions .create-btns{margin-left:auto}@media (width<=700px){.table-actions{grid-template-columns:1fr;gap:1rem;display:grid}.table-actions input{width:100%}.table-actions .left{align-self:start;gap:.5rem;display:grid}.table-actions .left.double{grid-template-columns:1fr 1fr}.table-actions .searched{grid-column:1/-1}.table-actions .create-btns{margin-left:0;display:grid}.table-actions .create-btns.double{grid-template-columns:1fr 1fr}.table-actions .create-btns button{width:100%}}.searched{text-wrap:nowrap;background-color:var(--bg-15);border:1px solid var(--bg-30);border-radius:100vmax;justify-content:center;align-items:center;gap:.5ch;margin-block:auto;padding:.25em .75em;display:flex}.searched button{width:1.25rem;height:1.25rem;color:inherit;background-color:inherit;border-radius:100vmax;padding:0}.searched button svg{aspect-ratio:1}.searched button:hover{background-color:var(--bg-25)}.table-label{margin-top:1em}.table-wrapper{margin-top:1rem;margin-bottom:1rem;background-color:var(--bg-05);border-radius:var(--radius-base);border:1px solid var(--bg-25);width:100%;height:100%;margin-inline:auto;overflow-x:scroll}.table-wrapper.double{max-height:40dvh}table{border-collapse:collapse;background-color:var(--bg-05);width:100%;height:100%;font-size:.9rem}table thead th{background-color:var(--bg-15);position:sticky;top:0}table tr{height:fit-content}table tr.redirect{transition:background-color .2s}table tr.redirect:has(td:not(.row-actions):hover){cursor:pointer;background-color:var(--bg-10)}table th,table td{text-wrap:nowrap;padding:1rem}table th{text-align:left;font-size:.8rem}table td{border-bottom:1px solid var(--bg-25)}table tr:last-child td{border:none}table button{width:fit-content;padding:.5rem}table button.circle{color:var(--txt-00);background-color:var(--bg-00);border:1px solid var(--bg-30)}table button.circle:hover{border-color:var(--txt-00)}table .ver-cotizaciones-btn{color:var(--txt-00);background-color:var(--bg-05);border:1px solid var(--bg-30);transition:color .2s,background-color .2s}table .ver-cotizaciones-btn:focus{outline-color:#0000}table .ver-cotizaciones-btn:hover{opacity:1;color:var(--bg-05);background-color:var(--txt-00)}table .center{text-align:center}table .left{text-align:left}table .right{text-align:right}.table-dropdown-container{position:relative}.table-dropdown-container .table-dropdown{inset-block:-15%;background-color:var(--bg-10);border:1px solid var(--bg-25);border-radius:var(--radius-base);border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);opacity:0;transform-origin:100%;z-index:5;gap:.5ch;padding:.5rem;transition:opacity .2s,scale .2s;display:flex;position:absolute;right:3.5rem;scale:0;box-shadow:0 0 5px #00000080}.table-dropdown-container .table-dropdown.open{opacity:1;scale:1}.table-dropdown-container .table-dropdown button{background-color:#0000;transition:background-color}.table-dropdown-container .table-dropdown button:hover{background-color:var(--bg-25);opacity:1}.skeleton .skeleton-header,.skeleton .skeleton-data,.skeleton .skeleton-action{border-radius:100vmax;animation:.75s linear infinite alternate skeleton}.skeleton .skeleton-header{color:#0000;width:fit-content}.skeleton .skeleton-data{width:100%;height:16px}.skeleton .skeleton-action{aspect-ratio:1;height:50px}@keyframes skeleton{0%{background-color:var(--bg-15)}to{background-color:var(--bg-30)}}.users-section{flex-direction:column;gap:1rem;display:flex}.users-list-actions{justify-content:space-between;align-items:center;display:flex}.users-list{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=950px){.users-list{grid-template-columns:1fr 1fr}}@media (width<=700px){.users-list{grid-template-columns:1fr}}.user-card{background-color:var(--bg-10);border:1px solid var(--bg-25);border-radius:var(--radius-base);padding:1rem}.user-card ul{list-style:none}.user-card .user-actions{justify-content:end;align-items:center;gap:.5ch;display:flex}.user-card .user-actions .user-action{aspect-ratio:1;background-color:var(--bg-15);border:1px solid var(--bg-25);width:fit-content;padding:.5rem}
