@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);#fa-whats:hover,#myBtn:hover,.topnav a,h3.me-blc,span.hamburguesa{color:var(--Dark-Gray)}.topnav a,.topnav-dark a{padding:20px;font-size:12px;line-height:14px;text-align:center;text-decoration:none;cursor:pointer!important}.topnav a.active,.topnav a:hover{border-bottom:3px solid var(--Dark-Gray)}.header,.topnav a,.topnav-dark a{text-align:center}.fa-behance,.fa-linkedin,.fa-whatsapp,.topnav a:hover{color:#fff;transition:.3s ease-in-out}.topnav a:hover,.topnav-dark a,.topnav-dark a:hover{transition:.3s ease-in-out}.sidenav,.sticky{position:fixed;top:0}h1,h3{font-weight:400}.boton:hover,.topnav a,.topnav-dark a{cursor:pointer!important}#navbar,.formulario,.servicios,.servicios-gallery{scroll-snap-align:center;scroll-snap-stop:always}.h2_footer,.topnav a,.topnav-dark a{font-weight:var(--Font-Weight);letter-spacing:2px}#servicio.active,#servicio.delete:hover{filter:none;opacity:1}:root{--Dark-Gray:#404041;--Orange:#f6921e;--Font-Family:Roboto;--Font-Style:normal;--Font-Weight:normal;--animate-duration:800ms;--animate-delay:0.9s}*,:after,:before{box-sizing:inherit}html{width:auto!important;overflow-x:hidden!important;box-sizing:border-box;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;width:100%;height:auto;font-family:var(--Font-Family)!important;font-style:var(--Font-Style)!important}img{height:auto!important}#navbar{background-color:var(--Orange);height:auto;z-index:999}#navbar-orange{display:block;justify-content:center;border-bottom:1px solid var(--Orange)}.navbar_desktop{display:none}.navbar_mobile{display:block}.topnav,.topnav-dark{display:flex;top:0;bottom:0}.topnav{justify-content:space-evenly;flex-wrap:wrap;gap:0}.topnav-dark{flex-wrap:wrap;gap:.5rem;padding:.7rem .7rem 0}.topnav a{margin-top:11px}.topnav-dark a{color:var(--NeonGreen);margin:0 auto}.hover-img figcaption,input.boton{letter-spacing:1px;text-transform:uppercase}.topnav a.active{color:var(--White)}.topnav-dark a:hover{color:var(--Orange)}#servicio.active,#servicio.delete,input.boton:hover{transition:.5s ease-in-out}.topnav-dark a.active-dark{background-color:var(--NeonGreen)}.header{display:block;background-color:var(--Dark-Gray)}.header a img.logo_center{width:3rem;margin:10px}.sticky{width:100%}.fa-behance,.fa-linkedin,.fa-whatsapp{background-color:var(--Orange);border-radius:50%;width:50px;height:50px;font-size:25px;text-align:center;text-decoration:none;padding:12px}#progress,.sidenav{background:var(--Dark-Gray)}.fa-hobbies,.fa-paw{width:100px;height:100px;font-size:35px;padding:34px;color:var(--Orange);text-align:center;text-decoration:none}.fa-paw{background-color:var(--Dark-Gray);border-radius:50%;margin:0 auto}.fa-behance:hover,.fa-linkedin:hover,.fa-whatsapp:hover{background-color:var(--Dark-Gray);color:var(--Orange)}.boton:hover,input.boton{background-color:var(--Orange)}.progress-60::after,.progress-70::after,.progress-75::after,.progress-80::after,.progress-90::after{content:"";background:var(--Orange);height:100%}.topnav-icons{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:1rem 0 0;gap:1.5rem}.topnav-icons-fa-paw{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;margin:5rem 0 2rem;gap:1.5rem}.topnav-icons_footer a{background-color:transparent!important}.sidenav{opacity:.97;height:100%;width:0;display:inline-block;z-index:1000;left:0;overflow-x:hidden;transition:.5s;padding-top:60px;text-align:center}.hero,.hero-impresion,.hero-me,.hero-ui{background-repeat:no-repeat;background-attachment:fixed}.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;transition:.3s}#mySidenav a.active,.contenido-hero h1,h2,h3{color:var(--Orange)}.sidenav a:hover{color:var(--NeonGreen)!important}.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}.closeBtn{color:rgba(255,255,255,.87);font-size:25px;position:absolute;top:0;right:0;margin:20px;cursor:pointer;transition:.2s ease-in-out}.hero,.hero-animacion{position:relative}.closeBtn:hover,.h3-ui-fig{color:#fff}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}.content{align-items:center}h1,h1 span{font-size:1.4rem}h1{color:var(--Dark-Gray);font-size:3.5rem;letter-spacing:3px}h1,h2,h3,h3.me,h3.yo{text-align:center}h2{font-size:2.4rem}h3{font-size:1.6rem}.boton:hover,p{color:var(--Dark-Gray)}hr{border:1px solid var(--Orange)!important}h3.h3_footer{margin:4rem 0 0;text-align:start}h3.h3-ui{color:var(--Dark-Gray)!important;margin:6rem 0}.border-img,p.me{width:90vw;margin:0 auto}p.yo{text-align:justify;width:70%;margin:0 auto}p.bienvenidos{text-align:center;margin-top:4rem}p.p-servicios{margin-top:1rem}.work-pad-m100{margin-top:100px}p{line-height:1.3rem;font-size:14px}span.mark{float:left;font-size:10rem;font-weight:bolder;color:var(--Orange);margin:-4rem 0 0}.contenedor,.servicios,.servicios-gallery,p.programa{margin:0 auto}main{max-width:1200px}.contenedor,.hero,.hero-impresion,.hero-me,.hero-ui{margin:0}.hero{height:100%;background-image:url(../img/background.webp)!important;background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;width:100%}.hero-impresion,.hero-me,.hero-ui{position:relative;background-size:cover;width:100%}.back-ui-01,.hero-impresion,.hero-me{background:linear-gradient(180deg,#fe6e00,#6bff6b,#3b52ff)}.back-ui-02{background:linear-gradient(0deg,#0ac772,#fec051,#fee140,#fa709a)}.contenido-hero{background-color:rgba(255,255,255,.8);width:100%;height:100%;display:block;flex-direction:column;justify-content:center;text-align:center;align-items:center;overflow:hidden}.footer,.ui-grid,iframe{height:auto}.contenido_hero-img,.contenido_hero-me{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);width:100%;gap:2rem}.border-img_me{width:20rem;border-radius:50%}.border-img-servicios,.border-img-web{border:2px solid var(--Dark-Gray);transition:.5s}.border-img-servicios{width:80vw}.border-img-web{width:80%}.fa-angle-down,.hover-img *{transition:.3s ease-in-out}.border-img-servicios:hover,.border-img-web:hover{border:2px solid var(--Orange)}.back-circle{display:flex;align-items:center;margin:0 auto}.p-servicios{width:90vw}.boton{background-color:var(--Dark-Gray);color:#fff;font-size:22px;margin-top:.5rem;padding:.5rem 1rem;border-radius:5px;text-decoration:none;border:none}.boton:hover{transition:.3s ease-in-out!important}.progress-bar{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:.6rem;margin-bottom:30rem}#progress{height:10px;width:250px;padding:0;grid-column:3/4;grid-row:1/2}.progress-90::after{display:block;width:90%;transition:width 2s}.btn-visit:hover,.nav-footer:hover{transition:.3s ease-in-out!important;cursor:pointer!important}.progress-80::after{display:block;width:80%}.progress-75::after{display:block;width:75%}.progress-70::after{display:block;width:70%}.progress-60::after{display:block;width:60%}.servicios,.servicios-gallery{display:grid;gap:2rem;margin-bottom:40px;margin-top:40px}.servicio{text-align:center;display:flex;flex-direction:column;align-items:center}.formulario{padding:2rem}form{padding:0 2rem 0 0}.contenedor-campos{display:flex;justify-content:space-between;flex-wrap:wrap}@media (max-width:768px){form{padding:0}.contenedor-campos{display:inline-block}}.campo{margin-bottom:1rem;width:100%}.alert-danger,.alert-success{margin:0 auto;text-align:center;padding:10px}.campo label{color:#fff;margin-bottom:.5rem;display:block}@media (min-width:480px){.campo{display:flex;align-items:center}.campo label{flex:0 0 90px}}.campo input[type=mail],.campo input[type=tel],.campo input[type=text],.campo textarea{width:100%;padding:.5rem;border:none;border-bottom:1px solid var(--Orange);color:#fff!important;border-radius:none;background:0 0}.w-100{flex:0 0 100%}.campo textarea{height:4rem}.enviar{display:flex;justify-content:center}.alert-success{color:#155724;background-color:#d4edda;width:50%;align-items:center}.alert-danger{color:#721c24;background-color:#f8d7da;width:50%;align-items:center}.footer{text-align:center;background-color:var(--Dark-Gray);display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr)}.col-left-footer{grid-column:1/2;grid-row:1/2;margin-top:6rem}p.footer{color:#fff;grid-template-columns:auto;grid-column:1/3;margin-bottom:50px}p.footer-txt{color:#fff;text-align:center}.logo_footer{width:3rem}.grid-logo{display:flex;flex-direction:column;margin-top:40px;align-items:center}.h2_footer{font-family:var(--Font-Family);font-style:var(--Font-Style);font-size:50px}.btn-diseno,.contacto{grid-column:1/2;grid-row:2/3}input.boton{color:#fff;margin-top:.5rem;padding:.5rem 1rem;border-radius:5px;text-decoration:none;font-size:1.2rem;border:none;opacity:.8;width:50%}#fa-whats,#myBtn{position:fixed;bottom:20px;z-index:99;font-size:35px;width:50px;height:50px;border-radius:50%;outline:0;color:#fff;cursor:pointer;padding:5px;background-color:var(--Orange)}input.boton:hover{cursor:pointer!important;opacity:1}.fa-angle-down{color:var(--Orange);text-decoration:none;font-size:70px;opacity:.7}.fa-angle-down:hover{opacity:1}.arrow{text-align:center;margin-top:-400px}.bounce{-moz-animation:2s infinite bounce;-webkit-animation:2s infinite bounce;animation:2s infinite bounce}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.filter-menu a.current{background:var(--Orange);color:#fff}#servicio.delete{opacity:.5;filter:grayscale(1)}.svg{position:absolute;bottom:20px;width:20%}.hover-img,.video{position:relative;text-align:center}img.svg_width{width:40%}.iconos svg{color:var(--Dark-Gray)!important}#svg-fill{fill:var(--Dark-Gray)!important}#myBtn{right:30px;text-align:center;align-items:center}#fa-whats{left:30px;text-align:center;align-items:center}ul.filter-item{display:block;list-style:none;margin:0 auto;padding:0 .6rem}.filter-item li{width:90%;padding:3px;flex-direction:column;margin:0 auto}@media (min-width:768px){#navbar{filter:drop-shadow(0 0 .3rem var(--Dark-Gray))}#navbar-orange{display:flex}.navbar_desktop{display:block!important}.navbar_mobile{display:none!important}.topnav-dark{flex-direction:row;gap:1rem;padding:.7rem 0 0}.topnav-icons-fa-paw{flex-direction:row}.topnav-icons{justify-content:flex-start}h3.me{text-align:start}p.me{width:100%;margin:0}span.mark{margin:-4rem 0 0 5rem}.contenido-hero{align-items:center;text-align:start;height:100%}.contenido_hero-img{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);align-items:center;padding:1rem;margin:0 auto}.contenido_hero-me{align-items:center;padding:1rem;margin:0 auto;max-width:1000px}.border-img,.border-img-servicios,.border-img-web,.p-servicios{width:100%}.progress-bar{margin:0;align-items:center}p.programa{margin:0 90px}.servicios{grid-template-columns:repeat(2,1fr);padding:2rem}.servicios-gallery{grid-template-columns:repeat(1,1fr)}.formulario{max-width:800px;margin:0 auto}.campo{flex:0 0 calc(50% - 0.5rem)}:is(.campo) :is(input[type=text],input[type=text],input[type=tel],input[type=mail],textarea){flex:1}.footer{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);gap:2rem}p.footer-txt{text-align:initial}.grid-logo{margin:50px;align-items:flex-start}.contacto{grid-column:2/3;grid-row:1/2}.arrow{margin:80px 0 0}.svg{width:5%}ul.filter-item{padding:0}.filter-item li{width:50%;float:left}}.filter-item li.active{width:50%;padding:2px;transition:.5s}.filter-item li.delete{width:0%;padding:0;transition:.5s}ul.filter-item img{display:block;width:100%;height:100%}@media screen and (min-width:768px){.filter-item li,.filter-item li.active{width:33.33%}h2{font-size:190%}}@media screen and (min-width:1280px){.filter-item li,.filter-item li.active{width:30%}h2{font-size:270%}}.ui-grid{display:flex;margin:0 auto 5rem;text-align:center;flex-direction:column;gap:5rem;align-items:flex-start}.ui-grid_img{display:flex;margin:0 auto;flex-direction:column;width:80%;gap:.7rem;height:auto;align-items:flex-start}.web-grid{display:grid;margin:0 auto;text-align:center;justify-content:center;width:100%;z-index:1}.web-grid_img{display:grid;gap:2rem}.ui-img-01{grid-column:1/3;grid-row:1/2;width:100%}.ui-img-02{grid-column:3/4;grid-row:1/2;width:100%}.ui-img-03,.web-img-03{grid-column:1/2;grid-row:2/3;width:100%}.ui-img-04,.web-img-04{grid-column:2/3;grid-row:2/3;width:100%}.web-img-01,.web-img-02{grid-row:1/2;width:100%}.web-img-01{grid-column:1/2}.web-img-02{grid-column:2/3}.btn-ui,.btn-visit{grid-row:2/3;grid-column:3/4}.web-img-01,.web-img-02,.web-img-03,.web-img-04{float:none}.img-label{width:50%;margin:auto}.btn-diseno,.btn-ui{margin:0 auto;width:300px;height:50px;padding:10px;z-index:1}.btn-visit{margin:auto auto 0;color:var(--Dark-Gray);text-decoration:none;font-size:20px}.btn-visit:hover{color:var(--Orange)}.nav-footer{margin-top:auto;color:#fff!important;text-decoration:none;font-size:12px}.nav-footer:hover{color:var(--Orange)!important}.nav-flex-footer{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.diseno-p,.ui-p{grid-row:2/3;margin-top:0}.ui-p{grid-column:3/4}.diseno-p{grid-column:1/2}.hover-img{display:inline-block;margin:auto;overflow:hidden}.hover-img:after,.hover-img:before{position:absolute;top:0;bottom:0;left:0;right:0;content:"Hacer Click para ver completo";background-color:rgba(64,64,65,.5);color:#fff;transition:.5s ease-in-out;z-index:1;opacity:0;transform:scaleY(2);width:100%;margin:0 auto}.hover-img img{vertical-align:middle}.hover-img figcaption{position:absolute;top:65px;bottom:0;left:0;right:0;align-items:center;display:flex;flex-direction:column;justify-content:center;line-height:1.1em;opacity:0;z-index:2;transition-delay:0.1s;font-size:24px;font-family:sans-serif;font-weight:400;background-color:var(--Dark-Gray);border:2px solid #fff;padding:2rem;width:50%;height:20px;border-radius:15px;text-align:center;margin:5rem auto 0}.hover-img figcaption:hover{background-color:var(--Orange)}.hover-img:hover:after,.hover-img:hover:before{transform:scale(1);opacity:1}.hover-img:hover>img{opacity:.7}.hover-img:hover figcaption{opacity:1;cursor:pointer!important}.video_1{width:90%;height:350px;margin:0 0 5rem;border:2px solid var(--Orange);border-radius:5px}@media (min-width:768px){.ui-grid_img{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);width:auto;gap:.7rem}.web-grid_img{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:4rem}.about-me-grid_img{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);gap:4rem}.ui-img-01,.ui-img-02,.ui-img-03,.ui-img-04,.web-img-01,.web-img-02,.web-img-03,.web-img-04{width:auto}.web-img-01,.web-img-03{float:right}.web-img-02,.web-img-04{float:left}.img-label{width:80%}.btn-ui{margin-top:10rem}.btn-diseno{margin-top:4rem}.nav-flex-footer{flex-direction:row;flex-wrap:wrap}.hover-img:after,.hover-img:before{width:100%}.hover-img figcaption{top:100px;margin-top:2rem}.video_1{width:75%;height:450px}}iframe{width:100%}.pulse{animation-name:pulse;-webkit-animation-name:pulse;-webkit-animation-duration:2s;-webkit-animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:ease;animation-duration:1s}@keyframes pulse{0%,100%{transform:scale(.9);opacity:.9}50%{transform:scale(1);opacity:1}}@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale(.9);opacity:.9}50%{-webkit-transform:scale(1);opacity:1}}.icon-logo{grid-column:1/3;margin-top:2rem}.icon-logo-footer{width:2rem}