@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";:root{--color0: #eeeeee;--color1: #f0a818;--color2: #7890a8;--color3: #304878;--color4: #181848;--color5: #000000;--color6: #0d0d29;--color0Hover: #ffffff;--color1Hover: #ffc400;--color2Hover: #5598db;--color3Hover: #3665c4;--color4Hover: #262691;--color5Hover: #242424;--color6Hover: #141447;--color0Active: #d1d1d1;--color1Active: #c98b0f;--color2Active: #506983;--color3Active: #2e3c58;--color4Active: #12122c;--color5Active: #000000;--color6Active: #0f0f22;--heightHeader: 60px;--Fuente: "Roboto Mono";--shadowGold: 4px 4px 0px 0px #f0a818bf;--shadowBlack: 4px 4px 0px 0px #222222bf;--shadowGoldActive: 2px 2px 0px 0px #f0a818bf;--shadowBlackActive: 2px 2px 0px 0px #222222bf;--bgClose: #ff5d5d;--bgHeader: var(--color3);--bgDropUser: var(--color4);--bgDropNotis: var(--color3);--notisColor: var(--color1);--notisColorHover: var(--color0);--bgcardNoti: var(--color4);--letraCardNoti: var(--color0);--bgCardRol: linear-gradient(90deg, #00b2da 0%, #3a47d5 100%);--bgAvatar: gold;--logoutColor: #ff2525;--notificacionColor: red;--tituloNav: var(--color0);--bgNavegador: var(--color4);--navegadorColor: var(--color0);--bgBarraDivisora: #645b4e;--bgNavegadorOpcion: #ffffff10;--bgNavegadorOpcionHover: var(--color1Hover);--bgStockCard: var(--color0);--colorTituloStock: var(--color6);--bgVerStock: var(--color1);--bgVerStockHover: var(--color1Hover);--bgVerStockActive: var(--color1Active);--htColorOpciones: #eeeeee60;--colorOpcionNavegacion: var(--color0);--bgSelectOpcion: linear-gradient(90deg, #26269190 0%, #5598db90 100%);--bgMenu: var(--color0);--bgCalendarioBox: var(--color3);--bgTurnosDelDia: var(--color4)}*{margin:0;padding:0;box-sizing:border-box}#root{width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;font-family:k2d}.mainGeneral{width:100vw;height:auto;flex:1;display:flex;justify-content:stretch;align-items:stretch;overflow:hidden}.menuGeneral{position:relative;background-color:var(--bgMenu);flex:1}.mainGeneral>menu{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:hidden;scrollbar-width:auto}.mainGeneral>menu>header>h2{font-size:36px;margin:8px}.contentLogin{background-color:#333;height:100vh}.login-card{width:300px;margin:50px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center}.login-card h2{margin-bottom:20px;font-size:24px;color:#333}.form-group{margin-bottom:15px;text-align:left}.form-group label{display:block;margin-bottom:5px;font-size:14px;color:#555}.form-group input{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:4px}.login-button{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#0056b3}.navContent{position:relative;display:flex;bottom:0;height:100%;-webkit-user-select:none;user-select:none}.navContent nav{background-color:var(--bgNavegador);color:var(--navegadorColor);position:sticky;display:grid;width:300px;grid-template-rows:auto 1fr auto;justify-items:stretch;align-items:stretch;transition:.2s}.navContent nav>.titulo{text-align:center;font-size:28px;font-weight:bolder;padding:10px 0;margin:8px 16px;display:grid;grid-template-columns:30px 1fr;justify-items:center;align-items:center;height:60px}.navContent nav>.titulo .buttonNav{position:relative;width:28px;height:28px}.navContent nav>.titulo .buttonNav div{position:absolute;background-color:var(--tituloNav);top:50%;transform:translateY(-50%);width:100%;height:4px;border-radius:100px;transition:.25s}.navContent nav>.titulo h3{font-size:28px}.navContent nav>.opciones{display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;-webkit-user-select:none;user-select:none;width:100%}.navContent nav>.opciones .opcion{position:relative;font-size:26px;border-radius:8px;padding:8px 16px;text-decoration:none;color:var(--colorOpcionNavegacion)}.navContent nav>.opciones .opcion .opcionContent{display:grid;grid-template-columns:30px 1fr;grid-column-gap:6px;align-items:center}.navContent nav>.opciones .opcion .opcionContent .icon{position:relative;left:50%;transform:translate(-50%)}.navContent nav>.opciones .opcion .opcionContent span{display:block;width:10px}.navContent nav>.opciones .opcion .select{position:absolute;font-size:0;width:0;opacity:0}.navContent nav>.opciones .opcion:hover .select{top:0;background:var(--bgSelectOpcion);height:100%;left:0;z-index:-1;border-radius:0 50px 50px 0;width:95%;font-size:28px;opacity:1;display:flex;justify-content:end;align-items:center;padding:12px;transition:.3s}.navContent nav>.opciones .opcion:not(:hover){opacity:1;transition:.24s}.navContent nav>.opciones .opcionIcon{position:relative;width:100%;font-size:26px;border-radius:8px;padding:8px 16px;text-decoration:none;color:var(--colorOpcionNavegacion)}.navContent nav>.opciones .opcionIcon .opcionContent{display:grid;grid-template-columns:30px 1fr;grid-column-gap:6px;align-items:center}.navContent nav>.opciones .opcionIcon .opcionContent .icon{position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.navContent nav>.opciones .opcionIcon .opcionContent .icon:hover{position:relative;background-color:var(--bgNavegadorOpcionHover);color:#111;padding:6px;border-radius:50%;width:32px;height:32px;transition:.1s}.navContent nav>.opciones hr{width:80%;position:relative;left:50%;transform:translate(-50%);border:solid 1px var(--htColorOpciones)}.navContent nav .stock{background-color:var(--bgStockCard);color:#000;width:95%;margin:8px 0;padding:8px;border-radius:8px;-webkit-user-select:none;user-select:none;position:relative;left:50%;transform:translate(-50%);transition:.2s}.navContent nav .stock header{display:flex;justify-content:space-between;margin-bottom:16px}.navContent nav .stock header .titulo{color:var(--colorTituloStock);font-size:26px}.navContent nav .stock header .verStock{display:flex;justify-content:space-between;align-items:center;padding:0 6px;background-color:var(--bgVerStock);border-radius:6px;transition:.1s}.navContent nav .stock header .verStock a{color:#000;text-decoration:none}.navContent nav .stock header .verStock:hover{border-top:solid 1px black;border-left:solid 1px black;background-color:var(--bgVerStockHover);box-shadow:var(--shadowBlack)}.navContent nav .stock header .verStock:active{background-color:var(--bgVerStockActive)}.navContent nav .stock .resultStock{display:flex;flex-direction:column;justify-content:center;gap:6px}.navContent nav .stock .resultStock .cardStock{border:solid 1px black;padding:8px;border-radius:8px}.navContent nav .stock .resultStock .cardStock .productoInfo{display:flex;justify-content:space-between}.header{position:relative;background-color:var(--bgHeader);height:var(--heightHeader);width:100%;display:grid;grid-template-columns:60px max-content auto max-content 60px 60px;grid-template-rows:2fr;grid-column-gap:1px;justify-items:stretch;align-items:stretch;-webkit-user-select:none;user-select:none;z-index:10}.header .logo{position:relative;width:50px;height:50px;top:5px;left:5px;border-radius:10px}.header h1{margin:0;place-content:center;text-align:center;font-size:30px;color:#fff;white-space:nowrap}.irLanding{position:relative;display:flex;justify-content:center;align-items:center}.irLanding .content{position:relative;height:45px;border-radius:8px;background-color:var(--color1);padding:0 12px;display:flex;justify-content:center;align-items:center}.irLanding .content .landing{font-size:20px}.hiUser{position:relative;display:flex;justify-content:end}.hiUser .content{position:relative;height:45px;border-radius:8px;background-color:var(--color1);top:50%;transform:translateY(-50%);width:fit-content;padding:0 20px}.hiUser .content h4{position:relative;margin:0;text-align:center;top:50%;transform:translateY(-50%);font-size:18px}.notificaciones{position:relative}.notificaciones .iconContainer{width:100%;height:100%}.notificaciones .iconContainer .fa-bell{height:35px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.notificaciones .iconContainer .cantNoti{position:absolute;background-color:var(--notificacionColor);border-radius:50px;width:fit-content;height:fit-content;padding:0 5px;top:25%;left:65%;transform:translate(-50%,-50%)}.notificaciones .iconContainer .cantNoti p{color:#fff;font-size:14px;margin:0;font-weight:700}.dropNotis{display:block;position:absolute;top:60px;right:0;background-color:var(--bgDropNotis);padding:6px;border-radius:0 0 16px 16px;width:400px;border:#000 solid 1px;transform:translateY(-50%) scaleY(0)}.notificaciones>.show{animation:showDropNoti .3s ease-in-out forwards}.notificaciones>.hidden{animation:hiddenDropNoti .3s ease-in-out forwards}@keyframes showDropNoti{to{transform:translateY(0) scaleY(1)}}@keyframes hiddenDropNoti{0%{transform:translateY(0) scaleY(1)}to{transform:translateY(-50%) scaleY(0)}}.dropNotis .shadow{position:absolute;width:100%;height:10px;left:0;top:-10px;box-shadow:0 5px 5px #3333337f}.dropNotis header{display:flex;align-items:center;justify-content:space-between;margin-top:5px;margin-bottom:12px}.dropNotis header .titulo{color:var(--notisColor);font-size:24px}.dropNotis header .verTodas{display:flex;align-items:center;justify-content:space-evenly;gap:8px;background-color:var(--notisColor);padding:6px;border-radius:4px;transition:125ms}.dropNotis header .verTodas:hover{background-color:var(--notisColorHover);box-shadow:var(--shadowGold)}.dropNotis header .verTodas:active{transition:75ms;background-color:var(--notisColor);opacity:.75;box-shadow:var(--shadowBlack)}.dropNotis .notisResult{width:100%;display:flex;flex-direction:column;gap:6px}.dropNotis .notisResult .cardNoti{position:relative;background-color:var(--bgcardNoti);color:var(--letraCardNoti);display:grid;grid-template-columns:max-content auto;grid-column-gap:8px;justify-items:stretch;align-items:stretch;width:100%;padding:4px;border-radius:8px;transform:scaleX(0);opacity:0}.dropNotis .notisResult .cardNoti .avatar{width:70px;height:auto}.dropNotis .notisResult .cardNoti .info{display:flex;flex-direction:column;gap:4px}.dropNotis .notisResult .cardNoti .info .datos{display:flex;justify-content:space-between}.dropNotis .notisResult .cardNoti .info .datos .nombre{font-size:18px;color:#eee}.dropNotis .notisResult .cardNoti .info .datos .fecha{font-size:14px;font-weight:400;color:#bbb}.dropNotis .notisResult .cardNoti .info .asunto{color:#ddd;font-size:14px;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.dropNotis .notisResult>.show{animation:showCardNoti 225ms ease-in-out forwards;animation-delay:.15s}.dropNotis .notisResult>.hidden{animation:hiddenCardNoti 225ms ease-in-out forwards}@keyframes showCardNoti{50%{transform:translate(-1%) scaleX(1);opacity:.5}to{transform:translate(0) scaleX(1);opacity:1}}@keyframes hiddenCardNoti{0%{transform:translate(0) scaleX(1);opacity:1}50%{transform:translate(0) scaleX(1);opacity:.5}to{transform:translate(-1%) scaleX(1);opacity:0}}.avatar{position:relative;width:50px;height:auto;background-color:var(--bgAvatar);border-radius:50%;display:flex;justify-content:center;width:80%;height:80%;transform:scaleX(-1)}.userDrop .contentAvatar{position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.dropUser{position:absolute;top:60px;right:0;width:400px;background-color:var(--bgDropUser);border-radius:0 0 0 16px;border-left:#686868 solid 1px;border-bottom:#686868 solid 1px;transform:scaleX(0);opacity:0}.dropUser.show{display:block;animation:showDropUser .3s linear forwards}.dropUser.hidden{animation:hiddenDropUser .3s linear forwards}.dropUser .cardRolUser{background:var(--bgCardRol);padding:8px}.dropUser .cardRolUser .rol{width:fit-content;padding:0 20px;height:36px;background-color:#33333360;border-radius:6px;color:var(--color1);position:relative;left:50%;transform:translate(-50%)}.dropUser .cardRolUser .rol p{position:relative;top:50%;transform:translateY(-50%);font-size:24px;font-weight:500;letter-spacing:2px}.dropUser .avatarContent{display:flex;justify-content:center;margin:6px}.dropUser .avatarContent .avatar{width:100px;height:100px}.dropUser .cardRolUser .nombre{text-align:center;font-size:26px}.dropUser .cardRolUser .email{display:flex;justify-content:start;align-items:center;font-size:14px;gap:4px}.dropUser .cardRolUser .email:hover .icon{animation:infinite ease-out emailAnimation .75s}.dropUser hr{position:relative;background-color:#333;height:2px;border:none;width:90%;left:50%;transform:translate(-50%);border-radius:30px}.dropUser .opciones{display:flex;flex-direction:column;gap:5px;padding:8px}.dropUser .opciones .opcion{background-color:#88888890;padding:12px;border-radius:12px;font-size:18px;display:flex;align-items:center;gap:8px;transition:125ms;color:#eee}.dropUser .opciones .opcion:hover{background-color:#eee;transform:scale(1.015);color:#111;box-shadow:var(--shadowGold)}.dropUser .opciones .opcion:active{background-color:#111;color:#eee;border-top:#666 solid 1px;border-left:#666 solid 1px}.dropUser .opciones .logout i{color:var(--logoutColor)}.dropUser .opciones .logout:hover{color:#000;background-color:var(--logoutColor);box-shadow:var(--shadowBlack)}.dropUser .opciones .logout:hover i{color:#000}.dropUser .opciones .logout:active{color:var(--logoutColor);background-color:#222}.dropUser .opciones .logout:active i{color:var(--logoutColor)}@keyframes showDropUser{0%{transform:translate(50%) scaleX(1);opacity:.5}to{transform:translate(0) scaleX(1);opacity:1}}@keyframes hiddenDropUser{0%{transform:translate(0) scaleX(1);opacity:1}to{transform:translate(50%) scaleX(1);opacity:0;visibility:hidden}}@keyframes emailAnimation{50%{color:#806c00;font-size:16px}to{color:#000;font-size:14px}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}menu{width:100%}menu .smoke{position:absolute;top:0;width:100%;height:100%;background-color:#00000060;display:flex;justify-content:center;align-items:center}menu .smoke .card{width:60%;min-width:800px;position:relative;background-color:#eee;color:#111;border-radius:4px;display:flex;-webkit-user-select:none;user-select:none}menu .smoke .card .close{position:absolute;top:-16px;right:-16px;background-color:var(--bgClose);border-radius:50%;width:40px;height:40px;display:grid;place-content:center;cursor:pointer;transition:.15s}menu .smoke .card .close:hover{transform:scale(1.1)}menu .smoke .card .close .icon{font-size:34px;transition:.35s}menu .smoke .card .close:hover .icon{transform:rotate(360deg)}menu .smoke .card .colorBar{height:auto;width:12px;background-color:red;border-radius:4px 0 0 4px;transform:0}menu .smoke .card .info{position:relative;padding:4px;flex:1}menu .smoke .card .info .opciones{position:absolute;top:8px;right:24px;display:flex;align-items:center;justify-content:center;gap:4px}menu .smoke .card .info .opciones div{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;transition:.1s;font-size:28px}menu .smoke .card .info .opciones div:hover{background-color:var(--color1)}menu .smoke .card .info .fecha{padding:4px;display:flex;gap:20px}menu .smoke .card .info .fecha div{display:flex;align-items:center;gap:8px}menu .smoke .card .info .titulo{margin:4px;font-size:36px;width:calc(100% - 100px)}menu .smoke .card .info .titulo .inputBox{width:100%;max-width:400px;position:relative;overflow:hidden;margin-bottom:10px}menu .smoke .card .info .titulo .inputBox input{width:100%;height:50px;background:none;color:#000;padding-top:20px;font-size:32px;border:none;outline:0}menu .smoke .card .info .titulo .inputBox .labelInput{position:absolute;bottom:0;left:0;width:100%;height:100%;pointer-events:none;border-bottom:1px solid #c7c7c7}menu .smoke .card .info .titulo .inputBox .labelInput:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:100%;border-bottom:3px solid var(--color3);transform:translate(-100%);transition:all .3s ease}menu .smoke .card .info .titulo .inputBox .textInput{position:absolute;bottom:5px;left:0;transition:all .3s ease;color:#fff}menu .smoke .card .info .titulo .inputBox input:focus+.labelInput .textInput,menu .smoke .card .info .titulo .inputBox input:valid+.labelInput .textInput{transform:translateY(-160%);font-size:14px;color:var(--color3)}menu .smoke .card .info .titulo .inputBox input:focus+.labelInput:after,menu .smoke .card .info .titulo .inputBox input:valid+.labelInput:after{transform:translate(0)}menu .smoke .card .info .titulo .inputDate .input{border:2px solid transparent;width:15em;height:2.5em;padding-left:.8em;outline:none;overflow:hidden;background-color:#eee;border-radius:10px;transition:all .5s;box-shadow:2px 2px 6px #cec384,-2px -2px 6px #f7f4a3}menu .smoke .card .info .titulo .inputDate .input:hover,menu .smoke .card .info .titulo .inputDate .input:focus{border:2px solid #4a9dec;box-shadow:0 0 0 7px #4a9dec33;background-color:#fff}menu .smoke .card .info .descripcion{padding:8px;font-size:20px;font-weight:400;max-height:500px;overflow:scroll}menu .smoke .cardAdd .tituloInput{position:relative;height:42px;display:flex;justify-content:center;align-items:center}menu .smoke .cardAdd .tituloInput input{font-size:28px;background-color:transparent;border:none;top:0;height:100%;width:98%;padding:0 8px;color:#01003b;font-family:var(--Fuente)}menu .smoke .cardAdd .subralladoTitulo{margin:8px 0}menu .smoke .cardAdd .dataGeneral{display:flex;width:100%;justify-content:space-between;align-items:start;padding:0 16px;margin-bottom:16px}menu .smoke .cardAdd .dataGeneral .data{display:flex;flex-direction:column;gap:2px;font-size:20px}menu .smoke .cardAdd .dataGeneral .data span{font-weight:400}menu .smoke .cardAdd .dataGeneral .data .precioGreen{color:green}menu .smoke .cardAdd .dataGeneral .buttons{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}menu .smoke .cardAdd .dataGeneral .buttons .asignarCliente{font-size:26px;padding:8px;border-radius:16px;border:none;background-color:#c7c7c7de}menu .smoke .cardAdd .dataGeneral .buttons .colorSelect{display:grid;grid-template-columns:repeat(3,max-content);justify-content:center;gap:16px}menu .smoke .cardAdd .dataGeneral .buttons .colorSelect span{width:28px;height:28px;border:solid 1px black;border-radius:8px}menu .smoke .cardAdd .dataGeneral .buttons .colorSelect span:nth-child(1){background-color:red}menu .smoke .cardAdd .dataGeneral .buttons .colorSelect span:nth-child(2){background-color:gold}menu .smoke .cardAdd .dataGeneral .buttons .colorSelect span:nth-child(3){background-color:#34ad34}menu .smoke .cardAdd .dataGeneral .buttons .colorSelect span:nth-child(4){background-color:#00f}menu .smoke .cardAdd .dataGeneral .buttons .colorSelect span:nth-child(5){background-color:#20b2aa}menu .smoke .cardAdd .dataGeneral .buttons .colorSelect span:nth-child(6){background-color:orange}menu .smoke .cardAdd .tablas{display:grid;grid-template-columns:40% min-content 55%;justify-content:space-around}menu .smoke .cardAdd .tablas .tituloTablas{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:32px}menu .smoke .cardAdd .tablas .descripcion{display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:0}menu .smoke .cardAdd .tablas .descripcion textarea{font-size:16px;padding:8px;border-radius:8px;border:solid 1px #666;resize:none;height:200px;background-color:#ddd}menu .smoke .cardAdd .tablas .pedido{display:flex;flex-direction:column;gap:8px}menu .smoke .cardAdd .tablas .pedido .tituloTablas button{display:flex;align-items:center;gap:4px;font-size:24px;padding:4px 8px;background-color:#2eff2e;border:none;border-radius:16px}menu .smoke .cardAdd .tablas .pedido .tableContent{border:solid 1px #666;background-color:#ddd;border-radius:8px;max-height:200px;overflow-x:hidden;overflow-y:auto;position:relative;scrollbar-width:thin}menu .smoke .cardAdd .tablas .pedido .tableContent table{border-collapse:collapse;width:100%}menu .smoke .cardAdd .tablas .pedido .tableContent table thead{position:relative;background-color:#666;color:#fff;position:sticky;top:0;z-index:1}menu .smoke .cardAdd .tablas .pedido .tableContent table thead tr th:nth-child(1){border-top-left-radius:6px}menu .smoke .cardAdd .tablas .pedido .tableContent table thead tr th:nth-last-child(1){border-top-right-radius:6px}menu .smoke .cardAdd .tablas .pedido .tableContent table tbody{height:100px;overflow-y:auto}menu .smoke .cardAdd .tablas .pedido .tableContent table tbody tr{position:relative;min-height:30px}menu .smoke .cardAdd .tablas .pedido .tableContent table tbody tr td{height:100%;padding-left:4px}menu .smoke .cardAdd .tablas .pedido .tableContent table tbody tr .cantidad{display:flex;justify-content:space-between;align-items:end;padding:4px}menu .smoke .cardAdd .tablas .pedido .tableContent table tbody tr .cantidad p{font-size:18px}menu .smoke .cardAdd .tablas .pedido .tableContent table tbody tr .cantidad .icon{font-size:24px;cursor:pointer;background-color:var(--color3);color:#eee;padding:0 4px;border-radius:4px}menu .smoke .cardAdd .tablas .pedido .tableContent table tbody tr .precio{color:green}menu .smoke .cardAdd .tablas .pedido .tableContent table tbody tr .borrar{display:flex;justify-content:center;align-items:center;height:30px;top:0;left:0}menu .smoke .cardAdd .tablas .pedido .tableContent table tbody tr .borrar .contentIcon{background-color:#ff2828;padding:2px 6px;border-radius:4px}menu .smoke .cardAdd .tablas .pedido .tableContent table tbody tr .borrar .contentIcon .icon{color:#eee}menu .smoke .cardAdd .tablas .pedido .tableContent table tbody tr:hover{background-color:#ccc}menu .smoke .cardAdd .buttonSubmit{display:flex;justify-content:center;align-items:center;gap:8px;padding:8px;border-radius:8px;background-color:var(--color4);color:#eee;font-weight:600;font-size:20px;cursor:pointer;border:solid 1px #666;position:relative;left:100%;transform:translate(-100%);margin-top:16px;transition:.15s}menu .smoke .cardAdd .buttonSubmit:hover{background-color:var(--color4Hover);bottom:3px;box-shadow:3px 3px #ecc900}menu .horarios{position:relative;margin:8px;width:calc(100% - 16px);display:flex;height:525px;border-radius:8px;overflow:auto}menu .horarios .calendario{position:relative;background-color:var(--bgCalendarioBox);padding:12px;width:min-content;border-radius:8px 0 0 8px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}menu .horarios .calendario .titulo{color:#eee;font-size:48px}menu .horarios .calendario .select{color:#fff;font-size:24px}menu .horarios .calendario .react-calendar{border-radius:8px}menu .horarios .calendario .react-calendar button{font-size:18px}menu .horarios .calendario .react-calendar .react-calendar__century-view__decades__decade{font-size:16px}menu .horarios .calendario .react-calendar .react-calendar__navigation .react-calendar__navigation__arrow{font-size:24px}menu .horarios .calendario .react-calendar .react-calendar__navigation button:first-letter{text-transform:uppercase}menu .horarios .calendario .opciones{margin-top:16px;display:flex;justify-content:space-between;gap:8px;align-items:center}menu .horarios .calendario .opciones div{background-color:var(--color1);padding:2px 8px;border-radius:4px;-webkit-user-select:none;user-select:none;width:50%;height:100%;display:grid;place-content:center;font-size:20px}menu .horarios .calendario .opciones div:hover{background-color:var(--color1Hover);box-shadow:var(--shadowBlack)}menu .horarios .calendario .opciones div:active{background-color:var(--color1Active);box-shadow:var(--shadowBlackActive)}menu .horarios .calendario .opciones div h3{text-align:center}menu .horarios .turnosDelDia{background-color:var(--bgTurnosDelDia);flex-grow:1;padding:8px;color:#eee}menu .horarios .turnosDelDia .contentCards{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;overflow-y:auto;overflow-x:none;border-radius:4px;scrollbar-width:auto}menu .horarios .turnosDelDia .contentCards .sinTurnos{display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;height:100%;gap:8px}menu .horarios .turnosDelDia .contentCards .sinTurnos h2{font-size:48px;text-align:center}menu .horarios .turnosDelDia .contentCards .sinTurnos img{max-width:280px}menu .horarios .turnosDelDia .contentCards .TurnoCard{position:relative;background-color:#eee;color:#111;border-radius:4px;display:grid;grid-template-columns:8px auto;justify-items:stretch;align-items:stretch;-webkit-user-select:none;user-select:none;transition:.1s}menu .horarios .turnosDelDia .contentCards .TurnoCard .colorBar{height:auto;background-color:red;border-radius:4px 0 0 4px}menu .horarios .turnosDelDia .contentCards .TurnoCard .info{position:relative;padding:4px}menu .horarios .turnosDelDia .contentCards .TurnoCard .info .opciones{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center}menu .horarios .turnosDelDia .contentCards .TurnoCard .info .opciones div{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:.1s;font-size:20px}menu .horarios .turnosDelDia .contentCards .TurnoCard .info .opciones div:hover{background-color:var(--color1)}menu .horarios .turnosDelDia .contentCards .TurnoCard .info .fecha{display:flex;gap:20px;padding:4px}menu .horarios .turnosDelDia .contentCards .TurnoCard .info .fecha div{display:flex;align-items:center;gap:8px}menu .horarios .turnosDelDia .contentCards .TurnoCard .info .titulo{margin:4px;font-size:28px}menu .horarios .turnosDelDia .contentCards .TurnoCard .info .descripcion{padding:8px}@keyframes giroLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes movimientoBolasLoader{0%{left:0}50%{left:20%}to{left:0}}@keyframes movimientoBolasLoaderRight{0%{right:0}50%{right:20%}to{right:0}}.loading{display:flex;flex-direction:column;justify-content:center;align-self:center;gap:32px;height:100%;--loadingSpeed: 3s}.loading h2{font-size:48px;text-align:center}.loading .boxLoader{display:flex;justify-content:center}.loading .boxLoader .loader{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center;animation:giroLoader var(--loadingSpeed) linear infinite}.loading .boxLoader .loader>div{width:100%;height:20%;position:absolute}.loading .boxLoader .loader>div div{position:absolute;background-color:var(--color1);height:100%;aspect-ratio:1 / 1;border-radius:50%}.loading .boxLoader .loader>div .icon1{animation:movimientoBolasLoader calc(var(--loadingSpeed) / 2) ease-in-out infinite}.loading .boxLoader .loader>div .icon2{animation:movimientoBolasLoaderRight calc(var(--loadingSpeed) / 2) ease-in-out infinite;right:0}.loading .boxLoader .loader .box1{transform:rotate(240deg)}.loading .boxLoader .loader .box2{transform:rotate(120deg)}.loading .boxLoader .loader .box3{transform:rotate(0)}