@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1,h2,p{font-size:2em;margin:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:"Roboto",sans-serif}img{max-width:100%;max-height:100%}a{display:inline-block;color:inherit;cursor:pointer}a,a:active,a:link,a:visited,button{text-decoration:none}button{border:none;outline:none;background:none}.font-title{font-size:clamp(28px,3.5vw,45px)}.font-subtitle,.font-title{font-family:"Playfair Display",serif;font-weight:900}.font-subtitle{font-size:clamp(26px,2.6vw,3px)}.font-text{font-size:clamp(12px,1vw,14px)}.font-100,.font-text{font-weight:400;line-height:1.5em}.font-100{font-size:clamp(15px,1.4vw,25px)}.font-200{font-size:clamp(19px,2vw,30px);font-weight:900}.color-white{color:#fff}.color-purple{color:#7c5a9e}.color-d-purple{color:#552b7f}.color-s-d-purple{color:#29064c}.color-black{color:#464646}.article-text{line-height:29px;text-align:justify;margin-bottom:1em;white-space:pre-line}.container{width:90%;max-width:1100px;margin:0 auto}.flex-between{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.flex-alignCenter,.flex-center{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.flex-center{-webkit-justify-content:center;justify-content:center}.flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.flex-self-end{display:-webkit-flex;display:flex;justify-self:end}.btn{display:block;padding:.8em 4em;border-radius:5px;letter-spacing:2px;font-size:1.03rem;cursor:pointer}.btn-1{background:#7c5a9e;color:#fff;border:2px solid transparent;transition:all .3s ease}.btn-1:hover,.btn-2{background:#fff;color:#7c5a9e;border:2px solid #7c5a9e}.btn-2{transition:all .3s ease}.btn-2:hover{background:#7c5a9e;color:#fff}.btn-disable{pointer-events:none;opacity:.5;cursor:not-allowed}.form-1{width:100%}.form-1>*+*{margin:3rem auto 0}.form-1 .input-container,.form-1 .textarea-container{width:100%;height:40px;color:#7c5a9e}.form-1 .textarea-container{height:100px}.form-1 .input{height:100%;width:100%;background:transparent;padding:0 10px;font-size:1.05rem;color:#fff;border:none;border-radius:5px;outline:none;z-index:1}.form-1 .input:focus~.label,.form-1 .input:valid~.label{top:-35px;left:-2px;font-size:.9rem}.form-1 .input:focus~.form__line,.form-1 .input:valid~.form__line{height:100%}.form-1 .label{top:0;left:0;line-height:40px;font-size:1.1rem}.form-1 .form__line,.form-1 .label{display:block;transition:all .3s ease;pointer-events:none}.form-1 .form__line{bottom:0;width:100%;height:2px;border-radius:2px;background:#7c5a9e}.form-1 .textarea-container textarea{resize:none;padding:.5rem}.form-2>*+*{margin-top:1rem}.form-2 .input,.form-2 .textarea{border:none;width:100%}.form-2 .input:focus,.form-2 .textarea:focus{outline:none}.form-2 .textarea{height:255px;min-height:150px;border:none;text-align:justify;resize:none;background-attachment:scroll}.search{width:100%;background:#7c5a9e;font-size:.8rem;padding:.8em;color:#fff;border:none;border-radius:5px;outline:none;z-index:1}.search::-webkit-input-placeholder{color:hsla(0,0%,100%,.5)}.search:-ms-input-placeholder{color:hsla(0,0%,100%,.5)}.search::placeholder{color:hsla(0,0%,100%,.5)}.arrow{position:absolute;padding:.5rem;cursor:pointer;transition:all .3s ease;top:.5rem;z-index:100}.arrow:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);opacity:.9}.arrow-left{left:1.4rem}.arrow-right{right:1.4rem}.arrow-clicked{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.arrow-clicked:hover{-webkit-transform:translateY(-4px) rotate(180deg);transform:translateY(-4px) rotate(180deg)}.relative{position:relative}.absolute{position:absolute}.text-center{text-align:center}.margin-left-10{margin-left:1rem}.margin-left-5{margin-left:5px}.line{background:#bababa;height:1px;width:100%}.img{height:100%;object-fit:cover;border-radius:inherit}.img,.width-100{width:100%}.height-100{height:100vh}.desktop-d-none{display:none}@media screen and (min-width:768px){.responsive-d-none{display:none!important}.desktop-d-none{display:inline-block}}.spinner{width:36px;height:36px;border-radius:50%;border:4px solid rgba(0,0,0,.1);border-left-color:#7c5a9e;-webkit-animation:spin .85s linear infinite forwards;animation:spin .85s linear infinite forwards;margin:1rem auto}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.alert-error{font-size:clamp(12px,1vw,14px);color:#d64550;background:#ea9e8d;padding:.5rem 1rem;text-align:center}.nav__option{width:50%;padding:1.3em 0;color:#daacf9;cursor:pointer}.nav__option h2{transition:all .3s ease}.nav__option:hover h2{color:#7c5a9e}.nav__line{width:50%;height:2px;background:#552b7f;bottom:0;right:50%;transition:all .3s ease}.nav__line-right{right:0;transition:all .3s ease}.showcase__content{display:inline-block;margin:2rem 0 8rem}.showcase__title{padding:.7rem 0;display:inline-block}@media screen and (min-width:600px){.showcase{text-align:center;margin-left:-1em}}.draw1{width:35vw;min-width:8.125rem;max-width:11rem;position:absolute;top:0;right:-7em;z-index:-100}.draw2{right:-8.5rem}#hat2{-webkit-animation:animation-hat 1.5s infinite alternate;animation:animation-hat 1.5s infinite alternate;-webkit-transform:translateY(.3em);transform:translateY(.3em)}#flower{-webkit-animation:animation-flower 2s infinite alternate;animation:animation-flower 2s infinite alternate;-webkit-transform:rotate(3deg);transform:rotate(3deg);-webkit-transform-origin:80%;transform-origin:80%}#sun{-webkit-animation:animation-sun 2s infinite alternate;animation:animation-sun 2s infinite alternate}#circle3,#sun{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}#circle3{-webkit-animation:animation-circle3 2s infinite alternate;animation:animation-circle3 2s infinite alternate}@-webkit-keyframes animation-hat{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(.2em);transform:translateY(.2em)}}@keyframes animation-hat{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(.2em);transform:translateY(.2em)}}@-webkit-keyframes animation-flower{0%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}@keyframes animation-flower{0%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}@-webkit-keyframes animation-sun{0%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes animation-sun{0%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@-webkit-keyframes animation-circle3{0%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}@keyframes animation-circle3{0%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}.details{grid-template-columns:repeat(2,1fr);position:absolute;top:7rem;left:0;right:0;padding:0 .5rem}.detail{width:14vw;margin-bottom:2rem}.detail svg{width:100%}.detail-right{justify-self:end}@media screen and (min-width:768px){.desktop-d-none{display:grid}}.sidebar{position:fixed;top:0;bottom:0;left:-100%;background:#fff;padding:1rem 0;overflow-y:scroll;z-index:300;transition:all .3s ease}.sidebar .flex-alignCenter{grid-gap:0;gap:0}.show-sidebar{top:0;bottom:0;right:0;left:0}.sidebar__title{margin:0 auto 10px}.sidebar-selection{cursor:pointer;transition:all .3s ease;padding:.5em 0}.sidebar-selection+.sidebar-selection{margin-top:.3em}.sidebar-selection:hover{background:#e5e5e5;padding-left:.5em}.sidebar__circle{width:2.2em;height:2.2em;border-radius:100%;background:#e5e5e5}.sidebar__section{margin:.5rem 0}.sidebar__section h2{margin-bottom:.2rem}@media screen and (min-width:768px){.sidebar{width:27%}.sidebar__section{margin:0}.sidebar__section+.sidebar__section{margin:1.2rem 0}.sidebar__section h2{margin-bottom:.5rem}}.auth{height:100vh;background:#f7ecfe}.auth__form-container{max-width:500px;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:95%;padding:2rem .7rem;border-radius:10px;background:#fff}.cuentos-screen_cuentos-container{margin-top:1.5rem}.cuentos-screen_cuento{width:49%;background:#daacf9;padding:1.5rem 1rem;border-radius:10px;margin-bottom:1rem;transition:all .3s ease;cursor:pointer}.cuentos-screen_cuento:hover{opacity:.8}.cuentos-screen_title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (min-width:600px){.cuentos-screen_cuento{width:32%}}.single-cuento{overflow:hidden}.single-cuento .showcase__content{margin-bottom:2rem}.single-cuento__container{width:90%;max-width:600px;margin:0 auto}.my-masonry-grid{display:-webkit-flex;display:flex;margin-left:-.8rem;width:90%}.my-masonry-grid_column{padding-left:.8rem;background-clip:padding-box}.dibujos-item{position:relative;border-radius:10px;margin-bottom:.8rem;cursor:pointer}.dibujos-item img{vertical-align:bottom}.dibujos-item:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#000;border-radius:inherit;transition:all .3s ease;opacity:0}.dibujos__single-dibujo{position:fixed;background:rgba(0,0,0,.8);z-index:100;top:0;bottom:0;right:0;left:0}.dibujos__single-dibujo-img{max-height:100vh;margin-top:1rem}@media screen and (min-width:768px){.dibujos-item:hover:after{opacity:.4}}.edit{height:100vh}.edit__showsidebar{width:73%;margin-right:0;margin-left:auto}.edit__single-cuento{width:100%;padding:.6rem .2rem}.edit__nothing-container{background-color:#552b7f;height:100%}.edit__nav{background-color:#552b7f;color:#fff;padding:1rem 0;margin-bottom:2rem}.edit__nav-btn{padding:.2rem 1rem;border-radius:2px;border:1px solid transparent;cursor:pointer;transition:all .3s ease}.edit__nav-btn:hover{border:1px solid #7c5a9e;background:#fff;color:#7c5a9e}.edit__nav-btn-delete{background-color:red;color:#fff}.edit__nav-btn-delete:hover{border:1px solid red;background:#fff;color:red}.edit__nav-foto{position:relative;border-radius:5px;overflow:hidden;cursor:pointer;background:#7c5a9e}.edit__nav-foto i{padding:5px 20px;color:#fff;transition:all .3s ease}.edit__nav-foto p{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:400;color:#fff;z-index:-1}.edit__nav-foto:hover i{margin-left:-102%}.edit__nav-foto:hover p{z-index:1}.edit__img{max-height:25vh}.edit__dibujos{padding-top:3rem}.edit__dibujos .dibujos-item:after{opacity:.4}.edit__dibujos .dibujos-item:hover .edit__delete{color:red}.edit__dibujos .dibujos-item:hover:after{opacity:.2}.edit-dibujos__add{padding:5rem 0;border-radius:10px;margin-bottom:.8rem}.edit__delete{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#f99;z-index:200;transition:all .3s ease}
/*# sourceMappingURL=main.4cd68cd7.chunk.css.map */