:root{--text-dark:#382e30;--background-color-app:#f5f0ec;--box-shadow-color:rgba(47,79,79,0.61);--width-navbar:250px;--padding-navbar:8px;--bgcolor-navbar:#343434;--hovercolor-navbar:#171717;--width-collapsed-navbar:50px}*{text-align:center;font-family:"Haas Grot Text R Web","Helvetica Neue",Arial,Helvetica,sans-serif}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f0ec;background-color:var(--background-color-app)}.main-container{margin-left:50px;margin-left:var(--width-collapsed-navbar)}.main-container-expanded{margin-left:250px;margin-left:var(--width-navbar)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a{text-decoration:none}li{list-style:none}

/*! ******************************************************* */
/*! ******************************************************* */
/*! ************************* HOME ********************* */
/*! ******************************************************* */
/*! ******************************************************* */.home-container{width:100vw;height:100vh;margin:none;padding:none;display:flex;justify-content:center;align-items:center}.blob-1,.blob-2,.blob-3{width:250px;height:250px;box-shadow:0 0 10px rgba(0,0,0,.3);position:absolute;z-index:-99}.blob-1{top:5px;left:5px;border-radius:70% 30% 30% 70%/60% 40% 60% 40%}.blob-1,.blob-2{background-color:rgba(255,20,145,.623)}.blob-2{width:180px;height:180px;top:10px;right:5px;border-radius:55% 47% 40% 63%/57% 37% 60% 40%}.blob-3{width:170px;height:170px;bottom:10px;right:2%;background-color:rgba(255,20,145,.773);border-radius:79% 30% 30% 70%/60% 40% 60% 40%}.home-subcontainer{display:flex;align-items:center;background-color:hsla(0,0%,100%,.888);width:80%;height:80%;border-radius:40px}.home-subcontainer div{margin:1rem}.home-container img{max-width:500px}.home-info{font-size:13px;color:#2f4f4f}.info-container h2{font-size:30px;text-align:left}.info-container{max-width:370px}.btn-go-home{background-color:#fa3ca1;border-radius:25px;padding:7px 30px;transition-delay:.1s;font-size:15px}.btn-go-home:hover{background-color:#ca0f73}@media screen and (max-width:970px){.home-container,.home-subcontainer{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.home-subcontainer{flex-direction:column;margin:.5rem}}@media screen and (max-width:600px){.home-subcontainer{height:90%}.home-subcontainer img{width:90%}.home-subcontainer div{margin-bottom:2rem}.blob-1,.blob-2,.blob-3{display:none}}

/*! ******************************************************* */
/*! ******************************************************* */
/*! ************************* SUBMENU ********************* */
/*! ******************************************************* */
/*! ******************************************************* */.sidemenu{background-color:#343434;background-color:var(--bgcolor-navbar);color:#fff;position:fixed;height:100%;left:0;top:0;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.sidemenu::-webkit-scrollbar{width:0;height:0}.sidemenu a{color:#fff;text-decoration:none;text-align:left}.sidemenu .header{box-sizing:border-box;border-bottom:1px solid #171717;border-bottom:1px solid var(--hovercolor-navbar)}.sidemenu .header .title{box-sizing:border-box;overflow:hidden}.sidemenu .header .menu-btn,.sidemenu .header .title{display:inline-block;vertical-align:middle}.sidemenu .header .menu-btn{cursor:pointer;padding:12px;width:50px;width:var(--width-collapsed-navbar);box-sizing:border-box}@media screen and (max-width:600px){.sidemenu .header{display:none}}.sidemenu .header .menu-btn:hover{background-color:#171717;background-color:var(--hovercolor-navbar)}.sidemenu .header .menu-btn .btn-hamburger{background-color:#fff;width:100%;height:2px;margin:5px 0}.sidemenu .profile{border-bottom:1px solid #171717;border-bottom:1px solid var(--hovercolor-navbar);padding:8px 0;padding:var(--padding-navbar) 0;text-align:center}.sidemenu .profile .photo{box-sizing:border-box;padding:8px;padding:var(--padding-navbar);margin:0 auto}.sidemenu .profile .photo img{width:125px;border-radius:50%}.sidemenu .profile .name,.sidemenu .profile .photo{font-size:20px;padding:8px;padding:var(--padding-navbar);overflow:hidden}.sidemenu .menu-items{overflow:hidden}.sidemenu .menu-items .item{width:250px;width:var(--width-navbar)}.sidemenu .menu-items .item .icon,.sidemenu .menu-items .item .title{font-size:14px;vertical-align:middle;overflow:hidden;display:inline-block}.sidemenu .menu-items .item .icon{display:inline-block;font-size:23px}.sidemenu .menu-items .item a{display:block}.sidemenu .menu-items .item a:hover{background-color:#171717;background-color:var(--hovercolor-navbar)}.sidemenu .menu-items .item .icon{box-sizing:border-box;padding:8px;padding:var(--padding-navbar);width:50px;width:var(--width-collapsed-navbar)}.sidemenu .menu-items .item .icon img{width:20px}.sidemenu .menu-items .item .title{padding:8px 0;padding:var(--padding-navbar) 0}.category-icon{width:20px;height:20px;padding:0;border:1px solid #000}.sidemenu .menu-items .item.separator{height:1px;border-bottom:1px solid #171717;border-bottom:1px solid var(--hovercolor-navbar);margin:10px 0}.menu-expanded{width:250px;width:var(--width-navbar);box-shadow:0 0 10px rgba(0,0,0,.5)}.menu-expanded .header .title{display:inline-block;width:calc(100% - 50px);margin-right:-5px;padding:8px;padding:var(--padding-navbar)}.menu-expanded .header .title span{width:150px;margin:0;overflow:hidden;display:inline-block}.menu-expanded .profile .photo{width:200px}.menu-expanded .profile .name{width:100%}.menu-colapsed{width:50px;width:var(--width-collapsed-navbar)}.menu-colapsed .header .title{width:0;height:0;padding:0;margin:0}.menu-colapsed .profile .name{display:none}.menu-colapsed .profile .photo img{width:35px}.menu-colapsed .item{width:90px}

/*! ******************************************************* */
/*! ******************************************************* */
/*! ************************* BUTTON ********************* */
/*! ******************************************************* */
/*! ******************************************************* */button{display:inline-block;padding:8px;background-color:#343434;background-color:var(--bgcolor-navbar);color:#fff;border:2px solid transparent;border-radius:14px;margin:.75rem;cursor:pointer}

/*! ******************************************************* */
/*! ******************************************************* */
/*! ********************** NOTES CONTAINER **************** */
/*! ******************************************************* */
/*! ******************************************************* */.notes-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;margin:1rem}

/*! ******************************************************* */
/*! ******************************************************* */
/*! *************************** NOTE ********************** */
/*! ******************************************************* */
/*! ******************************************************* */.note-container{border:1px solid transparent;border-radius:18px;width:230px;height:250px;margin:1rem;padding:1rem;opacity:.95;background-color:#d8bfd8;display:flex;flex-direction:column}.note-container:hover{box-shadow:3px 2px 6px 0 rgba(47,79,79,.61);box-shadow:3px 2px 6px 0 var(--box-shadow-color);opacity:1}.note-container h3{margin:.5rem 0 0;color:#382e30;color:var(--text-dark)}.note-container .date{display:block;align-self:flex-end;font-size:15px;color:#382e30;color:var(--text-dark);height:25px;padding:1rem 1rem 0}.note-container p{height:120px;padding:.25rem;font-size:17px;text-align:justify;color:#382e30;color:var(--text-dark)}.note-container nav{display:flex;justify-content:space-evenly}.note-container .icon{font-size:20px;display:inline-block;margin:.5rem;cursor:pointer;color:#382e30;color:var(--text-dark);opacity:0}.note-container:hover .icon{opacity:1}

/*! ******************************************************* */
/*! ******************************************************* */
/*! *************************** NOTE DETAIL ********************** */
/*! ******************************************************* */
/*! ******************************************************* */.note-detail-container{width:70%;margin:1rem auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:50px 1fr 50px 30px 70px;grid-template-areas:"titulo titulo" "contenido contenido" ". fecha" "clasificacion clasificacion" "botones botones";grid-gap:2rem;gap:2rem;border:1px solid transparent;border-radius:20px;background-color:rgba(248,202,128,.8823529411764706);color:#382e30;color:var(--text-dark);padding:2rem}.note-detail-container .clasificacion .important,.note-detail-container .clasificacion .tag{font-size:16px;background-color:rgba(250,250,118,.897);color:rgba(226,167,72,.8823529411764706);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:15px;padding:6px;display:flex;align-items:center;margin:auto .6rem}.note-detail-container .clasificacion{grid-area:clasificacion;display:flex;justify-content:flex-start}.note-detail-container nav{display:flex;justify-content:space-evenly;grid-area:botones}.note-detail-container p{grid-area:contenido}.note-detail-container .fecha{grid-area:fecha;justify-self:self-end}.note-detail-container h2{grid-area:titulo}.note-detail-container nav div{cursor:pointer;display:flex;align-items:center;padding:5px}.note-detail-container nav div span{display:inline-block;padding-left:7px}

/*! ******************************************************* */
/*! ******************************************************* */
/*! ************************ FORMULARIOS ****************** */
/*! ******************************************************* */
/*! ******************************************************* */input,select{border:none;display:inline-block;margin:auto;height:25px;border-radius:10px}label{display:block;font-weight:700;padding:5px}.subtitle-form{color:#382e30;color:var(--text-dark);font-size:18px;padding-top:1rem}input[type=button],input[type=submit]{height:30px;padding:5px 10px;background-color:#343434;background-color:var(--bgcolor-navbar);color:#fff;border-radius:12px;cursor:pointer;margin:1rem}input[type=button],input[type=submit]{border:1px solid #382e30;border:1px solid var(--text-dark)}input[type=button]{background-color:#fff;color:#382e30;color:var(--text-dark)}input[type=color]{background-color:transparent;height:40px;width:90px}textarea{resize:none;border:none;border-radius:10px}input[type=text],input[type=url],textarea{width:90%}.help-container,.profile-container,form{background-color:#f5f5f5;width:400px;margin:2rem auto;padding:1.5rem;box-shadow:1px 5px 10px rgba(0,0,0,.5);border:none;border-radius:16px}@media screen and (max-width:770px){.help-container,.profile-container,form{width:80%}input[type=text],input[type=url],textarea{width:93%}}

/*! ******************************************************* */
/*! ******************************************************* */
/*! ************************ GENERALES ******************** */
/*! ******************************************************* */
/*! ******************************************************* */.subtitle{font-size:21px;color:#382e30;color:var(--text-dark)}.help-container{width:80%}.help-container p{text-align:justify;width:80%;margin:1rem auto}@media screen and (max-width:770px){.help-container p{width:95%}}.profile-photo img{width:200px;border-radius:50%}

/*! ******************************************************* */
/*! ******************************************************* */
/*! ************* MENU CONTEXTUAL DE CATEGORIAS *********** */
/*! ******************************************************* */
/*! ******************************************************* */.context-menu{position:fixed;text-align:center;background:#e6e1e1;border-radius:5px}.context-menu ul{padding:0;margin:0;min-width:90px;list-style:none}.context-menu ul li{padding-bottom:5px;padding-top:5px;color:#000}.context-menu ul li:hover{background:#a9a9a9}

/*! ******************************************************* */
/*! ******************************************************* */
/*! ***************** ERRORES DE FORMULARIO *************** */
/*! ******************************************************* */
/*! ******************************************************* */.error-form{font-size:14px;padding:4px;color:#d42929}.empty-category{margin:15%;padding:2%}.empty-notes{margin:5%;padding:1%}.radio{display:inline-flex;justify-items:center;align-items:center;padding-left:10px}input [type=radio]{accent-color:#343434;accent-color:var(--bgcolor-navbar)}
/*# sourceMappingURL=main.9fecfe64.chunk.css.map */