*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}html{scroll-behavior:smooth}.font-dm-sans{font-family:DM Sans,sans-serif}.font-hedvig{font-family:Hedvig Letters Sans,sans-serif}.font-space-grotesk{font-family:Space Grotesk,sans-serif}body{font-family:var(--fuentePrincipal);background-color:var(--colorDeFondo);background-image:radial-gradient(circle at 30% 40%,#8484cdaa -46%,transparent 40%);background-attachment:fixed;background-position:center;background-repeat:no-repeat;min-height:100vh;overflow-x:hidden;margin:2% 5% 5%}a{color:var(--colorSecundario)}@keyframes aparecerArriba{0%{opacity:0;transform:translateY(-120px)}to{opacity:1;transform:translateY(0)}}nav{position:fixed;top:3%;left:5%;z-index:1000;font-family:DM Sans,sans-serif;width:clamp(200px,100%,800px);height:70px;color:var(--colorSecundario);border:1px solid #8080916d;background-color:#0f0f20;border-radius:50px;animation:aparecerArriba 1s ease-in-out;box-shadow:0 22px 45px #000;transition:.3s}.navRecogio{width:220px}.navRecogio .a{visibility:hidden;opacity:0}.navRecogio .homeNav{position:relative;left:15px;transition:1s}.navRecogio .homeNav:after{content:"Contenido";position:absolute;top:-18px;left:50px;font-weight:800;font-size:1.2rem;transition:.3s ease;height:70px;width:160px;background:var(--colorPrimarioLight);color:#000;display:flex;align-content:center;justify-content:center;align-items:center;border-radius:100px}@keyframes desaparecerLinea{0%{width:92%}to{opacity:1;width:0%}}nav:before{content:"";position:absolute;bottom:-3px;width:90%;height:2.4px;background-color:#01eeff6d;left:30px;animation:desaparecerLinea 3s ease-in forwards}.seccionesNav{display:flex;color:#9c9caf6d;justify-content:space-around;align-items:center;position:relative;height:100%;width:100%}.a{display:flex;height:100%;align-items:center;transition:.3s ease}.inicio{width:30px;height:30px;border-radius:50%;transition:1s ease;background-color:#9c9caf6d}.inicio:hover{transform:scale(1.1) rotate3d(0,0,1,-10deg)}.spanNav{display:flex;position:relative;height:100%;align-items:center;transition:color .3s ease}.spanNav:before{content:"";position:absolute;height:2.4px;background-color:#9c9caf6d;bottom:0;width:0;left:-10px;transition:color .3s ease}.seccionesNav a:hover,.seccionesNav a:hover .spanNav,.seccionesNav span:hover{color:#fff}.seccionesNav a:hover .spanNav:before,.seccionesNav span:hover .spanNav:before{animation:crecerLinea .5s ease-in-out forwards;color:#fff}@keyframes crecerLinea{0%{width:0;background-color:#0d5ef4}to{width:clamp(100px,100%,200px);background-color:#007bff}}@keyframes izquierda-derecha{0%{opacity:0;transform:translate(-80%)}to{opacity:1;transform:translate(0)}}@keyframes derecha-izquierda{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.section1{display:flex;align-items:center;margin-top:200px}.brandonMain{border-radius:180px 180px 11px 170px;height:clamp(200px,100%,400px);width:clamp(200px,100%,400px);border-width:5px;border-style:solid;border-color:var(--colorPrimarioLight);border-image:initial;animation:izquierda-derecha 1s ease}.divImagen{display:flex;justify-content:center;align-items:center}.informacion,.contactosRedes{animation:derecha-izquierda 1s ease}.informacion{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.saludo{text-align:left}.holaComoEstas{color:#fff;font-size:clamp(1rem,6rem,2rem);font-family:Hedvig Letters Sans,sans-serif}.nombre{color:#fff;font-size:clamp(1rem,6rem,5rem);font-family:var(--fuentePrincipal);font-weight:800}.holaComoEstas:hover,.nombre:hover{transition:.3s ease;color:var(--colorPrimarioLight)}.cargo{color:var(--colorPrimarioLight);font-size:clamp(1rem,6rem,3.3rem);transition:.3s ease}.cargo:hover{color:#fff}.contactosRedes{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:40px}.cv{display:flex;justify-content:center;align-items:center;width:200px;height:60px;border:1px solid var(--colorSecundario);border-radius:50px;color:var(--colorPrimarioLight);font-size:larger;font-weight:700;font-family:var(--fuentePrincipal);margin-right:10px;transition:.2s ease}.cv:hover{background-color:#7d8aff;color:#fff}.iconos{display:flex;justify-content:center;align-items:center;width:70px;height:60px;background-color:#9c9caf36;border-radius:100px;transition:.5s ease}.iconos:hover{background-color:#9c9caf6d;transform:scale(1.1)}.sectionHabilidades{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:270px;position:relative;height:800px}.tituloHabilidades{font-size:clamp(1rem,7rem,6rem);color:#fff;position:sticky;top:30%;font-family:DM Sans,sans-serif;font-stretch:extra-expanded;font-weight:700;letter-spacing:5px;opacity:0}.aparecertituloHabilidades{animation:animacionaparecertituloHabilidades 1.4s ease forwards}.desaparecerTituloHabilidades{animation:desaparecerTituloHabilidades 1.4s ease forwards}@keyframes animacionaparecertituloHabilidades{0%{opacity:0;transform:translateY(-200px)}to{opacity:1;transform:translateY(0)}}@keyframes desaparecerTituloHabilidades{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-200px)}}.separador{width:100%;height:5px;border-radius:4px;background-color:#9c9caff0}.sectionExperiencia{padding-top:200px}.divLogoExperiencia{display:flex;flex-direction:column;width:100%;position:relative;height:200px;border-radius:100px 100px 10px 10px;background-image:linear-gradient(to right,#8484cd4d 3%,#8484cd1a 18%);justify-content:center}.textoMainExperiencia{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:70%;height:100%;padding-left:23%}.logoExperiencia{width:clamp(100px,100%,290px);position:absolute;right:10%;top:-100px;filter:drop-shadow(0 0 10px rgba(125,138,255,.5));transition:all .5s ease}.logoExperiencia:hover{filter:drop-shadow(0 0 15px rgba(125,138,255,.8));transform:scale(1.05)}.tituloExperiencia{font-size:clamp(1rem,7rem,4rem);color:#fff;font-family:DM Sans,sans-serif}.textoExperiencia{font-size:clamp(1rem,7rem,1rem);color:var(--colorSecundario);text-shadow:#9c9caf 0px 0px 70px}.logoProyectos{width:clamp(100px,100%,340px);position:absolute;right:5%;top:-100px;filter:drop-shadow(0 0 10px rgba(125,138,255,.5));transition:all .5s ease}.logoProyectos:hover{filter:drop-shadow(0 0 15px rgba(125,138,255,.8));transform:scale(1.05)}.aboutMeSection{margin-top:50px;width:clamp(300px,100%,100%);text-align:center;font-size:clamp(.8rem,1.5vw,1.1rem);box-sizing:border-box;padding:100px}@media (width >= 320px) AND (width <= 475px){nav{display:none;visibility:hidden}.section1{display:flex;flex-direction:column;align-items:center;justify-content:center}.brandonMain{height:clamp(200px,100%,300px);width:clamp(200px,100%,300px)}.saludo{text-align:center}.holaComoEstas,.cargo{font-size:clamp(1rem,7rem,1.5rem)}.nombre{font-size:clamp(1rem,7rem,2.5rem)}.contactosRedes{display:flex;flex-wrap:wrap}.cv{width:100%}.tituloHabilidades{font-size:clamp(1rem,7rem,2.5rem)}.logoExperiencia{display:none}.tituloExperiencia{font-size:clamp(1rem,7rem,2.5rem)}.logoProyectos{display:none}.aboutMeSection{padding:0}.textoMainExperiencia{width:100%;padding-left:10%}.aboutMeSection{margin-top:100px;font-size:large}}@media (width >= 476px) AND (width <= 900px){.section1{flex-wrap:wrap;align-items:center;justify-content:center}.brandonMain{height:clamp(200px,100%,300px);width:clamp(200px,100%,300px)}.saludo{text-align:center}.holaComoEstas,.cargo{font-size:clamp(1rem,7rem,1.5rem)}.nombre{font-size:clamp(1rem,7rem,2.5rem)}.contactosRedes{display:flex;flex-wrap:wrap}.cv{width:100%}.tituloHabilidades{font-size:clamp(1rem,7rem,2.5rem)}.logoExperiencia{display:none}.tituloExperiencia{font-size:clamp(1rem,7rem,2.5rem)}.logoProyectos{display:none}.aboutMeSection{padding:0}.textoMainExperiencia{width:100%;padding-left:10%}}.sectionTecnologias{margin-top:40px;width:100%;height:60dvh;position:relative;padding-top:20px;display:flex;justify-content:center;align-items:flex-end;gap:50px;flex-wrap:wrap;height:auto}.tarjetaMain,.tarjetaMain2,.tarjetaMain3{width:clamp(320px,100%,440px);height:clamp(280px,100%,300px);border:1px solid #3aac8c;border-radius:50px;display:flex;flex-direction:column;background-image:radial-gradient(circle at 8% 9%,#3aac8c -46%,transparent 38%);position:relative;transition:.8s ease}.tarjetaMain2{background-image:radial-gradient(circle at 8% 9%,#d30202 -46%,transparent 38%);border:1px solid #e60909}.tarjetaMain3{background-image:radial-gradient(circle at 8% 9%,#027cd3 -46%,transparent 38%);border:1px solid #0969e6}.tarjetaMain:after,.tarjetaMain2:after,.tarjetaMain3:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 8% 9%,#3aac8c -46%,transparent 48%);opacity:0;transition:opacity 1s;border-radius:50px;pointer-events:none}.tarjetaMain2:after{background-image:radial-gradient(circle at 8% 9%,#ff0000 -46%,transparent 48%);border:1px solid #e10303}.tarjetaMain3:after{background-image:radial-gradient(circle at 8% 9%,#002aff -46%,transparent 48%);border:1px solid #3703e1}.tarjetaMain:hover:after{opacity:1}.tarjetaMain2:hover:after{opacity:1}.tarjetaMain3:hover:after{opacity:1}.imagenFrontBack{width:clamp(100px,100%,180px);height:clamp(100px,100%,180px);border-radius:50px;position:absolute;top:-80px;z-index:1;transition:transform .3s cubic-bezier(.455,.03,.515,.955),box-shadow .5s ease}.inactive{transform:rotateY(-15deg) rotateX(-15deg) translateZ(100px);box-shadow:15px 15px 20px #0003;opacity:.3}.animacionTarjeta{transform-style:preserve-3d;transform:rotateY(-15deg) rotateX(15deg) translateZ(100px);box-shadow:15px 15px 20px #0003;will-change:transform}.animacionTarjeta .imagenFrontBack{transform:scale(1.2)}.arriba{display:flex;height:15dvh;width:100%;align-items:center}.divImgtecnologias{width:50%;height:100%}.funcion{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding-left:50px}.spanFuncion{font-size:clamp(.9rem,5rem,1.7rem);font-weight:400;color:#9c9caf8e}.tipoFuncion{font-size:clamp(.9rem,5rem,2.4rem);color:#fff;font-weight:bolder}.lineaMedia{width:90%;margin-right:5%;margin-left:5%;height:1px;background-color:var(--colorSecundario)}.tecnologias{width:100%;height:100%;display:flex;flex-wrap:wrap;padding:5%;gap:5px}.tecnologia{display:flex;align-items:center;justify-content:center;height:40px;width:clamp(100px,100%,110px);box-sizing:content-box;padding:0 5px;border:1px solid var(--colorPrimarioLight);border-radius:50px;color:var(--colorPrimarioLight);font-size:1.1rem;font-weight:700;font-family:var(--fuentePrincipal);background-color:#1c1e31d7;transition:.3s;flex-grow:1}.tecnologia:hover{background-color:var(--colorPrimarioLight);color:#fff;opacity:1}.imagenTecnologia{margin-left:10px;border-radius:50px}@media (width >= 320px) and (width <= 475px){.sectionTecnologias{display:flex;flex-direction:column;align-items:center;height:auto}.imagenFrontBack{width:120px;height:120px;top:-30px}.spanFuncion{font-size:1.3rem}.tipoFuncion{font-size:1.6rem}}@media (width >= 476px) AND (width <= 900px){.sectionTecnologias{display:flex;flex-direction:column;align-items:center;height:auto}.imagenFrontBack{width:150px;height:160px;top:-60px}}:root{--color1: #7d8aff;--colorSegundo: #696986fd}.sectionContainerProyectos{margin-top:100px;width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;background-color:#111329;border-radius:15px;padding:3%;justify-content:center;align-items:center}.fondoNegro{position:relative;padding-top:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(300px,50%,770px);background-color:transparent}.tarjetaMainProyectos{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;position:relative}.imgProyecto:hover{box-shadow:#6069be 0 0 100px;transition:all .5s ease-in-out}.imgProyecto{width:clamp(100px,100%,94%);border-radius:15px}.tituloProyecto{font-size:clamp(1rem,2.5rem,6rem);color:#fff}.divTecnologias{position:absolute;z-index:3;top:-20px;left:0;display:flex;flex-direction:row;gap:10px;flex-wrap:wrap}.tecnlogias{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:10px;width:auto;height:auto;padding:6px;font-weight:700;background-color:#1c2047;color:#080125;object-fit:cover}.tecnlogias:hover{transform:translateY(-10px);background-color:#8e6fe4}.tecnologiaProyecto{width:30px;height:30px;border-radius:5px}.informacionProyecto{background:#00000052;border-radius:30px;padding:3px;width:94%}.descripcionProyecto{font-size:clamp(1rem,1rem,1rem);color:var(--colorSegundo);margin-top:10px;width:90%}.demostracion{display:flex}.linkRepositorio{align-items:center;background-color:#111527;box-shadow:#0c0c0c 1px 3px 7px;display:flex;flex-direction:row;height:40px;margin-left:20px;margin-top:20px;width:144px;border-radius:12px;font-size:clamp(1rem,1.5rem,1.3rem);font-weight:600;justify-content:center;text-overflow:clip;position:relative}.linkRepositorio:nth-child(2){background-color:var(--color1);color:#111329}.linkRepositorio:nth-child(2):hover{background-color:#957dff}.linkRepositorio:hover{background-color:#161a2d;transform:translateY(-10px)}.noDisponible{opacity:.3}.noDisponible:after{content:"❌";position:absolute;right:-10px;top:-10px;border-radius:50px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#fff}.Disponible:after{content:"+";position:absolute;right:-10px;top:-10px;border-radius:50px;width:20px;height:20px;background-color:#262841;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}:root{--colorDeFondo: #0a0b15;--colorPrimarioLight: #8b96ff;--colorSecundarioLight: #8b96ff8c;--colorSecundario: #a8a8bb;--fuentePrincipal: "Bricolage Grotesque", sans-serif}*{transition:.5s}.asideComponentExperiencia{display:flex;justify-content:space-around;padding-top:50px;padding-bottom:50px;transition:.5s}@keyframes palpitar{0%,to{transform:scale(1);box-shadow:0 0 20px 20px var(--colorPrimarioLight);border:13px solid var(--colorPrimarioLight)}50%{transform:scale(1.1);box-shadow:0 0 15px 10px var(--colorPrimarioLight);border:3px solid var(--colorPrimarioLight)}}.asideComponentExperiencia:hover .identificadorEmpresa{scale:1.1}.asideComponentExperiencia:hover .logoEmpresa{animation:palpitar .5s forwards}.contenedorDeTarjasExperiencia{width:100%;height:auto;display:flex;flex-direction:column;padding-top:150px;justify-content:space-evenly}.contenedorExperiencia{padding-top:30px;height:auto;width:clamp(300px,80vw,40%);display:flex;flex-direction:column}.identificadorEmpresa{position:sticky;top:200px;left:20%;display:flex;margin-top:30px;align-items:center;height:10%;margin-bottom:30px}.logoEmpresa{width:clamp(50px,20vw,100px);height:clamp(50px,20vw,100px);border-radius:100px;border:13px solid rgba(15,16,36,.901);box-shadow:0 0 15px 10px #cdecfde6;background-color:#a8a8bb;object-fit:cover;transition:.5s;position:relative}.cargoTiempo{padding-left:30px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.tituloCargo{font-size:clamp(10px,7vw,2rem)}.tituloTiempo{color:var(--colorSecundario);font-size:clamp(10px,7vw,1rem)}.descripcionPuesto{width:100%;height:90%}.descripcion{width:100%;display:flex;height:130px;color:#fff;justify-content:space-evenly;flex-direction:row;margin-top:30px;padding-top:30px;border:.5px solid #454869;border-bottom:none;border-top-left-radius:20px;border-top-right-radius:20px}.containerIconos{display:flex;flex-direction:column;align-items:center}.iconoSVG{width:50px;height:50px;border-radius:20px;background-color:#8b96ff25;padding:10px}.tituloProp{font-size:clamp(10px,7vw,1rem);color:var(--colorSecundario);font-weight:500}.descripcionProp{font-size:clamp(10px,7vw,1.4rem);font-weight:700}.tareas{color:#414db9;font-size:clamp(1rem,2vw,1rem);background:#454869;width:100%;padding:10px 10px 10px 40px;border-radius:10px;margin-bottom:20px;position:relative;transition:.5s}.tareas:hover{background-color:#454869dd;scale:1.1}.tareas:after{content:"•";position:absolute;top:0;left:20px;color:var(--colorSecundario);font-size:2rem}.tecnologiasUsadas{display:flex;flex-wrap:wrap;gap:5px;padding-bottom:60px}@media (width >= 320px) and (width <= 500px){.contenedorExperiencia{width:100%}.asideComponentExperiencia{flex-direction:column}.asideComponentExperiencia:nth-child(2){flex-direction:column-reverse}.identificadorEmpresa{position:relative;top:0;left:0}.descripcionProp{font-size:1rem}}@media (width >= 500px) and (width <= 900px){.contenedorExperiencia{width:100%}.asideComponentExperiencia{flex-direction:column}.asideComponentExperiencia:nth-child(2){flex-direction:column-reverse}.identificadorEmpresa{position:relative;top:0;left:0}.descripcionProp{font-size:1rem}}.sectionEstudios{margin-top:50px}:root{--colorDeFondo: #0a0b15;--colorPrimarioLight: #7d8aff;--colorSecundario: #9c9caf;--fuentePrincipal: "Bricolage Grotesque", sans-serif}.tarjetaEducacion{text-transform:capitalize;width:clamp(300px,100%,100%);height:140px;display:flex;justify-content:left;align-items:center;color:#fff;position:relative}.tarjetaEducacion:after{content:"";position:absolute;width:clamp(100px,100%,500px);height:100px;border:1px solid var(--colorPrimarioLight);border-radius:10px 55px 55px 10px;z-index:-1;transform:translate(100%);transition:transform .5s ease-out}.estudio{background-color:#0f0f20;width:clamp(100px,100%,600px);font-size:clamp(.8rem,2vw,1.2rem);display:flex;align-items:center;height:120px;border-radius:10px 55px 55px 10px}.divInformacionEstudio{display:flex;flex-direction:column;justify-content:end;align-items:center;background-color:var(--colorPrimarioLight);width:clamp(100px,100%,500px);padding:15px;color:var(--colorDeFondo);border-radius:10px 55px 55px 10px;position:absolute;z-index:-1;transform:translate(0);transition:transform .5s ease-out}.nombreInstitucion{font-size:clamp(1rem,2vw,1.4rem);font-weight:100;font-family:var(--fuentePrincipal);color:var(--colorDeFondo)}.tarjetaEducacion:hover .divInformacionEstudio{transform:translate(520px);transition:transform .5s ease-in}@media (width <= 768px){.tarjetaEducacion:after{display:none}.tarjetaEducacion:before{content:"click👇";position:absolute;color:#fff;z-index:1;top:0;width:60px;height:30px;border-radius:100px;background-color:var(--colorPrimarioLight)}.tarjetaEducacion:hover .divInformacionEstudio{transform:translate(0) translateY(100px)}.tarjetaEducacion{margin-bottom:100px}.estudio{position:relative}}@media (min-width: 768px) AND (max-width: 1256px){.tarjetaEducacion:after{display:none}}