@import 'https://fonts.googleapis.com/css?family=Knewave:400|Baloo+Bhai:400';.text-orange{color:#e2462d}.bg-orange{background-color:#e2462d}.text-yellow{color:#fac720}.bg-yellow{background-color:#fac720}.text-blue{color:#4575c9}.bg-blue{background-color:#4575c9}.text-cyan{color:#3cf}.bg-cyan{background-color:#3cf}.text-fucsia{color:#f35ab4}.bg-fucsia{background-color:#f35ab4}.text-green{color:#09d2a6}.bg-green{background-color:#09d2a6}.main{background-size:cover;background-position:center;padding:8rem 4rem 4rem 4rem;position:relative}.main .main-wrapper{background-size:cover;background-position:center;min-height:620px;text-align:center;position:relative}.main .main-wrapper .logo{max-width:520px;margin:0 auto}.main .main-wrapper .logo img{width:100%}.main .main-wrapper .audiocuentos{max-width:320px;margin:1rem auto}.main .main-wrapper .menu{margin:1rem 0;padding:0}.main .main-wrapper .menu li{display:block;width:300px;margin:2rem auto}.main .main-wrapper .menu li .item{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.main .main-wrapper .menu li .item:focus,.main .main-wrapper .menu li .item:hover{text-decoration:none}.main .main-wrapper .menu li .item:focus .icon,.main .main-wrapper .menu li .item:hover .icon{-webkit-transform:scale3d(1.15,1.15,1);transform:scale3d(1.15,1.15,1)}.main .main-wrapper .menu li .item:focus .name-wrapper.blue:before,.main .main-wrapper .menu li .item:focus .name-wrapper.fucsia:before,.main .main-wrapper .menu li .item:focus .name-wrapper.green:before,.main .main-wrapper .menu li .item:focus .name-wrapper.yellow:before,.main .main-wrapper .menu li .item:hover .name-wrapper.blue:before,.main .main-wrapper .menu li .item:hover .name-wrapper.fucsia:before,.main .main-wrapper .menu li .item:hover .name-wrapper.green:before,.main .main-wrapper .menu li .item:hover .name-wrapper.yellow:before{opacity:1}.main .main-wrapper .menu li .item .icon{margin-right:1.5rem;-webkit-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out}.main .main-wrapper .menu li .item .name-wrapper{border-radius:2rem;padding:0.425rem 1.425rem;min-width:180px;text-align:left;-webkit-transition:all 600ms ease-out;-o-transition:all 600ms ease-out;transition:all 600ms ease-out;position:relative}.main .main-wrapper .menu li .item .name-wrapper:before{content:'';border-radius:2rem;position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;-webkit-transition:all 600ms ease-out;-o-transition:all 600ms ease-out;transition:all 600ms ease-out}.main .main-wrapper .menu li .item .name-wrapper .name{color:#fff;font-weight:600;text-transform:uppercase;position:relative}.main .main-wrapper .menu li .item .name-wrapper.yellow{background-image:-webkit-gradient(linear,left top,right top,from(#e2462d),to(#fac720));background-image:-o-linear-gradient(left,#e2462d,#fac720);background-image:linear-gradient(left,#e2462d,#fac720)}.main .main-wrapper .menu li .item .name-wrapper.yellow:before{background-image:-webkit-gradient(linear,left top,right top,from(#fac720),to(#e2462d));background-image:-o-linear-gradient(left,#fac720,#e2462d);background-image:linear-gradient(left,#fac720,#e2462d)}.main .main-wrapper .menu li .item .name-wrapper.fucsia{background-image:-webkit-gradient(linear,left top,right top,from(#d71085),to(#f35ab4));background-image:-o-linear-gradient(left,#d71085,#f35ab4);background-image:linear-gradient(left,#d71085,#f35ab4)}.main .main-wrapper .menu li .item .name-wrapper.fucsia:before{background-image:-webkit-gradient(linear,left top,right top,from(#f35ab4),to(#d71085));background-image:-o-linear-gradient(left,#f35ab4,#d71085);background-image:linear-gradient(left,#f35ab4,#d71085)}.main .main-wrapper .menu li .item .name-wrapper.green{background-image:-webkit-gradient(linear,left top,right top,from(#057059),to(#09d2a6));background-image:-o-linear-gradient(left,#057059,#09d2a6);background-image:linear-gradient(left,#057059,#09d2a6)}.main .main-wrapper .menu li .item .name-wrapper.green:before{background-image:-webkit-gradient(linear,left top,right top,from(#09d2a6),to(#057059));background-image:-o-linear-gradient(left,#09d2a6,#057059);background-image:linear-gradient(left,#09d2a6,#057059)}.main .main-wrapper .menu li .item .name-wrapper.blue{background-image:-webkit-gradient(linear,left top,right top,from(#264782),to(#4575c9));background-image:-o-linear-gradient(left,#264782,#4575c9);background-image:linear-gradient(left,#264782,#4575c9)}.main .main-wrapper .menu li .item .name-wrapper.blue:before{background-image:-webkit-gradient(linear,left top,right top,from(#4575c9),to(#264782));background-image:-o-linear-gradient(left,#4575c9,#264782);background-image:linear-gradient(left,#4575c9,#264782)}.main .main-wrapper .peque{position:absolute;top:40px;right:0;max-width:200px}.main .main-wrapper .peque img{width:100%}.main .main-wrapper .clasa{position:absolute;top:60px;left:16px;max-width:160px}.main .main-wrapper .clasa img{width:100%}.main .main-wrapper .img-1{position:absolute;top:220px;left:56px;max-width:160px}.main .main-wrapper .img-1 img{width:100%}.main .main-wrapper .img-2{position:absolute;top:420px;left:56px;max-width:160px}.main .main-wrapper .img-2 img{width:100%}.main .main-wrapper .img-3{position:absolute;top:220px;right:56px;max-width:160px}.main .main-wrapper .img-3 img{width:100%}.main .main-wrapper .img-4{position:absolute;top:420px;right:56px;max-width:160px}.main .main-wrapper .img-4 img{width:100%}@media screen and (max-width:991px){.main{padding:2rem 1rem 2rem 1rem}.main .main-wrapper{padding:2rem 0;border-radius:2rem}.main .main-wrapper .logo{margin:1rem auto}.main .main-wrapper .peque{position:relative;top:-2rem;right:auto;margin:0 auto}.main .main-wrapper .clasa{position:relative;top:-2rem;left:0;margin:0 auto}.main .main-wrapper .img-1,.main .main-wrapper .img-2,.main .main-wrapper .img-3,.main .main-wrapper .img-4{position:relative;left:0;right:auto;top:0;bottom:auto;margin:0 auto}}.main .pop-audio{background-color:rgba(69,117,201,0.95);height:100%;left:0;position:fixed;top:0;width:100%;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform 900ms cubic-bezier(0.23,1,0.32,1);transition:-webkit-transform 900ms cubic-bezier(0.23,1,0.32,1);-o-transition:transform 900ms cubic-bezier(0.23,1,0.32,1);transition:transform 900ms cubic-bezier(0.23,1,0.32,1);transition:transform 900ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 900ms cubic-bezier(0.23,1,0.32,1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:3;visibility:hidden}.main .pop-audio .pop-content{background-color:#fff;border-radius:1rem;-webkit-box-shadow:2px 2px 9px rgba(0,0,0,0.35);box-shadow:2px 2px 9px rgba(0,0,0,0.35);padding:6rem 3rem;position:relative;min-width:620px;text-align:center;-webkit-transition:-webkit-transform 1200ms cubic-bezier(0.23,1,0.32,1);transition:-webkit-transform 1200ms cubic-bezier(0.23,1,0.32,1);-o-transition:transform 1200ms cubic-bezier(0.23,1,0.32,1);transition:transform 1200ms cubic-bezier(0.23,1,0.32,1);transition:transform 1200ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 1200ms cubic-bezier(0.23,1,0.32,1)}.main .pop-audio .pop-content audio,.main .pop-audio .pop-content video{width:100%}.main .pop-audio .pop-content .title{font-family:'Baloo Bhai',sans-serif;margin:2rem 0;color:#4575c9}.main .pop-audio .pop-content .pop-close{position:absolute;cursor:pointer;top:-5rem;right:1rem;color:#fff;font-size:3rem;-webkit-transition:all 900ms cubic-bezier(0.23,1,0.32,1);-o-transition:all 900ms cubic-bezier(0.23,1,0.32,1);transition:all 900ms cubic-bezier(0.23,1,0.32,1)}.main .pop-audio .pop-content .pop-close:hover{color:#fac720;-webkit-transform:rotate3d(0,0,1,180deg);transform:rotate3d(0,0,1,180deg)}.main .pop-audio.active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);visibility:visible}.main .pop-audio.active .pop-content{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
/*# sourceMappingURL=styles.css.map */