@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--color1: #777777;--color2: #ffffff;--color3: #cccccc;--color4: #f2f2f2;--color5: #df920b;--fuente1: "monserrat", sans-serif;--fuente2: Arial, Helvetica, sans-serif}html{font-size:10px}html body{font-family:var(--fuente1);font-weight:400;line-height:2.25rem}#main-container{width:100%}a{text-decoration:none;color:var(--color1)}a:hover{color:var(--color5);transition:color .3s}.flex{display:-webkit-box;display:-ms-flexbox;display:-moz-box;display:-webkit-flex;display:flex}a img:hover{box-shadow:0 0 8px -1px var(--color5);transition:box-shadow .3s}header{width:100%;box-sizing:border-box}header div.header-container{background-color:var(--color2);margin:auto;width:100%;box-sizing:border-box;z-index:1000}header div.logo a{display:block;width:168px;margin:auto}@media only screen and (max-width:767px){header,div.header-container{height:10rem;margin:auto;z-index:1000}header div.header-container{position:fixed;top:0;padding:1.5rem;flex-direction:row;justify-content:space-between;align-items:center}header.fixed div.header-container{box-shadow:0 0 15px -1px #000}}@media only screen and (min-width:768px){header,div.header-container{height:210px}header div.header-container{text-align:center;flex-direction:column;align-items:center}header div.logo{margin-top:3.6rem}header div.logo a{width:280px}header.fixed div.header-container{position:fixed;top:0;flex-direction:row;align-items:center;padding:0 7.5%;height:100px;justify-content:center;box-shadow:0 0 15px -1px #000;transition:box-shadow .5s}header.fixed div.logo{margin:0}header.fixed div.logo a{width:168px;margin:0}}nav.main-menu{background-color:var(--color2);box-sizing:border-box;z-index:2000}nav.main-menu li{font-size:1.4rem;color:var(--color1)}nav.main-menu a{display:inline-block;box-sizing:border-box}nav.main-menu span.sub-menu-button{display:none}nav.main-menu ul.sub-menu{display:none}@media only screen and (max-width:767px){nav#main-menu{display:none}div#menu-button{float:right;width:6rem;height:6rem;padding:2rem 1rem;flex-direction:column;justify-content:space-between;box-sizing:border-box;cursor:pointer}div#menu-button span{width:4rem;height:3px;display:block;box-sizing:border-box;background:var(--color3)}nav.main-menu{position:fixed;width:100%;max-height:80vh;top:10rem;left:0;overflow:scroll;border-top:1px solid var(--color3);box-shadow:0 2px 2px -2px #000;padding-bottom:.8rem}nav.main-menu span.sub-menu-button{display:inline-block;float:right;font-weight:700;font-size:1.8rem;padding:0 1.5rem;cursor:pointer;color:var(--color5)}nav.main-menu ul{width:100%;padding:3rem;box-sizing:border-box;flex-direction:column}nav.main-menu ul li{padding:1rem 0;border-bottom:1px solid var(--color3)}nav.main-menu ul.sub-menu{padding:1.5rem .8rem}}@media only screen and (min-width:768px){div#menu-button{display:none}nav.main-menu{width:100%;max-width:1140px;display:block;margin-top:3.6rem;font-size:0}nav.main-menu ul.menu{width:100%}nav.main-menu ul.menu>li{display:block;margin:0 3%;font-size:1.6rem}nav.main-menu ul.menu{justify-content:center}nav.main-menu ul.menu li{position:relative;padding-bottom:.8rem}nav.main-menu ul.sub-menu{position:absolute;top:101%;left:-1.5rem;background-color:var(--color2);padding:.8rem 1.5rem;border-top:1px solid var(--color3);box-shadow:0 2px 2px -2px #000;overflow-y:auto}nav.main-menu ul.sub-menu li{white-space:pre;text-align:left}nav.main-menu ul.menu li:hover>ul.sub-menu{display:block}nav.main-menu ul.sub-menu li{display:block;padding:.6rem 1.5rem 0 0;border-bottom:1px solid var(--color3)}nav.fixed{margin:0}nav.fixed div.menu-container>ul>li{margin:0 0 0 4%}}section.tittle{box-sizing:border-box;align-items:center;position:relative;background-color:var(--color3)}section.tittle div.container{display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center}section.tittle div.container{padding:3rem 0}section.main-tittle div.container{padding:7rem 0}section.tittle h1{font-size:2.4rem;line-height:1.5em;font-weight:500;font-family:var(--fuente1);font-weight:700;color:var(--color2);text-shadow:0px 0px 1px #888;padding:0 .4rem;text-transform:uppercase;text-align:center;max-width:1140px}section.tittle span{background:var(--color2);height:2px;display:block;flex-grow:1}section.tittle div.filter{position:absolute;width:100%;height:100%;background-color:#aaa;opacity:.65}@media only screen and (min-width:640px){section.tittle h1{font-size:4.8rem;padding:0 .8rem}section.main-tittle div.container{padding:10rem 0}}section.grid{padding:0 3rem;box-sizing:border-box}section.grid div.container{margin:auto;max-width:1140px;flex-direction:column;padding:4rem 0 7rem;box-sizing:border-box}section.grid div.box{flex-direction:column}section.grid div.box{margin-top:3rem}section.grid div.box div.img{width:100%}section.grid div.img img{display:block;width:100%}section.grid div.img a{display:block;position:relative}section.grid div.text{margin-top:.8rem;padding-left:.4rem;box-sizing:border-box}section.grid h2{font-size:1.8rem;font-weight:700}section.grid div.text p{font-size:1.4rem;color:var(--color1)}section.grid div.text a{display:block;margin-top:.8rem;font-size:1.6rem;font-weight:700}@media only screen and (max-width:599px){section.profesores div.box{flex-direction:row;align-items:center}section.profesores div.box div.img{width:33%;min-width:33%;height:auto}section.profesores div.box div.text{margin-left:1.5rem}section.profesores img{display:block}}@media only screen and (min-width:480px){section.grid{padding:0 5rem}}@media only screen and (min-width:600px){section.grid div.container{padding:3rem 0 7rem;flex-direction:row;flex-wrap:wrap}section.grid div.box:nth-child(2n){padding-left:2.5rem}section.grid div.box:nth-child(odd){padding-right:2.5rem}section.grid div.box{margin-top:5rem;width:50%;box-sizing:border-box}section.grid div.text{margin-top:1.5rem}section.profesores div.text{margin-top:1.5rem}}@media only screen and (min-width:900px){section.grid div.container{padding-top:0}section.grid div.box{margin-top:7rem;width:33.33333%;box-sizing:border-box}section.grid div.box:nth-child(3n+1){padding-left:0;padding-right:4.66666rem}section.grid div.box:nth-child(3n+2){padding-left:2.33333rem;padding-right:2.33333rem}section.grid div.box:nth-child(3n+3){padding-left:4.66666rem;padding-right:0}}section.main{text-align:center}section.main div.wrap-container{width:100%;max-width:1140px;margin:auto;box-sizing:border-box}section.main div.video-box{position:relative;box-sizing:border-box;width:100%;background-color:#000}section.main div.video-box video{width:100%;display:block}section.main div.video-box span{position:absolute;width:2.8rem;height:2.8rem;bottom:1.6rem;right:1.6rem;background-image:url(/img/mute.svg);background-position:center;background-size:cover;z-index:99}section.main div.container{background-color:var(--color4);padding:0 3rem}section.main div.h1{max-width:1140px;margin:auto;padding:3rem 1.6rem;box-sizing:border-box;background-color:var(--color2)}section.main h1{font-size:1.8rem;line-height:3.2rem}section.main h1 span{display:inline-block}section.main p.main-description{margin:auto;max-width:480px;font-size:1.6rem;line-height:3.2rem;padding:1.5rem 1.5rem 5rem;box-sizing:border-box}@media only screen and (min-width:767px){section.main div.h1{padding:3rem 0}section.main h1{font-size:2.4rem}section.main p.main-description{font-size:1.8rem}}section.sections{padding:2rem 3rem 7rem;box-sizing:border-box}section.sections div.container{width:100%;max-width:1140px;margin:auto;flex-direction:column}section.sections div.box{margin-top:5rem}section.sections div.img a{display:block}section.sections img{display:block;width:100%}section.sections h2{margin-top:.8rem;font-size:1.6rem;font-weight:700;padding-left:.4rem}section.sections p{margin-top:.8rem;font-size:1.4rem;padding-left:.4rem}section.sections div.box>a{display:block;margin-top:1.4rem;font-size:1.6rem;font-weight:700;padding-left:.4rem}@media only screen and (min-width:540px){section.sections{padding:2rem 5rem 7rem}}@media only screen and (min-width:600px){section.sections div.container{flex-direction:row;flex-wrap:wrap}section.sections div.box{width:50%;box-sizing:border-box}section.sections div.box:nth-child(2n){padding-left:2.5rem}section.sections div.box:nth-child(odd){padding-right:2.5rem}}@media only screen and (min-width:900px){section.sections div.container{flex-wrap:nowrap}section.sections div.box{width:100%}section.sections div.box:nth-child(1){padding-left:0;padding-right:4.666666rem}section.sections div.box:nth-child(2){padding-left:2.333333rem;padding-right:2.333333rem}section.sections div.box:nth-child(3){padding-left:4.666666rem;padding-right:0}}section.el-estudio{padding:7rem 3rem;box-sizing:border-box}section.el-estudio div.container{flex-direction:column;margin:auto;max-width:1140px}section.el-estudio div.text h2{font-size:1.6rem;font-weight:700}section.el-estudio h3{margin-top:1.5rem;font-size:1.6rem;font-weight:700}section.el-estudio div.text p{margin-top:2.4rem;font-size:1.4rem;line-height:2.8rem}section.el-estudio div.videos,section.el-estudio div.fotos,section.el-estudio div.muestras{margin-top:3rem}section.el-estudio div.video-box{position:relative;width:100%;overflow:hidden;padding-bottom:56.25%}section.el-estudio div.video-box iframe{position:absolute;top:0;left:0;width:100%;height:100%}section.el-estudio div.img-box{width:100%;flex-wrap:wrap;box-sizing:border-box}section.el-estudio div.img-box a{display:block;margin-top:.8rem;width:50%;box-sizing:border-box}section.el-estudio div.img-box img{display:block;width:100%}section.el-estudio a:nth-child(2n){padding-left:.4rem;box-sizing:border-box}section.el-estudio a:nth-child(odd){padding-right:.4rem;box-sizing:border-box}@media only screen and (min-width:600px){section.el-estudio{padding:7rem 5rem}section.el-estudio div.container{flex-direction:row}section.el-estudio div.column{width:50%;box-sizing:border-box}section.el-estudio div.column:nth-child(1){padding-right:2.5rem}section.el-estudio div.column:nth-child(2){padding-left:2.5rem}section.el-estudio div.videos{margin-top:0}section.el-estudio div.fotos,section.el-estudio div.muestras{margin-top:5rem}}@media only screen and (min-width:600px){section.el-estudio div.column:nth-child(1){padding-right:3.5rem}section.el-estudio div.column:nth-child(2){padding-left:3.5rem}}section.sub-clase{padding:7rem 3rem;box-sizing:border-box}section.sub-clase div.container{max-width:1140px;margin:auto;flex-direction:column}section.sub-clase div.img{width:100%}section.sub-clase div.img img{display:block;width:100%;height:auto}section.sub-clase div.text{margin-top:.8rem;font-size:1.4rem;line-height:3rem}section.sub-clase a{display:block}section.sub-clase div.description,section.sub-clase div.info,section.sub-clase div.profesores,section.sub-clase div.otra-info,section.sub-clase div.form{margin-top:3rem}section.sub-clase h2,section.sub-clase h3{font-size:1.6rem;font-weight:700}section.sub-clase div.profesores h4{margin-top:.8rem;font-size:1.6rem}section.sub-clase div.form form{width:100%;box-sizing:border-box;margin-top:.8rem}@media only screen and (min-width:480px){section.sub-clase{padding:7rem 5rem}}@media only screen and (min-width:640px){section.sub-clase div.container{flex-direction:row-reverse}section.sub-clase div.column{width:50%;box-sizing:border-box}section.sub-clase div.column:nth-child(2){padding-right:2.5rem}section.sub-clase div.column:nth-child(1){padding-left:2.5rem}section.sub-clase div.description,section.sub-clase div.info,section.sub-clase div.profesores,section.sub-clase div.otra-info,section.sub-clase div.form{margin-top:5rem}section.sub-clase div.description{margin-top:0}}@media only screen and (min-width:960px){section.sub-clase div.column:nth-child(1){padding-right:3.5rem}section.sub-clase div.column:nth-child(2){padding-left:3.5rem}}section.sub-profesor{padding:7rem 3rem;box-sizing:border-box}section.sub-profesor div.container{max-width:1140px;margin:auto;flex-direction:column}section.sub-profesor div.img{width:100%}section.sub-profesor div.img img{display:block;width:100%;height:auto}section.sub-profesor a{display:block}section.sub-profesor div.description,section.sub-profesor div.clases,section.sub-profesor div.otra-info{margin-top:3rem}section.sub-profesor h2{font-size:1.6rem;font-weight:700}section.sub-profesor h3{font-size:1.6rem;margin-top:.8rem}section.sub-profesor div.text{font-size:1.4rem;line-height:2.8rem;color:var(--color1)}section.sub-profesor div.text b{font-weight:700}@media only screen and (min-width:480px){section.sub-profesor{padding:7rem 5rem}}@media only screen and (min-width:640px){section.sub-profesor{padding:2rem 5rem 7rem}section.sub-profesor div.container{flex-direction:row;flex-wrap:wrap}section.sub-profesor div.column{width:50%;box-sizing:border-box}section.sub-profesor div.img,section.sub-profesor div.description,section.sub-profesor div.clases,section.sub-profesor div.otra-info{margin-top:5rem;box-sizing:border-box}section.sub-profesor div.column:nth-child(1){padding-right:2.5rem}section.sub-profesor div.column:nth-child(2){padding-left:2.5rem}}@media only screen and (min-width:960px){section.sub-profesor div.column:nth-child(1){padding-right:3.5rem}section.sub-profesor div.column:nth-child(2){padding-left:3.5rem}}section.taller{padding:0 3rem 7rem;box-sizing:border-box}section.taller div.container{max-width:1140px;margin:auto}section.taller.resume div.container{margin-top:7rem}section.taller div.img{width:100%}section.taller div.resume,section.taller div.clases{flex-direction:column}section.taller div.description{margin-top:7rem}section.taller div.img img{display:block;width:100%;height:auto}section.taller p,section.taller li{margin-top:.8rem;font-size:1.4rem;line-height:3rem}section.taller a{display:block}.margin-top{margin-top:3rem}section.taller h2{font-size:2.4rem;font-weight:700}section.taller h3,section.taller h4{font-size:1.6rem;font-weight:700}section.taller div.profesores h4{margin-top:.8rem;font-size:1.6rem}section.taller div.programa{margin-top:7rem;flex-direction:column}section.taller div.programa div.clases{flex-direction:column}section.taller div.form form{width:100%;box-sizing:border-box;margin-top:.8rem}@media only screen and (min-width:480px){section.taller{padding:0 5rem 7rem}}@media only screen and (min-width:640px){section.taller div.resume{flex-direction:row-reverse}section.taller article.resume{margin-top:0}section.taller div.clases{flex-direction:row;flex-wrap:wrap}section.taller div.column{width:50%;box-sizing:border-box}section.taller article.column{width:50%;box-sizing:border-box}section.taller.resume div.column:nth-child(1){padding-left:3.5rem}section.taller.resume div.column:nth-child(2){padding-right:3.5rem}section.taller article.column:nth-child(2n){padding-left:3.5rem}section.taller article.column:nth-child(odd){padding-right:3.5rem}section.taller div.form{margin-top:0}}section.galery{width:100%;padding:2rem 3rem 5rem;box-sizing:border-box}section.galery div.container{margin:auto;max-width:1280px;box-sizing:border-box;flex-wrap:wrap}section.galery div.img{margin-top:3rem;width:100%;box-sizing:border-box}section.galery div.img>div{height:0;padding-bottom:65.18046%;overflow:hidden;box-sizing:border-box}section.galery img{display:block;width:100%}@media only screen and (min-width:480px){section.galery{padding:0rem 5rem 5rem}section.galery div.img{margin-top:5rem}}@media only screen and (min-width:640px){section.galery div.img{width:50%}section.galery div.img:nth-child(2n){padding-left:2.5rem}section.galery div.img:nth-child(odd){padding-right:2.5rem}}@media only screen and (min-width:960px){section.galery{padding:0rem 7rem 7rem}section.galery div.img{margin-top:7rem;width:33.33333%}section.galery div.img:nth-child(3n+1){padding-left:0;padding-right:4.66666rem}section.galery div.img:nth-child(3n+2){padding-left:2.333333rem;padding-right:2.333333rem}section.galery div.img:nth-child(3n+3){padding-left:4.66666rem;padding-right:0}}section.contacto{padding:7rem 3rem;box-sizing:border-box;flex-direction:column}section.contacto div.container{margin:auto;width:100%;max-width:1140px;box-sizing:border-box;flex-direction:column}section.contacto h2{font-size:1.6rem;font-weight:700;color:var(--color1)}section.contacto form{margin-top:1.5rem}section.contacto form input,section.contacto form textarea{border-bottom:2px solid var(--color3)}section.contacto form input,section.contacto form textarea,section.contacto form button{margin-top:1.5rem}section.contacto div#response{font-size:1.5rem;margin:2rem 0;box-sizing:border-box}section.contacto div.social{margin-top:5rem}section.contacto div.social li{font-size:1.6rem;margin-top:1.5rem}@media only screen and (min-width:600px){section.contacto{padding:7rem 5rem}section.contacto div.social{margin-top:5rem}}@media only screen and (min-width:900px){section.contacto{padding:7rem}section.contacto div.container{flex-direction:row}section.contacto div.column{width:50%;box-sizing:border-box}section.contacto div.column:nth-child(1){padding-right:3.5rem}section.contacto div.column:nth-child(2){padding-left:3.5rem}section.contacto div.social{margin-top:0}}form.contact-form input,form.contact-form textarea{display:block;width:100%;padding:.4rem .8rem;box-sizing:border-box;font-size:1.6rem;font-family:var(--fuente1);color:var(--color1);font-weight:700;border:2px solid var(--color3);border-bottom:2px solid var(--color2);outline:none}form.contact-form input:focus,form.contact-form textarea:focus{border:2px solid var(--color5);box-sizing:border-box}form.contact-form textarea{min-height:10rem;border-bottom:2px solid var(--color3)}form.contact-form button{display:block;padding:.8rem 2.4rem;font-size:1.6rem;background-color:var(--color3);font-family:var(--fuente1);color:var(--color2);font-weight:700;border:none;cursor:pointer}form.contact-form button:hover{background-color:var(--color5);transition:background-color .3s}section.gracias{padding:7rem 3rem;box-sizing:border-box}section.gracias div.container{margin:auto;width:100%;max-width:640px}section.gracias p{margin-top:.8rem;font-size:1.4rem}section.gracias h2,section.gracias h3{font-size:1.6rem;font-weight:700;color:var(--color1)}section.gracias div.social{margin-top:5rem}section.gracias div.social li{font-size:1.6rem;margin-top:1.5rem}@media only screen and (min-width:600px){section.gracias{padding:7rem 5rem}section.gracias div.social{margin-top:5rem}}@media only screen and (min-width:900px){section.gracias{padding:7rem}}footer{width:100%;box-sizing:border-box;background-color:var(--color3);color:var(--color1);padding:5rem 3rem 3rem}footer h6{font-size:1.4rem;margin-bottom:1.5rem;font-weight:700}footer a{color:var(--color1)}footer div.container{max-width:1140px;margin:auto}footer div.social-media{box-sizing:border-box;text-align:center}footer div.social-media ul{display:flex;gap:2.4rem}footer div.social-media a{display:block;width:30px;height:30px}footer div.social-media li.fb a{background-image:url(/img/facebook-icon.svg)}footer div.social-media li.ig a{background-image:url(/img/instagram-icon.svg)}footer div.social-media li.yt a{background-image:url(/img/youtube-icon.svg)}footer div.footer-nav{box-sizing:border-box}footer div.footer-nav ul li{font-size:1.2rem}footer div.copy{margin-top:3rem;text-align:center}footer div.copy a{color:var(--color5)}@media only screen and (max-width:639px){footer div.container{flex-direction:column}footer div.social-media{width:100%}footer div.footer-nav{flex-direction:row;margin-top:3rem;width:100%}footer div.footer-nav div.sub-menu{margin-top:1.5rem}footer div.footer-nav div.box{flex-direction:column;width:50%;box-sizing:border-box}}@media only screen and (max-width:360px){footer div.footer-nav{flex-direction:column}footer div.footer-nav div.box{width:auto}}@media only screen and (min-width:640px)and (max-width:800px){footer div.container{flex-direction:column}footer div.social-media{width:100%}footer div.footer-nav{flex-direction:column;padding:0 2rem}footer div.footer-nav div.box{margin-top:3rem;flex-direction:row;width:100%;box-sizing:border-box}footer div.footer-nav div.sub-menu{width:33%}}@media only screen and (min-width:801px){footer div.container{flex-direction:row;justify-content:space-between}footer div.social-media{order:2;width:auto}footer div.footer-nav{order:1}footer div.sub-menu{margin-right:5rem}}@media only screen and (max-width:480px){section.main-tittle.lessons{background-image:url(/img/clases/piano-480.jpg);background-position:center top 25%;background-size:cover}section.main-tittle.ensembles{background-image:url(/img/ensambles/instrumentos-480.jpg);background-position:center bottom -1rem;background-size:cover}section.main-tittle.teachers{background-image:url(/img/clases/profesores-musicales-480.jpg);background-position:center bottom -2rem;background-size:cover}}@media only screen and (min-width:481px)and (max-height:768px){section.main-tittle.lessons{background-image:url(/img/clases/piano.jpg);background-position:center top 25%;background-size:cover}section.main-tittle.ensembles{background-image:url(/img/ensambles/instrumentos.jpg);background-position:center bottom -2rem;background-size:cover}section.main-tittle.teachers{background-image:url(/img/profesores/notas-musicales.jpg);background-position:center bottom -2rem;background-size:cover}}@media only screen and (min-width:1081px){section.main-tittle.lessons{background-image:url(/img/clases/piano.jpg);background-position:center top 25%;background-size:cover}section.main-tittle.ensembles{background-image:url(/img/ensambles/instrumentos.jpg);background-position:center bottom -2rem;background-size:cover}section.main-tittle.teachers{background-image:url(/img/profesores/notas-musicales.jpg);background-position:center bottom -2rem;background-size:cover}}