@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;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)}.farmacia-link{text-decoration:none;font-weight:700;color:#fff}.farmacia-link[aria-current=page]{color:var(--primary)}.logout-btn{cursor:pointer;display:flex;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{.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}.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}}.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(560px,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}.modal-header,.modal-footer{padding:16px 20px}.modal-body{padding:0 20px 16px}.modal-body-archive{display:flex;width:100%;align-items:center;justify-content:center;padding:0 20px 16px}.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}.modal-body--scroll{overflow:auto}@keyframes slideDownFade{0%{transform:translateY(-24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}@layer components{.taskItem{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;font-weight:600;padding:5px}.taskItem hr{flex-grow:1;border:1px solid var(--primary)}.dateFormatTask{color:var(--gray-300);font-weight:700;font-size:18px}.taskText{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block}.taskComplete{width:100%;color:var(--primary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block}.taskFile{color:var(--secondary);text-decoration:underline;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;max-width:25ch;cursor:pointer}.buttonIcon{width:26px;height:26px;padding:4px;border-radius:5px;background-color:transparent;background-color:var(--red)}.buttonIcon img{margin:auto;aspect-ratio:1/1}}.difusionContainer{display:flex;flex-direction:column;align-items:center;width:100%;padding:10px;gap:10px;height:100%}.difusionContainer header{width:100%;text-align:center}.difusionContainer header h1{color:var(--primary);text-transform:uppercase;font-size:36px}.difusionContainer header hr{width:100%;border:3px solid var(--gray-600);margin-bottom:10px}.difusionContainer main{display:flex;flex-direction:column;align-items:center;justify-content:center;width:max(400px,40%);height:100%}.difusionContainer form{border-radius:20px;background-color:#fff;display:flex;flex-direction:column;gap:1rem;min-width:100%;padding:20px 10px}.difusionContainer form>fieldset{display:flex;justify-content:center;align-items:center;border-radius:4px;border:2px solid var(--primary)}.difusionContainer form>fieldset legend{color:var(--gray-400);padding:0 4px;font-size:12px;margin-left:8px}.difusionContainer form .radioContainer{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.difusionContainer form .radioContainer>label{cursor:pointer;width:100%;height:100%;padding:5px;text-align:center;font-size:20px;font-weight:700}.difusionContainer form .radioContainer>input{display:none}.difusionContainer form .radioContainer:has(input:checked){color:#fff;background-color:var(--primary)}.difusionContainer form textarea{border:2px solid var(--primary);border-radius:4px;font-size:16px;padding:8px 10px;resize:none}.difusionContainer .selectCheck{min-width:200px}.difusionContainer .selectCheck .MuiOutlinedInput-root{cursor:pointer}.difusionContainer .selectCheck .MuiOutlinedInput-root fieldset{border-color:var(--primary);border-width:2px}.difusionContainer .selectCheck .MuiOutlinedInput-root:hover fieldset{border-color:var(--primary)}.difusionContainer .selectCheck .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--gray-600);border-width:2px}.difusionContainer .selectCheck .MuiInputLabel-root.Mui-focused{color:var(--gray-600)}.difusionContainer .selectCheck .MuiSelect-select{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-height:unset;width:100%;max-width:500px;cursor:"pointer"}.difusionContainer .selectCheck .MuiSelect-icon{pointer-events:auto}.difusionContainer input[type=radio]{height:20px}.componenteContainer{display:flex;flex-direction:column;align-items:center;width:100%;padding:10px;gap:10px;height:100%}.componenteContainer header{width:100%;text-align:center}.componenteContainer header h1{color:var(--primary);text-transform:uppercase;font-size:36px}.componenteContainer header hr{width:100%;border:3px solid var(--gray-600);margin-bottom:10px}.componenteContainer .formSectionContainer{display:flex;align-items:center;justify-content:center;width:max(400px,40%);height:100%}.componenteContainer .formSectionContainer form{display:flex;flex-direction:column;gap:1rem;width:100%;padding:20px 10px;border-radius:20px;background-color:#fff}@layer base,components,utils;@layer base{:root{--primary: #e8663a;--secondary: #4792b5;--tertiary: #1d1e21;--accept: #4792b5;--cancel: #d94352;--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)}img,picture,video,canvas,svg{display:block;max-width:100%;-webkit-user-select:none;user-select:none}canvas{display:block!important}a{color:var(--accept)}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}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)}}