@charset "UTF-8";@layer base{.main{display:grid;grid:"left-bar content" 1fr/280px 1fr;min-height:100vh}}@layer components{.left-bar{grid-area:left-bar;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;gap:10px;color:#fff;background-color:var(--gray-950);border-right:3px solid var(--primary);padding:10px;max-height:100vh}.left-bar_header{display:flex;gap:10px;font-weight:700;align-items:center}.left-bar_header img{width:40px;border-radius:5px;aspect-ratio:1/1}.left-bar_nav{display:flex;flex-direction:column;gap:5px}.left-bar_farmacias{height:100%;overflow-y:auto}.left-bar_farmacias>div{display:flex;gap:5px;font-weight:700;margin-bottom:5px;color:var(--gray-300)}.left-bar_farmacias ul{display:flex;flex-direction:column;max-height:100%}.left-bar_bottom{display:flex;gap:5px;font-weight:700}.content{grid-area:content;max-height:100vh}.nav-link{display:flex;align-items:center;gap:10px;padding:10px;text-decoration:none;font-weight:700;line-height:1;color:#fff;border-radius:10px;background-color:var(--gray-600);cursor:pointer}.nav-link img{aspect-ratio:1/1;width:21px;height:21px}.nav-link:hover{background-color:var(--gray-500)}.nav-link[aria-current=page]{background-color:var(--primary)}.farmacia-link{display:block;text-decoration:none;font-weight:700;width:100%;padding:2px 0;color:var(--gray-100)}.farmacia-link[aria-current=page]{color:var(--primary)}.farmacia-link:hover{color:#fff;background-color:var(--gray-900)}.logout-btn{cursor:pointer;display:flex;align-items:center;gap:5px;font-weight:700;padding:5px 10px 5px 5px;border-radius:5px;background-color:var(--gray-950)}.logout-btn:hover{background-color:var(--gray-900)}.loading{padding:10px;font-size:32px;text-align:center;color:#fff}}@layer components{.modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;z-index:9999;overflow:auto;padding:4rem 1rem;animation:backdropFade .12s ease-out}.modal-content{width:min(640px,80%);background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000040;overflow:hidden;transform:translateY(-24px);opacity:0;animation:slideDownFade .22s cubic-bezier(.2,.8,.2,1) forwards}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.modal-body{padding:0 20px}.modal-body-archive{display:flex;flex-direction:column;gap:8px;padding:0 20px}.modal-body-archive ul li:nth-child(2n){background-color:var(--gray-50)}.modal-body--scroll{max-height:300px;overflow-y:auto}.modal-header h1{margin:0;font-size:1.125rem}.modal-footer{display:flex;gap:10px;justify-content:flex-end}.modal-content--large{max-width:90vw;max-height:90vh}@keyframes slideDownFade{0%{transform:translateY(-24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}}.modalPendientesOverlay{position:fixed;inset:0;background:#00000086;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modalPendientes{width:100%;max-width:1120px;max-height:85vh;background:var(--gray-950);border:1px solid var(--gray-600);border-radius:14px;box-shadow:0 10px 30px #8f8f8f66;display:flex;flex-direction:column;overflow:hidden}.modalPendientes p{margin:6px 0 0;color:var(--gray-200);font-size:14px}.modalPendientes__header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;border-bottom:2px solid var(--gray-500);background-color:var(--gray-900)}.modalPendientes__header h2{margin:0;color:var(--primary);font-size:22px}.modalPendientes__body{padding:20px;overflow-y:auto;min-height:0;display:flex;flex-wrap:wrap;gap:10px}.modalPendientes__body .solicitudPendiente{display:flex;flex-direction:column;width:fit-content;border-radius:5px;padding:5px;align-items:center;background-color:var(--gray-600);cursor:pointer}.modalPendientes__body .solicitudPendiente label{cursor:pointer}.modalPendientes__body .solicitudPendiente .pendientes{display:flex;align-items:center;gap:8px;cursor:pointer}.modalPendientes__body .solicitudPendiente .pendientes .__fechas{display:flex;flex-direction:column;cursor:pointer}.modalPendientes__body .solicitudPendiente .pendientes .__fechas label{color:#fff;cursor:pointer}.modalPendientes .inputCont{display:flex;align-items:center;padding:0 20px;gap:10px}.modalPendientes .inputCont input{width:fit-content}.modalPendientes .inputCont label{color:#fff;font-size:18px}.Vacaciones{background-color:var(--secondary);font-weight:600;border-radius:15px;padding:0 5px}.btnCont{display:flex;align-items:center;justify-content:center;padding:10px;gap:10px}.btnCont .btnAction{transition:.2s ease;color:#fff}.btnCont .btnAction--accept{background:var(--accept)}.btnCont .btnAction--reject{background:var(--cancel)}@layer components{.farmacia-ajustes_pass-section{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.farmacia-ajustes_pass-section>div{display:flex;justify-content:space-around;width:100%;padding:6px;border:2px solid var(--secondary);border-radius:8px}.farmacia-ajustes_pass-section p{font-size:1.1rem}.farmacia-ajustes_pass-section span{-webkit-user-select:none;user-select:none;color:var(--blue)}.farmacia-ajustes_send{background-color:var(--accept)}}.modal-body-archive{padding:0 20px}.modal-body-archive ul li:nth-child(2n){background-color:var(--gray-50)}.modal-body--scroll{max-height:300px;overflow-y:auto}@layer components{.taskItemGrid{display:grid;padding:3px;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;width:100%}.dateFormatMsg{color:var(--gray-300);font-weight:700;font-size:14px;justify-self:end}.futureMsg{color:var(--blue);font-weight:700;font-size:14px;justify-self:end}.textMensaje{font-weight:600;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.linkMensajes{color:var(--secondary);text-decoration:underline;cursor:pointer;font-weight:600;font-size:14px}.buttonIcon{flex-shrink:0;width:26px;height:26px;padding:4px;border-radius:5px;background-color:transparent;background-color:var(--red);justify-self:end}.buttonIcon img{margin:auto;aspect-ratio:1/1}}@layer components{.password{display:flex;border:2px solid var(--primary);border-radius:5px}.password input{border:none}.password img{cursor:pointer;margin:auto 10px;aspect-ratio:1/1}}@layer components{.task-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;font-weight:600;padding:5px}.task-item--created{background-color:var(--blue-back);box-shadow:inset 0 0 0 2px var(--blue)}.task-item--wrong{background-color:var(--error-back);box-shadow:inset 0 0 0 2px var(--cancel)}.task-item_date{color:var(--gray-300);font-weight:700;font-size:18px}.task-item_future{color:var(--blue);font-weight:700;font-size:18px}.task-item_text{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block}.task-item_complete{width:100%;color:var(--primary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block}.task-item_file{color:var(--secondary);text-decoration:underline;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;max-width:25ch;cursor:pointer}.task-item_upload-btn{width:26px;height:26px;padding:4px;border-radius:5px;background-color:transparent;background-color:var(--primary)}.task-item_view-btn{width:26px;height:26px;padding:4px;border-radius:5px;background-color:transparent;background-color:var(--green)}.task-item_icon{width:26px;height:26px;padding:4px;border-radius:5px;background-color:transparent;background-color:var(--red)}.task-item_icon img{margin:auto;aspect-ratio:1/1}.task-item_icon-cont{display:flex;gap:5px}}.activado{padding:.2rem;width:auto;transition:1s;border:1px solid var(--primary)}.descativado{padding:.2rem;width:auto;background-color:#fff;color:var(--primary);border:1px solid var(--primary);transition:1s}.upload-modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;z-index:9999;overflow:auto;padding:4rem 1rem;animation:backdropFade .12s ease-out}.upload-modal-content{width:min(640px,100%);background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000040;overflow:hidden;transform:translateY(-24px);opacity:0;animation:slideDownFade .22s cubic-bezier(.2,.8,.2,1) forwards}.upload-modal-header,.upload-modal-footer{padding:16px 20px}.upload-modal-body{display:flex;flex-direction:column;gap:5px;padding:0 20px 16px}.upload-modal-body-archive{display:flex;width:100%;align-items:center;justify-content:center;padding:0 20px 16px}.upload-modal-header h1{margin:0;font-size:1.125rem}.upload-modal-footer{display:flex;gap:10px;justify-content:flex-end}.upload-modal-content--large{max-width:90vw;max-height:90vh}.upload-modal-body--scroll{overflow:auto}.upload-file-info{margin-top:8px;display:flex;flex-direction:column;font-size:.9rem}.upload-file-list{display:grid;gap:4px}.upload-file-list li:nth-child(2n){background-color:var(--gray-50)}.upload-file-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px;align-items:center;color:#333}.upload-file-item p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload_comment hr{margin:5px 0;height:2px;background-color:var(--gray-100);border:none}.upload-file-download-btn{width:26px;height:26px;padding:4px;border-radius:5px;background-color:transparent;background-color:var(--primary)}.upload-file-remove-btn{width:26px;height:26px;padding:4px;border-radius:5px;background-color:transparent;background-color:var(--red)}.upload-file-helper{color:#777}.upload-file-error{margin-top:4px;color:#d32f2f;font-size:.8rem}.upload-dropbox{padding:32px;border-radius:10px;text-align:center;border:2px solid var(--gray-100)}@keyframes slideDownFade{0%{transform:translateY(-24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}@layer base{.main{display:grid;grid:"left-bar content" 1fr/280px 1fr;min-height:100vh}}@layer components{.left-bar{grid-area:left-bar;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;gap:10px;color:#fff;background-color:var(--gray-950);border-right:3px solid var(--primary);padding:10px;max-height:100vh}.left-bar_header{display:flex;gap:10px;font-weight:700;align-items:center}.left-bar_header img{width:40px;border-radius:5px;aspect-ratio:1/1}.left-bar_nav{display:flex;flex-direction:column;gap:5px}.left-bar_empleados{height:100%;overflow-y:auto}.left-bar_empleados>div{display:flex;gap:5px;font-weight:700;margin-bottom:5px;color:var(--gray-300)}.left-bar_empleados ul{display:flex;flex-direction:column;gap:5px;max-height:100%}.left-bar_bottom{display:flex;gap:5px;font-weight:700}.content{grid-area:content;max-height:100vh}.nav-link{display:flex;align-items:center;gap:10px;padding:10px;text-decoration:none;font-weight:700;line-height:1;color:#fff;border-radius:10px;background-color:var(--gray-600);cursor:pointer}.nav-link img{aspect-ratio:1/1;width:21px;height:21px}.nav-link:hover{background-color:var(--gray-500)}.nav-link[aria-current=page]{background-color:var(--primary)}.empleado-link{text-decoration:none;font-weight:700;color:#fff}.empleado-link[aria-current=page]{color:var(--primary)}.logout-btn{cursor:pointer;display:flex;align-items:center;gap:5px;font-weight:700;padding:5px 10px 5px 5px;border-radius:5px;background-color:var(--gray-950)}.logout-btn:hover{background-color:var(--gray-900)}.loading{padding:10px;font-size:32px;text-align:center;color:#fff}}@layer base,components,utils;@layer base{:root{--primary: #e8663a;--secondary: #4792b5;--tertiary: #1d1e21;--accept: #67bd42;--cancel: #d94352;--error-back: #ffeae8;--blue-back: #e8fffb;--red: #d94352;--green: #67bd42;--blue: #4792b5;--gray-50: #efefef;--gray-100: #d1d6e0;--gray-200: #b3bac7;--gray-300: #959cab;--gray-400: #7e8591;--gray-500: #5f646e;--gray-600: #373a40;--gray-900: #1d1e21;--gray-950: #121314}*,*:before,*:after{accent-color:var(--primary);box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif;font-variation-settings:"wdth" 100;font-optical-sizing:auto;font-style:normal;-webkit-tap-highlight-color:transparent}*::-webkit-scrollbar{width:5px}*::-webkit-scrollbar-track{border-radius:10px;background-color:#fff}*::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--primary)}h1{color:var(--primary);font-size:28px}h2{color:var(--secondary);font-size:24px}img,picture,video,canvas,svg{display:block;max-width:100%;-webkit-user-select:none;user-select:none}canvas{display:block!important}a{color:var(--blue)}label,button{-webkit-user-select:none;user-select:none}button{font-size:1rem;padding:10px 20px;border:0px solid transparent;border-radius:5px;font-weight:700;color:#fff;box-shadow:2px 2px 5px #0000004d;cursor:pointer;transition:all .1s ease-in-out}button:active{transform:scale(.98);box-shadow:0 2px 4px #00000026}button:hover{filter:brightness(.9)}button:enabled{background-color:var(--primary)}button:disabled{background-color:var(--gray-400)}input{border:2px solid var(--primary);border-radius:5px;width:100%;height:44px;font-size:16px;padding-inline:10px}input::placeholder{color:var(--gray-400)}input:focus{outline:none}textarea{width:100%;padding:10px;resize:none;font-size:16px;padding-inline:10px;box-sizing:border-box;border:2px solid var(--primary);border-radius:5px}textarea::placeholder{color:var(--gray-400)}textarea:focus{outline:none}body{line-height:1.5;-webkit-font-smoothing:antialiased;background-color:var(--tertiary)}li{list-style:none}}@layer components{.btn-accept{background-color:var(--accept)}.btn-cancel{background-color:var(--cancel)}}@layer utils{.flex-simple{display:flex;align-items:center;gap:10px}.error{text-align:center;font-weight:700;color:var(--cancel)}}