*{box-sizing:border-box;list-style:none;margin:0;scroll-behavior:smooth;text-decoration:none}:root{--color-secondary-dark:#002e5b;--color-secondary:#1000c2;--color-extra-1:#e9c46a;--color-primary:#61abf4;--color-primary-dark:#345f92;--color-primary-dark-transparetn:#345e92d3;--color-negro:#000;--color-gris-light:#7d7d7d;--color-gris-dark:#454545;--color-blanco:#fff}body{background-attachment:fixed;background-image:url(/static/media/background_body.7ec58951d3b1b48c7a5d.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}main{margin:auto;max-width:100rem}html{font-family:segoe ui;font-size:16px;scroll-padding-top:6vh}@media (min-width:501px) and (max-width:1024px){html{font-size:14px}}header{display:inline;position:relative;top:0;width:100%;z-index:4}header nav{background-color:var(--color-secondary-dark);position:-webkit-sticky;position:sticky;top:0;width:100%}header nav ul{display:flex;gap:2rem;justify-content:center;padding:1rem 0}header nav ul li a{color:var(--color-blanco);padding:.4rem;transition:.1s ease-out;-webkit-user-select:none;user-select:none}header nav ul li a:hover{color:var(--color-extra-1)}@media(max-width:500px){header nav .menu-movil{align-items:center;color:var(--color-blanco);display:flex;justify-content:space-between;padding:0 1rem}header nav .menu-movil h2{font-size:1.2rem;font-weight:400}header nav .menu-movil img{margin:1rem;width:2rem}header nav ul{background-color:var(--color-primary-dark);display:flex;flex-direction:column;gap:2.9rem;justify-content:normal;padding:4rem 0}header nav ul li a{margin-left:2.9rem}.off{display:none}}@media(min-width:501px){header nav .menu-movil{display:none}}.portada{background:linear-gradient(45deg,var(--color-primary-dark),var(--color-primary),var(--color-primary-dark),var(--color-primary),var(--color-primary-dark));width:100%}.portada .portada-wrap{display:flex;margin:auto;max-width:150rem;width:100%}@media (min-width:501px) and (max-width:1024px){.portada .portada-wrap{padding:2rem 0}}@media(max-width:500px){.portada .portada-wrap{flex-direction:column}}.portada .contenido,.portada .imagen{align-items:center;display:flex;justify-content:center;width:50%}@media(max-width:500px){.portada .contenido,.portada .imagen{width:100%}}.portada .contenido{color:var(--color-blanco);flex-direction:column;gap:2rem;padding:0 6rem}@media (min-width:501px) and (max-width:1024px){.portada .contenido{padding:0 4rem}}@media(max-width:500px){.portada .contenido{gap:1rem;padding:0 .9rem}}.portada .contenido h2{color:var(--color-secondary-dark);font-size:2.5rem}@media (min-width:501px) and (max-width:1024px){.portada .contenido h2{font-size:2rem}}@media(max-width:500px){.portada .contenido h2{font-size:1.5rem}}.portada .contenido h4{color:var(--color-secondary-dark);font-size:1.5rem}.portada .contenido a,.portada .contenido p{color:var(--color-blanco);font-size:1rem;text-align:justify}@media(max-width:500px){.portada .contenido p{line-height:1.3rem}}.portada .imagen img{filter:drop-shadow(-1.5rem 2rem .4rem rgba(0,0,0,.4));width:40rem}@media (min-width:501px) and (max-width:1024px){.portada .imagen img{width:30rem}}@media(max-width:500px){.portada .imagen img{margin-bottom:4rem;width:50%}}.portada .contenido .contacto{display:flex;gap:3rem;justify-content:center;width:100%}@media (min-width:501px) and (max-width:1024px){.portada .contenido .contacto{flex-direction:column;gap:1rem}}@media(max-width:500px){.portada .contenido .contacto{flex-direction:column;gap:0;margin:4rem 0}.portada .contenido .contacto a{background-color:var(--color-dark);border-radius:2rem;padding:1rem 0;text-align:center;width:30%}}.titulo-de-seccion{background-color:var(--color-primary-dark);border-radius:.4rem;margin:1rem 0;padding:1rem 2rem 1rem 6rem;width:100%}.titulo-de-seccion h2{color:var(--color-blanco);font-size:1.5rem;font-weight:700;letter-spacing:.1rem}@media(max-width:500px){.titulo-de-seccion h2{font-size:1rem}}.wrap-diseno-web{display:flex;justify-content:space-between;width:100%}@media(max-width:500px){.wrap-diseno-web{flex-direction:column}}.wrap-diseno-web .dweb-item{width:22rem}@media(max-width:500px){.wrap-diseno-web .dweb-item{margin:auto}}.dweb-item img{width:100%}.dweb-item h3{color:var(--color-primary-dark);font-size:1.5rem}.dweb-item p{background-color:#ffffffbf;color:var(--color-negro);font-size:1rem;padding:1rem;text-align:justify}.grafico-tumbs-row{display:flex;justify-content:space-between;margin:2rem 0;width:100%}.grafico-tumbs-row .grafico-wrap{width:24%}.grafico-wrap p{font-size:1rem;margin:1rem 0;text-align:justify}.grafico-tumbs-row .grafico-wrap .imagen{align-items:center;border-radius:1rem;cursor:pointer;display:flex;height:10rem;overflow:hidden;width:100%}.grafico-tumbs-row .grafico-wrap .imagen:hover img{transform:scale(1.05)}.grafico-tumbs-row .grafico-wrap .imagen img{transition:.1s;width:100%}@media(max-width:500px){.grafico-tumbs-row{flex-direction:column}.grafico-tumbs-row .grafico-wrap{margin:0 auto;width:90%}}.box-diseno-grafico{align-items:center;background-color:#000000bf;display:flex;flex-direction:column-reverse;gap:2rem;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.box-diseno-grafico img{height:80%}.box-diseno-grafico .cerrar{align-items:center;background-color:#fff;border:.1rem solid var(--color-primary);border-radius:.4rem;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem 1rem}@media(max-width:500px){.box-diseno-grafico img{height:auto;width:80%}}@media (min-width:501px) and (max-width:1024px){.box-diseno-grafico img{height:auto;width:90%}}.produccion-audiovisual{width:100%}.produccion-audiovisual .row-video{display:flex;gap:4rem;justify-content:center;margin:1rem 0;width:100%}.produccion-audiovisual .row-video iframe{border-radius:1rem}@media(max-width:500px){.produccion-audiovisual .row-video{flex-direction:column}.produccion-audiovisual .row-video iframe{height:12.4rem;margin:0 auto;width:90%}}.subtitulo{background:linear-gradient(to right,#fff0,var(--color-secondary-dark),#fff0);display:flex;font-size:1rem;justify-content:center;letter-spacing:.05rem;margin:1rem 0;padding:1rem 0;width:25%}.subtitulo h3{color:var(--color-blanco)}@media(max-width:500px){.subtitulo{margin:0 auto;width:75%}}.cv-john{margin-bottom:9rem;width:100%}.cv-john .curriculum{background-color:#fff;border:.1rem solid var(--color-negro);border-radius:.6rem;margin:0 auto;padding:2rem;width:60%}.curriculum .titulo-experiencia h3{color:var(--color-secondary);font-size:1.2rem;margin-top:1rem}.curriculum .subtitulo-experiencia h4{color:#ffa200;font-size:1rem;text-transform:uppercase}.curriculum .parrafo-cv{font-size:1rem}.row-habilidades{display:flex;gap:2rem;margin:.6rem 0}.habilidad{align-items:center;background-color:#ffa200;border-radius:.4rem;display:flex;justify-content:center;padding:.2rem;width:9rem}.habilidad h3{background-color:var(--color-blanco);border:.01rem solid #000;border-radius:.2rem;color:#ffa200;font-size:1rem;font-weight:500;padding:.2rem 0;text-align:center;width:100%}.descarga-cv{display:flex;justify-content:end;width:100%}.boton-cv{font-size:1.2rem!important}@media(max-width:500px){.cv-john .curriculum{width:90%}.habilidad h3{font-size:.5rem}}@media (min-width:501px) and (max-width:1024px){.cv-john .curriculum{width:80%}}#diseno-ui{width:100%}.prototipo-row{display:flex;gap:4rem;justify-content:center;width:100%}.prototipo-row .prototipo-card{width:30rem}.prototipo-card .prototipo{border:.1rem solid var(--color-primary-dark);border-radius:4rem;height:9rem;overflow:hidden;width:100%}.prototipo-card .prototipo:hover img{transform:scale(1.03)}.prototipo-card p{color:var(--color-primary-dark);font-size:1.2rem;font-weight:500;text-align:center}.prototipo img{transition:.1s;width:100%}@media(max-width:500px){.prototipo-row{flex-direction:column;gap:2rem}.prototipo-row .prototipo-card{margin:auto;width:20rem}}.direccion-1{display:flex;flex-direction:row}.direccion-2{display:flex;flex-direction:row-reverse}@media(max-width:500px){.direccion-1{flex-direction:column}.direccion-2{flex-direction:column-reverse}}.wrap-3d{background:var(--color-primary-dark-transparetn);border-radius:1rem;height:12rem;margin:1rem auto;overflow:hidden;width:100%}@media(max-width:500px){.wrap-3d{height:19rem;width:95%}}.wrap-3d .description,.wrap-3d .image{width:50%}@media(max-width:500px){.wrap-3d .description,.wrap-3d .image{width:100%}}.wrap-3d .image{overflow:hidden}.wrap-3d .image img{filter:grayscale(100%);left:-32rem;position:relative;top:-22rem;transition:.1s}.wrap-3d .image:hover img{cursor:pointer;filter:grayscale(0);transform:scale(1.05)}.button-3d-hover{cursor:pointer;filter:grayscale(0)!important;transform:scale(1.05)}.wrap-3d .description{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;padding:0 7rem}@media(max-width:500px){.wrap-3d .description{gap:1rem;padding:1rem 1.5rem}.wrap-3d .description p{text-align:center!important}}.wrap-3d .description p{color:#fff;text-align:justify}.wrap-3d .description button{background-color:#fff;border:none;border-radius:.5rem;color:#14066cb3;cursor:pointer;padding:.6rem 1rem;-webkit-user-select:none;user-select:none}.mySwiper{background-color:#031125d9;display:none!important;height:100vh;left:0;position:fixed!important;top:0;width:100%;z-index:2000!important}.swiper-slide-active{align-items:center;display:flex!important;justify-content:center}@media(max-width:500px){.swiper-slide-active{top:-2rem}}.mySwiper img{height:85%;width:auto}@media(max-width:500px){.mySwiper img{height:40vh;width:auto}.crop{overflow:hidden}}.swiper-button-prev{margin-left:9rem}.swiper-button-next{margin-right:9rem}@media(max-width:500px){.swiper-button-next,.swiper-button-prev{position:relative;top:36rem!important}.swiper-button-prev{margin-left:8rem}.swiper-button-next{margin-right:8rem}}.swiper-button-next:after,.swiper-button-prev:after{background-color:#000;border-radius:100rem;color:#fff;padding:1rem}.cerrar-galeria{cursor:pointer;left:100rem;position:absolute;top:2rem;z-index:3000}@media(max-width:500px){.cerrar-galeria{left:10.5rem;top:9rem}}.cerrar-galeria h4{color:#fff;font-weight:400;-webkit-user-select:none;user-select:none}.on{display:block!important}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, 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")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;top:var(--swiper-navigation-top-offset,50%);width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;object-fit:contain;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}
/*# sourceMappingURL=main.ec30b8a0.css.map*/