@import "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 "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";:root{--background:#03305e;--border:#5c7292;--foreground:#0a4d8b;--k-bg-deep:#021a33;--k-bg:#03305e;--k-surface:#0a4d8b;--k-surface-dark:#07396a;--k-border:#5c7292;--k-gold:#f2b84b;--k-gold-soft:#ffe2a0;--k-text:#f4f7fb;--k-muted:#b9c8dc;--k-ok:#4fd1a5;--k-danger:#ee6b6b}html,body{width:100svw;height:100svh;color:var(--k-text);background:var(--k-bg-deep);-webkit-tap-highlight-color:transparent;margin:0;font-family:Roboto,system-ui,sans-serif}#total-container{flex-wrap:wrap;place-content:center;width:64vw;height:80%;display:flex;position:absolute}.shepherd-modal-overlay-container{opacity:.8!important}.shepherd-element{opacity:.9!important}.shepherd-text{color:#1d2733;max-height:30vh;line-height:1.3em;font-family:Roboto,system-ui,sans-serif!important;font-size:1.2rem!important;overflow:hidden!important}#start-tutorial{z-index:99;white-space:nowrap;cursor:pointer;background-color:#82ffa2d4;background:linear-gradient(180deg, #7ff0c3, var(--k-ok));color:#04301f;border-color:#1d8f6c;border-radius:2vw;width:auto;height:auto;padding:8px 16px;font-size:.9rem;position:absolute;bottom:0%;right:0%}.background{background-color:var(--background);background:radial-gradient(1000px 520px at 50% -8%,#1262ad80,#0000 70%),linear-gradient(#03305e 0%,#03213f 62%,#021529 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.patient-number{letter-spacing:.04em;color:var(--k-gold);text-shadow:0 2px #0000008c;margin-block:-4% 5%;font-family:Pirata One,Roboto,serif;font-weight:400}.patient-details{width:51%;height:84%;text-align:-webkit-center;justify-content:space-around;margin-left:22%;display:flex}.ingredientes-titulo{flex-basis:100%;margin-top:2%;margin-bottom:1%}.custom-width{width:242px!important;max-width:100%!important}.patient-details .ingredientes{background-color:var(--foreground);border:1px solid var(--k-border);background:linear-gradient(#07396af2,#03284ef2);border-radius:14px;flex-flow:wrap;justify-content:space-evenly;max-width:557px;margin-top:2%;padding:6px 8px 10px;display:flex;box-shadow:0 8px 20px #00000059}.ingrediente-container{text-align:center;flex:1 0 64px;width:92px;height:118px}.total-content h3{letter-spacing:.03em;color:var(--k-gold);flex-basis:100%;font-family:Pirata One,Roboto,serif;font-weight:400}.total-content div div{text-align:center;background-color:unset;flex-flow:column;align-content:flex-start;align-items:center;width:14%;min-width:5vw;margin-inline:1%;display:flex}.total-content>div{text-align:center;border:1px solid var(--k-border);background:linear-gradient(#07396af2,#03284ef2);border-radius:24px;flex-flow:wrap;place-content:flex-start center;width:38%;margin-inline:2%;padding:1%;display:flex;box-shadow:0 14px 34px #0000008c}#total-button{color:#fff;cursor:pointer;background-color:#ff7600;border:none;border-radius:999px;padding-block:8px;padding-inline:18px;font-size:18px;position:absolute;top:3.3%;box-shadow:0 0 0 2px #ffffffab}.ingrediente-container p{margin-block:0%;margin-bottom:6%}.remedio-container{background-color:var(--foreground);border:1px solid var(--k-gold);background:linear-gradient(#f2b84b38,#f2b84b14);border-radius:14px;width:7vw;margin-top:6%;box-shadow:0 8px 20px #00000059}.remedio-container h3{color:var(--k-gold);margin-top:2%;margin-bottom:2%}.remedio-container p{margin-block:0%;margin-bottom:6%}.ubicacion-container{margin-inline-end:10%}.ubicacion-container>img{border:2px solid var(--k-border);object-fit:cover;border-radius:12px;width:400px;height:350px;box-shadow:0 10px 24px #00000080}.image-container{cursor:pointer;box-shadow:0 0 0 1px var(--k-border), 0 8px 20px #0006;background:linear-gradient(#07396af2,#03284ef2);border-radius:14px;flex-direction:column;align-items:center;transition:box-shadow .18s,transform .18s;display:flex}.thumbnail-image:hover{cursor:pointer;transform:scale(1.05)}.thumbnail-image{border-radius:8px;width:130px;transition:transform .3s}.overlay{z-index:1000;backdrop-filter:blur(4px);background:#020f1ee0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.image-container h3{color:var(--k-gold-soft);margin-block:9%}.enlarge{width:65%;height:auto;transition:transform .3s}.pisos{flex-direction:column;justify-content:space-between;height:34%;display:flex;position:absolute;right:4.5%}.patient-view{color:#fff;z-index:1000;backdrop-filter:blur(6px);background:radial-gradient(900px 500px at 50% 0,#0a4d8b8c,#021529eb);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-in-out;display:flex;position:fixed;top:0;left:0}.patient-view.hidden,.hidden{display:none}#close-patient-view{color:#fff;cursor:pointer;background-color:#ff7676;border:none;border-radius:50%;padding-block:.5%;padding-inline:.7%;position:absolute;top:10%;right:6.5%;box-shadow:0 0 0 3px #ffa9a9}#close-patient-view:hover{cursor:pointer;scale:1.05}#close-patient-view i{font-size:1.4vw}.close-button{color:#fff;background-color:#ff7676;border:none;border-radius:50%;padding-block:.5%;padding-inline:.7%;position:absolute;top:13%;right:15.5%;box-shadow:0 0 0 3px #ffa9a9}.close-button:hover{cursor:pointer;scale:1.15}.close-button i{pointer-events:none;font-size:1.4vw}.patient-info{text-align:center;width:33%;height:90%;position:absolute;bottom:-2%;left:4%}.patient-info .title{width:unset;color:#fff;text-shadow:0 2px 4px #0009;font-size:1.6rem;font-weight:700}.patient-info img{object-fit:cover;object-position:-18px -23px;width:74%;height:67%;box-shadow:0 0 0 4px var(--k-gold), 0 14px 30px #0000008c;background-color:#fff;border-radius:11%;margin-bottom:20px;margin-left:4%;padding-top:5%;padding-right:0%}.arrow-button{color:#fff;cursor:pointer;background:linear-gradient(#2d93ff,#0a63d1);border:none;border-radius:50%;padding-block:.6%;padding-inline:.7%;transition:transform .15s,filter .15s;position:absolute;bottom:12%;right:6%;box-shadow:0 0 0 3px #fff6,0 8px 18px #00000073}.arrow-button:hover{cursor:pointer;filter:brightness(1.1);scale:1.05}.arrow-button i{font-size:2vw}.section{flex-flow:wrap;flex:1;place-content:flex-start space-evenly;gap:10px;display:flex;overflow-y:auto}.main{background-color:var(--foreground);border:1px solid var(--k-border);padding:10px;background:linear-gradient(#0a4d8beb,#07396aeb);border-radius:3vh;flex-direction:column;gap:10px;width:95%;height:93%;margin-bottom:1.2%;padding-top:0;display:flex;box-shadow:0 24px 60px #0000008c,inset 0 1px #ffffff14}.search-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-inline:1.2%;display:flex}.search-bar>div:hover{cursor:pointer}.chars-container{background-color:var(--background);width:100%;height:100%;box-shadow:0 0 0 1px var(--k-border), inset 0 0 24px #00000059;scrollbar-color:var(--k-surface) transparent;background:#0215299e;border-radius:16px;padding:1px;display:flex;overflow-y:scroll}.chars-container::-webkit-scrollbar{width:1vw}.chars-container::-webkit-scrollbar-track{background:0 0}.chars-container::-webkit-scrollbar-thumb{background-color:var(--k-surface);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.chars{flex-direction:row;gap:10px;width:100%;height:fit-content;margin-left:10px;padding:3px;display:flex}.char{color:#fff;user-select:none;cursor:pointer;pointer-events:auto;background-position:52% 27%;background-repeat:no-repeat;background-size:150%;border-radius:10px;flex-direction:column;justify-content:flex-end;align-items:center;width:162px;height:205px;margin-bottom:1.5%;font-family:Roboto,sans-serif;font-size:.8rem;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 0 0 1px #ffffff1f,0 6px 14px #00000059}@keyframes cambiarColor{0%{background-color:#fff4da}50%{background-color:#ffd000}to{background-color:#fff4da}}.char:hover{cursor:pointer;box-shadow:0 0 0 2px var(--k-gold), 0 12px 22px #00000080;transform:translateY(-4px)scale(1.03)}.audio-button{border-radius:60%;width:4.219%;height:8.545%;animation:1.5s infinite cambiarColor;position:absolute;bottom:24.7%;left:10%;box-shadow:0 6px 14px #00000073}.audio-button i{color:#6495ed;text-shadow:2px 2px 4px #000000cf;margin-bottom:4%;margin-right:13%;font-size:2.2vw}.audio-button:hover{cursor:pointer;scale:1.05}.audio-icon{cursor:pointer;z-index:2;filter:drop-shadow(0 2px 3px #0009);background-image:url(../Img/kureha/audio.png);background-size:contain;width:40px;height:40px;transition:transform .3s;position:absolute;bottom:3%;left:2%}.audio-icon:hover{pointer-events:auto;cursor:pointer;transform:scale(1.3)}.cont{user-select:none;contain:content;box-sizing:border-box;cursor:pointer;background:linear-gradient(#021a338c,#021a33cc);border:2px dashed #b9c8dc66;border-radius:12%;flex-direction:column;justify-content:flex-end;align-items:center;width:240px;height:300px;margin-top:.5%;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:inset 0 0 18px #00000059}.cont img{width:220px;height:286px}.title{color:#000;text-align:center;width:120px;margin:0;font-family:Roboto,sans-serif;font-size:.9rem;font-weight:700}.firma{color:var(--k-muted);text-align-last:center;cursor:pointer;opacity:.75;width:4%;margin-inline:46%;font-family:Roboto,sans-serif;font-size:.8rem;font-weight:500;transition:opacity .15s,color .15s;position:fixed;bottom:0}.rot-bt{filter:none;border:1px solid var(--k-border);user-select:none;z-index:99;width:40px;height:40px;color:var(--k-text);background-color:#03305e;background:var(--k-surface);border-radius:100%;flex-direction:column;justify-content:center;align-items:center;margin:1.2%;transition:background .15s,border-color .15s,transform .15s;display:flex;position:absolute;top:.3%;left:0;box-shadow:0 4px 12px #00000059}.rot-bt span{opacity:.9;font-size:207%;font-style:normal;font-weight:200}.rot-bt:hover{cursor:pointer;filter:none;border-color:var(--k-gold);background:#1262ad;transform:translateY(-1px)}.bordeCont{background-color:var(--k-surface);border:1px solid #fff;border-color:var(--k-gold);border-radius:1vw}.char p{color:#fff;box-sizing:border-box;text-shadow:0 1px 2px #000;background:linear-gradient(#0215298c,#021529eb);border-radius:0 0 10px 10px;width:100%;margin:0;padding:5px 4px;font-weight:700}.barramedia{background:linear-gradient(#0000,#5c72928c 15% 85%,#0000);width:2.5%;scale:1.009}.titulosection{text-align:center;color:var(--k-gold);text-shadow:0 2px #0000008c;letter-spacing:.03em;width:75%;font-family:Pirata One,Roboto,serif;font-weight:400;line-height:1.1}@media screen and (width<=1366px){.cont{width:13%;height:27vh;margin-top:1%}.cont img{cursor:pointer;width:250px;margin-bottom:-48.5%;transition:transform .3s}.cont .title{color:#fff;background-color:#00000096;width:100%;font-size:1.2vw}.titulosection{text-align:center;color:#fff;text-shadow:.1em .1em .2em #000;width:85%}.char{width:121px;height:162px}.audio-icon{cursor:pointer;z-index:2;background-image:url(../Img/kureha/audio.png);background-size:contain;width:33px;height:33px;transition:transform .3s;position:absolute;top:2%;right:6%}.patient-info{text-align:center;width:32%;height:90%;position:absolute;bottom:-2%;left:0%}.patient-info img{object-fit:cover;object-position:-34px 1px;background-color:#fff;border-radius:11%;width:74%;height:67%;margin-bottom:20px;margin-left:4%;padding-top:5%;padding-right:0%;box-shadow:0 0 0 3px #539bc5}.ubicacion-container>img{width:320px;height:271px}.remedio-container{width:9vw}.pisos{height:40%;right:4%}#close-patient-view{top:4%;right:3.5%}#close-patient-view i{font-size:1.6vw}.arrow-button{bottom:9%;right:7.5%}.ingrediente-container{height:110px}.patient-details{width:55%;margin-left:15.7%}.audio-button{bottom:26.4%;left:4.7%}}@media (width<=768px){.main{border:1px solid var(--border);border-radius:unset;width:100%;height:95%;padding:unset;padding-top:unset;flex-direction:column;gap:10px;display:flex;position:absolute;top:0}.rot-bt{z-index:7;top:0%;left:0%}.search-bar{flex-flow:wrap;justify-content:center;height:40%;margin-top:10%;display:flex}.cont{width:22%;height:12vh;margin-top:-6%}.chars{padding:unset;margin-inline:5px;flex-direction:column;grid-template-columns:repeat(auto-fit,45px);margin-top:-2%}.char{width:88px;height:130px}.cont img{cursor:pointer;width:126px;margin-bottom:-68.5%;transition:transform .3s}.barramedia{background-color:#0000006e;width:100%;margin-top:2%;margin-bottom:-4%;display:list-item;scale:1.009}.patient-info{text-align:center;width:58%;height:35%;position:absolute;top:8%;left:-2%}#close-patient-view{color:#fff;cursor:pointer;background-color:#ff7676;border:none;border-radius:50%;padding-block:2.6%;padding-inline:3.6%;position:absolute;top:1.4%;right:2.5%;box-shadow:0 0 0 3px #ffa9a9}.patient-view{background:#434343;overflow:auto}.image-container{cursor:auto}.patient-details{width:100%;height:auto;text-align:-webkit-center;flex-direction:row;justify-content:space-around;margin-bottom:0%;margin-left:0%;display:flex;position:absolute;top:51vh}.patient-details .ingredientes{max-width:87%;max-height:29%}.remedio-container img,.ingredientes img{margin-block:-3%}.ubicacion-container{margin-inline-end:0}.remedio-container{width:63%;margin-bottom:6%}.arrow-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:50%;padding-block:2.6%;padding-inline:2.7%;position:absolute;bottom:52.5%;right:4%;box-shadow:0 0 0 3px #ffffffab}.arrow-button i{font-size:5vw}.pisos{flex-direction:column;justify-content:space-between;height:31%;display:flex;position:absolute;top:9%;right:4.5%}#close-patient-view i{font-size:4.8vw}.thumbnail-image{cursor:pointer;width:119px;transition:transform .3s}.enlarge{width:102%}.patient-info img{object-fit:cover;object-position:-10px -7px;background-color:#fff;border-radius:11%;width:73%;height:67%;margin-bottom:20px;padding-right:0%}.patient-number{font-size:1.4em}.titulosection{width:90%}.cont .title{color:#fff;background-color:#00000096;width:100%;font-size:2.5vw}.audio-button{width:10.024vw;height:9.23vw;top:-45vw;left:7.2vw}.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{place-content:center;height:6%;margin-top:-8%;margin-bottom:4%;display:grid}#total-container{flex-flow:wrap;place-content:center;width:98vw;height:100%;display:flex;position:absolute;overflow-y:auto}.total-content div div p{margin-block:0}.total-content div div{text-align:center;background-color:unset;flex-flow:column;align-content:flex-start;align-items:center;width:23%;min-width:5vw;margin-inline:1%;display:flex}.close-button i{font-size:4.8vw}.total-content>div{text-align:center;margin-inline:unset;background-color:#008b8b8c;border-radius:15px;flex-flow:wrap;place-content:flex-start center;width:80%;margin-block:4%;padding:1%;display:flex;box-shadow:0 0 0 2px #ffffffab}.close-button{color:#fff;cursor:pointer;z-index:9999;background-color:#ff7676;border:none;border-radius:50%;padding-block:2.6%;padding-inline:3.6%;position:absolute;top:1.4%;right:2.5%;box-shadow:0 0 0 3px #ffa9a9}}@media only screen and (width>=1280px) and (width<=1280px) and (height>=1024px) and (height<=1024px){.audio-button{width:4.4%;height:6%;bottom:39.3%;left:4.9%}#close-patient-view i{font-size:2.6vw}#close-patient-view{padding-block:.6%;padding-inline:1.1%}.arrow-button i{font-size:3vw}.arrow-button{padding-block:.7%;padding-inline:.8%;bottom:7%;right:6.5%}.char{width:113px;height:153px}.titulosection{text-align:center;color:#fff;text-shadow:.1em .1em .2em #000;width:93%}.cont{width:13%;height:24vh;margin-top:1%}.cont img{cursor:pointer;width:300px;height:324px;margin-bottom:-50.5%;transition:transform .3s}.patient-info{text-align:center;width:32%;height:90%;position:absolute;bottom:-7%;left:0%}.patient-info img{object-fit:cover;object-position:-26px 1px;background-color:#fff;border-radius:11%;width:74%;height:47%;margin-bottom:20px;margin-left:4%;padding-top:5%;padding-right:0%;box-shadow:0 0 0 3px #539bc5}.patient-details{margin-top:9.5%}}@media (width>=2560px){.rot-bt span{font-size:2.5vw}.rot-bt{width:110px;height:110px}.firma{color:#eb2929;text-align-last:center;cursor:pointer;width:5%;margin-inline:unset;font-family:Roboto,sans-serif;font-size:.9vw;font-weight:900;position:fixed;bottom:0;left:47%}.cont{user-select:none;contain:content;background-color:#f6fbf3;background-position:50%;background-repeat:no-repeat;border-radius:12%;flex-direction:column;justify-content:flex-end;align-items:center;width:300px;height:400px;margin-top:.5%;margin-bottom:.5%;display:flex;box-shadow:0 0 0 4px #00000075}.titulosection{text-align:center;color:#fff;text-shadow:.1em .1em .2em #000;width:100%;font-size:1.8vw}.search-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-inline:8.2%;display:flex}.char{background-position:52% 27%;background-size:150%;border-radius:5%;width:320px;height:400px;margin-bottom:1.5%;font-size:.8rem}.char p{font-size:.8vw}.audio-icon{cursor:pointer;z-index:2;background-image:url(../Img/kureha/audio.png);background-size:contain;width:80px;height:80px;transition:transform .3s;position:absolute;bottom:3%;left:2%}#start-tutorial{display:none}.title{color:#000;text-align:center;width:300px;margin:0;font-family:Roboto,sans-serif;font-size:.9vw;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{margin-block:0%;margin-bottom:6%;font-size:.8vw}.ingrediente-container img{width:3.5vw}.patient-details .ingredientes{padding-bottom:3vw;border-radius:1vh;max-width:1000px;margin-top:2%;padding-inline:1vw}.remedio-container p{margin-block:0%;margin-bottom:6%;font-size:.8vw}.patient-info img{object-fit:cover;object-position:-76px -23px;background-color:#fff;border-radius:11%;width:74%;height:67%;margin-bottom:20px;margin-left:4%;padding-top:5%;padding-right:0%;box-shadow:0 0 0 3px #539bc5}#total-button{color:#fff;cursor:pointer;background-color:#ff7600;border:none;border-radius:30px;padding-block:.4%;padding-inline:.6%;font-size:1.1vw;position:absolute;top:3.3%;box-shadow:0 0 0 2px #ffffffab}#total-container{flex-wrap:wrap;place-content:center;width:50vw;height:22%;display:flex;position:absolute;scale:2.1}.close-button{color:#fff;background-color:#ff7676;border:none;border-radius:50%;padding-block:.5%;padding-inline:.7%;position:absolute;top:13%;right:4.5%;box-shadow:0 0 0 3px #ffa9a9}.total-content div div{text-align:center;background-color:unset;flex-flow:column;align-content:flex-start;align-items:center;width:14%;min-width:2vw;margin-inline:1%;display:flex}.patient-number{margin-block:-4% 5%;font-size:1.6vw}.patient-info .title{width:unset;color:#fff;font-size:1.1vw}}h1,h2,h3,p,button{font-family:inherit}.cont:hover{border-color:var(--k-gold);transform:translateY(-3px)}.cont:has(img){border:2px solid var(--k-gold);background:linear-gradient(#fbf6e6,#efe4c4);box-shadow:0 8px 18px #0006}.cont .title{box-sizing:border-box;width:100%;color:var(--k-text);text-shadow:0 1px 2px #0009;background:#021529c7;padding:4px 6px;font-weight:700}.cont:not(:has(img)) .title{color:var(--k-muted);background:0 0;padding-bottom:12px;font-weight:500}.patient-details h3,.ubicacion-container>h3{letter-spacing:.02em;color:var(--k-gold-soft);font-weight:700}.ingrediente-container img,.remedio-container img,.total-content img{filter:drop-shadow(0 2px 3px #00000080)}.ingrediente-container p,.remedio-container p{color:var(--k-text);line-height:1.25}.image-container:hover{box-shadow:0 0 0 2px var(--k-gold), 0 10px 22px #00000080;transform:translateY(-2px)}#total-button,#start-tutorial{letter-spacing:.02em;color:#2a1d00;background:linear-gradient(180deg, #ffd27a, var(--k-gold));border:1px solid #b98320;font-family:Roboto,sans-serif;font-weight:700;transition:transform .15s,filter .15s;box-shadow:0 6px 16px #0006}#total-button:hover,#start-tutorial:hover{filter:brightness(1.07);transform:translateY(-1px)}#close-patient-view,.close-button{background:var(--k-danger);color:#fff;transition:transform .15s,filter .15s;box-shadow:0 0 0 3px #ffffff59,0 6px 14px #00000073}#close-patient-view:hover,.close-button:hover{filter:brightness(1.1)}.total-content div div p{color:var(--k-text)}.firma:hover{opacity:1;color:var(--k-gold-soft)}@media (width>=769px) and (width<=2559px){.titulosection{font-size:2rem}.patient-number{font-size:2.4rem}.patient-info .title{font-size:1.5rem}.patient-details h3,.ubicacion-container>h3{margin:0 0 8px;font-size:1.05rem}.ubicacion-container>h3{margin-top:30px}.ingrediente-container p,.remedio-container p{font-size:.9rem}.image-container h3{font-size:.95rem}.total-content h3{margin:6px 0 10px;font-size:1.6rem}}@media (width>=769px){.barramedia{width:2px;margin-inline:1%;scale:1}}.rot-bt:focus-visible,#total-button:focus-visible,#start-tutorial:focus-visible,#close-patient-view:focus-visible,.close-button:focus-visible,.arrow-button:focus-visible{outline:3px solid var(--k-gold);outline-offset:3px}@media (prefers-reduced-motion:reduce){.audio-button{animation:none}.cont,.char,.image-container{transition:none}}