*,*::before,*::after{box-sizing:border-box}a{text-decoration:none;color:inherit;font-weight:normal;font-size:inherit}a:hover,a:focus{text-decoration:none;color:inherit;outline:none}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0;padding:0}body{font-family:"pp_neue_montrealbook",sans-serif}body,h1,h2,h3,h4,h5,h6{line-height:1.25}ul,ol{list-style:none}button{border:none;background:none;padding:0;cursor:pointer}@font-face{font-family:"pp_neue_montrealbold";src:url("../fonts/ppneuemontreal-bold-webfont.woff2") format("woff2"),url("../fonts/ppneuemontreal-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"pp_neue_montrealbook";src:url("../fonts/ppneuemontreal-book-webfont.woff2") format("woff2"),url("../fonts/ppneuemontreal-book-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"pp_neue_montrealitalic";src:url("../fonts/ppneuemontreal-italic-webfont.woff2") format("woff2"),url("../fonts/ppneuemontreal-italic-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"pp_neue_montrealmedium";src:url("../fonts/ppneuemontreal-medium-webfont.woff2") format("woff2"),url("../fonts/ppneuemontreal-medium-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"pp_neue_montrealSBdIt";src:url("../fonts/ppneuemontreal-semibolditalic-webfont.woff2") format("woff2"),url("../fonts/ppneuemontreal-semibolditalic-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"pp_neue_montrealthin";src:url("../fonts/ppneuemontreal-thin-webfont.woff2") format("woff2"),url("../fonts/ppneuemontreal-thin-webfont.woff") format("woff");font-weight:normal;font-style:normal}h1{color:#0c1213;font-family:"pp_neue_montrealbook",sans-serif;font-size:14px;color:#0c1213}p{color:#d9d9d9;font-family:"pp_neue_montrealbook",sans-serif;font-size:14px}h3{color:#d9d9d9;font-family:"pp_neue_montrealbook",sans-serif;font-size:.625rem;line-height:130%;letter-spacing:.025rem;text-transform:uppercase}h2{color:#fcfcfc;font-family:"pp_neue_montrealmedium",sans-serif;font-size:24px;line-height:140%}#loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity 1.5s ease,transform 1.5s ease}.preloader-2{color:#212121;margin:5px 0;text-transform:uppercase;text-align:center;position:relative}.preloader-2 .line{width:1px;height:12px;background:#272727;margin:0 6px;display:inline-block;animation:opacity-2 2000ms infinite ease-in-out}.preloader-2 .line-1{animation-delay:1000ms}.preloader-2 .line-2{animation-delay:800ms}.preloader-2 .line-3{animation-delay:600ms}.preloader-2 .line-4{animation-delay:400ms}.preloader-2 .line-5{animation-delay:200ms}.preloader-2 .line-6{animation-delay:0ms}.preloader-2 .line-7{animation-delay:200ms}.preloader-2 .line-8{animation-delay:400ms}.preloader-2 .line-9{animation-delay:600ms}@keyframes opacity-2{0%{opacity:1;height:15px}50%{opacity:0;height:12px}100%{opacity:1;height:15px}}.preloader-hidden{opacity:0;transform:translateY(-100%)}.grande{width:100%}.logo{padding-left:24px;padding-top:24px;display:flex;flex-direction:row;gap:12px;align-items:center}#cambiarFondo{background-image:url("../images/LogoArray/imagen1.jpg");background-size:cover;background-position:center;cursor:pointer;width:38px;height:38px;border-radius:4px}.menu{width:270px;z-index:200;top:calc(100% - 64px);left:calc(100% - 304px);position:fixed;height:46px;background-color:hsla(0,0%,100%,.37);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;display:flex;justify-content:center;box-shadow:rgba(0,0,0,.3) 0 1px 3px;align-items:center;cursor:pointer}@media screen and (max-width: 480px){.menu{width:calc(100vw - 24px);left:0;margin-left:12px}}.footer{background-color:#0c1213;width:100%;min-height:290px;padding:24px;padding-top:38px;display:flex;justify-content:space-between;flex-wrap:wrap}.footer h2{color:#fcfcfc;font-family:"pp_neue_montrealbook",sans-serif;font-size:24px;line-height:140%}.footer p{color:#fcfcfc;font-family:"pp_neue_montrealbook",sans-serif;font-size:1.25rem;font-style:normal;line-height:120%;letter-spacing:-0.025rem}.footer span{color:#fcfcfc;font-family:"pp_neue_montrealbook",sans-serif;font-size:14px}.footerflex{display:flex;flex-direction:column;gap:5px}@media screen and (max-width: 449px){.footerflex{padding:24px 0px}}.footerword{color:#fcfcfc;font-family:"pp_neue_montrealbook",sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:140%}.footerword:hover{color:#f5311b}.footer1,.footerbajo{display:flex;flex-direction:column}.footer1{justify-content:space-between}.footerbajo{justify-content:flex-end;padding-right:12px}.footerbajo h3{padding:12px 0px 2px 0px}.footerbajo a{color:#f5311b;font-family:"pp_neue_montrealbook",sans-serif;text-decoration:underline;cursor:pointer;font-size:18px}@media screen and (max-width: 640px){.socials{padding-top:24px}}.footerhelp{display:block;background-color:#0c1213;width:100%;height:64px}@media screen and (min-width: 1023px){.footerhelp{display:none}}.spline{min-width:1024px}@media screen and (max-width: 1023px){.spline{display:none}}.sustituto{display:flex;flex-direction:column;padding:24px;gap:24px}.sustituto h1{font-family:"pp_neue_montrealbook",sans-serif;font-size:2.25rem;max-width:500px}.sustituto p{color:#545454;font-family:"pp_neue_montrealbook",sans-serif;font-size:16px;min-width:250px;max-width:500px;align-self:flex-end}@media screen and (min-width: 1023px){.sustituto{display:none}}.contenido{display:grid;box-sizing:border-box;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(3, 1fr);grid-column-gap:24px;grid-row-gap:24px;position:relative;top:-80px;margin:24px;height:250vh}@media screen and (max-width: 767px){.contenido{grid-template-columns:1fr;grid-template-rows:repeat(4, 1fr);grid-column-gap:0;height:300vh}}@media screen and (max-width: 1023px){.contenido{top:0}}.viga,.sneak,.mnad{display:flex;align-items:flex-start;border-radius:6px;background-size:cover;background-position:center;position:relative;transition:background-image .5s ease}.viga:hover,.sneak:hover,.mnad:hover{cursor:pointer}.viga:hover #tagsviga,.viga:hover #tagssneak,.viga:hover #tagsmnad,.sneak:hover #tagsviga,.sneak:hover #tagssneak,.sneak:hover #tagsmnad,.mnad:hover #tagsviga,.mnad:hover #tagssneak,.mnad:hover #tagsmnad{opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s 0s;border-radius:6px}.viga::before,.sneak::before,.mnad::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:1;transition:opacity .5s ease;z-index:1;border-radius:6px}.viga:hover::before,.sneak:hover::before,.mnad:hover::before{opacity:0}.viga{grid-area:1/1/2/6;background-image:url("../images/VigaPhone.jpg")}.viga::before{background-image:url("../images/VigaLaptop.jpg")}@media screen and (max-width: 767px){.viga{grid-area:1/1/2/2}}.sneak{grid-area:3/1/4/3;background-image:url("../images/sneakPhones.jpg")}.sneak::before{background-image:url("../images/sneak.jpg")}@media screen and (max-width: 767px){.sneak{grid-area:3/1/4/2}}.mnad{grid-area:3/3/4/6;background-image:url("../images/mnadIpad.jpg")}.mnad::before{background-image:url("../images/mnad.jpg")}@media screen and (max-width: 767px){.mnad{grid-area:4/1/5/2}}.middlesection{grid-area:2/1/3/6;display:flex;flex-direction:row;align-items:center;gap:64px;flex-wrap:wrap}.middlesection em{font-weight:500;color:#0c1213}.middlesection h1{font-family:"pp_neue_montrealbook",sans-serif;font-size:2.25rem}.middlesection p{padding-top:24px;color:#545454;font-family:"pp_neue_montrealbook",sans-serif;font-size:16px}@media screen and (max-width: 1134px){.middlesection{margin:64px 0px}}.middlebox{flex:1;min-width:270px;box-sizing:border-box}#scroll-down-animation{position:absolute;display:flex;flex-direction:column;gap:8px;top:calc(100vh - 48px);left:66px;transform:translate(-50%, -50%);z-index:400;transition:opacity .5s ease-in-out;background-color:hsla(0,0%,100%,.368627451);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:12px 12px;border-radius:12px}#scroll-down-animation p{color:#5e5e5e;font-size:12px}@media screen and (max-width: 1023px){#scroll-down-animation{display:none}}.mouse{margin:0 auto;display:block;border-radius:50px;border:1.5px solid #272727;height:48px;width:24px;position:relative}.move{position:absolute;background-color:#0c1213;height:4px;width:4px;border-radius:50%;left:50%;transform:translateX(-50%);animation:move 2s linear infinite}@keyframes move{0%{transform:translate(-50%, 10px);opacity:0}50%{transform:translate(-50%, 20px);opacity:1}100%{transform:translate(-50%, 40px);opacity:0}}.hidden{transition:opacity .5s ease-in-out;opacity:0}.truco{background-color:#fff;height:40px;width:100%;position:relative;top:-60px;z-index:100}@media screen and (max-width: 1023px){.truco{display:none}}#mas{padding-left:24px;top:-60px;position:relative;color:#0c1213;font-family:"pp_neue_montrealbook",sans-serif;font-size:16px}.tagscontainer{padding:24px;position:absolute;z-index:1;display:flex;flex-wrap:wrap;row-gap:12px}@media screen and (max-width: 345px){.tagscontainer{row-gap:6px}}.tags,.tagsblack,.tagsoutlined{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:6px 10px;margin-right:5px;font-size:12px;font-family:"pp_neue_montrealmedium",sans-serif}@media screen and (max-width: 345px){.tags,.tagsblack,.tagsoutlined{font-size:10px}}.tags{background-color:hsla(0,0%,100%,.7294117647)}.tagsblack{background-color:rgba(37,37,37,.87);color:#fcfcfc}.navtab{display:flex;justify-content:center;align-items:center;width:100%}.navtab svg{display:block}.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 24}.noestoy{color:#d9d9d9}.noestoy:hover{color:#b5b5b5}#titularmajoanimado{min-height:100px}em{font-family:"pp_neue_montrealmedium",sans-serif}.entradilla{display:grid;grid-template-columns:repeat(6, 1fr);grid-template-rows:1fr;grid-column-gap:24px;grid-row-gap:0px;height:65vh;padding:24px}@media screen and (max-width: 1024px){.entradilla{display:flex;flex-direction:column;gap:24px;height:100vh}.entradilla .fotoprincipal{width:100%;height:100%}}.fotoprincipal{grid-area:1/1/2/5;background-image:url("../images/Cyntinati.jpg");background-size:cover;background-position:center;border-radius:6px}.textoprincipal{grid-area:1/5/2/7;display:flex;flex-direction:column;justify-content:space-between;background-color:#f5311b;padding:24px;border-radius:6px}.textoprincipal h2{color:#521e1e;font-family:"pp_neue_montrealthin",sans-serif}@media screen and (max-width: 768px){.textoprincipal h2{font-size:18px}}.textoprincipal .rayatexto{display:flex;flex-direction:column}.h1real{font-family:"pp_neue_montrealbook",sans-serif;font-size:52px;width:55vw;padding:24px;line-height:110%;margin-top:16vh}@media screen and (max-width: 768px){.h1real{width:100%}}.botonblanco{font-family:"pp_neue_montrealbook",sans-serif;font-size:16px;display:inline-flex;padding:.5rem 1.5rem;justify-content:center;align-items:center;gap:.5rem;border-radius:24px;width:-moz-fit-content;width:fit-content;background:#fcfcfc;margin-bottom:24px}.botonblanco:hover{background-color:#0c1213;color:#fcfcfc}.rayita{height:1px;width:48px;background-color:#712727;margin-bottom:24px}@media screen and (max-width: 1225px){.rayita{display:none}}.middleabout{display:flex;flex-direction:row;padding:148px 24px;align-items:end;gap:84px;row-gap:148px;flex-wrap:wrap}@media screen and (max-width: 1024px){.middleabout{row-gap:84px;padding:84px 24px}}.middleabout em{font-weight:500;color:#0c1213}.middleabout h1{font-family:"pp_neue_montrealbook",sans-serif;font-size:2.25rem}.middleabout p{color:#545454;font-family:"pp_neue_montrealbook",sans-serif;font-size:16px}.middleabout h2{color:#0c1213;font-size:20px;font-family:"pp_neue_montrealbook",sans-serif}.middleabout span{font-family:"pp_neue_montrealbook",sans-serif;color:#9a9a9a}.middleabbox{width:calc(50% - 42px)}@media screen and (max-width: 1024px){.middleabbox{width:100%}}.moreabout{padding:24px}.moreabout h1{font-family:"pp_neue_montrealbook",sans-serif;font-size:2.25rem}@media screen and (max-width: 768px){.moreabout h1{padding-bottom:48px;line-height:1}}.moreaboutbox{display:flex;flex-direction:row-reverse;height:270px;gap:124px}.moreaboutbox img{flex:1;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px}.moreaboutbox h2{color:#0c1213;font-size:20px;font-family:"pp_neue_montrealbook",sans-serif}.moreaboutbox p{color:#545454;font-family:"pp_neue_montrealbook",sans-serif;font-size:16px}@media screen and (max-width: 768px){.moreaboutbox{flex-direction:column;gap:12px;height:-moz-fit-content;height:fit-content}.moreaboutbox img{flex:1;width:100%;max-height:200px;min-height:200px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.moreaboutbox .moreabouttext{flex:1;width:100%}}.moreabouttext{flex:.8;display:flex;flex-direction:column;justify-content:end;width:80%}.moreabouttext p{padding-top:12px}.divisor{margin:24px 0px;width:100%;height:1px;background-color:#d9d9d9}.trabajocont{display:flex;width:100%;padding-top:12px;height:140px}@media screen and (max-width: 1024px){.trabajocont{height:-moz-fit-content;height:fit-content;padding-top:24px}}.trabajotext{flex:1;display:flex;flex-direction:column;gap:6px;justify-content:flex-start}.trabajotext h2{padding-right:12px}@media screen and (max-width: 1024px){.trabajotext span{font-size:14px}}.trabajotit{display:flex;justify-content:space-between}.extracurricular{display:flex;flex-direction:row;width:100%;gap:24px}.allextra{flex:2;display:flex;flex-direction:column;gap:36px}.allextra .divisor{margin:6px 0}.allextra p{text-align:right}.allextra span{color:#0c1213;font-size:20px;font-family:"pp_neue_montrealbook",sans-serif}.background-container{flex:1;position:relative;overflow:hidden;background-size:cover;background-position:center;border-radius:6px}@media screen and (max-width: 768px){.background-container{display:none}}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 2s ease-in-out;border-radius:6px}.background-image.active{opacity:1}.titleextra{display:flex;justify-content:space-between;align-items:center}@media(pointer: coarse){.mf-cursor{display:none}}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-thumb{background:#a3a2a4;border-radius:12px}body::-webkit-scrollbar-thumb:hover{cursor:pointer}body::-webkit-scrollbar-track{background:#fcfcfc}.header{overflow:hidden}.header img{width:100%;height:100vh;-o-object-fit:cover;object-fit:cover;transform:scale(1.4);animation:zoomOut 2s cubic-bezier(0.25, 0.75, 0.5, 1) forwards;animation-delay:.2s;filter:brightness(40%)}.header .titularbox{padding:92px;position:absolute;bottom:0px;color:#fcfcfc;z-index:1;width:100%}.header h1{font-family:"pp_neue_montrealbook",sans-serif;font-size:52px;line-height:110%;clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);color:#fcfcfc}@media screen and (max-width: 768px){.header .titularbox{padding:24px;padding-bottom:64px;top:calc(50vh - 149px)}.header h1{font-size:32px}.header img{height:50vh}}@keyframes zoomOut{from{transform:scale(1.2)}to{transform:scale(1)}}.char{transform:translateY(150px);transition:transform 1s}#volver{position:fixed;z-index:2;padding:24px;font-size:30px}#volver:hover path{fill:#d9d9d9}@media screen and (max-width: 768px){#volver{padding:12px}#volver path{fill:#f5311b}}.contenidoproyecto{display:flex;background-color:#fbfbfb}@media screen and (max-width: 1024px){.contenidoproyecto{display:none}}.sobreproyecto{padding:124px;margin-left:30%}.sobreproyecto p{color:#0c1213}.sobreproyecto .tagscontainer{padding-left:0;padding-right:124px;position:static}.sobreproyecto a{display:flex;align-items:center;font-family:"pp_neue_montrealbook",sans-serif;padding-top:64px}.sobreproyecto a span{padding-right:6px}@media screen and (max-width: 1024px){.sobreproyecto{margin-left:0}}@media screen and (max-width: 768px){.sobreproyecto{padding:48px}}.tagsoutlined{border:1px solid #0c1213}.todosobre{flex:8;overflow:auto;height:100vh;display:flex;flex-direction:column}@media screen and (max-width: 1024px){.todosobre{overflow:visible}}.todosobre::-webkit-scrollbar{width:8px}.todosobre::-webkit-scrollbar-thumb{background:#f5311b;border-radius:12px;border:2px solid #fcfcfc}.todosobre::-webkit-scrollbar-thumb:hover{cursor:pointer}.todosobre::-webkit-scrollbar-track{background:#fcfcfc}.todosobre .articleatt h1{font-family:"pp_neue_montrealbook",sans-serif;font-size:32px;margin-bottom:12px}@media screen and (max-width: 768px){.todosobre .articleatt h1{font-size:24px}}.todosobre .articleatt h2{font-family:"pp_neue_montrealbook",sans-serif;font-size:16px;margin-bottom:6px;margin-top:12px}.todosobre .articleatt p{font-size:16px}@media screen and (max-width: 768px){.todosobre .articleatt p{font-size:14px}}.menuproyecto{flex:1;padding:124px 24px 0 48px;height:100vh;display:flex;flex-direction:column;gap:4px;line-height:110%;color:#545454;font-family:"pp_neue_montrealthin",sans-serif}.menuproyecto h2{color:#0c1213;font-family:"pp_neue_montrealbook",sans-serif;font-size:18px}.menuproyecto a:last-of-type{margin-top:auto}.menu-item{color:#d9d9d9}.menu-item:hover{color:#949494}.menu-item:active,.menu-item:focus{color:#d9d9d9}.menudestacado{color:#f5311b;font-family:"pp_neue_montrealbook",sans-serif}.menudestacado:focus,.menudestacado:hover{color:#f5311b}.blanco{color:#fcfcfc;border:#fcfcfc 1px solid}.fondonegro{background-color:#2a272a}.contenido-proyecto img{width:100%;border-radius:12px}#valueproposition,#appflow,#wireframes,#designsystem{background-color:#2a272a}#valueproposition{border-radius:12px 12px 0 0}#designsystem{border-radius:0 0 12px 12px}.background-video{width:100%;-o-object-fit:cover;object-fit:cover}#prototype{display:flex;flex-direction:column;gap:0px;padding-bottom:124px}@media screen and (max-width: 768px){#prototype{padding-bottom:24px}}#seemorebt{padding-bottom:48px}#seemorebt:hover{color:#0c1213}.seemore{width:100%;display:flex;gap:24px;padding:124px 64px 84px 64px;background-color:#0c1213;flex-direction:column;border-radius:24px 24px 0 0}.seemore h1{color:#fcfcfc}@media screen and (max-width: 1024px){.seemore{padding:64px 48px 84px 48px}}@media screen and (max-width: 480px){.seemore{padding:48px 24px 84px 24px}}.projectsmore{display:flex;gap:24px}@media screen and (max-width: 768px){.projectsmore{flex-direction:column;height:400px}}.moreproject{flex:1;border-radius:12px;background-repeat:no-repeat;background-position:center;background-size:cover;height:400px;cursor:pointer}.moreproject .tagscontainer{position:relative}.moreproject:hover{filter:brightness(50%)}@media screen and (min-width: 1024px){#contenidomovil{display:none}}.mnadproto{background-color:#333;border-radius:12px}.mnadproto img{border-radius:0}.seemorewhite{background-color:#fff;padding-top:84px}.seemorewhite h1{color:#0c1213}#prototype{display:flex;flex-direction:column;gap:0px;padding-bottom:124px}@media screen and (max-width: 768px){#prototype{padding-bottom:24px}}#valuepropositionm,#appflowm,#wireframesm,#designsystemm{background-color:#2a272a}#valuepropositionm{border-radius:12px 12px 0 0}#designsystemm{border-radius:0 0 12px 12px}#titularanimado,#titularanimado2,#titularanimado3{visibility:hidden}.vigaproject{background-image:url(../images/VigaLaptop.jpg)}.mnadproject{background-image:url(../images/mnad.jpg)}.sneakproject{background-image:url(../images/sneak.jpg)}/*# sourceMappingURL=style.css.map */