@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Ubuntu&display=swap";html,body,#root{width:100%;scroll-behavior:smooth;height:100%}body{overflow:auto;background:rgb(16,17,19)}#root{max-height:100%;--mouse-x: 0px;--mouse-y: 0px}#jaymePortfolio{height:100%}.ventana{background:rgb(16,17,19);width:100%;position:relative;min-height:100%;overflow:visible}body::-webkit-scrollbar{background:rgb(29,26,26);width:10px}body::-webkit-scrollbar-button{background:rgb(32,30,30)}body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.815);border-radius:10px;cursor:pointer}body::-webkit-scrollbar-thumb:hover{background:rgb(255,255,255);border-radius:10px}*{padding:0;margin:0;border:none;box-sizing:border-box;outline:none;color:#fff;font-family:Sofadi One,system-ui;font-optical-sizing:auto;font-weight:800;font-style:normal}.vista1{height:100%;position:relative;background:rgb(209,192,192);overflow:hidden}div.iconos>div:nth-child(3)>p:nth-child(3){width:max-content}.botones{padding:4px;border-radius:8px;height:60px}.download{padding:3px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column}.download span{font-size:12px}.container-right .right-boton:before{content:"";position:absolute;bottom:0;top:0;margin:auto;left:0;right:0;height:180px;width:30px;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(153,153,153,.21),rgba(4,4,4,.1607843137) 40%);animation:bordes 8s ease infinite;z-index:1}.container-right .right-boton:after{content:"";position:absolute;display:inline-block;z-index:4;background:black;inset:3px;border-radius:12px}.caja-texto{text-align:start;color:#ffffff80}.caja{transition:transform .1s}.contact-right .botonEnviar:hover{background:black;border:2px solid #252525}@keyframes fade-li{0%{top:-3px}60%{opacity:1}to{top:0px;opacity:1}}@keyframes arriba{0%{transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes abajo{0%{transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}@keyframes toRight{0%{transform:translate(-50%)}to{transform:translate(0);opacity:1}}@keyframes toIzq{0%{transform:translate(30%)}to{opacity:1;transform:translate(0)}}@keyframes aparecer{to{opacity:1}}@keyframes anim1{0%{transform:rotate(0);bottom:0}3%{opacity:1}to{bottom:100%;transform:rotate(360deg)}}@keyframes aparece{}@media screen and (max-width: 715px){#about>div.about-container{grid-gap:40px}div.iconos>div:nth-child(3)>p:nth-child(3){width:inherit}}@media screen and (min-width: 650px) and (max-width: 696px){.home .left{margin-right:40px}}@media screen and (max-width: 650px){.home{padding-top:20vh}.perfilContainer{left:0;height:35px;width:35px}.perfilContainer>img{border:2px solid #000000;outline:3px solid #1ea1ff}.about-container{gap:0px!important}.header .nav ul{display:none}.home .left{margin-right:10px}.home .right{flex-wrap:wrap-reverse;flex-direction:column-reverse;align-items:center;margin-left:10vw;margin-left:0;position:relative;top:-30px}.home .right .right-texto{margin:0;position:relative;justify-self:center;display:flex;flex-direction:column;align-items:center}.texto-dev .linea{width:40px}.portfolio .caja{background:rgb(34,31,31);margin:10px;display:block}.container-right .iconos>div{margin:0 3px;min-width:40%}}@media screen and (max-width: 500px){.home .right{margin-left:0}.container-right .iconos>div>div{margin:0 3px}.portfolio .caja{width:85%;height:520px}.portfolio .caja .caja-image{height:180px}}.cv-caja{width:100%;height:100%;background:rgba(0,0,0,.4);position:fixed;top:0;left:0;z-index:5000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;visibility:hidden;transition:all .2s ease}.cv-caja .cv-content{width:90%;max-width:450px;height:95%;max-height:600px;position:relative;transform:scale(.5);border-radius:15px}.cv-caja .cv-content .image{width:100%;height:100%;position:relative;border-radius:inherit;overflow:hidden}.cv-caja .cv-content .image>img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:10;top:0;left:0}.cv-caja .cv-content .image .front-image{width:100%;height:100%;object-fit:contain;display:grid;place-items:center;position:absolute;z-index:20;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.cv-caja .cv-content .image .front-image img{width:100%;height:100%;position:absolute;object-fit:contain}@media (max-width: 500px){.cv-caja .cv-content .image{border-radius:inherit}}.cv-caja .cv-content .botones{position:absolute;top:20px;right:-20px;transform:translate(100%)}.cv-caja .cv-content .botones>div{width:45px;height:45px;margin-bottom:10px;border-radius:5px;border:2px solid #373737;cursor:pointer;padding:7px}.cv-caja .cv-content .botones:hover{background:#002c71}.cv-caja .cv-content .botones div:nth-child(1){display:none}.cv-caja .cv-content .botones div:nth-child(2) span{font-size:9px;position:absolute;bottom:-5px;left:0;display:inline-block;text-align:center;width:100%;color:#e5e5e5}@media (max-width: 500px){.cv-caja .cv-content .botones{display:none}}.cv-caja .cv-content .exit-desk{width:40px;height:40px;background:#101010;border:2px solid #373737;position:absolute;top:0;left:0;transform:translate(-110%) translateY(-30%);border-radius:999px;display:grid;place-items:center;cursor:pointer}.cv-caja .cv-content .exit-desk:hover{background:rgba(109,18,18,.7411764706)}@media (max-width: 500px){.cv-caja .cv-content .exit-desk{display:none}}.cv-caja .cv-content .exit-mbl{display:none}@media (max-width: 500px){.cv-caja .cv-content .exit-mbl{display:block;height:50px;width:50px;border-radius:999px;position:absolute;top:0;margin-top:2vh;margin-left:2%;z-index:100;padding:7px;border:2px solid #999999;background:#afafaf}}.cv-caja .cv-content .btnDownload-mbl{display:none}@media (max-width: 500px){.cv-caja .cv-content .btnDownload-mbl{width:80%;border-radius:10px;border:2px solid gray;padding:5px 0;z-index:100;position:absolute;bottom:25px;background:#212327;display:flex;justify-content:space-around;left:0;right:0;margin:0 auto;font-weight:700}.cv-caja .cv-content .btnDownload-mbl span{font-size:17px;display:grid;place-items:center}.cv-caja .cv-content .btnDownload-mbl svg{width:40px;height:40px}}@media (max-width: 500px){.cv-caja .cv-content{width:100%;height:100%;position:relative;max-height:max-content;border-radius:0}}@keyframes fadeCV{0%{transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes exitCV{0%{opacity:1;transform:scale(1)}80%{transform:scale(.95)}}.header{display:flex;justify-content:space-between;font-size:20px;background:rgba(4,12,17,.315);color:#fff;margin:auto;padding:10px 5vw;z-index:1000;position:fixed;width:100%;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(51,51,51,.7);align-items:center}.perfilContainer{height:42px;width:42px;position:relative}@keyframes goUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.perfilContainer img{width:100%;height:100%;border-radius:50px;border:2px solid #000000;outline:3px solid #2a9dff}.icon-headerDesktop_header{transition:background-color .1s ease,border .3s ease;width:20%;background:rgb(28,28,28);border-radius:10px;border:2px solid #2e2e2e;color:#fff;display:flex;flex-direction:row;align-items:center;cursor:pointer;padding:10px;gap:10px;justify-content:center}.icon-headerDesktop_header>span{width:25px;height:25px;display:inline-block}.icon-headerDesktop_header>span svg{height:100%;width:100%;transition:all .1s ease}.icon-headerDesktop_header>span svg path{transition:all .1s ease}.icon-headerDesktop_header:hover>span svg{fill:#038eff}.icon-headerDesktop_header:hover>span svg path{fill:#038eff}@media (max-width: 900px){.icon-headerDesktop_header{display:none}}@media (max-width: 800px){.icon-headerDesktop_header{display:none}}.header .botonHeader{width:min-content;height:min-content;width:100%;height:100%;display:none}@media (max-width: 900px){.header .botonHeader{display:flex;justify-content:space-between;visibility:visible;position:relative}.header .botonHeader .botonReal{display:flex;justify-content:space-between;width:40px;height:35px;align-items:center;position:relative}.header .botonHeader .botonReal>span{background:#f3f3f3;width:13px;height:13px;border-radius:999px;display:inline-block;position:relative;transition:all .19s ease}.header .botonHeader .botonReal>span:nth-child(1){top:calc(100% - 22px)}.header .botonHeader .botonReal>span:nth-child(2){top:calc(0% - 11px)}.header .botonHeader .botonReal>span:nth-child(3){top:calc(100% - 22px)}}.headerMenu{position:absolute;top:calc(100% + 15px);z-index:100;height:360px;width:60px;animation:fadeFooter .15s ease forwards;right:0;right:-3%}.headerMenu .menu-center{list-style:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100%;border-radius:20px;font-size:14px;display:flex;align-items:center;flex-direction:column;justify-content:space-around;height:350px}.headerMenu .menu-center li{margin:0 10px}.headerMenu .menu-center li a{text-decoration:none;display:flex;justify-content:center;flex-direction:column;align-items:center}.headerMenu .menu-center li a>span{border:1px solid #353535;border-radius:999px;width:40px;height:40px;padding:7px;display:grid;place-items:center;background:rgba(10,41,89,.6196078431);position:relative;top:-3px;opacity:0}.headerMenu .menu-center li a>span>svg{fill:#c7c7c7}.headerMenu .menu-center li a>p{font-size:10px;color:gray;opacity:0;top:-3px}.headerMenu .menu-center li a i{font-size:20px}.iconPerfil{width:35px;height:35px;border-radius:50%;overflow:hidden;outline:2px solid #2e92e9;border:2px solid #2e92e9;transition:all .2s ease}.iconPerfil img{width:100%;height:100%;object-fit:cover}.header .nav{width:70%;min-width:500px;margin:0 auto}@media (max-width: 900px){.header .nav{display:none}}.header .nav ul{list-style:none;display:flex;justify-content:center;gap:15px}.header .nav ul>li:hover{background:rgb(18,18,18);border:2px solid #23598f}.header .nav ul li a{text-decoration:none;font-size:10px;color:#9b9b9b}.ondas{position:absolute;bottom:0px;width:100%;z-index:2}.ondas svg{fill:#1e87ff;width:100%;transform:rotate(180deg);display:block;height:270px}@media (max-width: 900px){.ondas svg{height:220px}}.circles{background:rgb(16,17,19);position:absolute;top:0;left:0;height:120%;width:100%;z-index:1}.circles li{background:rgb(0,174,255);width:40px}.circles li:nth-child(1){height:150px;width:150px;background:rgb(0,174,255);display:inline-block;position:absolute;bottom:0;right:50px;animation:anim1 15s linear infinite;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;filter:blur(10px);opacity:0}.circles li:nth-child(2){height:30px;width:30px;background:rgb(0,174,255);display:inline-block;position:absolute;bottom:0;right:30vw;animation:anim1 10s ease-in infinite;animation-delay:3s;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;filter:blur(10px);opacity:0}.circles li:nth-child(3){height:120px;width:120px;background:rgb(0,174,255);display:inline-block;position:absolute;bottom:0;right:45vw;animation:anim1 7s linear infinite;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;filter:blur(10px);animation-delay:2s;opacity:0}.circles li:nth-child(4){height:100px;width:100px;background:rgb(0,174,255);display:inline-block;position:absolute;bottom:0;right:90vw;animation-delay:15s;animation:anim1 20s linear infinite;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;filter:blur(10px);animation-delay:5s;opacity:0}.circles li:nth-child(5){height:50px;width:50px;background:rgb(0,174,255);display:inline-block;position:absolute;bottom:0;right:80vw;animation-delay:3s;animation:anim1 10s linear infinite;border-radius:60% 40%;filter:blur(10px);animation-delay:1s;opacity:0}.circles li:nth-child(6){height:75px;width:75px;background:rgb(0,174,255);display:inline-block;position:absolute;bottom:0;right:70vw;animation-delay:3s;animation:anim1 15s linear infinite;border-radius:60% 40%;filter:blur(10px);animation-delay:25s;opacity:0}.circles li:nth-child(7){height:125px;width:125px;background:rgb(0,174,255);display:inline-block;position:absolute;bottom:0;right:10vw;animation-delay:3s;animation:anim1 30s linear infinite;border-radius:60% 40%;filter:blur(10px);animation-delay:5s;opacity:0}.circles li:nth-child(8){height:80px;width:80px;background:rgb(0,174,255);display:inline-block;position:absolute;bottom:0;right:60vw;animation-delay:3s;animation:anim1 30s linear infinite;border-radius:60% 40%;filter:blur(10px);animation-delay:10s;opacity:0}.circles li:nth-child(9){height:25px;width:25px;background:rgb(0,174,255);display:inline-block;position:absolute;bottom:0;right:10vw;animation-delay:3s;animation:anim1 30s linear infinite;border-radius:60% 40%;filter:blur(10px);animation-delay:1s;opacity:0}.circles li:nth-child(10){height:35px;width:35px;background:rgb(0,174,255);display:inline-block;position:absolute;bottom:0;right:90vw;animation-delay:3s;animation:anim1 30s linear infinite;border-radius:60% 40%;filter:blur(10px);animation-delay:5s;opacity:0}@keyframes profile{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 40%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.home{max-width:980px;margin:auto;display:flex;padding-top:280px;align-content:center;z-index:10;position:relative}@media (max-width: 800px){.home{padding-top:18vh}}.home .left{margin-right:40px;margin-left:15px;height:min-content}.home .left div{opacity:0;background:#0d0d0d;margin:10px 0;border-radius:999px;width:45px;height:45px;display:grid;place-items:center;outline:2px solid #1b1b1b;transition:all .1s ease}.home .left div>a{width:23px;display:grid;place-items:center;height:23px}.home .left div>a svg{width:100%;height:100%}.home .left div:nth-child(3) a{width:21px;height:21px}.home .left div:hover{outline:2px solid #3d3d3d;background:#00142d;cursor:pointer}.home .right{display:flex}.home .right .right-texto{margin-right:50px;z-index:10}div.about-container>div.container-right>.cv{opacity:0}.right-texto .texto-nombre{font-size:60px}.texto-dev{display:flex;align-items:center;margin-bottom:10px;margin-top:20px;opacity:0}@media (max-width: 900px){.texto-dev{position:relative;right:15%}}.texto-dev .linea{width:50px;height:1px;background:rgb(211,211,211);display:inline-block;margin:0 10px}.right-texto .texto-dev2{margin-bottom:10px;opacity:0;padding-right:10px}.right-texto>a{margin-top:40px;background:rgb(51,51,51);border-radius:10px;opacity:0;cursor:pointer;height:min-content;display:inline-block}.right-texto>a:hover{background:rgb(24,23,23)}.right-texto .texto-boton{padding:10px 30px;display:inline-block;color:#fff;transition:background-color .3s;position:relative;overflow:hidden;text-decoration:none}.right-texto .texto-boton .more,.right-texto .texto-boton .icon{position:relative;z-index:10}.right-texto .texto-boton:after{content:"";position:absolute;display:inline-block;z-index:4;background:black;inset:3px;border-radius:5px}@keyframes bordes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.right-texto .texto-boton .icon{margin-left:4px}.right-texto .texto-boton .icon svg{fill:#fff}@media screen and (min-width: 650px){.headerMenu{display:none}}.right-texto>a{opacity:1!important}.iconHand{display:inline-block;animation:icon-hand-wave 805ms infinite cubic-bezier(.36,.07,.19,.97) alternate;transform-origin:70% 80%}@media (max-width: 768px){.iconHand{display:none}}@keyframes icon-hand-wave{0%{transform:rotate(0)}to{transform:rotate(-30deg)}}.iconHandMobile{display:none}@media (max-width: 768px){.iconHandMobile{display:inline}}.home .right .right-image{background:url(/assets/animated_jaymeAlejoLino-6d245677.png) no-repeat center;animation:profile ease-in 8s infinite 1s,toIzq ease-in .5s forwards .5s;width:470px;height:470px;background-size:cover;filter:grayscale(85%);transition:all 1s;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;opacity:0}@media screen and (max-width: 650px){.home .right .right-image{height:210px;width:210px}}.home .right .right-image:hover{filter:grayscale(0%)}.about{padding:4rem 2rem;color:#fff;margin-top:12rem;width:100%}.about__header{text-align:center;margin-bottom:3rem}.about__title{font-size:2.5rem;margin-bottom:.5rem;color:#0b83ff}.about__subtitle{font-size:1.1rem;color:#8f9ba8;text-transform:uppercase;letter-spacing:2px}.about__content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4rem;width:100%;margin-top:2rem}@media (max-width: 768px){.about__content{flex-direction:column;text-align:center}}.about__image-container{position:relative;width:100%;max-width:360px;opacity:0;animation:fadeIn .5s ease forwards}.about__image{width:100%;height:100%;object-fit:cover;border-radius:10px;transition:transform .3s ease}.about__image:hover{transform:scale(1.02)}.about__info{text-align:center;margin-top:1.5rem}.about__name{font-size:1.8rem;margin-bottom:.5rem;color:#fff}.about__role{font-size:1.1rem;color:#8f9ba8;margin:0}.about__details{flex:1;max-width:900px}.about__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.about__stats{grid-template-columns:1fr}}.about__description{font-size:1.1rem;line-height:1.7;margin-bottom:2rem;color:#d1d5db;margin:0 10%}@media (max-width: 700px){.about__description{margin:0}}.about__actions{display:flex;justify-content:center;margin-top:2rem}.info-block{background:rgba(255,255,255,.05);border-radius:10px;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.1)}.info-block:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0b83ff33}.info-block__icon{width:50px;height:50px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:rgba(11,131,255,.1);border-radius:50%}.info-block__title{font-size:1.1rem;margin:.5rem 0;color:#fff}.info-block__subtitle{font-size:.9rem;color:#8f9ba8;margin:.25rem 0}.info-block__description{font-size:.9rem;color:#d1d5db;margin-top:1rem;line-height:1.5}.view-cv-button__button{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(45deg,#0b83ff,#0066cc);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.view-cv-button__button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0b83ff66;padding-right:2rem}.view-cv-button__button:after{content:"→";position:absolute;right:1.5rem;opacity:0;transition:all .3s ease}.view-cv-button__button:hover:after{opacity:1;right:1rem}.view-cv-button__icon{width:24px;height:24px;stroke:#fff;stroke-width:2}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes goUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bubble-effect{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;outline:5px solid #077dff;transition:transform .3s ease,outline-color .3s ease}.about__image{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .3s ease}@keyframes bubble{0%{border-radius:50% 50% 30% 70%/60% 40%;outline-color:#1d43ff}33%{border-radius:40% 60%/60% 40%;outline-color:#334abc}66%{border-radius:60% 40%/50%;outline-color:#002aff}to{border-radius:50% 50% 30% 70%/60% 40%;outline-color:#2c4add}}.about__image-wrapper:hover .bubble-effect{transform:scale(1.05);outline-width:3px;outline-color:#00bfff}.about__image-wrapper:hover .about__image{transform:scale(1.02)}.about__image-wrapper{width:350px;height:350px;border-radius:50%;margin:0 auto;position:relative;overflow:hidden;padding:5px}@media (max-width: 700px){.about__image-wrapper{width:170px;height:170px}}.about__image-wrapper:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.6) 0%,rgba(255,255,255,0) 70%);opacity:.4;z-index:1;pointer-events:none;transition:opacity .3s ease}.skills{margin-top:45vh;margin-bottom:60vh;padding-top:23vh}@media (max-width: 900px){.skills{margin-top:10vh;margin-bottom:30vh;padding-top:23vh}}#skills>span>div.circulo>span:nth-child(1){background-image:url(/assets/css3-af97ceb9.svg)}#skills>span>div.circulo>span:nth-child(2){background-image:url(/assets/flask-1c611903.png)}#skills>span>div.circulo>span:nth-child(3){background-image:url(/assets/github-476ba7aa.svg)}#skills>span>div.circulo>span:nth-child(4){background-image:url(/assets/graphql-15974f9a.svg)}#skills>span>div.circulo>span:nth-child(5){background-image:url(/assets/js-673a6f54.svg)}#skills>span>div.circulo>span:nth-child(6){background-image:url(/assets/mysql-df58ab1e.svg)}#skills>span>div.circulo>span:nth-child(7){background-image:url(/assets/nextjs-1d806f2d.svg)}#skills>span>div.circulo>span:nth-child(8){background-image:url(/assets/react-37c8c23b.svg)}#skills>span>div.circulo>span:nth-child(9){background-image:url(/assets/sass-e810b490.svg)}#skills>span>div.circulo>span:nth-child(10){background-image:url(/assets/shopify-73b7faee.svg)}#skills>span>div.circulo>span:nth-child(11){background-image:url(/assets/tailwind-34074570.svg)}#skills>span>div.circulo>span:nth-child(12){background-image:url(/assets/AWS-3992509b.png)}#skills>span>div.circulo>span:nth-child(13){background-image:url(/assets/Kubernetes-952ff96c.png)}#skills>span>div.circulo>span:nth-child(14){background-image:url(./assets/images/v8.png)}#skills>span>div.circulo>span:nth-child(15){background-image:url(/assets/linux-3d12982e.svg)}@media (min-width: 768px){#skills>span>div.circulo>span{width:85px;height:80px;border-radius:20%}}@media (min-width: 1280px){#skills>span>div.circulo>span{width:105px;height:125px;border-radius:20%}}@media (min-width: 768px){#skills>span>div.sol{width:570px;height:570px;background:radial-gradient(circle at center,rgb(0,0,0) 0%,rgba(27,27,27,.137) 40%,rgb(219,210,255) 100%);box-shadow:inset 5px 6px 65px #fff,inset 36px 109px 61px #f0f,inset 152px 0 27px #4dcbcb9e,inset 20px 0 300px #f0f,182px 0 250px #00ffffb8,0 0 23px #fff,26px 35px 139px #f0f,59px 0 -48px #0ff}}@media (min-width: 768px){#skills>span>div.circulo{background:radial-gradient(circle at center,rgba(67,127,217,.631372549) 0%,rgba(167,58,179,.1607843137) 30%,rgba(109,0,255,.3490196078) 55%,rgba(0,255,255,.1215686275) 75%,rgba(255,255,255,.1) 95%);circle-path:circle(50% at 50% 50%);border-radius:50%;width:170px!important;height:180px!important}}.skills .container-texto{z-index:100;text-align:center;font-size:40px;position:relative;bottom:70px}@media (min-width: 768px){.skills .container-texto{position:relative;top:-22vh;font-size:55px}}.skills .container-texto h2{font-size:2.5rem;color:#2e92e9}.skills .container-texto h7{font-size:1.1rem;color:#9da7b1;text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem}@keyframes estr{0%{transform:translateY(0)}to{transform:translateY(-1500px)}}.container{position:relative;display:block;height:400px}.circulo{height:100%;width:300px!important;position:absolute!important;top:0;bottom:0;left:0;right:0;margin:auto}.sol{width:300px;height:300px;border-radius:50%;box-shadow:inset 0 0 50px #fff,inset 20px 0 80px #f0f,inset -20px 0 80px #0ff,inset 20px 0 300px #f0f,inset -20px 0 300px #0ff,0 0 50px #fff,-10px 0 80px #f0f,10px 0 80px #0ff;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.circulo .items{background-repeat:no-repeat;background-position:center;background-size:100%;background-size:65%;background-color:#ffffffd6;border-radius:12px;height:60px;width:60px}.portfolio-container{text-align:center;padding-top:100px}.portfolio-container h2{font-size:2.5rem;color:#2e92e9}.portfolio-container h7{font-size:1.1rem;color:#9da7b1;text-transform:uppercase;letter-spacing:2px;margin-bottom:5.5rem}.portfolio{display:flex;justify-content:center;flex-wrap:wrap;grid-gap:50px;margin-top:50px}.portfolio .caja{transition:transform .2s;width:280px;height:500px;border-radius:10px;display:flex;flex-direction:column;align-items:center;position:relative;background:#2a2c2f}.portfolio .caja>.caja-content{position:absolute;inset:1px;border-radius:inherit;z-index:200;padding:10px;border:2px solid rgba(255,255,255,.6156862745);background:rgb(227,227,227)}.portfolio .caja>.caja-content .caja-titulo{margin:10px 0;display:flex;justify-content:space-between}.portfolio .caja>.caja-content .caja-titulo .caja_titulo_h1{color:#000;font-weight:700;display:flex;align-items:center;justify-content:flex-start}.portfolio .caja>.caja-content .caja-titulo .caja_block_h2{color:#6a6a6a;font-weight:400;background:rgb(27,118,255);padding:10px;border-radius:10px}.portfolio .caja>.caja-content .caja-texto{color:#6a6a6a}.portfolio .caja .caja-lin{display:block;height:6px;width:59%;border-radius:100px;margin:2px auto 12px;background:white}.portfolio .caja .caja-image{height:130px}.portfolio .caja .caja-image img{height:100%;width:100%;object-fit:cover;border-radius:12px}.contact-form{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:700px;margin:0 auto;border-radius:10px;box-shadow:0 10px 30px #0000004d}.contact-form h3{color:#ccd6f6;margin:0 0 2rem;font-size:2.5rem;text-align:left;font-weight:700;letter-spacing:-.5px}.contact-form .form-group{position:relative;margin-bottom:2rem}.contact-form .send-button{position:relative;background:transparent;color:#64ffda;border:2px solid #64ffda;border-radius:5px;padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.645,.045,.355,1);text-transform:uppercase;letter-spacing:1.5px;overflow:hidden;z-index:1;margin-top:1rem;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:200px;align-self:flex-start;margin:0 auto}.contact-form .send-button:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:rgba(100,255,218,.1);transition:all .3s ease;z-index:-1}.contact-form .send-button:hover,.contact-form .send-button:focus{color:#0a192f;background:#64ffda;transform:translateY(-3px);box-shadow:0 10px 20px #64ffda33}.contact-form .send-button:hover:before,.contact-form .send-button:focus:before{width:100%}.contact-form .send-button:hover .send-icon,.contact-form .send-button:focus .send-icon{transform:translate(3px) translateY(-3px)}.contact-form .send-button:active{transform:translateY(-1px)}.contact-form .send-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;background:transparent;color:#64ffda}.contact-form .send-button .loader{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1rem}.contact-form .send-button .send-icon{transition:transform .3s cubic-bezier(.645,.045,.355,1);font-size:1.1rem}.contact-form label{display:block;margin-bottom:8px;font-weight:500;color:#64ffda}.contact-form input,.contact-form textarea{width:100%;padding:1.2rem 1.5rem;background:#141d1d;border:2px solid #1b312d;border-radius:6px;color:#e6f1ff;font-size:1.1rem;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);resize:none;line-height:1.5}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8892b0;opacity:1}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#64ffda;background:#0a192f;box-shadow:0 0 0 1px #64ffda}.contact-form textarea{min-height:150px;resize:vertical}.lds-ripple{display:inline-block;position:relative;width:52px;height:52px}.lds-ripple div{position:absolute;border:3px solid rgb(33,161,224);opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:26px;left:26px;width:0;height:0}4.9%{top:26px;left:26px;width:0;height:0}5%{top:26px;left:26px;width:0;height:0;opacity:1}to{top:0px;left:0px;width:52px;height:52px}}.input{width:100%;padding:1.2rem 1.5rem;background:#112240;border:2px solid #233554;border-radius:6px;color:#e6f1ff;font-size:1.1rem;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1)}.input::placeholder{color:#8892b0;opacity:1}.input:focus{outline:none;border-color:#64ffda;background:#0a192f;box-shadow:0 0 0 1px #64ffda}.textarea{width:100%;padding:1.2rem 1.5rem;background:#112240;border:2px solid #233554;border-radius:6px;color:#e6f1ff;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:150px;resize:vertical}.textarea::placeholder{color:#8892b0;opacity:1}.textarea:focus{outline:none;border-color:#64ffda;background:#0a192f;box-shadow:0 0 0 1px #64ffda}.message{padding:1.2rem 1.5rem;border-radius:6px;margin:1.5rem 0 0;font-size:1rem;text-align:left;animation:fadeIn .3s ease forwards;background:rgba(100,255,218,.05);border-left:3px solid #64ffda;color:#ccd6f6;line-height:1.6;cursor:pointer;transition:all .3s ease}.message:hover{transform:translate(5px)}.message.success{background:rgba(46,204,113,.05);border-left:3px solid #2ecc71;color:#2ecc71}.message.error{background:rgba(231,76,60,.05);border-left:3px solid #e74c3c;color:#e74c3c}.message .close-btn{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;float:right;font-size:1.2rem;line-height:1;padding:.25rem;margin-left:1rem;transition:opacity .2s ease}.message .close-btn:hover{opacity:1}.contact-header{display:flex;flex-direction:column;align-items:center;margin-bottom:6vh}.contact-header h2{color:#2e92e9}.contact-header h7{color:#9da7b1}.contact-content{padding:7vw;padding-bottom:0}.contact-info{color:#e6f1ff;display:flex;flex-direction:column;justify-content:center}.contact-info h3{font-size:1.8rem;margin-bottom:30px;position:relative;padding-bottom:15px;color:#2e92e9}.contact-info h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:#2e92e9;border-radius:3px}.contact-info .contact-methods{display:flex;flex-direction:column;gap:25px}.contact-info .contact-method{display:flex;align-items:center;text-decoration:none;color:#e6f1ff;transition:all .3s ease;padding:15px;border-radius:8px;background:rgba(100,255,218,.05);border:1px solid rgba(100,255,218,.1)}.contact-info .contact-method:hover{transform:translate(10px);background:rgba(100,255,218,.1);border-color:#64ffda33}.contact-info .contact-method .icon-container{width:50px;height:50px;border-radius:50%;background:rgba(100,255,218,.1);display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:1.5rem;color:#64ffda}.contact-info .contact-method .method-details{display:flex;flex-direction:column}.contact-info .contact-method .method-details .method-title{font-weight:600;margin-bottom:5px;font-size:1.1rem;color:#64ffda}.contact-info .contact-method .method-details .method-value{opacity:.9;font-size:.95rem;color:#8892b0}:root{--primary-color: #0b83ff;--success-color: #2ecc71;--error-color: #e74c3c;--warning-color: #f39c12;--text-color: #2c3e50;--light-gray: #ecf0f1;--border-radius: 8px;--transition: all .3s ease}.contact-container{max-width:1200px;margin:40vh auto auto;color:var(--text-color)}.section-title{text-align:center;margin-bottom:60px;font-size:2.5rem;color:#64ffda;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#64ffda,#1e90ff);border-radius:3px}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #0000004d}@media (max-width: 768px){.contact-content{grid-template-columns:1fr}}@media (max-width: 768px){.section-title{font-size:2rem;margin-bottom:40px}.contact-content{grid-template-columns:1fr}}.footer{display:flex;flex-direction:column;align-items:center;padding-top:50px;position:relative;overflow:hidden;background:inherit;padding-bottom:70px}.footer-name{margin-bottom:50px;z-index:10;font-size:30px;font-weight:800}.footer-list{display:flex;justify-content:space-around;margin-bottom:70px;width:300px;z-index:10}.footer-list>div{display:flex;justify-content:center;align-items:center;flex-direction:column}.footer .copyright{z-index:10;margin-bottom:10px}.footer .footer-circles{list-style:none;position:absolute;top:0;height:150%;width:100%;z-index:1}.footer .footer-circles li{filter:blur(10px)}.footer .footer-circles li:nth-child(1){height:120px;width:120px;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background:rgb(0,174,255);animation:anim1 5s linear infinite;animation-delay:3s;position:absolute;left:10vw;bottom:20px}.footer .footer-circles li:nth-child(2){height:80px;width:80px;border-radius:20% 40%;background:rgb(0,174,255);animation:anim1 5s linear infinite;position:absolute;animation-delay:4s;left:30vw;bottom:50px}.footer .footer-circles li:nth-child(3){height:40px;width:40px;border-radius:20% 40%;background:rgb(0,174,255);animation:anim1 3s linear infinite;position:absolute;animation-delay:2s;left:60vw;bottom:100px}.footer .footer-circles li:nth-child(4){height:50px;width:50px;border-radius:20% 40%;background:rgb(0,174,255);animation:anim1 5s linear infinite;position:absolute;animation-delay:15s;left:90vw;bottom:50px}.ventana{height:100%}