@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css);.overlay,.patient-view{top:0;left:0;z-index:1000}#close-patient-view i,.close-button i{font-size:1.4vw}:root{--background:#03305e;--border:#5c7292;--foreground:#0a4d8b}body,html{width:100svw;height:100svh;margin:0}#total-container{width:64vw;height:80%;display:flex;position:absolute;place-content:center;flex-wrap:wrap}.shepherd-modal-overlay-container{opacity:.8!important}.shepherd-element{opacity:.9!important}.shepherd-text{color:rgba(0,0,0,.75);font-size:1.2rem!important;line-height:1.3em;max-height:30vh;font-family:'Lucida Sans','Lucida Sans Regular','Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif;overflow:hidden!important}.char,.firma,.title{font-family:Roboto,sans-serif}#start-tutorial{position:absolute;right:0;bottom:0;z-index:99;width:8.5%;height:5%;border-radius:2vw;background-color:#82ffa2d4;font-size:1.1vw}.background{background-color:var(--background);width:100%;height:100%;display:flex;justify-content:center;align-items:center}.patient-number{margin-block-start:-4%;margin-block-end:5%}.patient-details{width:51%;height:84%;margin-left:22%;text-align:-webkit-center;display:flex;justify-content:space-around}.ingredientes-titulo{flex-basis:100%;margin-top:2%;margin-bottom:1%}.custom-width{width:242px!important;max-width:100%!important}.patient-details .ingredientes{display:flex;flex-direction:row;justify-content:space-evenly;max-width:557px;flex-wrap:wrap;background-color:var(--foreground);border:1px solid var(--border);border-radius:1vh;margin-top:2%}.ingrediente-container{width:92px;height:118px;text-align:center;flex:1 0 64px}.total-content h3{flex-basis:100%}.total-content div div{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:flex-start;width:14%;align-items:center;text-align:center;margin-inline:1%;background-color:unset;min-width:5vw}.total-content>div{display:flex;flex-direction:row;flex-wrap:wrap;background-color:#008b8b8c;justify-content:center;text-align:center;margin-inline:2%;align-content:flex-start;width:38%;padding:1%;border-radius:50px;box-shadow:0 0 0 2px #ffffffab}.image-container,.pisos{flex-direction:column;display:flex}#total-button{background-color:#ff7600;border:none;color:#fff;font-size:18px;padding-block:0.4%;padding-inline:0.5%;border-radius:6px;cursor:pointer;position:absolute;top:3.3%;box-shadow:0 0 0 2px #ffffffab}.ingrediente-container p,.remedio-container p{margin-block:0%;margin-bottom:6%}.remedio-container{background-color:var(--foreground);border:1px solid var(--border);border-radius:1vh;margin-top:6%;width:7vw}.remedio-container h3{margin-top:2%;margin-bottom:2%}.ubicacion-container{margin-inline-end:10%}.ubicacion-container>img{width:400px;height:350px}.image-container{align-items:center;cursor:pointer;background-color:#00ffdc3d;box-shadow:0 0 0 3px #ffffff61;border-radius:12%}.char:hover,.thumbnail-image:hover{transform:scale(1.05);cursor:pointer}.thumbnail-image{width:130px;transition:transform .3s}.overlay{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center}.image-container h3{margin-block:9%}.enlarge{width:65%;height:auto;transition:transform .3s}.pisos{position:absolute;right:4.5%;justify-content:space-between;height:34%}.patient-view{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.4);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease-in-out}#close-patient-view,.close-button{background-color:#ff7676;padding-block:0.5%;box-shadow:0 0 0 3px #ffa9a9;padding-inline:0.7%;color:#fff;position:absolute}.char,.cont{background-repeat:no-repeat;user-select:none}.audio-icon,.char{transition:transform .3s;cursor:pointer}.hidden,.patient-view.hidden{display:none}#close-patient-view{border:none;border-radius:50%;cursor:pointer;right:6.5%;top:10%}#close-patient-view:hover,.arrow-button:hover{scale:1.05;cursor:pointer}.close-button{border:none;border-radius:50%;right:15.5%;top:13%}.close-button:hover{scale:1.15;cursor:pointer}.close-button i{pointer-events:none}.patient-info{text-align:center;width:33%;height:90%;left:4%;bottom:-2%;position:absolute}.patient-info .title{font-size:1.6rem;width:unset;color:#fff}.patient-info img{width:74%;height:67%;margin-bottom:20px;border-radius:11%;background-color:#fff;padding-right:0;object-fit:cover;object-position:-18px -23px;padding-top:5%;margin-left:4%;box-shadow:0 0 0 3px #539bc5}.arrow-button{background-color:#007bff;border:none;color:#fff;padding-block:0.6%;padding-inline:0.7%;border-radius:50%;cursor:pointer;position:absolute;right:6%;bottom:12%;box-shadow:0 0 0 3px #ffffffab}.arrow-button i{font-size:2vw}.section{flex:1;display:flex;flex-direction:row;gap:10px;overflow-y:auto;flex-wrap:wrap;align-content:flex-start;justify-content:space-evenly}.char,.main{flex-direction:column}.main{background-color:var(--foreground);width:95%;height:93%;margin-bottom:1.2%;border:1px solid var(--border);border-radius:3vh;display:flex;padding:0 10px 10px;gap:10px}.chars,.chars-container{width:100%;display:flex}.search-bar{display:flex;margin-inline:1.2%;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between}.search-bar>div:hover{cursor:pointer}.chars-container{height:100%;background-color:var(--background);overflow-y:scroll;box-shadow:0 0 0 1px var(--border);border-radius:3vh;padding:1px}.chars-container::-webkit-scrollbar{width:1vw}.chars-container::-webkit-scrollbar-track{background:var(--background)}.chars-container::-webkit-scrollbar-thumb{background-color:var(--foreground);border-radius:3vh;border:3px solid var(--background)}.chars{height:fit-content;padding:3px;gap:10px;margin-left:10px;flex-direction:row}.char{display:flex;align-items:center;color:#fff;font-size:.8rem;height:205px;width:162px;justify-content:flex-end;background-position-x:52%;background-position-y:27%;background-size:150%;border-radius:5%;margin-bottom:1.5%;pointer-events:auto}@keyframes cambiarColor{0%,100%{background-color:#fff4da}50%{background-color:#ffd000}}.audio-button{width:4.219%;height:8.545%;border-radius:60%;position:absolute;left:10%;bottom:24.7%;animation:1.5s infinite cambiarColor}.audio-button i{font-size:2.2vw;color:#6495ed;margin-right:13%;margin-bottom:4%;text-shadow:2px 2px 4px rgb(0 0 0 / 81%)}.audio-button:hover{cursor:pointer;scale:1.05}.audio-icon{position:absolute;bottom:3%;left:2%;width:40px;height:40px;background-image:url('../Img/kureha/audio.png');background-size:contain;z-index:2}.audio-icon:hover{transform:scale(1.3);pointer-events:auto;cursor:pointer}.cont{display:flex;flex-direction:column;align-items:center;background-position:center;justify-content:flex-end;margin-top:.5%;height:300px;width:240px;background-color:#f6fbf3;border-radius:12%;contain:content;box-shadow:0 0 0 4px #00000075}.cont img{width:220px;height:286px}.title{color:#000;font-size:.9rem;margin:0;width:120px;text-align:center;font-weight:700}.firma{position:fixed;color:#eb2929;bottom:0;width:4%;margin-inline:46%;text-align-last:center;font-size:.8rem;font-weight:bolder;cursor:pointer}.rot-bt{position:absolute;left:0;top:.3%;margin:1.2%;background-color:#03305e;height:40px;width:40px;display:flex;align-items:center;justify-content:center;filter:brightness(1.2);border:2px solid #5c7292;border-radius:100%;flex-direction:column;user-select:none;z-index:99}.rot-bt span{font-weight:200;font-style:normal;font-size:207%;opacity:90%}.rot-bt:hover{cursor:pointer;filter:brightness(2)}.bordeCont{border:1px solid #fff;border-radius:1vw;background-color:#0d66b9}.char p{background-color:#000000c7;width:100%;border-bottom-left-radius:8px;border-bottom-right-radius:8px;color:#fff}.barramedia{width:2.5%;background-color:#0000006e;scale:1.009}.titulosection{text-align:center;color:#fff;text-shadow:#000 .1em .1em .2em;width:75%}@media screen and (max-width:1366px){.audio-icon,.cont img{cursor:pointer;transition:transform .3s}.cont{height:27vh;width:13%;margin-top:1%}.cont img{width:250px;margin-bottom:-48.5%}.cont .title{width:100%;background-color:#00000096;color:#fff;font-size:1.2vw}.titulosection{text-align:center;color:#fff;text-shadow:#000 .1em .1em .2em;width:85%}.char{height:162px;width:121px}.audio-icon{position:absolute;top:2%;right:6%;width:33px;height:33px;background-image:url(../Img/kureha/audio.png);background-size:contain;z-index:2}.patient-info{text-align:center;width:32%;height:90%;left:0;bottom:-2%;position:absolute}.patient-info img{width:74%;height:67%;margin-bottom:20px;border-radius:11%;background-color:#fff;padding-right:0;object-fit:cover;object-position:-34px 1px;padding-top:5%;margin-left:4%;box-shadow:0 0 0 3px #539bc5}.ubicacion-container>img{width:320px;height:271px}.remedio-container{width:9vw}.pisos{right:4%;height:40%}#close-patient-view{right:3.5%;top:4%}#close-patient-view i{font-size:1.6vw}.arrow-button{right:7.5%;bottom:9%}.ingrediente-container{height:110px}.patient-details{width:55%;margin-left:15.7%}.audio-button{left:4.7%;bottom:26.4%}}@media (max-width:768px){.chars,.main{padding:unset}.total-content div div,.total-content>div{text-align:center;align-content:flex-start}.main{width:100%;height:95%;border:1px solid var(--border);border-radius:unset;display:flex;flex-direction:column;padding-top:unset;gap:10px;top:0;position:absolute}.rot-bt{z-index:7;left:0;top:0}.search-bar{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;height:40%;margin-top:10%}.cont{height:12vh;width:22%;margin-top:-6%}.chars{grid-template-columns:repeat(auto-fit,45px);margin-inline:5px;margin-top:-2%;flex-direction:column}.char{height:130px;width:88px}.cont img{width:126px;margin-bottom:-68.5%;cursor:pointer;transition:transform .3s}.barramedia{width:100%;display:list-item;background-color:#0000006e;scale:1.009;margin-bottom:-4%;margin-top:2%}.patient-details,.pisos{display:flex;position:absolute}.patient-info{text-align:center;width:58%;height:35%;left:-2%;top:8%;position:absolute}#close-patient-view{background-color:#ff7676;border:none;color:#fff;padding-block:2.6%;padding-inline:3.6%;border-radius:50%;cursor:pointer;position:absolute;right:2.5%;top:1.4%;box-shadow:0 0 0 3px #ffa9a9}.patient-view{overflow:auto;background:rgb(67 67 67)}.image-container{cursor:auto}.patient-details{width:100%;height:auto;top:51vh;text-align:-webkit-center;flex-direction:row;margin-left:0;margin-bottom:0;justify-content:space-around}.patient-details .ingredientes{max-width:87%;max-height:29%}.ingredientes img,.remedio-container img{margin-block:-3%}.ubicacion-container{margin-inline-end:0}.remedio-container{width:63%;margin-bottom:6%}.arrow-button{background-color:#007bff;border:none;color:#fff;padding-block:2.6%;padding-inline:2.7%;border-radius:50%;cursor:pointer;position:absolute;right:4%;bottom:52.5%;box-shadow:0 0 0 3px #ffffffab}.arrow-button i{font-size:5vw}.pisos{right:4.5%;top:9%;flex-direction:column;justify-content:space-between;height:31%}#close-patient-view i,.close-button i{font-size:4.8vw}.thumbnail-image{width:119px;transition:transform .3s;cursor:pointer}.enlarge{width:102%}.patient-info img{width:73%;height:67%;margin-bottom:20px;border-radius:11%;background-color:#fff;padding-right:0;object-fit:cover;object-position:-10px -7px}.patient-number{font-size:1.4em}.titulosection{width:90%}.cont .title{width:100%;background-color:#00000096;color:#fff;font-size:2.5vw}.audio-button{width:10.024vw;height:9.23vw;left:7.2vw;top:-45vw}.audio-button i{font-size:5.2vw}.chars-container{padding:unset;border-radius:2vh}.chars-container::-webkit-scrollbar{width:inherit}.ubicacion-container>img{width:100%;height:auto}.ubicacion-container>h3{height:6%;margin-top:-8%;margin-bottom:4%;display:grid;place-content:center}#total-container{width:98vw;height:100%;display:flex;position:absolute;place-content:center;flex-wrap:wrap;flex-direction:row;overflow-y:auto}.total-content div div p{margin-block:0}.total-content div div{display:flex;flex-direction:column;flex-wrap:nowrap;width:23%;align-items:center;margin-inline:1%;background-color:unset;min-width:5vw}.total-content>div{display:flex;flex-direction:row;flex-wrap:wrap;background-color:#008b8b8c;justify-content:center;margin-inline:unset;margin-block:4%;width:80%;padding:1%;border-radius:15px;box-shadow:0 0 0 2px #ffffffab}.close-button{background-color:#ff7676;border:none;color:#fff;padding-block:2.6%;padding-inline:3.6%;border-radius:50%;cursor:pointer;position:absolute;right:2.5%;top:1.4%;box-shadow:0 0 0 3px #ffa9a9;z-index:9999}}@media only screen and (min-width:1280px) and (max-width:1280px) and (min-height:1024px) and (max-height:1024px){.audio-button{left:4.9%;bottom:39.3%;width:4.4%;height:6%}#close-patient-view i{font-size:2.6vw}#close-patient-view{padding-block:0.6%;padding-inline:1.1%}.arrow-button i{font-size:3vw}.arrow-button{right:6.5%;bottom:7%;padding-block:0.7%;padding-inline:0.8%}.char{height:153px;width:113px}.titulosection{text-align:center;color:#fff;text-shadow:#000 .1em .1em .2em;width:93%}.cont{height:24vh;width:13%;margin-top:1%}.cont img{width:300px;height:324px;margin-bottom:-50.5%;cursor:pointer;transition:transform .3s}.patient-info{text-align:center;width:32%;height:90%;left:0;bottom:-7%;position:absolute}.patient-info img{width:74%;height:47%;margin-bottom:20px;border-radius:11%;background-color:#fff;padding-right:0;object-fit:cover;object-position:-26px 1px;padding-top:5%;margin-left:4%;box-shadow:0 0 0 3px #539bc5}.patient-details{margin-top:9.5%}}@media (min-width:2560px){.firma,.title{font-family:Roboto,sans-serif}.rot-bt span{font-size:2.5vw}.rot-bt{height:110px;width:110px}.char,.cont{height:400px}.firma{position:fixed;color:#eb2929;bottom:0;width:5%;left:47%;text-align-last:center;font-size:.9vw;font-weight:900;cursor:pointer;margin-inline:unset}.cont{display:flex;flex-direction:column;align-items:center;background-repeat:no-repeat;background-position:center;justify-content:flex-end;user-select:none;margin-top:.5%;margin-bottom:.5%;width:300px;background-color:#f6fbf3;border-radius:12%;contain:content;box-shadow:0 0 0 4px #00000075}.titulosection{text-align:center;color:#fff;text-shadow:#000 .1em .1em .2em;width:100%;font-size:1.8vw}.search-bar{display:flex;margin-inline:8.2%;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between}.char{font-size:.8rem;width:320px;background-position-x:52%;background-position-y:27%;background-size:150%;border-radius:5%;margin-bottom:1.5%}.char p{font-size:.8vw}.audio-icon{position:absolute;bottom:3%;left:2%;width:80px;height:80px;background-image:url(../Img/kureha/audio.png);background-size:contain;cursor:pointer;z-index:2;transition:transform .3s}#start-tutorial{display:none}.title{color:#000;font-size:.9vw;margin:0;width:300px;text-align:center;font-weight:700}.cont img{width:312px;height:410px;transform:translate(-10px,40px)}.ubicacion-container>img{width:800px;height:700px}.thumbnail-image{width:300px;transition:transform .3s}.image-container h3{margin-block:9%;font-size:1vw}.patient-details h3{font-size:1vw}.ingrediente-container p,.remedio-container p{margin-block:0%;margin-bottom:6%;font-size:.8vw}.ingrediente-container img{width:3.5vw}.patient-details .ingredientes{max-width:1000px;border-radius:1vh;margin-top:2%;padding-bottom:3vw;padding-inline:1vw}.patient-info img{width:74%;height:67%;margin-bottom:20px;border-radius:11%;background-color:#fff;padding-right:0;object-fit:cover;object-position:-76px -23px;padding-top:5%;margin-left:4%;box-shadow:0 0 0 3px #539bc5}#total-button{background-color:#ff7600;border:none;color:#fff;padding-block:0.4%;padding-inline:0.6%;border-radius:30px;font-size:1.1vw;cursor:pointer;position:absolute;top:3.3%;box-shadow:0 0 0 2px #ffffffab}#total-container{width:50vw;height:22%;display:flex;position:absolute;place-content:center;flex-wrap:wrap;scale:2.1}.close-button{background-color:#ff7676;border:none;color:#fff;padding-block:0.5%;padding-inline:0.7%;border-radius:50%;position:absolute;right:4.5%;top:13%;box-shadow:0 0 0 3px #ffa9a9}.total-content div div{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:flex-start;width:14%;align-items:center;text-align:center;margin-inline:1%;background-color:unset;min-width:2vw}.patient-number{margin-block-start:-4%;margin-block-end:5%;font-size:1.6vw}.patient-info .title{font-size:1.1vw;width:unset;color:#fff}}