@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat}html{scroll-behavior:smooth}#toggle-Sidebar,.toggle-icon{display:none}a{all:unset;cursor:pointer}.toggle-icon div{background:grey;width:100%;height:3px}.toggle-icon{position:fixed;top:22px;right:30px;width:22px;height:22px;z-index:9999;cursor:pointer;transition:all .3s}.bar-center{margin:3px 0;color:"white"}input[type=checkbox]:checked~.toggle-icon>.bar-top{transform:rotate(135deg);margin-top:8px}input[type=checkbox]:checked~.toggle-icon>.bar-center{opacity:0}input[type=checkbox]:checked~.toggle-icon>.bar-bottom{transform:rotate(-135deg);margin-top:-12px}input[type=checkbox]:checked~.cuerpo{transition:padding .3s;padding-left:250px}input[type=checkbox]:not(:checked)~.cuerpo{transition:padding .3s;padding-left:560px}#inicio{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/_next/static/media/fondo-inicio.3bdda20b.jpg);background-size:cover;background-position:50%;height:100vh}#inicio .contenido header{background-color:rgba(0,0,0,.8);position:fixed;width:100%;z-index:100;top:0}#inicio .contenido header .contenido-header{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:10px 20px}#inicio .contenido header .contenido-header h1{text-align:center;color:#000000;visibility:hidden}#inicio .contenido header .contenido-header nav ul{list-style:none;display:flex;align-items:center}#inicio .contenido header .contenido-header nav ul li a{text-decoration:none;color:#fff;margin:0 12px;font-weight:400;transition:.5s}#inicio .contenido header .contenido-header nav ul li a:hover{color:#ff5080}#inicio .contenido header .contenido-header .redes a{text-decoration:none;color:#fff;display:inline-block;margin-left:10px;transition:.5s}#inicio .contenido header .contenido-header .redes a:hover,#inicio .contenido header .contenido-header .seleccionado{color:#ff5080}#inicio .contenido .presentacion{max-width:1100px;height:100vh;margin:auto;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}#inicio .contenido .presentacion .bienvenida{font-size:16px;margin-bottom:20px;text-transform:uppercase;letter-spacing:5px;text-align:center}#inicio .contenido .presentacion h2{font-size:55px;margin-bottom:25px;text-align:center}#inicio .contenido .presentacion h2 span{font-size:40px;color:#ff5080}#inicio .contenido .presentacion .descripcion{max-width:700px;margin:25px auto;font-size:18px;text-align:center}#inicio .contenido .presentacion a{text-decoration:none;display:inline-block;margin:25px;padding:20px 25px;border:2px solid #fff;border-radius:50px;color:#fff;font-weight:700;text-transform:uppercase;transition:.5s}#inicio .contenido .presentacion a:hover{background-color:#ff5080}#icono-nav{color:#fff;display:none}#sobremi{max-width:1100px;margin:auto;padding:100px 15px;color:#111135;display:flex}#sobremi .contenedor-foto{width:500px;height:447px;margin-right:80px;flex:0.5 0.3 auto;position:relative;padding-top:5.25%}#sobremi .contenedor-foto img{padding:20px;width:100%;border-radius:1px;border:0 solid #fff;background-color:#f3f3f3}#sobremi .sobremi{margin:0 40px;flex:0.5 0.7 auto}#sobremi .sobremi .titulo-seccion{font-size:22px;text-transform:uppercase;color:#111135;text-decoration:underline;text-decoration-color:#d3d3d3;text-decoration-thickness:5px}#sobremi .sobremi h2{font-size:34px;font-weight:700;margin:20px 0;letter-spacing:2px}#sobremi .sobremi h2 span{color:#ff5080}#sobremi .sobremi h3{font-size:18px;font-weight:500;text-transform:uppercase;margin-bottom:20px;letter-spacing:1px}#sobremi .sobremi p{font-size:14px;line-height:25px;color:#565656;margin-bottom:12px}#sobremi .sobremi a{display:inline-block;text-decoration:none;color:#000;border-radius:10px;border:1px solid #000;padding:10px 20px;margin-top:30px;transition:.5s}#sobremi .sobremi a:hover{background-color:#ff5080;color:#fff}#cv{padding:100px 15px;text-align:center;background-color:#f3f3f3}#cv .titulo-seccion{text-align:center;font-size:22px;text-transform:uppercase;color:#111135;text-decoration:underline;text-decoration-color:#d3d3d3;text-decoration-thickness:5px}#cv .fila{display:flex;justify-content:space-between;max-width:1150px;margin:30px auto}#cv .fila .cv{max-width:1150px;width:100%;background-color:#fff;padding:30px;margin:0 5px;border-radius:5px;transition:.5s}#cv .fila .cv:hover{box-shadow:5px 5px 10px #565656,-5px -5px 10px #8a8a8a}#cv .fila .cv .icono{display:inline-block;width:60px;height:60px;border-radius:50%;background-color:#d3d3d3;padding:20px;margin-bottom:25px}#cv .fila .cv h4{text-align:left;font-size:22px;margin-bottom:25px}#cv .fila .cv .empr{margin-bottom:40px}#cv .fila .cv hr{width:30%;color:#000;margin:auto auto 25px}#cv .fila .cv ul{list-style:circle;display:block;text-align:left;justify-content:space-around;margin-bottom:10px;margin-left:40px}#cv .fila .cv ul li{margin-bottom:15px}#cv .fila .cv p{text-align:left;font-size:14px;line-height:22px;margin-bottom:10px}#cv .fila .cv h2{font-size:20px;margin-bottom:5px;text-align:left}#cv .fila .cv h2 span{font-size:14px;color:#000000ce}#cv .fila .cv h3{font-size:18px;color:#03a3ffce;margin-bottom:5px;margin-top:15px;text-align:left}#cv .fila .cv .fechas{text-align:left;font-size:14px;line-height:22px;margin-bottom:10px}#cv .fila .cv .descripcion{max-width:700px;margin:25px auto;font-size:18px;text-align:center}#cv .cv a{display:inline-block;text-decoration:none;color:#000;border-radius:30px;border:1px solid #000;padding:10px 20px;margin-top:30px;transition:.5s}#cv .cv a:hover{background-color:#ff5080;color:#fff}.contenedor-skills{background:linear-gradient(#eb5a5acc,rgba(33,16,16,.8)),url(/_next/static/media/fondo-skills.7a4567d6.jpg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;color:#fff;background-position:50%;padding:100px 0;text-align:center}.contenedor-skills .skill{max-width:600px;margin:30px auto}.contenedor-skills .skill .info{display:flex;justify-content:space-between}.contenedor-skills .skill .lista{display:inline-block;margin-right:20px;height:10px;width:10px;background-color:#fff}.contenedor-skills .skill .barra{background-color:#919191;width:100%;height:6px;margin:10px 0}.contenedor-skills .skill .barra .barra-progreso1{background-color:#fff;width:95%;height:6px;animation:progreso1 2s forwards}.contenedor-skills .skill .barra .barra-progreso2{background-color:#fff;width:90%;height:6px;animation:progreso2 2s forwards}.contenedor-skills .skill .barra .barra-progreso3{background-color:#fff;width:90%;height:6px;animation:progreso3 2s forwards}.contenedor-skills .skill .barra .barra-progreso4{background-color:#fff;width:85%;height:6px;animation:progreso4 2s forwards}@keyframes progreso1{0%{width:0}to{width:95%}}@keyframes progreso2{0%{width:0}to{width:90%}}@keyframes progreso3{0%{width:0}to{width:90%}}@keyframes progreso4{0%{width:0}to{width:85%}}#portfolio{max-width:1100px;padding:100px 0;margin:auto}#portfolio .titulo-seccion{text-align:center;font-size:22px;text-transform:uppercase;color:#111135;text-decoration:underline;text-decoration-color:#d3d3d3;text-decoration-thickness:5px}#portfolio .fila{display:flex;justify-content:space-between;margin:30px 0}#portfolio .fila .proyecto{max-width:450px;border:1px solid #000;margin:0 10px;position:relative;overflow:hidden}#portfolio .fila .proyecto img{width:100%;height:100%;filter:grayscale(1);object-fit:cover;transition:.5s}#portfolio .fila .proyecto:hover img{filter:grayscale(0)}#portfolio .fila .proyecto .info{position:absolute;left:0;background-color:rgba(0,0,0,.8);color:#ff5080;width:100%;padding:10px;opacity:0;bottom:-40px;transition:.5s}#portfolio .fila .proyecto:hover .info{opacity:1;bottom:0}#contacto{padding:100px 15px;background-color:#f3f3f3}#contacto .titulo-seccion{margin-bottom:20px}#contacto .contenedor-form{max-width:1100px;margin:auto}#contacto .contenedor-form .fila{margin-bottom:15px}#contacto .contenedor-form .mitad{display:flex;justify-content:space-between}#contacto .contenedor-form input,#contacto .contenedor-form textarea{padding:20px;border-radius:20px;border:1px solid #919191}#contacto .contenedor-form .mitad input{width:48%}#contacto .contenedor-form .input-full{width:100%}#contacto .titulo-seccion{text-align:center;font-size:22px;text-transform:uppercase;color:#111135;text-decoration:underline;text-decoration-color:#d3d3d3;text-decoration-thickness:5px}#contacto .btn-enviar{display:block;margin:auto;cursor:pointer;transition:.5s;padding:10px 15px!important}#contacto .btn-enviar:hover{background-color:#ff5080;color:#fff}footer{background-color:#000;color:#fff;text-align:center;padding:30px 0}footer a{text-decoration:none;color:#fff;display:inline-block;margin:5px;font-size:26px}@media screen and (max-width:800px){.redes{display:none}.toggle-icon{display:block}input[type=checkbox]:not(:checked)~nav{display:none}input[type=checkbox]:checked~nav{display:block}input[type=checkbox]:checked~#nav.responsive{display:block;background-color:rgba(0,0,0,.8);width:100%;position:absolute;top:48px;left:0;padding:10px 0}input[type=checkbox]:checked~#nav.responsive ul{display:block!important;text-align:center}input[type=checkbox]:checked~#nav.responsive ul li{margin:5px 0}#icono-nav{display:block}input[type=checkbox]:checked~h1{text-align:center;visibility:hidden}#inicio .contenido .presentacion h2{font-size:40px}#sobremi{padding:50px 0;display:block;justify-content:center;align-items:center}#sobremi .contenedor-foto{height:300px;width:220px;position:relative;display:"block";margin-left:auto;margin-right:auto;margin-bottom:25px;border:1px}#sobremi .contenedor-foto img{border-radius:10px;border-image-width:10px;padding:10px}#sobremi .sobremi .titulo-seccion{text-align:center}#sobremi .sobremi h2{font-size:25px;text-align:center}#servicios{padding:50px 15px}#servicios .fila{display:block}#servicios .fila .servicio{margin:10px auto}.contenedor-skills{padding:50px 20px}#portfolio{padding:50px 0}#portfolio .fila{display:block}#portfolio .fila .proyecto{margin:10px auto}#contacto{padding:50px 15px}#contacto .contenedor-form .mitad{margin-bottom:15px;display:block}#contacto .contenedor-form .mitad input{width:100%;margin-bottom:15px}}