@import url('comunes.min.css');body{font-family:'Didonesque Stencil';line-height:1.6;color:var(--secondary-color);font-size:1.1rem;width:100%;height:100%}.logo{position:fixed;width:120px;height:120px;top:30px;left:25px}nav{z-index:0;width:120px;height:100%;position:absolute;top:0;right:0;position:fixed}nav .menuPrincipal{position:fixed;width:100%;height:100%;border:0 solid red;z-index:0}.menuPrincipal ul{position:absolute;right:0;top:0;height:100%;width:100%;border:0 solid blue;display:grid;grid-template-columns:1fr 60px 60px;z-index:0}.menuPrincipal ul a{display:block;width:100%;height:100%}.menuPrincipal ul a span{text-transform:uppercase;font-size:2rem;font-weight:normal;display:block;transform-origin:center;transform:translateY(110%) translateX(0) rotate(90deg)}#inicio{position:relative;z-index:-1}#inicio section{z-index:10}#inicio .caratula{height:100vh;background-repeat:no-repeat;background-size:cover;background-image:url(../images/mainCover.png);background-position:bottom center}#inicio .blog{margin:5rem 0 0 0;width:100%}.blog h1{font-size:5rem;font-weight:normal;margin:1.5rem auto;max-width:1100px}#inicio .contenedor{margin:0 auto 0 auto;max-width:1100px;display:flex;z-index:10}#inicio .contenedor .entrada{padding-right:2rem;height:500px;width:31%}#inicio .contenedor .entrada p{font-size:1.3rem;font-weight:100;line-height:1.1;height:55px}#inicio .contenedor .entrada .btn{font-size:.9rem;display:inline-block;background-color:var(--primary-color);padding:0 1.7rem;border:1px solid var(--secondary-color)}#inicio .contenedor .entrada .btn:hover{color:var(--primary-color);background-color:var(--secondary-color)}#inicio .vistanos{margin-bottom:5rem;width:100%}#inicio .vistanos h1,#inicio .vistanos h2{font-size:3rem;font-weight:normal;margin:1.5rem auto;max-width:1100px;text-transform:uppercase;text-align:center}#inicio .vistanos h2{font-size:1.5rem;font-weight:normal;margin:1rem auto;max-width:1100px;text-transform:none;text-align:center}#inicio .contacto{margin-bottom:5rem;width:100%;background-color:var(--primsec-color)}#inicio .contacto h1,#inicio .contacto h2{font-size:3rem;font-weight:normal;margin:auto;padding-top:1.5rem;max-width:1100px;text-transform:uppercase;text-align:center}#inicio .contacto h2{font-size:1.5rem;font-weight:normal;margin:auto;padding:0;max-width:1100px;text-transform:none;text-align:center}#inicio .contacto .formulario{width:100%;text-align:center;margin:1.5rem auto;display:grid;grid-template-rows:auto;grid-gap:1rem;justify-content:center;padding:2rem 0}#inicio .contacto .formulario input{font-size:.9rem;background:transparent;background:var(--primsec-color);width:25%;min-width:250px;max-width:300px;border:0;outline:0;text-transform:uppercase;border-bottom:1px solid var(--secondary-color);border-radius:unset;padding:2px}#inicio .contacto .formulario p{letter-spacing:.2rem}#inicio .contacto .formulario input.mensaje{width:100%;min-width:360px;max-width:500px}.contacto .formulario input::placeholder{font-family:'Didonesque Stencil';font-weight:100;text-align:center;text-transform:uppercase}#inicio .contacto .btn{font-size:.9rem;display:inline-block;background-color:var(--primary-color);padding:0 1.7rem;border:1px solid var(--secondary-color);width:183px;margin:1rem auto}#inicio .contacto .btn:hover{color:var(--primary-color);background-color:var(--secondary-color)}#inicio .instagram{margin-bottom:5rem;padding:1.5rem 0;width:100%}#inicio .instagram .contenedor{display:grid;grid-template-columns:auto;grid-gap:1rem;width:90%}#inicio .instagram .contenedor h2{font-size:1.5rem;font-weight:normal;margin:auto;padding:0;max-width:1100px;text-transform:none;text-align:center}.instagram .feed{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.5rem}.instagram .feed a:hover{transition:all linear .3s}.instagram .feed a:hover{box-shadow:0 2px 10px rgba(0,0,0,0.1),3px 5px 20px rgba(0,0,0,0.2)}.instagram .feed img{width:100%}#inicio .banner{margin-bottom:5rem;padding:1.5rem 0;width:100%}.banner .contenedor{display:grid;grid-template-columns:auto;grid-gap:1rem;width:90%}.banner .contenedor img{border:0}@media screen and (max-width:1150px){#inicio .contenedor{max-width:90%}#inicio .contenedor .entrada p{font-size:1rem}}@media screen and (max-width:780px){nav{width:100px}.menuPrincipal ul a span{font-size:1.4rem;transform-origin:center;transform:translateY(110%) translateX(-10%) rotate(90deg)}.menuMobile{display:none}.navbarMobile .contenedor a{font-size:2.8rem}#inicio .contenedor{max-width:80%}#inicio .contacto h1{font-size:2rem}#inicio .contacto h2{font-size:1rem}#inicio .blog h1{font-size:3rem;text-align:center}#inicio .contenedor .entrada p{font-size:.9rem}#inicio .vistanos h2{font-size:1rem}.instagram .feed{grid-template-columns:repeat(2,1fr);grid-gap:.1rem;width:90%}.instagram .feed a,.instagram .feed img{width:100%;height:100%}.instagram .feed a:last-child{display:none}}@media screen and (max-width:589px){.menuPrincipal{display:none}.menuMobile{display:block}.navbarMobile .contenedor a{font-size:1rem}.navbarMobile .cerrarMM img{width:20px}#inicio .contenedor{max-width:98%;flex-direction:column}#inicio .blog h1{font-size:2rem;text-align:center}#inicio .contenedor .entrada{width:80%;margin:auto;margin-bottom:2.5rem;padding-right:0}#inicio .vistanos h1{font-size:2rem}#inicio .vistanos h2{font-size:1rem}.instagram .feed{grid-template-columns:1fr;width:95%}#inicio .contacto h1{font-size:2rem}#inicio .contacto h2{font-size:1rem}#inicio .contacto .formulario{width:100%;text-align:center;margin:0 auto;display:block;justify-content:center;padding:1rem 0}#inicio .contacto .formulario input{width:100%}#inicio .contacto .formulario input.mensaje{min-width:300px;max-width:300px}#inicio .contacto .btn{font-size:.9rem;display:block;background-color:var(--primary-color);padding:0 1.7rem;border:1px solid var(--secondary-color);width:250px}#inicio .contacto .formulario p{letter-spacing:normal}}
