@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap";@keyframes textoColor{0%{background-position:0 100%}50%{background-position:100% 0}to{background-position:0 100%}}@keyframes aparecer{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes flotar{0%{transform:translateY(10px)}to{transform:translateY(-10px)}}@keyframes aparecer_rotando{0%{transform:scale(0) rotate(360deg)}to{transform:scale(1)}}*{padding:0;margin:0;box-sizing:border-box;font-family:Josefin Sans,sans-serif;overflow-x:hidden}* img{-webkit-user-select:none;-moz-user-select:none;user-select:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#674ab6;border-radius:5px}::-webkit-scrollbar-track{background-color:#070510}html{scroll-behavior:smooth}body{background-image:linear-gradient(0deg,hsl(251,52%,4%) 0%,hsl(255,41%,7%) 11%,hsl(254,36%,9%) 22%,hsl(250,35%,11%) 33%,hsl(250,36%,13%) 44%,hsl(251,38%,15%) 56%,hsl(252,39%,16%) 67%,hsl(254,41%,18%) 78%,hsl(256,42%,20%) 89%,hsl(258,43%,22%) 100%);width:100%;min-height:100vh;background-repeat:no-repeat;color:#fff}.titular{font-size:3rem;text-transform:uppercase;margin:3rem auto 1rem 3rem;color:#c49cd6}.header{position:fixed;width:100%;display:flex;align-items:center;justify-content:space-between;gap:0;padding:1rem 3rem;z-index:100;transition:all .2s linear}.header.active{background-color:#070510a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.header .logo{width:20%;height:20%;display:flex;align-items:center;justify-content:space-between;gap:10px}.header .logo picture{width:50%;height:100%}.header .logo picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.header .logo span{text-transform:uppercase}.header .menu_responsive{display:flex;align-items:center;justify-content:center;gap:3rem;padding:10px 2rem}.header .menu_responsive .navigation{display:flex;align-items:center;justify-content:space-between;gap:3rem}.header .menu_responsive .navigation .nav_link{text-transform:uppercase;font-size:1.1rem;color:#fff;text-decoration:none;border:solid 1px transparent;padding-bottom:3px;transition:all .2s linear}.header .menu_responsive .navigation .nav_link:hover{color:#c49cd6;border-bottom:solid 1px #8766de}.header .menu_responsive .social_media{display:flex;align-items:center;justify-content:center;gap:25px;overflow:visible}.header .menu_responsive .social_media .nav_link{font-size:1.5rem;color:#fff;transition:all .2s linear}.header .menu_responsive .social_media .nav_link:hover{transform:scale(1.1);color:#c49cd6}.header .burger_menu{display:none}.banner{min-height:78vh;display:flex;align-items:center;justify-content:center;gap:0;overflow:visible;margin-top:7rem}.banner .lado_izquierdo{position:relative;overflow:visible;flex:1;padding:1rem;color:transparent;background-image:linear-gradient(to left,#c49cd6,#8766de,#674ab6,#fff);-webkit-background-clip:text;background-clip:text;background-size:500%;text-align:center;animation:textoColor 6s linear infinite}.banner .lado_izquierdo h1{font-size:3rem}.banner .lado_izquierdo h2{font-size:2.5rem;text-transform:uppercase;margin-bottom:20px}.banner .lado_izquierdo p{font-size:2rem}.banner .lado_derecho{flex:1;display:flex;align-items:center;justify-content:center;gap:0;overflow:visible;animation:aparecer .6s linear}.resumen .contenedor_cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));row-gap:2rem;-moz-column-gap:1rem;column-gap:1rem;padding:2rem;overflow:visible}.resumen .contenedor_cards .info_card{display:flex;align-items:center;justify-content:center;gap:0;background:linear-gradient(to right,#674ab6,#8766de);border:solid 2px #fff;padding:1rem 2rem;border-radius:10px;color:#161616;font-size:1.4rem;position:relative;overflow:visible;z-index:3}.resumen .contenedor_cards .info_card img{position:absolute;z-index:-1;top:-50px;width:60px}.proyectos .contenedor_proyectos{display:flex;align-items:center;justify-content:center;gap:0;min-height:80vh;padding:0 2rem;overflow:visible}.proyectos .lado_izquierdo{flex:1;display:flex;align-items:center;justify-content:center;gap:0;overflow:visible}.proyectos .lado_izquierdo img{animation:flotar 3s linear alternate infinite}.proyectos .lado_derecho{flex:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));-moz-column-gap:20px;column-gap:20px;row-gap:20px;padding:2.5rem 1rem}.proyectos .lado_derecho .tarjeta_mini_proy{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 0 6px 2px #8766de}.proyectos .lado_derecho .tarjeta_mini_proy:hover img{opacity:.5;transform:scale(1.1)}.proyectos .lado_derecho .tarjeta_mini_proy:hover .contenido{transform:translateY(-140px)}.proyectos .lado_derecho .tarjeta_mini_proy img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:all .2s linear}.proyectos .lado_derecho .tarjeta_mini_proy .contenido{position:absolute;height:100%;background-color:#070510a8;color:#fff;transform:none;transition:transform .2s ease-out;padding:20px 10px 0}.proyectos .lado_derecho .tarjeta_mini_proy .contenido h1{margin-bottom:10px}.proyectos .lado_derecho .tarjeta_mini_proy .contenido .enlaces{margin-top:10px;display:flex;gap:20px}.proyectos .lado_derecho .tarjeta_mini_proy .contenido .enlaces a{text-transform:capitalize;color:#fff}#proyecto{margin:10rem 7rem 3rem}#proyecto h1{text-align:center}#proyecto figure{display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;margin:2rem auto}#proyecto figure img{width:60%}#proyecto .skills h2{color:#8766de;text-transform:uppercase;margin-bottom:1rem}#proyecto .skills .contenido{display:flex;align-items:center;justify-content:space-around;gap:10px}#proyecto .skills .contenido span{border:solid 1px;padding:10px;border-radius:5px;background-color:#674ab6;color:#fff}#proyecto .detalles{margin:2rem auto;text-align:justify}#proyecto .detalles h2{color:#8766de;text-transform:uppercase;margin-bottom:1rem}#proyecto .detalles p{margin:10px auto;height:auto;overflow:visible}#proyecto .detalles p a{color:#fff;text-transform:uppercase;text-decoration:none;padding-bottom:5px;border-bottom:solid 1px #fff;transition:all .2s linear}#proyecto .detalles p a:hover{letter-spacing:1px;color:#c49cd6;border-bottom:solid 1px #c49cd6}#proyecto .detalles ol li{margin-left:2rem}#skills{min-height:100vh;padding:auto 2rem}#skills .luna{display:flex;align-items:center;justify-content:center;gap:0;overflow:visible}#skills .luna img{margin:auto;animation:flotar 3s ease-in-out infinite alternate}#skills .contenedor_skills{padding:3rem 1rem;margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));row-gap:30px;-moz-column-gap:10px;column-gap:10px;overflow:hidden}#skills .contenedor_skills figure{overflow:visible;transition:all .2s linear;position:relative}#skills .contenedor_skills figure:hover{background-color:#2e2050}#skills .contenedor_skills figure:hover figcaption{opacity:1}#skills .contenedor_skills figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-o-object-fit:contain;object-fit:contain}#skills .contenedor_skills figure figcaption{opacity:0;transition:opacity .2s ease-in-out;background-color:#674ab6;padding:5px;width:-moz-fit-content;width:fit-content;margin:auto;border-radius:2px;text-transform:uppercase;text-align:center}.contacto{padding-bottom:3rem}.contacto .contenedor_iconos{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-direction:column}.contacto .contenedor_iconos .social_media{display:flex;align-items:center;justify-content:center;gap:3rem;font-size:2.5rem}.contacto .contenedor_iconos .social_media a{color:#8866de96;transition:all .2s linear}.contacto .contenedor_iconos .social_media a:hover{color:#c49cd6}.contacto .contenedor_iconos .cv{display:flex;align-items:center;justify-content:center;gap:3rem;font-size:2rem;text-transform:uppercase}.contacto .contenedor_iconos .cv a{display:flex;align-items:center;gap:10px;color:#8866de96;transition:all .2s linear;text-decoration:none}.contacto .contenedor_iconos .cv a:hover{color:#c49cd6}@media (max-width: 768px){.header{position:fixed;overflow:visible}.header .logo{width:30%;height:30%}.header .logo picture{width:40%;height:100%}.header .logo span{font-size:14px}.header .menu_responsive{display:none}.header .menu_responsive.active{display:inline-flex;flex-direction:column;gap:10px;position:absolute;bottom:-170px;right:20px;border:solid 1px;background-color:#8766de;padding:10px;border-radius:10px;z-index:200}.header .menu_responsive.active .navigation{flex-direction:column;gap:15px}.header .menu_responsive.active .navigation .nav_link{font-size:10px}.header .burger_menu{display:block;font-size:1.5rem;z-index:10}.banner{flex-wrap:wrap;gap:20px}.banner .lado_izquierdo{text-align:center}.proyectos .contenedor_proyectos{flex-wrap:wrap}.proyectos .contenedor_proyectos .lado_derecho{flex-basis:content;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}#proyecto{margin:10rem 3rem 3rem}#proyecto .skills .contenido{flex-wrap:wrap}}@media (max-width: 425px){.titular{font-size:2rem;text-align:center;margin:2rem auto}.header .logo{width:40%;height:40%}.header .logo picture{width:50%;height:100%}.header .logo span{font-size:10px}.banner .lado_izquierdo h1{font-size:2rem}.banner .lado_izquierdo h2{font-size:1.5rem}.banner .lado_izquierdo p{font-size:1rem}#proyecto{margin:5rem 3rem 3rem}#proyecto h1{font-size:1.7rem}#proyecto figure img{width:90%}#proyecto figure figcaption{font-size:12px}#proyecto .skills .contenido{flex-wrap:wrap}.contacto .contenedor_iconos .cv{font-size:1.6rem;flex-wrap:wrap}}