@charset "UTF-8";html{box-sizing:border-box;font-size:62.5%;overflow-x:hidden}*,:after,:before{box-sizing:inherit}body{align-items:center;background-color:#fff;color:#212121;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:1.6rem;letter-spacing:0!important;line-height:1.8;margin:0;overflow-x:hidden;position:relative;scroll-behavior:smooth}.contenedor{margin:0 auto;width:100%}@media (min-width:1200px){.contenedor{width:95%}}@media (min-width:1550px){.contenedor{width:75%}}a{text-decoration:none}img,picture{display:block;width:100%}h1,h2,h3{color:#000;font-size:3.2rem;font-weight:700;letter-spacing:0;line-height:1.2em}h2{font-size:2.4rem;font-weight:500}a,p,span{color:#000;font-size:1.8rem;font-weight:400;line-height:1.2;margin:0}a.bodyL,p.bodyL,span.bodyL{color:#616161;font-size:2rem}a.bodyM,p.bodyM,span.bodyM{color:#616161;font-size:1.6rem}.flotante,[role=button],a,button{-webkit-tap-highlight-color:transparent}.separador1{width:0}@media (min-width:768px){.separador1{width:35%}}@media (min-width:1200px){.separador1{width:37%}}.separador2{padding-bottom:1rem;width:100%}@media (min-width:768px){.separador2{width:65%}}@media (min-width:1200px){.separador2{width:50%}}.separador3{width:0}@media (min-width:1200px){.separador3{width:13%}}.tamaños-nav{color:#616161;font-size:1.6rem}@media (min-width:1200px){.tamaños-nav{font-size:1.8rem}}@media (min-width:1550px){.tamaños-nav{font-size:2rem}}.tamaños-header{font-size:2.2rem}@media (min-width:1200px){.tamaños-header{font-size:2.8rem}}@media (min-width:1550px){.tamaños-header{font-size:3.2rem}}.tamaños-mi{font-size:1.8rem}@media (min-width:768px){.tamaños-mi{font-size:2.4rem}}@media (min-width:1200px){.tamaños-mi{font-size:2.8rem}}@media (min-width:1550px){.tamaños-mi{font-size:3.2rem}}.sticky-blur{backdrop-filter:blur(3.5px);bottom:0;height:10%;-webkit-mask-composite:intersect;-webkit-mask:linear-gradient(90deg,transparent,#000 20px,#000 100%,transparent),linear-gradient(180deg,transparent,#000 20px,#000 100%,transparent);mask:linear-gradient(90deg,transparent,#000 20px,#000 100%,transparent),linear-gradient(180deg,transparent,#000 20px,#000 100%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect;position:fixed;width:100%;z-index:90}.hover-arrow{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;transition:all .3s ease;width:-moz-max-content;width:max-content}.hover-arrow:hover{color:#616161}.hover-arrow:hover svg{opacity:1;transform:scale(1) translateX(0)}.hover-arrow svg{opacity:0;padding-top:.5rem;transform:scale(0) translateX(-1rem);transition:all .3s ease}nav{align-items:center;border-bottom:.1rem solid #e6e6e6;display:flex;flex-direction:column;justify-content:space-around;padding:1.1rem 0 2rem;width:100%}@media (min-width:768px){nav{flex-direction:row}}nav h1{margin:0}nav h1 a{font-size:9rem;font-weight:700;margin:0}@media (min-width:480px){nav h1 a{font-size:12rem}}@media (min-width:768px){nav h1 a{font-size:7.7rem}}@media (min-width:1200px){nav h1 a{font-size:9rem}}nav .navegacion{align-items:flex-start;display:flex;justify-content:space-evenly;margin-top:3.2rem;width:100%}@media (min-width:768px){nav .navegacion{justify-content:space-around;margin-top:0;width:70%}}nav .navegacion .categorias{display:flex;flex-direction:column;gap:1rem}nav .navegacion .categorias a{height:2.2rem;overflow-y:hidden;position:relative;width:100%}nav .navegacion .categorias a:hover .hover-split{transform:translateY(-2.2rem)}nav .navegacion .categorias a .hover-split{transform:translateY(0);transition:all .3s ease}nav .navegacion .categorias a .hover-split p:nth-child(2){color:#000}.header{display:flex;gap:1rem;height:60vh;width:100%}@media (min-width:768px){.header{height:40vh}}@media (min-width:1200px){.header{height:47vh}}.header .separador{align-items:flex-end;display:flex;justify-content:flex-start}.header .separador2{padding-bottom:3.2rem}.header .separador2 p{font-weight:400;width:90%}.header .separador2 p span{color:#616161;font-weight:400}.proyectos{display:flex;flex-direction:column;gap:3.2rem;margin-bottom:3.2rem;padding:0 1rem;width:100%}@media (min-width:768px){.proyectos{flex-direction:row;gap:1rem;padding:0}}.proyectos .separador{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between}.proyectos .separador p{font-size:1.8rem}.proyectos .separador span{color:#8f8f8f;font-size:1.8rem}.proyectos .separador.separador1{display:flex;flex-direction:column;justify-content:flex-start;width:-moz-max-content;width:max-content}@media (min-width:768px){.proyectos .separador.separador1{width:35%}.proyectos .separador.separador1 p,.proyectos .separador.separador1 span{margin-left:5%}}@media (min-width:1200px){.proyectos .separador.separador1{width:37%}}.proyectos .separador.separador2{gap:3.2rem}.proyectos .separador.separador2 .enlaces{display:none}@media (min-width:768px){.proyectos .separador.separador2 .enlaces{align-items:center;display:flex;justify-content:space-between;width:100%}}.proyectos .separador.separador2 .enlaces a{font-weight:500}.proyectos .separador.separador2 .proyecto{display:flex;flex-direction:column;gap:.5rem;position:relative;width:100%}.proyectos .separador.separador2 .proyecto:nth-child(3){filter:grayscale(50%)}.proyectos .separador.separador2 .proyecto:nth-child(4){filter:grayscale(70%)}.proyectos .separador.separador2 .proyecto a{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.proyectos .separador.separador2 .proyecto a:hover~.titulo .hover-arrow{color:#616161}.proyectos .separador.separador2 .proyecto a:hover~.titulo .hover-arrow .icon-arrow svg{opacity:1;transform:scale(1) translateX(.5rem)}.proyectos .separador.separador2 .proyecto a:hover~.caja-img img{transform:scale(1.15);transition:all .3s ease}.proyectos .separador.separador2 .proyecto .titulo{align-items:center;display:flex;justify-content:space-between}.proyectos .separador.separador2 .proyecto .titulo p{font-size:1.8rem}.proyectos .separador.separador2 .proyecto .titulo .datos{display:flex;gap:1rem}.proyectos .separador.separador2 .proyecto .titulo .datos p{background:#000;color:#fff;font-size:1.6rem;padding:.2rem}.proyectos .separador.separador2 .proyecto .caja-img{height:-moz-max-content;height:max-content;overflow:hidden;width:100%}.proyectos .separador.separador2 .proyecto .caja-img img{transition:all .3s ease}.sobre-mi{display:flex;flex-direction:column;gap:1rem;margin:6.4rem 0 9.6rem;padding:0 1rem;width:100%}@media (min-width:768px){.sobre-mi{flex-direction:row;padding:0}}.sobre-mi .separador1{width:100%}@media (min-width:768px){.sobre-mi .separador1{width:35%}}@media (min-width:1200px){.sobre-mi .separador1{width:37%}}.sobre-mi .separador1 p,.sobre-mi .separador1 span{font-size:1.8rem}@media (min-width:768px){.sobre-mi .separador1 p,.sobre-mi .separador1 span{margin-left:5%}}.sobre-mi .separador1 span{color:#8f8f8f;font-size:1.6rem}.sobre-mi .separador2{display:flex;flex-direction:column;gap:3.2rem}.sobre-mi .separador2 p,.sobre-mi .separador2 span{width:90%}.sobre-mi .separador2 span{color:#616161}.sobre-mi .separador2 .descripcion-mi{display:flex;flex-direction:column;width:100%}.sobre-mi .separador2 .experiencia{align-items:flex-start;display:flex;justify-content:flex-start;width:100%}.sobre-mi .separador2 .experiencia .clientes,.sobre-mi .separador2 .experiencia .servicios{display:flex;flex-direction:column;width:50%}.sobre-mi .separador2 .experiencia .clientes p,.sobre-mi .separador2 .experiencia .servicios p{margin-bottom:1rem}.sobre-mi .separador2 .experiencia .clientes span,.sobre-mi .separador2 .experiencia .servicios span{color:#8f8f8f;width:-moz-max-content;width:max-content}footer{align-items:flex-start;border-top:.1rem solid #e6e6e6;justify-content:space-between;width:95%}footer,footer .cierre{display:flex;flex-direction:column}footer .cierre{gap:1rem;margin:3.2rem 0;width:100%}@media (min-width:480px){footer .cierre{align-items:flex-start;flex-direction:row;gap:0;justify-content:space-around}}footer .cierre span{color:#8f8f8f}footer h3{font-size:5.5rem;line-height:1.4;margin:0;text-align:center;width:100%}@media (min-width:480px){footer h3{font-size:7.5rem}}@media (min-width:768px){footer h3{font-size:10rem}}@media (min-width:1200px){footer h3{font-size:16rem}}.header-proyectos{margin-bottom:1.6rem}.header-proyectos .separador2{align-items:flex-start;display:flex;flex-direction:column;gap:1.6rem;justify-content:flex-end}.header-proyectos .separador2 span{color:#616161}.proyectos-p{margin-bottom:9.6rem}.proyectos-p .proyecto:nth-child(2){filter:grayscale(50%)}.header-proyecto .separador2{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:flex-end}.header-proyecto .separador2 span{color:#616161;font-size:1.8rem}@media (min-width:768px){.header-proyecto .separador2 span{font-size:2rem;font-size:2.2rem}}.descripcion-p{display:flex;flex-direction:column;margin-bottom:9.6rem;padding:0 1rem;width:100%}@media (min-width:768px){.descripcion-p{flex-direction:row;padding:0}}.descripcion-p .separador1{width:100%}@media (min-width:768px){.descripcion-p .separador1{width:35%}}@media (min-width:1200px){.descripcion-p .separador1{width:37%}}@media (min-width:768px){.descripcion-p .separador1 p,.descripcion-p .separador1 span{margin-left:5%}}.descripcion-p .separador1 span{color:#8f8f8f}.descripcion-p .separador2{display:flex;flex-direction:column;gap:3.2rem}.descripcion-p .separador2 .enlaces{align-items:flex-start;display:flex;justify-content:space-between;margin-top:1.6rem;width:100%}@media (min-width:768px){.descripcion-p .separador2 .enlaces{margin-top:0}}.descripcion-p .separador2 .enlaces a{color:#212121;font-size:2rem;font-weight:500}.descripcion-p .separador2 .enlaces a:hover{color:#616161}.descripcion-p .separador2 p{color:#616161;font-size:1.8rem}@media (min-width:768px){.descripcion-p .separador2 p{font-size:2rem;font-size:2.2rem}}.formacion,.imagen{display:flex;width:100%}.formacion{flex-direction:column;margin:6.4rem 0;padding:0 1rem}@media (min-width:768px){.formacion{flex-direction:row;padding:0}}.formacion .separador span{color:#8f8f8f}.formacion .separador1{margin-bottom:3.2rem;width:100%}@media (min-width:768px){.formacion .separador1{margin-bottom:0;width:35%}}@media (min-width:1200px){.formacion .separador1{width:37%}}@media (min-width:768px){.formacion .separador1 p,.formacion .separador1 span{margin-left:5%}}.formacion .separador2 .estudio{align-items:flex-end;border-bottom:.1rem solid #e6e6e6;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;width:100%}.formacion .separador2 .estudio:last-child{border-bottom:none}.formacion .separador2 .estudio .detalle-estudio,.formacion .separador2 .estudio span{width:50%}.formacion .separador2 .estudio .detalle-estudio p,.formacion .separador2 .estudio .detalle-estudio span{margin-bottom:.5rem}.formacion .separador2 .estudio .detalle-estudio span{font-size:1.6rem}@media (min-width:768px){.formacion .separador2 .estudio .detalle-estudio span{font-size:1.8rem}}.cursos{display:flex;flex-direction:column;margin-bottom:9.6rem;padding:0 1rem;width:100%}@media (min-width:768px){.cursos{flex-direction:row;padding:0}}.cursos .separador2{display:flex;flex-direction:column;gap:3.2rem;width:100%}@media (min-width:768px){.cursos .separador2{flex-direction:row;gap:0;width:65%}}@media (min-width:1200px){.cursos .separador2{width:50%}}.cursos .separador2 .curso,.cursos .separador2 .habilidades{display:flex;flex-direction:column;gap:.2rem;width:100%}@media (min-width:768px){.cursos .separador2 .curso,.cursos .separador2 .habilidades{width:50%}}.cursos .separador2 .curso span,.cursos .separador2 .habilidades span{color:#616161}.header-contacto .separador2{align-items:flex-start;display:flex;flex-direction:column;gap:1.6rem;justify-content:flex-end}.header-contacto .separador2 span{color:#616161}.formulario{display:flex;flex-direction:column;gap:1.6rem;padding:0 1rem;width:100%}@media (min-width:768px){.formulario{flex-direction:row;padding:0}}.formulario .separador1{margin-bottom:3.2rem;width:100%}@media (min-width:768px){.formulario .separador1{margin-bottom:0;width:35%}}@media (min-width:1200px){.formulario .separador1{width:37%}}@media (min-width:768px){.formulario .separador1 p,.formulario .separador1 span{margin-left:5%}}.formulario .separador1 span{color:#8f8f8f}.formulario .separador2{position:relative}.formulario .separador2 form{width:100%}.formulario .separador2 form .campo{display:flex;flex-direction:column;margin-bottom:1.6rem;position:relative;width:100%}.formulario .separador2 form .campo label{color:#616161;display:block;position:relative;width:100%!important}.formulario .separador2 form .campo input,.formulario .separador2 form .campo textarea{background:#eee;border:none;font-size:1.6rem;min-height:3.2rem;padding-left:1rem;width:100%}.formulario .separador2 form .campo input:focus,.formulario .separador2 form .campo textarea:focus{outline:0}.formulario .separador2 form .campo textarea{font-family:Inter,sans-serif;min-height:6.4rem}.formulario .separador2 form button{background:#212121;border:none;color:#fff;cursor:pointer;font-size:1.6rem;margin:3.2rem 0;padding:1rem 0;transition:all .4s ease,height .4s ease;width:100%}.formulario .separador2 form button:hover{background:#616161}.formulario .separador2 form .loader{display:block;display:none;height:48px;margin:0 auto;position:relative;transform:rotate(45deg);width:48px}.formulario .separador2 form .loader:before{animation:animloader 4s ease infinite;box-sizing:border-box;content:"";height:24px;left:0;position:absolute;top:-24px;width:24px}.formulario .separador2 form .loader:after{animation:animloader2 2s ease infinite;background:hsla(0,0%,100%,.85);box-shadow:0 0 10px rgba(0,0,0,.15);box-sizing:border-box;content:"";height:24px;left:0;position:absolute;top:0;width:24px}.notification{background:#212121;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;left:50%;max-width:10px;opacity:0;padding:1rem 2rem;position:fixed;text-align:center;top:20px;transform:translateX(-50%) translateY(-20px);transition:opacity .4s ease,transform .3s ease;z-index:1000}.notification.show{min-width:350px!important;opacity:1;transform:translateX(-50%) translateY(0)}.notification.success{background:#000}.notification.success #notification-text{color:#fff!important}.notification.error{background:#000;color:#fff}.notification.error #notification-text{color:#fff!important}.notification .progress-bar{animation:shrink 10s linear forwards;background:rgba(146,229,175,.8);bottom:0;height:6px;left:0;position:absolute;width:100%;z-index:10}@keyframes shrink{to{width:0}}@keyframes animloader{0%{box-shadow:0 24px hsla(0,0%,100%,0),24px 24px hsla(0,0%,100%,0),24px 48px hsla(0,0%,100%,0),0 48px hsla(0,0%,100%,0)}12%{box-shadow:0 24px #333,24px 24px hsla(0,0%,100%,0),24px 48px hsla(0,0%,100%,0),0 48px hsla(0,0%,100%,0)}25%{box-shadow:0 24px #333,24px 24px #333,24px 48px hsla(0,0%,100%,0),0 48px hsla(0,0%,100%,0)}37%{box-shadow:0 24px #333,24px 24px #333,24px 48px #333,0 48px hsla(0,0%,100%,0)}50%{box-shadow:0 24px #333,24px 24px #333,24px 48px #333,0 48px #333}62%{box-shadow:0 24px hsla(0,0%,100%,0),24px 24px #333,24px 48px #333,0 48px #333}75%{box-shadow:0 24px hsla(0,0%,100%,0),24px 24px hsla(0,0%,100%,0),24px 48px #333,0 48px #333}87%{box-shadow:0 24px hsla(0,0%,100%,0),24px 24px hsla(0,0%,100%,0),24px 48px hsla(0,0%,100%,0),0 48px #333}to{box-shadow:0 24px hsla(0,0%,100%,0),24px 24px hsla(0,0%,100%,0),24px 48px hsla(0,0%,100%,0),0 48px hsla(0,0%,100%,0)}}@keyframes animloader2{0%{transform:translate(0) rotateX(0) rotateY(0)}25%{transform:translate(100%) rotateX(0) rotateY(180deg)}50%{transform:translate(100%,100%) rotateX(-180deg) rotateY(180deg)}75%{transform:translateY(100%) rotateX(-180deg) rotateY(1turn)}to{transform:translate(0) rotateX(0) rotateY(1turn)}}
/*# sourceMappingURL=app.css.map */