.sectionCards{position:relative;height:100%}.contentWindows{background:url(/assets/windows-10-logo-vector-minimal-4k-lt-3840x2160-C9ZcNDZl.jpg) center center no-repeat;background-size:cover;display:block;height:100vh}.ventana-minimizada{display:none}.buttonW{background-color:transparent;border-color:transparent}.dropup .dropdown-toggle:after{content:none}.btnMinimize{border:none;background-color:transparent}.btnMinimize:hover{color:#fff;background-color:gray}.btnClose{border:none;background-color:transparent}.btnClose:hover{background-color:red;color:#fff}.btnClose:active{background-color:red}.contentCol1{padding-left:0;padding-right:0}.shell{width:100%;height:100%;border-radius:10px;background:#000;text-align:left;padding-top:10px}.shell p{padding-bottom:0;margin-bottom:0;margin-left:10px;font-family:Courier New,monospace;color:#fff}.inputShell{background-color:#000;border:none;color:#fff;width:59%;animation:blink 1s step-end infinite;outline:none}.inputShell:focus{outline:none}.rowContentProjects{height:calc(100% + 30px);border-radius:10px;overflow:hidden}.projects{width:100%;height:100%;border-radius:10px;background:#f0f0f0;text-align:left;padding-top:10px;overflow:hidden}.rowProjects{height:100%;margin:0;overflow:hidden}.colBtnProjects{border-right:1px solid black;padding-left:10px;padding-top:40px;height:100%}.navStyle{width:100%}.btnProjects{border:none;width:100%;text-align:left}.btnProjects:hover{background-color:#fff}.project-container{height:100%;overflow-y:auto;overflow-x:hidden;padding:20px}.project-container::-webkit-scrollbar{width:8px}.project-container::-webkit-scrollbar-track{background:#e9ecef;border-radius:10px}.project-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#007bff,#0056b3);border-radius:10px}.project-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0056b3,#003d82)}.title{display:flex;justify-content:center;padding-top:20px;padding-bottom:30px;font-size:30px;color:#fff;border-radius:7px;letter-spacing:4px;font-weight:700;text-transform:uppercase;border:none;text-shadow:0 8px 10px rgba(8,189,105,5)}.loader{padding-left:10px;display:flex;align-items:center}.bar{display:inline-block;width:3px;height:20px;background-color:#01fb2680;border-radius:10px;animation:scale-up4 1s linear infinite}.bar:nth-child(2){height:35px;margin:0 5px;animation-delay:.25s}.bar:nth-child(3){animation-delay:.5s}@keyframes scale-up4{20%{background-color:#fff;transform:scaleY(1.5)}40%{transform:scaleY(1)}}.inputDownloadMusic{border-radius:10px;border:none;width:50%;height:30px}.imgMiniature{height:150px;width:150px;border-radius:20px}.btnDV{text-transform:uppercase;border:none;background-color:transparent}.btnDV h4{color:#fff;font-weight:700}.btnDV svg{color:#fff}.btnDV:hover{color:#08bd69;border:none;text-shadow:0 8px 10px rgba(8,189,105,5)}.btnDM{text-transform:uppercase;border:none;background-color:transparent}.btnDM h4{color:#fff;font-weight:700}.btnDM svg{color:#fff}.btnDM:hover{color:#08bd69;border:none;text-shadow:0 8px 10px rgba(8,189,105,5)}.svg-container{position:relative}.svg-container h3{position:relative;bottom:0;left:0;width:100%;text-align:center;margin:0}.stackTech{border-radius:20px}.stackTech h2,.stackTech h3{color:#fff}.stProyects{width:100%;height:100%;border-radius:10px;text-align:left;padding-top:30px}.rowContentST{height:100%;border-radius:10px}.stackTech{width:100%;height:100%;border-radius:10px;background:#f0f0f0;text-align:left;padding-top:30px}.stackTech h3{text-align:center;color:#000}.iconTech{display:flex;justify-content:center}.contentCol2{display:flex;align-content:center;flex-wrap:wrap;align-items:flex-end;justify-content:center;padding-bottom:100px;padding-right:10px;height:90%}.main{display:flex;flex-direction:column;gap:.5em}.up,.down{display:flex;flex-direction:row;gap:.5em}.card2{align-items:center;width:185px;height:90px;outline:none;border:none;background:#fff;border-radius:90px 90px 5px 5px;box-shadow:#ffffff40 3px -33px 25px 22px,#0000004d 0 12px 32px -1px;transition:.2s ease-in-out}.linkedIn{margin-top:1.5em;margin-left:0;fill:#03a9f4}.card3{width:90px;height:90px;outline:none;border:none;background:#fff;border-radius:5px 5px 5px 90px;box-shadow:#ffffff40 -33px 32px 25px 22px,#0000004d 0 12px 32px -1px;transition:.2s ease-in-out}.github{margin-top:-.6em;margin-left:1.2em}.card4{width:90px;height:90px;outline:none;border:none;background:#fff;border-radius:5px 5px 90px;box-shadow:#ffffff40 33px 32px 25px 22px,#0000004d 0 12px 32px -1px;transition:.2s ease-in-out}.whatsapp{margin-top:-.9em;margin-left:-1.2em;fill:#40c351}.card2:hover{cursor:pointer;scale:1.1;background-color:#03a9f4;box-shadow:#03a8f4b5 -3px -20px 25px 22px;transition:.2s ease-in-out}.card2:hover .linkedIn{fill:#03a9f4}.card3:hover{cursor:pointer;scale:1.1;background-color:#000;box-shadow:#000000b5 -30px 20px 25px 22px;transition:.2s ease-in-out}.card3:hover .github{fill:#fff}.card4:hover{cursor:pointer;scale:1.1;background-color:#40c351;box-shadow:#40c35192 33px 32px 25px 22px,#0000004d 0 12px 32px -1px;transition:.2s ease-in-out}.card4:hover .whatsapp{fill:#40c351}@keyframes blinkCursor{50%{border-right-color:transparent}}@keyframes typeAndDelete{0%,10%{width:0}45%,55%{width:6.2em}90%,to{width:0}}@media screen and (max-width:900px){.sectionCards{background:url(/assets/windows-10-logo-vector-minimal-4k-lt-3840x2160-C9ZcNDZl.jpg) center center no-repeat;background-size:cover;display:block;height:100vh;background-position-x:-800px}.colBtnProjects{border-right:1px solid black;padding-left:10px;padding-top:40px;height:max-content}}.windowsOn{display:none;justify-content:center;align-items:center;height:100vh;background:linear-gradient(180deg,#0258da,#01a6fe)}.windowsOn h2{color:#fff}.btnOnW{border:none;background-color:transparent;transition:.5s}.btnOnW:hover{background-color:transparent;box-shadow:#f0f0f0;scale:1.2}.dot-spinner{--uib-size: 2.8rem;--uib-speed: .9s;--uib-color: #ffffff;position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size)}.dot-spinner__dot{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:flex-start;height:100%;width:100%}.dot-spinner__dot:before{content:"";height:20%;width:20%;border-radius:50%;background-color:var(--uib-color);transform:scale(0);opacity:.5;animation:pulse0112 calc(var(--uib-speed) * 1.111) ease-in-out infinite;box-shadow:0 0 20px #121f354d}.dot-spinner__dot:nth-child(2){transform:rotate(45deg)}.dot-spinner__dot:nth-child(2):before{animation-delay:calc(var(--uib-speed) * -.875)}.dot-spinner__dot:nth-child(3){transform:rotate(90deg)}.dot-spinner__dot:nth-child(3):before{animation-delay:calc(var(--uib-speed) * -.75)}.dot-spinner__dot:nth-child(4){transform:rotate(135deg)}.dot-spinner__dot:nth-child(4):before{animation-delay:calc(var(--uib-speed) * -.625)}.dot-spinner__dot:nth-child(5){transform:rotate(180deg)}.dot-spinner__dot:nth-child(5):before{animation-delay:calc(var(--uib-speed) * -.5)}.dot-spinner__dot:nth-child(6){transform:rotate(225deg)}.dot-spinner__dot:nth-child(6):before{animation-delay:calc(var(--uib-speed) * -.375)}.dot-spinner__dot:nth-child(7){transform:rotate(270deg)}.dot-spinner__dot:nth-child(7):before{animation-delay:calc(var(--uib-speed) * -.25)}.dot-spinner__dot:nth-child(8){transform:rotate(315deg)}.dot-spinner__dot:nth-child(8):before{animation-delay:calc(var(--uib-speed) * -.125)}@keyframes pulse0112{0%,to{transform:scale(0);opacity:.5}50%{transform:scale(1);opacity:1}}.miDiv{box-shadow:0 10px 40px #0000004d,0 2px 8px #00000026;border:1px solid #2d2d2d;background:linear-gradient(to bottom,#f0f0f0,#e8e8e8);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,box-shadow .3s ease}.miDiv:focus{outline:none;box-shadow:0 15px 50px #0006,0 2px 8px #0003}@keyframes windowOpen{0%{transform:scale(.85) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes windowMinimize{0%{transform:scale(1);opacity:1}to{transform:scale(.95) translateY(10px);opacity:0}}.window-opening{animation:windowOpen .3s cubic-bezier(.4,0,.2,1) forwards}.window-minimizing{animation:windowMinimize .25s cubic-bezier(.4,0,.6,1) forwards}.window-titlebar{background:linear-gradient(to bottom,#fff,#e5e5e5);border-bottom:1px solid #d0d0d0;padding:8px 10px;display:flex;justify-content:flex-end;gap:5px}.btnMinimize,.btnClose{width:28px;height:28px;border:1px solid #ccc;border-radius:3px;background:linear-gradient(to bottom,#fff,#e0e0e0);transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.btnMinimize:hover{background:linear-gradient(to bottom,#f0f0f0,#d0d0d0);border-color:#999}.btnClose:hover{background:linear-gradient(to bottom,#e81123,#c50013);border-color:#a00;color:#fff}.btnMinimize:active,.btnClose:active{transform:scale(.95);box-shadow:inset 0 1px 3px #0003}.btnDesktop{transition:all .2s ease;position:relative}.btnDesktop:hover{background-color:#ffffff1a;transform:translateY(-2px)}.btnDesktop:active{transform:translateY(0)}.btnDesktop:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:#0078d4;transition:width .3s ease}.btnDesktop.active:after{width:80%}.project-container{background-color:#f8f9fa;border-radius:0 0 10px;padding:20px;min-height:400px;max-height:calc(80vh + 16px);overflow-y:auto}.project-card{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.project-title{color:#212529;font-weight:700;font-size:2rem;margin-bottom:15px}.project-description{color:#495057;font-size:1.1rem;line-height:1.6;margin:20px 0}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.project-btn{margin-top:20px;border:none;background:linear-gradient(135deg,#0078d4,#106ebe);padding:12px 24px;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0078d433}.project-btn:hover{background:linear-gradient(135deg,#106ebe,#005a9e);box-shadow:0 4px 8px #0078d44d;transform:translateY(-1px)}.project-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0078d433}.badge{padding:6px 12px;font-size:.875rem;font-weight:500;border-radius:4px;transition:transform .2s ease}.badge:hover{transform:scale(1.05)}.btnProjects{transition:all .2s ease;border-left:3px solid transparent}.btnProjects:hover{background-color:#0078d41a;border-left-color:#0078d4;transform:translate(2px)}.btnProjects.active{background-color:#0078d426;border-left-color:#0078d4}.resize-handle{transition:background-color .2s ease}.resize-handle:hover{background-color:#0078d44d}@media (max-width: 768px){.miDiv{width:95%!important;height:auto!important;max-height:90vh}.project-card{padding:20px}.project-title{font-size:1.5rem}}.miDiv:focus-visible{outline:2px solid #0078d4;outline-offset:2px}button:focus-visible{outline:2px solid #0078d4;outline-offset:2px}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #0078d4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.screenshots-section{margin-top:30px;padding:20px;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:15px;box-shadow:0 4px 15px #00000014}.screenshots-title{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:10px}.screenshots-title:before{content:"📸";font-size:1.5rem}.screenshots-gallery{display:flex;gap:15px;overflow-x:auto;padding:10px 5px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#007bff #e9ecef}.screenshots-gallery::-webkit-scrollbar{height:8px}.screenshots-gallery::-webkit-scrollbar-track{background:#e9ecef;border-radius:10px}.screenshots-gallery::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#007bff,#0056b3);border-radius:10px;transition:background .3s ease}.screenshots-gallery::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#0056b3,#003d82)}.screenshot-item{flex:0 0 280px;position:relative;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a}.screenshot-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #007bff4d}.screenshot-item img{width:100%;height:200px;object-fit:cover;display:block;transition:transform .3s ease}.screenshot-item:hover img{transform:scale(1.05)}.screenshot-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:15px 10px 10px;font-size:.9rem;font-weight:500;transform:translateY(100%);transition:transform .3s ease}.screenshot-item:hover .screenshot-caption{transform:translateY(0)}.gallery-nav{display:flex;justify-content:center;gap:10px;margin-top:15px}.gallery-nav-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 10px #007bff4d}.gallery-nav-btn:hover{transform:scale(1.1);box-shadow:0 6px 15px #007bff80}.gallery-nav-btn:active{transform:scale(.95)}.screenshot-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:10000;padding:20px;animation:fadeIn .3s ease}.screenshot-modal.active{display:flex;align-items:center;justify-content:center}.screenshot-modal img{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.modal-close{position:absolute;top:20px;right:30px;font-size:40px;color:#fff;cursor:pointer;transition:transform .3s ease;z-index:10001}.modal-close:hover{transform:rotate(90deg) scale(1.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 768px){.screenshot-item{flex:0 0 220px}.screenshot-item img{height:160px}.screenshots-title{font-size:1.1rem}}@media screen and (max-width: 480px){.screenshot-item{flex:0 0 180px}.screenshot-item img{height:130px}.screenshots-section{padding:15px}}