@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.containerAbout{display:flex;justify-content:space-between;min-height:70vh}.socketIoIcon{fill:#fff}body.light .socketIoIcon{fill:#000}.nextjsIcon{fill:#fff}body.light .nextjsIcon{fill:#000}.divSobremi{min-height:35em}.linksA{text-decoration:none;color:gray}.linksA:hover{color:#2ad84f}.containerAbout img{width:35em;height:33em;margin-right:2em;object-fit:cover;object-position:center}.tabs-container{max-width:600px;margin:0 auto}.tabs{display:flex}.tab-btn{background-color:transparent;position:relative;border:none;padding:10px 20px;cursor:pointer}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#2ad84f}.tab-content{margin-top:10px}.skills-columns li svg{vertical-align:middle}p,button,h3,h2,h5{color:#fff}.skills-list{display:flex}h5{font-size:1.5em;color:#fff}.skills-columns{flex:1;padding:0 1em}.skills-columns li{margin-bottom:.5em}.tab-content li{color:gray}body.light .tab-btn.active:after{background-color:#74ecfc}body.light p,button,h3,h2,h5,body.light .h3personzalizado{color:#000}body.light .linksA:hover{color:#74ecfc}.rowAbout{display:flex;height:36em;width:100%;gap:1em}.colAbout{flex:1 1 100%;padding:1em}@media (max-width: 768px){.rowAbout{flex-direction:column;align-items:center;margin-left:3%;margin-right:3%}.colAbout{flex:1 1 100%;padding:.5em}.containerAbout img{width:100%;height:auto;margin-right:0;margin-bottom:1em}.tabs-container{width:100%}.rowAbout{height:70em;width:100%}}.imgAbout{width:100%;height:auto;max-width:35em;max-height:33em;object-fit:cover;object-position:center}.divContact{margin-top:14em;min-height:50vh}.green-line{width:100%;height:4px;background-color:#2ad84f;margin:1em 0}.contendorIconos{display:flex}.divIcono{text-align:center;align-content:center;margin:.2em;background-color:#fff;width:2.8em;height:2.8em;border-radius:.5em}.divForm{margin-top:2em}.form-control{width:100%;padding:.5em;margin-bottom:1em}button{background-color:#0470ec;width:100%;border-radius:.3em;color:#fff;border:none;padding:.5em 1em;cursor:pointer}h3{color:#fff;font-size:1.2em}input,textarea{width:100%;padding:.5em;margin-bottom:1em;background-color:#272727;border:none;border-radius:.5em;color:#fff}textarea{resize:none}body.light .green-line{background-color:#74ecfc}body.light .IconosContact{background-color:#fff}body.light h3{color:#000}body.light textarea,body.light input{background-color:#c4c4c4}body.light .divIcono1,body.light .divIcono{background-color:#fff}.rowContact{display:flex;gap:2em;width:100%}.colContact{flex:1 1 100%}@media (min-width: 768px){.colContact{flex:1 1 50%}}.texto-cambiar1,.texto-cambiar{font-weight:500}.texto-cambiar1{color:#2ad84f;font-size:7em}.texto-cambiar{color:#fff;font-size:5em}.texto-animated{display:inline-block;min-width:60em;min-height:26em}.TextoHomep{font-size:1.5em;color:gray}.containerHome{display:flex;justify-content:space-between;align-items:center;min-height:80vh}.containerHome img{height:27em;border:2px solid rgb(42,216,79);border-radius:45em}.botonesHome1,.botonesHome2{border-radius:2em;width:12em;height:3em;font-size:1.3em;font-weight:500;margin:.25em}.botonesHome1{background-color:#2ad84f;border:none;color:#fff}.botonesHome2{background-color:transparent;border:.3em solid rgb(42,216,79);color:#fff}.h5rebelde{color:#fff}.divImg{display:flex;justify-content:flex-end}.rowHome{display:flex;width:100%}.colHome{flex:1 1 100%;padding:1rem}@media (max-width: 768px){.rowHome{flex-direction:column;align-items:center}.colHome{width:100%;padding:1em 0}.divImg{order:0;justify-content:center;margin-top:2em}.colHome:first-child{order:1;text-align:center}.containerHome img{width:80%;height:auto;margin-top:1em;border-radius:50%}.texto-animated{min-height:auto;min-width:auto;display:block;min-height:9em}.texto-cambiar1{font-size:2.5em}.texto-cambiar{font-size:1.8em}.TextoHomep{font-size:1.1em;margin:1em 0}.botonesHome1,.botonesHome2{width:80%;height:3em;font-size:1em}}body.light .h5rebelde,body.light .texto-cambiar{color:#000}body.light .texto-cambiar1{color:#74ecfc}body.light .img-fluid1{border:solid 2px rgb(116,236,252)}body.light .botonesHome1{background-color:#74ecfc}body.light .botonesHome2{border:.3em solid rgb(116,236,252)}body.light .botonesHome2 span,body.light .botonesHome1 span{color:#000}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}.texto-animated .texto-cambiar{animation:fadeInOut 4s ease-in-out infinite}.green-lineCard{width:70%;margin:auto auto 3em;height:1px;background-color:#2ad84f}.cards-container h1{font-size:3em;color:#fff;margin-bottom:.5em;text-align:center}.custom-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2em;padding:0 1em}body.light .green-lineCard{background-color:#74ecfc}body.light h1{color:#000}.cards-container{min-height:50vh}.card{border:none;padding-bottom:5em;background-color:transparent;margin:auto auto 1.5em}.cardCustom{width:22em;margin:2em auto 1.5em}.cardBody h5{font-size:1.3em;margin-bottom:0;margin-top:3px}.cardBody a{display:inline-block;width:99px;height:35px;line-height:35px;text-align:center;border-radius:.3em;border:solid 1px rgb(42,216,79);text-decoration:none;color:#000;font-size:.8em;margin:.2em;background-color:#2ad84f}.cardBody a svg{vertical-align:middle}.cardBody{background-color:#272727;border-radius:.5em;height:10em;padding:1em}.truncated{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-wrapper{flex:1 1 300px;max-width:360px}.img-hover-effect{transition:transform .3s ease}.img-hover-effect:hover{transform:scale(1.1)}.cardBody .iconY:hover,.cardBody .iconG:hover,.cardBody .iconD:hover{background-color:#166e29;color:#000}.image-overlay-container{position:relative;display:block}.cardCustom img{border-radius:.5em;width:100%;height:13em;object-fit:cover;transition:transform .3s ease,opacity .7s ease}.image-overlay-container:hover .card-img-top{transform:scale(1.1);opacity:.5}.image-overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:#0009;padding:.5em 1em;border-radius:.5em;font-size:1.1em;opacity:0;transition:opacity .3s ease;pointer-events:none}.image-overlay-container:hover .image-overlay-text{opacity:1}.cardBody .card-title{color:#02cc56}body.light .cardBody a{background-color:#6ad1df;border:solid 1px rgb(116,236,252)}body.light .cardBody .card-title{color:#74ecfc}body.light .cardBody{background-color:#c4c4c4}body.light .cardBody .iconY:hover,body.light .cardBody .iconG:hover,body.light .cardBody .iconD:hover{background-color:#366e75}body.light .card .link{border:none}.scroll-section{opacity:0;transition:all 1s ease}.scroll-section.left{transform:translate(-100px,30px)}.scroll-section.right{transform:translate(100px,30px)}.scroll-section.visible{opacity:1;transform:translate(0)}.divApp{margin-left:16%;margin-right:16%}@media (max-width: 768px){.divApp{margin-left:3%;margin-right:3%}}.grid-layout{margin-top:5%;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem;margin-left:10%}.Iconos{height:10em}.divDescription h5,.detallesh4{font-weight:400}.divImgD img{object-fit:cover;width:100%;height:28em}.iconYDetail,.iconGDetail,.iconDDetail{width:8%;height:10%;border-radius:8%;padding:2%;margin:1%;background-color:#2ad84f;border-style:none}.iconYDetail:hover,.iconGDetail:hover,.iconDDetail:hover{background-color:#125a21}.divImgD,.divDescription{margin-left:20%}.divLinks a svg{vertical-align:middle}.divImgD Img{max-width:100%}.divName,.divLinks{margin-left:1%}.divLinks,.divDescription{margin-top:2%}.divName{display:flex;flex-direction:column;justify-content:space-between}.detallesh4,.techGroup{margin:0}.divName h4{font-size:1.2em}.divName h4 strong{color:gray}.divName h2,.divDescription h5{color:#fafafa}body.light .divName h2,body.light .divDescription h5{color:#000}body.light .iconYDetail,body.light .iconGDetail,body.light .iconDDetail{background-color:#6ad1df}body.light .iconYDetail:hover,body.light .iconGDetail:hover,body.light .iconDDetail:hover{background-color:#366b72}@media (max-width: 768px){.grid-layout{display:flex;flex-direction:column;margin-left:0;padding:1rem}.divImgD,.divDescription,.divName,.divLinks{margin-left:0;width:100%}.divImgD img{margin-top:4em;width:100%;height:auto;max-height:20em;object-fit:contain}.divName h2{font-size:1.6em;margin-bottom:.5em}.divName h4{font-size:1em}.detallesh4{margin-bottom:.5em}.techGroup{margin-bottom:1em}.divDescription h3{font-size:1.3em;margin-top:1em}.divDescription p{font-size:1em}.iconYDetail,.iconGDetail,.iconDDetail{width:2.5em;height:2.5em;padding:.5em;margin:.5em;display:inline-flex;justify-content:center;align-items:center}.divLinks h4{font-size:1.1em}}.tech-group{margin-top:1em}.tech-group h4{color:#f3f3f3;font-weight:400;margin:0}.tech-icons{display:flex;flex-wrap:wrap;gap:.5em;margin-top:.5em}.tech-icon svg{width:30px;height:30px;fill:#f5f5f5}body.light .tech-group h4{color:#000}.navbar{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;background-color:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);top:0;left:0;padding:10px 0;z-index:1000}.linknav{text-decoration:none}.nav-container{width:70%;display:flex;justify-content:space-between;align-items:center}.nav-logo{color:#fff;text-decoration:none;font-size:1.3em;font-weight:500}.nav-menu{display:flex;gap:1em}.nav-link{text-decoration:none;color:#fff;margin:1em}.nav-link:hover,.nav-logo:hover{color:#2ad84f}.nav-toggle{background:none;border:none;cursor:pointer;display:none}.nav-toggle-icon{width:30px;height:3px;background-color:#fff;display:block;position:relative}.nav-toggle-icon:before,.nav-toggle-icon:after{content:"";width:30px;height:3px;background-color:#fff;position:absolute;left:0;transition:.3s ease}.nav-toggle-icon:before{top:-10px}.nav-toggle-icon:after{top:10px}body.light .nav-link:hover,body.light .nav-logo:hover{color:#74ecfc}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only,.nav-toggle{display:block}.nav-menu{flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:#000c;display:none;padding:1em}.nav-menu.open{display:flex}}.buttonIA{position:fixed;width:140px;height:140px;bottom:20px;right:20px;border-radius:999px;background-color:transparent;border:none;cursor:pointer;z-index:999}.iconRobotIA{fill:#fff}.respuestaMarkdown{margin-top:10px;background-color:#f3f3f3;padding:10px;border-radius:8px;max-height:200px;overflow-y:auto;font-size:.9rem}.respuestaMarkdown ul{padding-left:20px;margin:0}.chatInputArea{display:flex;gap:8px;padding:10px}.chatInputArea button{width:20%}.inputChat{color:#000;background-color:transparent;margin-bottom:0;border-radius:0;border:none}.disabled{pointer-events:none;opacity:.6;cursor:not-allowed}.chatWindow{position:fixed;bottom:20px;right:20px;width:50em;height:450px;background-color:#000;border:solid 1px gray;border-radius:10px;box-shadow:0 4px 8px #0003;z-index:1000;display:flex;flex-direction:column}.mensaje{display:inline-block;margin-bottom:10px;padding:8px;border-radius:8px;max-width:90%;word-wrap:break-word;white-space:pre-wrap}.mensaje-wrapper{display:flex;margin-bottom:10px}.mensaje-wrapper.derecha{justify-content:flex-end}.mensaje-wrapper.izquierda{justify-content:flex-start}.mensaje.user{background-color:#4d504e;text-align:right}.mensaje.ia{background-color:#2ef34f;text-align:left}.chatHeader{background-color:#000;color:#fff;padding:10px;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;align-items:center}.chatHeader button{width:10%}.chatBody{flex:1;padding:10px;overflow-y:auto;color:#000}.textChat{color:#fff}.closeButton{background-color:transparent;border:none;color:#fff;font-size:16px;cursor:pointer}.chatInputArea input{color:#fff}.closeButton:hover{color:red}body.light .chatWindow button{color:#000}body.light .iconRobotIA{fill:#000}body.light .chatInputArea input{color:#000}body.light .chatInputArea button,body.light .chatBody{color:#fff}body.light .chatHeader{background-color:#fff;color:#000}body.light .textChat{color:#000}body.light .chatWindow{background-color:#fff}body.light .inputChat{background-color:transparent}body.light .mensaje.user{background-color:#c0c7c2}body.light .mensaje.ia{background-color:#55e1f3}@media (max-width: 768px){.buttonIA{width:80px;height:80px;bottom:60px;right:80px}.chatWindow{width:20em;height:500px}}.icon-dark-mode{fill:#fff}body.light .icon-dark-mode{fill:#000}.theme-toggle-btn{position:absolute;width:70px;height:70px;top:110px;right:20px;border-radius:999px;background-color:#000;border:none;cursor:pointer;z-index:999}.theme-toggle-btn:hover{background-color:#838383}body.light .theme-toggle-btn{background-color:#fff}body.light .theme-toggle-btn:hover{background-color:#6b6b6b}body{font-family:Roboto,sans-serif;background-color:#000;color:#fff;transition:background-color .5s ease,color .5s ease}body.light{background-color:#fff;color:#000}