*{margin:0;padding:0;scroll-behavior:smooth}@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}.navbar-container{padding:0;margin:0;display:flex;justify-content:center;align-items:center;background-color:#283845;position:fixed;height:80px;top:0;gap:150px;width:100%;z-index:10;font-size:20px;transition:all .6s}.navbar-container a{text-decoration:none;font-size:16px}.navbar-container .container--Redes{display:flex;gap:40px;margin:0 10px}.navbar-container .container--Redes a{font-size:30px;color:#d65725;transition:all .3s}.navbar-container .container--Redes a:hover{color:#ccc}.navbar--active{padding:0;margin:0;display:flex;justify-content:center;align-items:center;position:fixed;height:80px;top:0;gap:150px;width:100%;z-index:10;font-size:20px;transition:all .7s;background:rgb(36,48,61)}.navbar--Links{display:flex;justify-content:center;align-items:center;transition:all .5s}.navbar--Links ul{display:flex;justify-content:center;align-items:center;border:1px solid linear-gradient(to right,#0D9488,#FF8C00,#FF0080);box-shadow:0 0 5px 2px #60f2f27f;background-color:#2838454d;flex-direction:row;list-style:none;gap:50px;letter-spacing:3px;padding:10px 18px;border-radius:25px}.navbar--Links ul a{background-image:linear-gradient(currentColor,currentColor);background-position:0% 100%;background-repeat:no-repeat;background-size:0% 2px;transition:background-size .3s;color:#ccc}.navbar--Links ul a:hover{background-size:100% 2px;cursor:pointer;color:#d65725}.navbar--Links ul a:focus{background-size:100% 2px;cursor:pointer;color:#d65725}.navbar--Responsive{display:none;height:0;width:60%;background-color:#24303d;transition:all 1s}.navbar--Responsive ul{padding:0;margin:0;display:flex;flex-direction:column;text-align:start;list-style:none;gap:15px;letter-spacing:2.5px;padding-left:3rem}.navbar--Responsive ul a{color:#d65725}.navbar--Responsive .navbar--Avatar{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:30px;border-bottom:1px solid rgba(36,48,61,.3)}.navbar--Responsive .navbar--Avatar img{object-fit:cover;overflow:hidden;width:100px;height:100px;border-radius:50%}.navbar--Responsive .navbar--Avatar h2{color:#d65725}.navbar--MenuButton{display:none;margin-right:15px}@media only screen and (max-width: 900px){.navbar-container{display:flex;justify-content:space-between;align-items:center;gap:0px;padding:10px 45px}.navbar--Links{display:none}.navbar--MenuButton{display:flex;flex-direction:column;width:3rem;border:0;background-color:transparent;gap:.65rem}.navbar--MenuButton>div{background:#CCCCCC;height:2px;width:100%;border-radius:5px;transition:all .3s;transform-origin:left}.navbar--MenuButton:hover div:first-child{transform:rotate(45deg)}.navbar--MenuButton:hover div:nth-child(2){opacity:0}.navbar--MenuButton:hover div:last-child{transform:rotate(-45deg)}.navbar--Open{position:absolute;top:0px;overflow:hidden;left:35px;display:flex;flex-direction:column;padding:15px;min-height:100vh;z-index:100}}.container--Presentacion{display:flex;justify-content:center;align-items:center;width:100%;padding:50px 150px;gap:35px;height:500px;margin-bottom:70px;z-index:2;background-image:url(/portada1.jpg);background-position:center;background-size:cover}.container--Presentacion .presentacion--Parrafo{text-transform:uppercase;display:flex;flex-wrap:wrap;max-width:75%}.container--Presentacion .presentacion--Parrafo p{font-size:3rem;line-height:1.5;letter-spacing:3px;color:#fff;font-weight:700;text-shadow:-1px 3px 5px rgba(0,0,0,.25)}.container--Presentacion .presentacion--Parrafo p::selection{background-color:#000;color:#d65725}.container--Presentacion .presentacion--Parrafo strong{font-size:3.5rem;color:#47c2c2}.container--Presentacion .presentacion--Parrafo strong::selection{background-color:#000;color:#d65725}.tracking-in-expand{-webkit-animation:tracking-in-expand 1s 1s;animation:tracking-in-expand 1s 1s}@media only screen and (max-width: 1200px){.container--Presentacion{gap:5px;flex-wrap:wrap;padding:20px}.container--Presentacion .presentacion--Parrafo{padding:0}.container--Presentacion .presentacion--Parrafo p{font-size:1.5rem;width:600px}.container--Presentacion .presentacion--Parrafo strong{font-size:1.8rem}.mi--Foto img{width:300px;height:300px}}@media only screen and (max-width: 680px){.container--Presentacion{gap:5px;flex-wrap:wrap;padding:20px;height:350px}.container--Presentacion .presentacion--Parrafo{padding:0}.container--Presentacion .presentacion--Parrafo p{font-size:1rem;width:300px}.container--Presentacion .presentacion--Parrafo strong{font-size:1.3rem}.mi--Foto img{width:250px;height:250px}}#container_Habilidades{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;margin-bottom:60px;z-index:3}#container_Habilidades h2{color:#d65725;text-align:center}.container_Habilidades_Logos{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:50px;margin-bottom:50px;overflow:hidden}.habilidades--Logo a{font-size:50px}.react a{color:#0bcbf2}.js a{color:#f3ff50}.html a{color:#ea8022}.css a{color:#1527cf}.boot a{color:#563d7c}.node a{color:#68a063}.git a{color:#f14e32}.sass a{color:#c76494}.github a{color:#000}@media only screen and (max-width: 1200px){.habilidades--Logo a{font-size:30px}#container_Habilidades{gap:20px}}@media only screen and (max-width: 500px){.habilidades--Logo a{font-size:25px}#container_Habilidades{gap:15px}.container_Habilidades_Logos{gap:12px}#container_Habilidades{margin-bottom:40px}}.container--Proyectos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;padding-inline:150px;margin-top:100px;z-index:4}.container--Proyectos a{text-decoration:none;color:#ccc}.container--Proyectos a:hover{color:#d65725}.container--Proyectos article{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:row;gap:25px}.proyectos--Titulo{display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.proyectos--Titulo h2{letter-spacing:3px;font-size:40px;color:#fff}.proyectos--Titulo p{font-size:20px;letter-spacing:2.5px;color:#ccc}.proyectos--Lista{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;gap:50px;flex-direction:column;margin-bottom:50px;padding-inline:150px}@media only screen and (max-width: 1200px){.proyectos--Lista{padding:10px;margin:10px}}@media only screen and (max-width: 1000px){.container--Proyectos{padding:10px}.container--Proyectos .proyectos--Lista{margin:0}}@media only screen and (max-width: 782px){.container--Proyectos{gap:30px}.container--Proyectos .proyectos--Lista{margin:0;gap:15px}.proyectos--Titulo{width:90%}.proyectos--Titulo h2{font-size:30px}}@media only screen and (max-width: 586px){.proyectos--Lista{margin:0;padding:10px;width:90% auto}.proyectos--Lista .proyectos--Titulo{padding:0;width:80%}}@media only screen and (max-width: 480px){.proyectos--Titulo{width:70%;padding:10px}.proyectos--Titulo .proyectos--Lista{margin:0;width:90% auto}}.proyecto{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:40px;margin-bottom:50px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,rgba(255,254,236,.35) 0%,rgba(255,254,236,.2) 100%);background-blend-mode:soft-light;backdrop-filter:blur(80px);border-radius:5px;cursor:pointer;width:370px;overflow:hidden;transition:all .5s;padding-top:0;box-shadow:0 10px 38px 2px #0000002e;-webkit-box-shadow:0px 10px 38px 2px rgba(0,0,0,.18);-moz-box-shadow:0px 10px 38px 2px rgba(0,0,0,.18)}.proyecto:hover{box-shadow:0 0 5px #60f2f2d4;-webkit-box-shadow:0px 0px 5px 0px rgba(96,242,242,.83);-moz-box-shadow:0px 0px 5px 0px rgba(96,242,242,.83)}.proyecto strong{font-size:24px;color:#fff}.proyecto img{width:370px;top:0;height:250px;object-fit:cover;margin:0}.proyecto section{display:flex;justify-content:flex-start;align-items:top;flex-wrap:wrap;flex-direction:column}.proyecto section p{font-size:16px;margin:0;color:#ccc;text-align:start;max-width:350px}.proyecto--Detalle{display:flex;justify-content:center;align-items:center;flex-direction:column}.proyectos--Button{display:flex;justify-content:flex-start;align-items:center;width:100%;padding:10px;gap:10px}.proyectos--Button p{color:#ccc;font-size:14px}.proyectos--Button button{display:flex;justify-content:center;align-items:center;gap:8px;padding:7px 10px;border-radius:5px;border:none;color:#ccc;background-color:#d65725}.proyectos--Button button:hover{background-color:#ccc;color:#d65725}.proyectos--Button button a:hover,.proyectos--Button button i:hover{color:#d65725}@media only screen and (max-width: 1200px){.proyecto--Detalle{width:100%}}@media only screen and (max-width: 1000px){.proyecto--Detalle{width:100%}.proyecto--Detalle p,.proyecto--Detalle strong{letter-spacing:normal;font-size:18px}}@media only screen and (max-width: 782px){.container_proyectos{gap:30px}.proyecto--Detalle{width:100%;flex-wrap:wrap;gap:5px}.proyecto--Detalle img{width:100%}.proyecto--Detalle p,.proyecto--Detalle strong{letter-spacing:3px;font-size:14px}}@media only screen and (max-width: 500px){.proyecto{width:300px}.proyecto section{padding:0 5px;font-size:14px}.proyecto button{padding:5px 7px}.proyecto .proyectos--Button p{font-size:12px}}.container--Footer{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:25px;max-width:100%;gap:60px;position:relative;z-index:8;bottom:0px}.container--Footer--Email a{font-size:40px;text-decoration:none;color:#ccc;transition:all .3s}.container--Footer--Email a:hover{background-size:100% 2px;cursor:pointer;color:#d65725}.container--Footer--Redes{display:flex;gap:60px}.container--Footer--Redes a{font-size:40px;color:#ccc;transition:all .3s}.container--Footer--Redes a:hover{color:#d65725}.container--Footer--Logo a{font-family:Orbitron,sans-serif;text-decoration:none;color:#ccc;font-size:40px;padding:0;margin:0;cursor:pointer}.container--Footer--Logo a:hover{color:#d65725;transition:all .3s}@media only screen and (max-width: 680px){.container--Footer--Redes{font-size:28px}}@media only screen and (max-width: 420px){.container--Footer--Redes{gap:30px}.container--Footer--Redes a,.container--Footer--Email a{font-size:20px}.container--Footer--Logo h2{font-size:22px}}.container--About{display:flex;justify-content:center;align-items:center;min-width:100%;flex-wrap:wrap;gap:6rem;margin-top:50px;margin-bottom:80px;z-index:5;padding-inline:150px}.container--About .parrafo{display:flex;justify-content:center;align-items:center;flex-direction:column;width:50%}.container--About .parrafo p{font-size:1.2rem;width:85%;line-height:2rem;color:#fff;margin-bottom:15px;font-family:DM Sans,sans-serif;letter-spacing:.025em}.container--About .about--Parrafo--4{display:flex;justify-content:space-between;align-items:center;max-width:100%;overflow:hidden;gap:50px}.container--foto{height:100%;display:flex;justify-content:center;align-items:center}.container--foto img{object-fit:cover;overflow:hidden;width:350px;height:450px;border:.5px solid #283845}@media only screen and (max-width: 1200px){.parrafo{padding:15px}.parrafo p{font-size:22px}.about--Parrafo--4 img{width:200px}}@media only screen and (max-width: 800px){.about--Parrafo--4 img{width:150px}.container--About{gap:50px}.container--About .parrafo{padding:15px;font-size:20px;width:100%}.container--About .parrafo p{font-size:16px;line-height:normal}}@media only screen and (max-width: 620px){.container--About{padding:10px;gap:20px}.container--About .parrafo{padding:5px}.container--About .parrafo P{line-height:1rem;font-size:18px}}.container-App{padding:0;margin:0;font-family:Space Grotesk,sans-serif;display:flex;justify-content:center;align-items:center;flex-direction:column;min-width:100%;min-height:100vh;overflow:hidden;z-index:8;background:#283845}html,#app{padding:0;margin:0;width:100%;background-color:#283845}.container-form{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:50px 0;width:500px;gap:20px;z-index:6}.container-form input,.container-form textarea{width:100%;background-color:transparent;border:none;border:1px solid rgba(255,255,255,.2);border-radius:35px;padding:10px;color:#ccc}.container-form input:focus,.container-form textarea:focus{outline:none;box-shadow:0 1px 1px #60f2f21f,0 0 0 1px #60f2f229,0 2px 5px #60f2f214,0 0 0 4px #60f2f229}.container-form textarea{border-radius:5px;height:50px}.container-form label{width:100%;text-align:left;color:#ccc}.container-form button{padding:12px 18px;border-radius:25px;font-weight:600;width:50%;border:none;background-color:#d65725;color:#ccc;cursor:pointer}.container-form button:hover{opacity:.8}@media only screen and (max-width: 550px){.container-form{width:325px}}