@keyframes fadeIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes typing{0%{width:0}to{width:16ch}}@keyframes blink-cursor{0%,to{border-color:#3a86ff}50%{border-color:transparent}}*{padding:0;margin:0}*,*:before,*:after{box-sizing:border-box}* ul{padding:0;margin:0;list-style:none}@font-face{font-family:Poppins;src:url(../fonts/);src:url(../fonts/Poppins-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Poppins-Bold.woff2) format("woff2"),url(../fonts/Poppins-Bold.woff) format("woff"),url(../fonts/Poppins-Bold.ttf) format("truetype"),url(../fonts/Poppins-Bold.svg#Poppins-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../fonts/Poppins-Regular.eot);src:url(../fonts/Poppins-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Poppins-Regular.woff2) format("woff2"),url(../fonts/Poppins-Regular.woff) format("woff"),url(../fonts/Poppins-Regular.ttf) format("truetype"),url(../fonts/Poppins-Regular.svg#Poppins-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../fonts/Poppins-Medium.eot);src:url(../fonts/Poppins-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/Poppins-Medium.woff2) format("woff2"),url(../fonts/Poppins-Medium.woff) format("woff"),url(../fonts/Poppins-Medium.ttf) format("truetype"),url(../fonts/Poppins-Medium.svg#Poppins-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}.container-header-principal{max-width:90%;margin-left:auto;margin-right:auto}@media (min-width: 768px){.container-header-principal{width:100%;max-width:650px}}@media (min-width: 1280px){.container-header-principal{width:100%;max-width:800px}}@media (min-width: 1440px){.container-header-principal{width:100%;max-width:900px}}.container-main-principal{max-width:90%;margin-left:auto;margin-right:auto}@media (min-width: 768px){.container-main-principal{width:100%;max-width:650px}}@media (min-width: 1280px){.container-main-principal{width:100%;max-width:800px}}@media (min-width: 1440px){.container-main-principal{width:100%;max-width:900px}}.container-footer-principal{max-width:90%;margin-left:auto;margin-right:auto}@media (min-width: 768px){.container-footer-principal{width:100%;max-width:650px}}@media (min-width: 1280px){.container-footer-principal{width:100%;max-width:800px}}@media (min-width: 1440px){.container-footer-principal{width:100%;max-width:900px}}.container-footer-principal{padding-bottom:100px}.container-footer-principal p{font-size:15px;color:#4ed6cb}@media (min-width: 768px){.container-footer-principal p{font-size:20px}}.header-principal{width:100%}.header-principal .menu-movil{width:100%;border-bottom:1px solid #3A86FF;position:fixed;top:0;left:0;right:0;padding:15px 5%;display:flex;justify-content:space-between;align-items:center;background-color:#1c2541;z-index:1}.header-principal .menu-movil .icono-web{text-decoration:none;font-size:25px;color:#3a86ff}.header-principal .menu-movil .icono-web span{color:#b3cff2}.header-principal .menu-movil .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer}.header-principal .menu-movil .menu-toggle .bar{width:30px;height:4px;background:#3a86ff;margin:5px 0;border-radius:2px;transition:.4s}.header-principal .menu-movil .menu-toggle.active .bar:nth-child(1){transform:rotate(45deg) translate(10px,5px)}.header-principal .menu-movil .menu-toggle.active .bar:nth-child(2){opacity:0}.header-principal .menu-movil .menu-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(14px,-9px)}.header-principal .menu-movil .menu-principal{position:absolute;width:100%;top:71px;left:0;right:0;display:none;border-bottom:1px solid #3A86FF}.header-principal .menu-movil .menu-principal ul{width:100%;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px}.header-principal .menu-movil .menu-principal ul li a{text-decoration:none;color:#4ed6cb}.header-principal .menu-movil .menu-principal.active{display:flex;animation:fadeIn}@media (min-width: 1280px){.header-principal .menu-movil{display:none}}.header-principal .menu-desktop{display:none}@media (min-width: 1280px){.header-principal .menu-desktop{display:flex;width:100%;border-bottom:1px solid #3A86FF;position:fixed;top:0;left:0;right:0;padding:15px 5%;align-items:center;background-color:#1c2541;z-index:1}.header-principal .menu-desktop .icono-web{width:20%;text-decoration:none;font-size:25px;color:#3a86ff}.header-principal .menu-desktop .icono-web span{color:#b3cff2}.header-principal .menu-desktop .menu-principal{margin-left:100px;width:80%}.header-principal .menu-desktop .menu-principal ul{display:flex;justify-content:space-between}.header-principal .menu-desktop .menu-principal ul a{position:relative;text-decoration:none;color:#b3cff2;transition:color .3s,transform .3s;letter-spacing:1px}.header-principal .menu-desktop .menu-principal ul a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:3px;background:linear-gradient(90deg,#b3cff2,#ff61a6);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1)}.header-principal .menu-desktop .menu-principal ul a:hover{color:#ff61a6}.header-principal .menu-desktop .menu-principal ul a:hover:after{width:100%}}.header-principal .container-header-principal{border-bottom:2px solid #1C2541;padding-bottom:100px;margin-bottom:50px;margin-top:200px}@media (min-width: 768px){.header-principal .container-header-principal{margin-top:300px}}@media (min-width: 1440px){.header-principal .container-header-principal{margin-bottom:200px}}.header-principal .container-header-principal .imagen-socials-curriculum{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.header-principal .container-header-principal .imagen-socials-curriculum .imagen-perfil{width:40%;border-radius:2%;background-color:#1c2541;border:3px solid #3A86FF}.header-principal .container-header-principal .imagen-socials-curriculum .name{color:#3a86ff;font-size:25px}@media (min-width: 768px){.header-principal .container-header-principal .imagen-socials-curriculum .name{font-size:30px}}@media (min-width: 1440px){.header-principal .container-header-principal .imagen-socials-curriculum .name{font-size:40px}}.header-principal .container-header-principal .imagen-socials-curriculum .dev-web{text-align:center;font-size:20px;color:#b3cff2;overflow:hidden;border-right:2px solid #3A86FF;white-space:nowrap;width:0;animation:typing 2.5s steps(22,end) forwards,blink-cursor .7s steps(1) infinite}@media (min-width: 768px){.header-principal .container-header-principal .imagen-socials-curriculum .dev-web{font-size:25px}}@media (min-width: 1440px){.header-principal .container-header-principal .imagen-socials-curriculum .dev-web{font-size:33px}}.header-principal .container-header-principal .imagen-socials-curriculum h1{font-size:15px;color:#3a86ff;text-align:center}@media (min-width: 768px){.header-principal .container-header-principal .imagen-socials-curriculum h1{font-size:20px}}@media (min-width: 1280px){.header-principal .container-header-principal .imagen-socials-curriculum h1{margin-bottom:25px}}@media (min-width: 1440px){.header-principal .container-header-principal .imagen-socials-curriculum h1{font-size:25px}}.header-principal .container-header-principal .imagen-socials-curriculum .contacto-curriculum{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}@media (min-width: 768px){.header-principal .container-header-principal .imagen-socials-curriculum .contacto-curriculum{flex-direction:row}}.header-principal .container-header-principal .imagen-socials-curriculum .contacto-curriculum .curriculum{text-decoration:none;padding:10px;background-color:#1c2541;display:inline-block;border-radius:10px;font-size:15px;border:1px solid #FFFFFF;color:#ff61a6;transition:background .5s,color .5s}@media (min-width: 1280px){.header-principal .container-header-principal .imagen-socials-curriculum .contacto-curriculum .curriculum{padding:10px 20px;font-size:18px}.header-principal .container-header-principal .imagen-socials-curriculum .contacto-curriculum .curriculum:hover{background-color:#ff61a6;color:#1c2541}}.header-principal .container-header-principal .imagen-socials-curriculum .contacto-curriculum .proyectos{text-decoration:none;padding:10px;background-color:#1c2541;display:inline-block;border-radius:10px;font-size:15px;border:1px solid #FFFFFF;color:#ff61a6;transition:background .5s,color .5s}@media (min-width: 1280px){.header-principal .container-header-principal .imagen-socials-curriculum .contacto-curriculum .proyectos{padding:10px 20px;font-size:18px}.header-principal .container-header-principal .imagen-socials-curriculum .contacto-curriculum .proyectos:hover{background-color:#ff61a6;color:#1c2541}}.header-principal .container-header-principal .imagen-socials-curriculum .contacto-curriculum .contacto{text-decoration:none;padding:10px;background-color:#1c2541;display:inline-block;border-radius:10px;font-size:15px;border:1px solid #FFFFFF;color:#ff61a6;transition:background .5s,color .5s}@media (min-width: 1280px){.header-principal .container-header-principal .imagen-socials-curriculum .contacto-curriculum .contacto{padding:10px 20px;font-size:18px}.header-principal .container-header-principal .imagen-socials-curriculum .contacto-curriculum .contacto:hover{background-color:#ff61a6;color:#1c2541}}.container-main-principal .container-sobre-mi{border-bottom:2px solid #1C2541;padding-bottom:100px;margin-bottom:50px}.container-main-principal .container-sobre-mi .title-sobre-mi{font-size:23px;color:#3a86ff;text-align:center;margin-bottom:20px}@media (min-width: 768px){.container-main-principal .container-sobre-mi .title-sobre-mi{font-size:28px}}@media (min-width: 1280px){.container-main-principal .container-sobre-mi .title-sobre-mi{margin-bottom:40px}}@media (min-width: 1440px){.container-main-principal .container-sobre-mi .title-sobre-mi{font-size:33px}}.container-main-principal .container-sobre-mi .sobre-mi-extras{display:flex;flex-direction:column;gap:40px}.container-main-principal .container-sobre-mi .sobre-mi-extras .contenido-sobre-mi{display:flex;flex-direction:column;gap:15px}.container-main-principal .container-sobre-mi .sobre-mi-extras .contenido-sobre-mi .primer-parrafo{color:#fff;font-size:15px}@media (min-width: 768px){.container-main-principal .container-sobre-mi .sobre-mi-extras .contenido-sobre-mi .primer-parrafo{font-size:20px}}.container-main-principal .container-sobre-mi .sobre-mi-extras .contenido-sobre-mi .segundo-parrafo{color:#fff;font-size:15px}@media (min-width: 768px){.container-main-principal .container-sobre-mi .sobre-mi-extras .contenido-sobre-mi .segundo-parrafo{font-size:20px}}.container-main-principal .container-sobre-mi .sobre-mi-extras .contenido-sobre-mi .tercer-parrafo{font-size:15px}@media (min-width: 768px){.container-main-principal .container-sobre-mi .sobre-mi-extras .contenido-sobre-mi .tercer-parrafo{font-size:20px}}.container-main-principal .container-sobre-mi .sobre-mi-extras .contenido-sobre-mi .cuarto-parrafo{color:#fff;font-size:15px}@media (min-width: 768px){.container-main-principal .container-sobre-mi .sobre-mi-extras .contenido-sobre-mi .cuarto-parrafo{font-size:20px}}.container-main-principal .container-sobre-mi .sobre-mi-extras .extras .anios-estudios{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #3A86FF;border-radius:30px;padding:15px}.container-main-principal .container-sobre-mi .sobre-mi-extras .extras .anios-estudios i{color:#3a86ff;font-size:70px}.container-main-principal .container-sobre-mi .sobre-mi-extras .extras .anios-estudios h3{font-size:20px;color:#fff}@media (min-width: 768px){.container-main-principal .container-sobre-mi .sobre-mi-extras .extras .anios-estudios h3{font-size:25px}}.container-main-principal .container-sobre-mi .sobre-mi-extras .extras .anios-estudios span{font-size:20px;color:#fff}@media (min-width: 768px){.container-main-principal .container-sobre-mi .sobre-mi-extras .extras .anios-estudios span{font-size:25px}}.container-main-principal .container-proyectos{width:100%;border-bottom:2px solid #1C2541;padding-bottom:100px;margin-bottom:50px}.container-main-principal .container-proyectos .title-proyectos{font-size:23px;color:#3a86ff;text-align:center;margin-bottom:20px}@media (min-width: 768px){.container-main-principal .container-proyectos .title-proyectos{font-size:28px}}@media (min-width: 1280px){.container-main-principal .container-proyectos .title-proyectos{margin-bottom:40px}}@media (min-width: 1440px){.container-main-principal .container-proyectos .title-proyectos{font-size:33px}}.container-main-principal .container-proyectos .proyectos{width:100%;display:flex;flex-direction:column;gap:50px}@media (min-width: 1280px){.container-main-principal .container-proyectos .proyectos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px}}.container-main-principal .container-proyectos .proyectos .stellar-blade,.container-main-principal .container-proyectos .proyectos .cafeteria-el-rocio,.container-main-principal .container-proyectos .proyectos .gameboy-pikachu,.container-main-principal .container-proyectos .proyectos .proyecto-academia,.container-main-principal .container-proyectos .proyectos .cambio-climatico,.container-main-principal .container-proyectos .proyectos .demo-portfolio{background-color:#1c2541;padding:0 10px 30px;border-radius:10px}@media (min-width: 1280px){.container-main-principal .container-proyectos .proyectos .stellar-blade,.container-main-principal .container-proyectos .proyectos .cafeteria-el-rocio,.container-main-principal .container-proyectos .proyectos .gameboy-pikachu,.container-main-principal .container-proyectos .proyectos .proyecto-academia,.container-main-principal .container-proyectos .proyectos .cambio-climatico,.container-main-principal .container-proyectos .proyectos .demo-portfolio{width:auto;min-width:0;min-height:0;padding:0 20px 30px}}.container-main-principal .container-proyectos .proyectos .stellar-blade .swiper .swiper-wrapper,.container-main-principal .container-proyectos .proyectos .cafeteria-el-rocio .swiper .swiper-wrapper,.container-main-principal .container-proyectos .proyectos .gameboy-pikachu .swiper .swiper-wrapper,.container-main-principal .container-proyectos .proyectos .proyecto-academia .swiper .swiper-wrapper,.container-main-principal .container-proyectos .proyectos .cambio-climatico .swiper .swiper-wrapper,.container-main-principal .container-proyectos .proyectos .demo-portfolio .swiper .swiper-wrapper{margin-bottom:30px;width:100%}.container-main-principal .container-proyectos .proyectos .stellar-blade .swiper .swiper-wrapper .swiper-slide,.container-main-principal .container-proyectos .proyectos .cafeteria-el-rocio .swiper .swiper-wrapper .swiper-slide,.container-main-principal .container-proyectos .proyectos .gameboy-pikachu .swiper .swiper-wrapper .swiper-slide,.container-main-principal .container-proyectos .proyectos .proyecto-academia .swiper .swiper-wrapper .swiper-slide,.container-main-principal .container-proyectos .proyectos .cambio-climatico .swiper .swiper-wrapper .swiper-slide,.container-main-principal .container-proyectos .proyectos .demo-portfolio .swiper .swiper-wrapper .swiper-slide{width:100%;display:flex;justify-content:center;align-items:center}.container-main-principal .container-proyectos .proyectos .stellar-blade .swiper .swiper-wrapper .swiper-slide img,.container-main-principal .container-proyectos .proyectos .cafeteria-el-rocio .swiper .swiper-wrapper .swiper-slide img,.container-main-principal .container-proyectos .proyectos .gameboy-pikachu .swiper .swiper-wrapper .swiper-slide img,.container-main-principal .container-proyectos .proyectos .proyecto-academia .swiper .swiper-wrapper .swiper-slide img,.container-main-principal .container-proyectos .proyectos .cambio-climatico .swiper .swiper-wrapper .swiper-slide img,.container-main-principal .container-proyectos .proyectos .demo-portfolio .swiper .swiper-wrapper .swiper-slide img{margin-top:30px;width:75%;border-radius:20px}.container-main-principal .container-proyectos .proyectos .stellar-blade .title-proyecto,.container-main-principal .container-proyectos .proyectos .cafeteria-el-rocio .title-proyecto,.container-main-principal .container-proyectos .proyectos .gameboy-pikachu .title-proyecto,.container-main-principal .container-proyectos .proyectos .proyecto-academia .title-proyecto,.container-main-principal .container-proyectos .proyectos .cambio-climatico .title-proyecto,.container-main-principal .container-proyectos .proyectos .demo-portfolio .title-proyecto{font-size:20px;color:#3a86ff;margin-bottom:10px}@media (min-width: 768px){.container-main-principal .container-proyectos .proyectos .stellar-blade .title-proyecto,.container-main-principal .container-proyectos .proyectos .cafeteria-el-rocio .title-proyecto,.container-main-principal .container-proyectos .proyectos .gameboy-pikachu .title-proyecto,.container-main-principal .container-proyectos .proyectos .proyecto-academia .title-proyecto,.container-main-principal .container-proyectos .proyectos .cambio-climatico .title-proyecto,.container-main-principal .container-proyectos .proyectos .demo-portfolio .title-proyecto{font-size:25px}}.container-main-principal .container-proyectos .proyectos .stellar-blade .descripcion,.container-main-principal .container-proyectos .proyectos .cafeteria-el-rocio .descripcion,.container-main-principal .container-proyectos .proyectos .gameboy-pikachu .descripcion,.container-main-principal .container-proyectos .proyectos .proyecto-academia .descripcion,.container-main-principal .container-proyectos .proyectos .cambio-climatico .descripcion,.container-main-principal .container-proyectos .proyectos .demo-portfolio .descripcion{font-size:13px;color:#fff;margin-bottom:10px}@media (min-width: 768px){.container-main-principal .container-proyectos .proyectos .stellar-blade .descripcion,.container-main-principal .container-proyectos .proyectos .cafeteria-el-rocio .descripcion,.container-main-principal .container-proyectos .proyectos .gameboy-pikachu .descripcion,.container-main-principal .container-proyectos .proyectos .proyecto-academia .descripcion,.container-main-principal .container-proyectos .proyectos .cambio-climatico .descripcion,.container-main-principal .container-proyectos .proyectos .demo-portfolio .descripcion{font-size:18px}}@media (min-width: 1280px){.container-main-principal .container-proyectos .proyectos .stellar-blade .descripcion,.container-main-principal .container-proyectos .proyectos .cafeteria-el-rocio .descripcion,.container-main-principal .container-proyectos .proyectos .gameboy-pikachu .descripcion,.container-main-principal .container-proyectos .proyectos .proyecto-academia .descripcion,.container-main-principal .container-proyectos .proyectos .cambio-climatico .descripcion,.container-main-principal .container-proyectos .proyectos .demo-portfolio .descripcion{font-size:15px}}.container-main-principal .container-proyectos .proyectos .stellar-blade .tecnologias,.container-main-principal .container-proyectos .proyectos .cafeteria-el-rocio .tecnologias,.container-main-principal .container-proyectos .proyectos .gameboy-pikachu .tecnologias,.container-main-principal .container-proyectos .proyectos .proyecto-academia .tecnologias,.container-main-principal .container-proyectos .proyectos .cambio-climatico .tecnologias,.container-main-principal .container-proyectos .proyectos .demo-portfolio .tecnologias{display:flex;gap:20px;align-items:center;margin-bottom:10px}.container-main-principal .container-proyectos .proyectos .stellar-blade .tecnologias li img,.container-main-principal .container-proyectos .proyectos .cafeteria-el-rocio .tecnologias li img,.container-main-principal .container-proyectos .proyectos .gameboy-pikachu .tecnologias li img,.container-main-principal .container-proyectos .proyectos .proyecto-academia .tecnologias li img,.container-main-principal .container-proyectos .proyectos .cambio-climatico .tecnologias li img,.container-main-principal .container-proyectos .proyectos .demo-portfolio .tecnologias li img{color:#b3cff2;width:30px;height:30px}.container-main-principal .container-proyectos .proyectos .stellar-blade .opciones-proyecto,.container-main-principal .container-proyectos .proyectos .cafeteria-el-rocio .opciones-proyecto,.container-main-principal .container-proyectos .proyectos .gameboy-pikachu .opciones-proyecto,.container-main-principal .container-proyectos .proyectos .proyecto-academia .opciones-proyecto,.container-main-principal .container-proyectos .proyectos .cambio-climatico .opciones-proyecto,.container-main-principal .container-proyectos .proyectos .demo-portfolio .opciones-proyecto{display:flex;justify-content:center;align-items:center;gap:10px}@media (min-width: 1280px){.container-main-principal .container-proyectos .proyectos .stellar-blade .opciones-proyecto,.container-main-principal .container-proyectos .proyectos .cafeteria-el-rocio .opciones-proyecto,.container-main-principal .container-proyectos .proyectos .gameboy-pikachu .opciones-proyecto,.container-main-principal .container-proyectos .proyectos .proyecto-academia .opciones-proyecto,.container-main-principal .container-proyectos .proyectos .cambio-climatico .opciones-proyecto,.container-main-principal .container-proyectos .proyectos .demo-portfolio .opciones-proyecto{gap:20px}}.container-main-principal .container-proyectos .proyectos .stellar-blade .opciones-proyecto a,.container-main-principal .container-proyectos .proyectos .cafeteria-el-rocio .opciones-proyecto a,.container-main-principal .container-proyectos .proyectos .gameboy-pikachu .opciones-proyecto a,.container-main-principal .container-proyectos .proyectos .proyecto-academia .opciones-proyecto a,.container-main-principal .container-proyectos .proyectos .cambio-climatico .opciones-proyecto a,.container-main-principal .container-proyectos .proyectos .demo-portfolio .opciones-proyecto a{text-decoration:none;background-color:#b3cff2;display:inline-block;padding:5px;border-radius:5px;color:#3a86ff;transition:transform .3s ease-in-out,background .3s,color .3s}@media (min-width: 1280px){.container-main-principal .container-proyectos .proyectos .stellar-blade .opciones-proyecto a:hover,.container-main-principal .container-proyectos .proyectos .cafeteria-el-rocio .opciones-proyecto a:hover,.container-main-principal .container-proyectos .proyectos .gameboy-pikachu .opciones-proyecto a:hover,.container-main-principal .container-proyectos .proyectos .proyecto-academia .opciones-proyecto a:hover,.container-main-principal .container-proyectos .proyectos .cambio-climatico .opciones-proyecto a:hover,.container-main-principal .container-proyectos .proyectos .demo-portfolio .opciones-proyecto a:hover{background-color:#ff61a6;color:#b3cff2;transform:translateY(-10px) scale(1.1)}}.container-main-principal .container-proyectos .proyectos .stellar-blade .opciones-proyecto a i,.container-main-principal .container-proyectos .proyectos .cafeteria-el-rocio .opciones-proyecto a i,.container-main-principal .container-proyectos .proyectos .gameboy-pikachu .opciones-proyecto a i,.container-main-principal .container-proyectos .proyectos .proyecto-academia .opciones-proyecto a i,.container-main-principal .container-proyectos .proyectos .cambio-climatico .opciones-proyecto a i,.container-main-principal .container-proyectos .proyectos .demo-portfolio .opciones-proyecto a i{margin-right:5px;color:#3a86ff}.container-main-principal .container-habilidades-herramientas{border-bottom:2px solid #1C2541;padding-bottom:100px;margin-bottom:50px}.container-main-principal .container-habilidades-herramientas .habilidades{margin-bottom:50px}.container-main-principal .container-habilidades-herramientas .habilidades .title-habilidades{font-size:23px;color:#3a86ff;text-align:center;margin-bottom:20px}@media (min-width: 768px){.container-main-principal .container-habilidades-herramientas .habilidades .title-habilidades{font-size:28px}}@media (min-width: 1280px){.container-main-principal .container-habilidades-herramientas .habilidades .title-habilidades{margin-bottom:40px}}@media (min-width: 1440px){.container-main-principal .container-habilidades-herramientas .habilidades .title-habilidades{font-size:33px}}.container-main-principal .container-habilidades-herramientas .habilidades ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-row:1fr 1fr;row-gap:20px}@media (min-width: 768px){.container-main-principal .container-habilidades-herramientas .habilidades ul{row-gap:30px}}.container-main-principal .container-habilidades-herramientas .habilidades ul li{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 1280px){.container-main-principal .container-habilidades-herramientas .habilidades ul li:hover{filter:drop-shadow(0px 10px 5px #3A86FF)}}.container-main-principal .container-habilidades-herramientas .habilidades ul li img{width:35px}.container-main-principal .container-habilidades-herramientas .herramientas .title-herramientas{font-size:23px;color:#3a86ff;text-align:center;margin-bottom:20px}@media (min-width: 768px){.container-main-principal .container-habilidades-herramientas .herramientas .title-herramientas{font-size:28px}}@media (min-width: 1280px){.container-main-principal .container-habilidades-herramientas .herramientas .title-herramientas{margin-bottom:40px}}@media (min-width: 1440px){.container-main-principal .container-habilidades-herramientas .herramientas .title-herramientas{font-size:33px}}.container-main-principal .container-habilidades-herramientas .herramientas ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-row:1fr 1fr;row-gap:20px}@media (min-width: 768px){.container-main-principal .container-habilidades-herramientas .herramientas ul{row-gap:30px}}.container-main-principal .container-habilidades-herramientas .herramientas ul li{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 1280px){.container-main-principal .container-habilidades-herramientas .herramientas ul li:hover{filter:drop-shadow(0px 10px 5px #3A86FF)}}.container-main-principal .container-habilidades-herramientas .herramientas ul li img{width:35px}.container-main-principal .container-contacto{border-bottom:2px solid #1C2541;padding-bottom:100px;margin-bottom:50px}.container-main-principal .container-contacto .title-contacto{font-size:23px;color:#3a86ff;text-align:center;margin-bottom:20px}@media (min-width: 768px){.container-main-principal .container-contacto .title-contacto{font-size:28px}}@media (min-width: 1280px){.container-main-principal .container-contacto .title-contacto{margin-bottom:40px}}@media (min-width: 1440px){.container-main-principal .container-contacto .title-contacto{font-size:33px}}.container-main-principal .container-contacto p{font-size:15px;color:#fff;margin-bottom:20px}@media (min-width: 768px){.container-main-principal .container-contacto p{font-size:20px}}.container-main-principal .container-contacto .informacion-de-contacto-email{display:flex;flex-direction:column;gap:50px}@media (min-width: 1280px){.container-main-principal .container-contacto .informacion-de-contacto-email{flex-direction:row;gap:0px;width:100%;justify-content:space-between}}@media (min-width: 1280px){.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto{width:50%}}.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto h3{font-size:20px;color:#3a86ff;margin-bottom:20px}@media (min-width: 768px){.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto h3{font-size:25px}}@media (min-width: 1280px){.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto h3{margin-bottom:40px}}.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .email,.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .git-hub,.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .linkedin{display:flex;justify-content:flex-start;align-items:center;gap:20px;margin-bottom:15px}.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .email i,.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .git-hub i,.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .linkedin i{color:#b3cff2;font-size:30px;padding:0 20px;background-color:#121829;border-radius:10px}.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .email .enlace-title,.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .git-hub .enlace-title,.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .linkedin .enlace-title{display:flex;flex-direction:column}.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .email .enlace-title h4,.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .git-hub .enlace-title h4,.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .linkedin .enlace-title h4{font-size:17px;color:#4ed6cb}@media (min-width: 768px){.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .email .enlace-title h4,.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .git-hub .enlace-title h4,.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .linkedin .enlace-title h4{font-size:21px}}.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .email .enlace-title a,.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .git-hub .enlace-title a,.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .linkedin .enlace-title a{text-decoration:none;color:#fff}@media (min-width: 1280px){.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .email .enlace-title a:hover,.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .git-hub .enlace-title a:hover,.container-main-principal .container-contacto .informacion-de-contacto-email .informacion-contacto .linkedin .enlace-title a:hover{color:#ff61a6}}@media (min-width: 1280px){.container-main-principal .container-contacto .informacion-de-contacto-email .email{width:50%}}.container-main-principal .container-contacto .informacion-de-contacto-email .email h3{font-size:20px;color:#3a86ff;margin-bottom:20px}@media (min-width: 768px){.container-main-principal .container-contacto .informacion-de-contacto-email .email h3{font-size:25px}}@media (min-width: 1280px){.container-main-principal .container-contacto .informacion-de-contacto-email .email h3{margin-bottom:40px}}.container-main-principal .container-contacto .informacion-de-contacto-email .email .formulario{display:flex;flex-direction:column;gap:20px}.container-main-principal .container-contacto .informacion-de-contacto-email .email .formulario input{background-color:transparent;border:0;padding:10px;border:2px solid #121829;border-radius:5px}.container-main-principal .container-contacto .informacion-de-contacto-email .email .formulario input:focus{outline:none;border:1px solid #B3CFF2}@media (min-width: 768px){.container-main-principal .container-contacto .informacion-de-contacto-email .email .formulario input{font-size:18px}}.container-main-principal .container-contacto .informacion-de-contacto-email .email .formulario textarea{background-color:transparent;border:0;padding:10px;border:2px solid #121829;border-radius:5px}.container-main-principal .container-contacto .informacion-de-contacto-email .email .formulario textarea:focus{outline:none;border:1px solid #B3CFF2}@media (min-width: 768px){.container-main-principal .container-contacto .informacion-de-contacto-email .email .formulario textarea{font-size:18px}}.container-main-principal .container-contacto .informacion-de-contacto-email .email .formulario button{color:#fff;font-size:15px;padding:5px 0;background-color:#b3cff2;border-radius:5px;border:0;transition:background .3s,color .3s}@media (min-width: 1280px){.container-main-principal .container-contacto .informacion-de-contacto-email .email .formulario button{padding:10px 0}.container-main-principal .container-contacto .informacion-de-contacto-email .email .formulario button:hover{cursor:pointer;color:#ff61a6;background-color:#121829}}.container-main-principal .container-servicios{border-bottom:2px solid #1C2541;padding-bottom:100px;margin-bottom:50px;display:flex;flex-direction:column;gap:20px}.container-main-principal .container-servicios .title-servicios{font-size:23px;color:#3a86ff;text-align:center;margin-bottom:20px}@media (min-width: 768px){.container-main-principal .container-servicios .title-servicios{font-size:28px}}@media (min-width: 1440px){.container-main-principal .container-servicios .title-servicios{font-size:33px}}.container-main-principal .container-servicios p{font-size:15px;color:#fff}@media (min-width: 768px){.container-main-principal .container-servicios p{font-size:20px}}@media (min-width: 1280px){.container-main-principal .container-servicios p{margin-bottom:20px}}.container-main-principal .container-servicios .servicio{background-color:#1c2541;padding:10px;border-radius:10px;display:flex;flex-direction:column;gap:10px}@media (min-width: 1280px){.container-main-principal .container-servicios .servicio{padding:25px;margin-bottom:20px}}.container-main-principal .container-servicios .servicio h3{font-size:20px;color:#3a86ff}@media (min-width: 768px){.container-main-principal .container-servicios .servicio h3{font-size:25px}}.container-main-principal .container-servicios .servicio p{font-size:15px;color:#4ed6cb;margin:0}@media (min-width: 768px){.container-main-principal .container-servicios .servicio p{font-size:20px}}.container-main-principal .container-servicios .nota{font-size:17px;color:#ff61a6}@media (min-width: 768px){.container-main-principal .container-servicios .nota{font-size:22px}}.container-main-principal .container-servicios .boton-contacto{text-decoration:none;padding:10px;background-color:#3a86ff;text-align:center;border-radius:15px;display:inline-block;font-size:15px;transition:background .5s,color .5s}@media (min-width: 1280px){.container-main-principal .container-servicios .boton-contacto{padding:15px 0}.container-main-principal .container-servicios .boton-contacto:hover{background-color:#ff61a6;color:#1c2541}}html,body{overflow-x:hidden;background-color:#0a0f2c}html *{font-family:Poppins;color:#fff}html{scroll-behavior:smooth}#tsparticles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}h1,h2,h3,h4,h5{margin:0;padding:0}