@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:wght@600&display=swap";@import"https://fonts.googleapis.com/css?family=Open+Sans:400,300";@import"https://fonts.googleapis.com/css?family=Hind:300,400&display=swap";.portfolio-cont .row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.portfolio-cont .col{position:relative;width:100%;padding-right:15px;padding-left:15px;min-height:1px}.portfolio-cont .col-1{width:calc(.0833333333 * 100%)}.portfolio-cont .col-2{width:calc(.1666666667 * 100%)}.portfolio-cont .col-3{width:25%}.portfolio-cont .col-4{width:calc(.3333333333 * 100%)}.portfolio-cont .col-5{width:calc(.4166666667 * 100%)}.portfolio-cont .col-6{width:50%}.portfolio-cont .col-7{width:calc(.5833333333 * 100%)}.portfolio-cont .col-8{width:calc(.6666666667 * 100%)}.portfolio-cont .col-9{width:75%}.portfolio-cont .col-10{width:calc(.8333333333 * 100%)}.portfolio-cont .col-11{width:calc(.9166666667 * 100%)}.portfolio-cont .col-12{width:100%}.portfolio-cont .container{width:100%;max-width:1225px!important;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.portfolio-cont.portfolio-cont{margin:0 auto;width:auto}.portfolio-cont.portfolio-cont header{height:95vh}.portfolio-cont.portfolio-cont header .row{width:100%;margin:0 auto}.portfolio-cont.portfolio-cont header--col-1-1{width:100%}.portfolio-cont.portfolio-cont header--col-1-2{width:50%}@media only screen and (min-width: 360px) and (max-width: 460px){.portfolio-cont.portfolio-cont header--col-1-2{width:100%}}.portfolio-cont.portfolio-cont .row .col-1-2{width:50%}.portfolio-cont.portfolio-cont .row .col-1-1{width:100%}.portfolio-cont.portfolio-cont .row .col-1-3{width:calc(.3333333333 * 100%)}.portfolio-cont.portfolio-cont .row .col-1-4{width:25%}@media only screen and (min-width: 360px) and (max-width: 460px){.portfolio-cont.portfolio-cont .row{height:50rem}}@media only screen and (min-width: 360px) and (max-width: 460px){.portfolio-cont.portfolio-cont .row.footer .col-1-3,.portfolio-cont.portfolio-cont .row.footer .col-1-4{width:100%}}.topnav{width:80%;margin:0 auto;padding:5px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;position:sticky;color:#ffffffb3;top:0;z-index:1000;transition:background-color .3s ease}.topnav.secondary-navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000001a;background-color:#ffffffb3}.topnav.tertiary-navbar{background-color:#000c}.topnav .logo-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;height:auto;color:#161616;cursor:pointer}.topnav .logo-container h2{margin:0;color:#161616;font-weight:600}.topnav .logo-container h2 .title2{color:#06b782}.topnav .menu-container{display:flex;flex-direction:row;justify-content:center;align-items:center}.topnav .menu-container a{display:block;color:#161616;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.topnav .menu-container a:hover{text-decoration:underline}.topnav .menu-container .download-button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;background-color:#06b782;color:#161616;border:none;padding:5px 15px;font-size:14px;cursor:pointer;border-radius:5px;transition:background-color .3s ease}.topnav .menu-container .download-button:hover{background-color:#161616;color:#06b782}.topnav .menu-container .icon{display:none}@media screen and (max-width: 800px){.topnav{position:sticky;top:0;padding:0 1px;z-index:1000;width:100%}.topnav .logo-container{width:70%;align-items:center;justify-content:center;padding:10px 0;font-size:20px}.topnav .logo-container img{height:75px}.topnav .menu-container{width:15%}.topnav .menu-container a:not(.icon){display:none}.topnav .menu-container a.icon{display:block;padding:10px 0;font-size:24px}.topnav.responsive .menu-container{display:flex;flex-direction:column;align-items:center;width:100%;position:absolute;top:100%;left:0;background-color:#ffffffb3}.topnav.responsive .menu-container a{display:block;text-align:left;width:100%;padding:10px 16px}.topnav.responsive .menu-container .download-button{align-self:flex-start;width:50%;text-align:center}.topnav.responsive .menu-container a.icon{position:absolute;left:85%;top:-70%;bottom:0;transition:transform .2s ease}.topnav.responsive .menu-container a.icon:active{transform:scale(.95)}}@media screen and (max-width: 800px){.topnav.scrolled{background-color:#000c}}.dark-mode .topnav{color:#fff}.dark-mode .topnav.secondary-navbar{background-color:#16254266;box-shadow:0 2px 5px #0000001a}.dark-mode .topnav .logo-container,.dark-mode .topnav .logo-container h2{color:#fff}.dark-mode .topnav .logo-container h2 .title2{color:#e93e55}.dark-mode .topnav .menu-container a{color:#fff}.dark-mode .topnav .menu-container a:hover{text-decoration:underline}.dark-mode .topnav .menu-container .download-button{background-color:#e93e55;color:#fff}.dark-mode .topnav .menu-container .download-button:hover{background-color:#fff;color:#e93e55}.dark-mode .topnav.responsive .menu-container{background-color:#16254266}.dark-mode .topnav.responsive .menu-container a{color:#fff}.dark-mode .topnav.responsive .menu-container .download-button{background-color:#e93e55;color:#fff}.dark-mode .topnav.responsive .menu-container .download-button:hover{background-color:#fff;color:#e93e55}body{margin:0;font-family:Jost,sans-serif;font-size:1rem;color:#161616}body .overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}body .principal-cont{height:auto;background:linear-gradient(320deg,#06b782,#dcf7ef 6%,#eee 84%)}body .principal-cont .first-container{margin:0 auto;width:80%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding-top:30px;padding-bottom:30px}@media only screen and (min-width: 360px) and (max-width: 460px){body .principal-cont .first-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;margin:0 auto;gap:20px}}body .principal-cont .second-container{margin:0 auto;width:80%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:0}@media only screen and (min-width: 360px) and (max-width: 460px){body .principal-cont .second-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;max-width:100%;margin:0}}body .principal-cont.dark-mode{background:linear-gradient(180deg,#060b10 20%,#0f1a26 80%);color:#fff}.profile .profile-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;height:auto;width:94.5%;background-color:#ffffffb3;color:#161616;padding:10px;border-radius:10px;border:1px solid rgb(251.5,251.5,251.5);box-shadow:0 0 10px #0003}.profile .profile-container .profile-image{align-self:center;width:160px;height:160px;border-radius:50%;margin-right:20px}.profile .profile-container .profile-image img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile .profile-container .profile-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:calc(100% - 220px);max-width:480px;margin-top:10px;padding:5px}.profile .profile-container .profile-content .name-with-animation{font-size:1.9rem;font-weight:600;margin-bottom:10px;overflow:hidden;white-space:nowrap;border-right:2px solid #161616;animation:typing 4s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:60%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#161616}}.profile .profile-container .profile-content .name{font-size:1.5rem;font-weight:600;text-align:center;margin:0 auto;padding:10px}.profile .profile-container .profile-content .profile-description{font-size:1rem;font-weight:400;text-align:left;margin-bottom:20px;color:#161616}.profile .profile-container .profile-content .profile-button{padding:10px 20px;background-color:#06b782;color:#fff;font-size:1rem;font-weight:500;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.profile .profile-container .profile-content .profile-button:hover{background-color:#08e8a5;color:#ffffffb3}@media only screen and (min-width: 360px) and (max-width: 460px){.profile{padding:10px 10px 0}.profile .profile-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;width:100%;max-width:100%;margin:0;background-color:#ffffffb3;color:#161616}.profile .profile-container .profile-image{margin-right:0;margin-bottom:20px}.profile .profile-container .profile-content{width:100%;max-width:100%;text-align:center}.profile .profile-container .profile-content .profile-description{text-align:center;font-size:.9rem}.profile .profile-container .profile-content .profile-button{padding:8px 16px;font-size:.9rem}}@media only screen and (min-width: 460px) and (max-width: 768px){.profile{padding:10px 10px 0}.profile .profile-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;width:100%;max-width:100%;margin:0;background-color:#ffffffb3;color:#161616}.profile .profile-container .profile-image{margin-right:0;margin-bottom:20px}.profile .profile-container .profile-content{width:100%;max-width:100%;text-align:center}.profile .profile-container .profile-content .profile-description{text-align:center;font-size:.9rem}.profile .profile-container .profile-content .profile-button{padding:8px 16px;font-size:.9rem}}.dark-mode .profile-container{background-color:#16254266;color:#fff;border:0}.dark-mode .profile-container .profile-button{background-color:#e93e55}.dark-mode .profile-container .profile-content .name{color:#fff}.dark-mode .profile-container .profile-content .name-with-animation{border-right:2px solid rgb(255,255,255)}.dark-mode .profile-container .profile-content .profile-description{color:#fff}.actions{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:40%;height:auto;background-color:#ffffffb3;border-radius:10px;padding:15px;border:1px solid rgb(251.5,251.5,251.5);box-shadow:0 0 10px #0003}.actions .section-title{font-size:.5rem;color:#161616;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.actions .actions-container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:10px;background-color:#ffffffb3;border-radius:10px}.actions .actions-content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:40px}.actions .actions-content .mode-switch{display:flex;align-items:center}.actions .actions-content .mode-switch input[type=checkbox]{display:none}.actions .actions-content .mode-switch label{display:flex;align-items:center;cursor:pointer;position:relative;width:65px;height:30px;background-color:#06b782;border-radius:15px;transition:background-color .3s ease}.actions .actions-content .mode-switch label .icon{position:absolute;font-size:1.2rem;color:#fff;transition:opacity .3s ease}.actions .actions-content .mode-switch label .icon:first-of-type{left:5px}.actions .actions-content .mode-switch label .icon:last-of-type{right:10px;color:#161616}.actions .actions-content .mode-switch label:before{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;background-color:#161616;border-radius:50%;transition:transform .3s ease}.actions .actions-content .mode-switch label:before .icon{color:#ffffffb3}.actions .actions-content .mode-switch label:hover{background-color:#08e8a5}.actions .actions-content .mode-switch input:checked+label{background-color:#161616}.actions .actions-content .mode-switch input:checked+label .icon:first-of-type{opacity:0}.actions .actions-content .mode-switch input:checked+label .icon:last-of-type{opacity:1}.actions .actions-content .mode-switch input:checked+label:before{transform:translate(30px)}.actions .actions-content .language-dropdown{display:flex;align-items:center;font-size:1.2rem;color:#161616}.actions .actions-content .language-dropdown select{margin-left:5px;padding:5px;border-radius:5px;border:1px solid #06b782;background-color:#ffffffb3;color:#161616;cursor:pointer;font-size:16px}.actions .actions-content .language-dropdown select:focus{outline:none;border-color:#08e8a5}.actions .social-icons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;padding:10px;border-radius:10px;background-color:#ffffffb3}.actions .social-icons a{color:#161616;font-size:1.8rem;transition:color .3s ease}.actions .social-icons a:hover{color:#06b782;text-decoration:none}.actions .social-icons a .gmail-text{font-size:12px;margin-left:5px;padding:3px;color:#7c7979}@media only screen and (min-width: 360px) and (max-width: 460px){.actions{width:92.5%;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:20px}.actions .section-title{font-size:.8rem}.actions .actions-container{padding:5px}.actions .actions-content{gap:20px}.actions .actions-content .mode-switch label{width:60px;height:30px}.actions .actions-content .mode-switch label .icon{right:1px;font-size:1rem}.actions .actions-content .mode-switch label:before{width:25px;height:25px}.actions .actions-content .language-dropdown{font-size:1rem}.actions .actions-content .language-dropdown select{padding:3px;font-size:14px}.actions .social-icons{gap:10px;padding:5px}.actions .social-icons a{font-size:1.4rem}.actions .social-icons a .gmail-text{font-size:10px}}.actions.dark-mode{background-color:#17274666;border:0}.actions.dark-mode .section-title{color:#fff}.actions.dark-mode .actions-container{background-color:#16254266}.actions.dark-mode .actions-content .mode-switch label{background-color:#e93e55}.actions.dark-mode .actions-content .mode-switch label .icon{color:#fff}.actions.dark-mode .actions-content .mode-switch label:before{background-color:#16254266}.actions.dark-mode .actions-content .mode-switch label:hover{background-color:#ee6c7d}.actions.dark-mode .actions-content .mode-switch input:checked+label{background-color:#fff}.actions.dark-mode .actions-content .language-dropdown{color:#fff}.actions.dark-mode .actions-content .language-dropdown select{border-color:#e93e55;background-color:#16254266;color:#fff}.actions.dark-mode .actions-content .language-dropdown select:focus{border-color:#ee6c7d}.actions.dark-mode .social-icons{background-color:#16254266}.actions.dark-mode .social-icons a{color:#fff}.actions.dark-mode .social-icons a:hover{color:#e93e55}.actions.dark-mode .social-icons a .gmail-text{color:#fff}.portfolio .portfolio-container{background-color:#ffffffb3;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:auto;color:#161616;width:92.5%;padding:10px;border-radius:10px;border:1px solid rgb(251.5,251.5,251.5);box-shadow:0 0 10px #0003}.portfolio .portfolio-container .nav-menu{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px;width:100%;padding:10px 0;border-bottom:1px solid #7c7c7c;margin-bottom:20px}.portfolio .portfolio-container .nav-menu .navItem-cont{color:#161616;border-radius:5px;font-size:1rem;font-weight:500}.portfolio .portfolio-container .nav-menu .navItem-cont .element{color:#161616;text-transform:uppercase;letter-spacing:1px;font-weight:600;padding-bottom:5px}.portfolio .portfolio-container .nav-menu .navItem-cont .element:hover{cursor:pointer;color:#06b782;text-decoration:none;border-bottom:2px solid #06b782;transition:border-bottom .3s ease-in-out}.portfolio .portfolio-container .projects{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;width:100%;padding:5px;background-color:#ffffffb3;border-radius:20px;margin-bottom:10px}.portfolio .portfolio-container .projects .project{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:10px;width:100%;padding:5px;border-radius:10px;margin-bottom:10px}.portfolio .portfolio-container .projects .project .project-img-container{width:40%;height:160px;border-radius:10px;margin-bottom:10px}.portfolio .portfolio-container .projects .project .project-img-container img{width:100%;height:100%;border-radius:10px}.portfolio .portfolio-container .projects .project:hover{cursor:pointer;transform:scale(1.1);background-color:#f2f2f2b3;transition:transform .3s ease}.portfolio .portfolio-container .projects .project .project-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:10px}.portfolio .portfolio-container .projects .project .project-content .project-title{font-size:1.2rem;color:#161616;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.portfolio .portfolio-container .projects .project .project-content .project-description{font-size:.8rem;color:#161616;margin-bottom:10px;text-transform:lowercase;letter-spacing:1px;font-weight:400}.portfolio .portfolio-container .projects .project .project-content .view-more-button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:5px;background-color:#ffffffb3;border:2px solid rgb(0,0,0);color:#000;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.portfolio .portfolio-container .projects .project .project-content .view-more-button:hover{cursor:pointer;background-color:#161616;color:#000;text-decoration:none}.portfolio .portfolio-container .skills-section{margin-bottom:20px}.portfolio .portfolio-container .skills-section h4{padding-left:10px;color:#161616;font-size:1.2rem}.portfolio .portfolio-container .skills-section .section-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.7)}.portfolio .portfolio-container .skills-section .section-header .divider{color:#161616;background-color:#161616;height:1px;width:40%}.portfolio .portfolio-container .skills-section .section-header .arrow-icon{font-size:1.2rem;margin-left:5px;margin-bottom:10px;align-self:center;color:#161616}.portfolio .portfolio-container .skills-section .section-header:hover{background-color:#ffffffb3;text-decoration:none}.portfolio .portfolio-container .skills-section .skills-container{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:25px;justify-content:flex-start;padding:10px;animation:aparecer-abajo .5s ease-out}.portfolio .portfolio-container .skills-section .skill{padding:10px;width:40%;margin-bottom:20px}.portfolio .portfolio-container .skills-section .skill .skill-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;box-shadow:0 2px 4px #0000004d;gap:15px;padding:10px 15px;border-radius:8px}.portfolio .portfolio-container .skills-section .skill .skill-content:hover{cursor:pointer;transform:scale(1.1);transition:transform .3s ease}.portfolio .portfolio-container .skills-section .skill .skill-icon{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;font-size:1.5rem;color:#161616}.portfolio .portfolio-container .skills-section .skill .skill-info{flex-grow:1}.portfolio .portfolio-container .skills-section .skill .skill-info p{font-size:1rem;color:#161616;font-weight:600;margin-bottom:5px;text-transform:capitalize}.portfolio .portfolio-container .skills-section .skill .skill-info .progress-bar{background-color:#999999b3;border-radius:5px;position:relative;height:10px;overflow:hidden}.portfolio .portfolio-container .skills-section .skill .skill-info .progress-bar .progress{background-color:#161616;height:100%;border-radius:5px;position:relative;animation:fill-progress 1s ease-out}.portfolio .portfolio-container .skills-section .skill .skill-info .progress-bar .progress:after{content:attr(data-progress) "%";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.8rem;color:#ffffffb3;font-weight:600}@media only screen and (min-width: 768px) and (max-width: 1600px){.portfolio .portfolio-container{width:95%}.portfolio .projects .project .project-content .project-title{font-size:1rem}.portfolio .projects .project .project-content .project-description{font-size:.7rem}.portfolio .projects .project .project-content .view-more-button{font-size:.5rem}.portfolio .skills-section .skills-container .skill{width:45%}}@media only screen and (min-width: 360px) and (max-width: 460px){.portfolio{width:100%}.portfolio .portfolio-container{margin:0 auto}.portfolio .portfolio-container .projects .projects-container .project{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;padding:5px;border-radius:10px;margin-bottom:10px}.portfolio .portfolio-container .projects .projects-container .project .project-img-container{width:100%;height:160px;border-radius:10px;margin-bottom:10px}.portfolio .portfolio-container .projects .projects-container .project .project-img-container img{width:100%;height:100%;border-radius:10px}.portfolio .portfolio-container .projects .projects-container .project .project-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.portfolio .portfolio-container .projects .projects-container .project .project-content .project-title{font-size:1rem;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.portfolio .portfolio-container .projects .projects-container .project .project-content .project-description{font-size:.7rem;margin-bottom:10px;text-transform:lowercase;letter-spacing:1px;font-weight:400}.portfolio .portfolio-container .projects .projects-container .project .project-content .view-more-button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:5px;border-radius:0;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.portfolio .portfolio-container .projects .projects-container .project .project-content .view-more-button:hover{cursor:pointer;background-color:#06b782;text-decoration:underline}.portfolio .skills .skills-section .skills-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px}.portfolio .skills .skills-section .skills-container .skill{width:47%;padding:2px}.portfolio .skills .skills-section .skills-container .skill .skill-content{gap:10px}.portfolio .skills .skills-section .skills-container .skill .skill-content .skill-info p{font-size:.8rem}.portfolio .skills .skills-section .skills-container .skill .skill-content .skill-info .progress-bar{height:12px}.portfolio .skills .skills-section .skills-container .skill .skill-content .skill-info .progress-bar .progress:after{color:#ffffffb3;font-size:.6rem}}.dark-mode .portfolio .portfolio-container{background-color:#16254266;color:#fff;border:0;border-radius:10px;box-shadow:0}.dark-mode .portfolio .nav-menu .navItem-cont,.dark-mode .portfolio .nav-menu .navItem-cont .element{color:#fff}.dark-mode .portfolio .nav-menu .navItem-cont .element:hover{color:#e93e55;border-bottom:2px solid #e93e55}.dark-mode .portfolio .projects{background:#16254266}.dark-mode .portfolio .projects .project:hover{background-color:#101a2f66}.dark-mode .portfolio .projects .project .project-content .project-title,.dark-mode .portfolio .projects .project .project-content .project-description{color:#fff}.dark-mode .portfolio .projects .project .project-content .view-more-button{background-color:#16254266;color:#fff;border-color:#ccc}.dark-mode .portfolio .projects .project .project-content .view-more-button:hover{background-color:#e93e55;color:#fff}.dark-mode .portfolio .skills-section h4{color:#fff}.dark-mode .portfolio .skills-section .section-header .divider{background-color:#fff}.dark-mode .portfolio .skills-section .section-header .arrow-icon{color:#fff}.dark-mode .portfolio .skills-section .section-header:hover{background-color:#5c81c966}.dark-mode .portfolio .skills-section .skills-container .skill .skill-content{background-color:#30508f66}.dark-mode .portfolio .skills-section .skills-container .skill .skill-content .skill-icon,.dark-mode .portfolio .skills-section .skills-container .skill .skill-content .skill-info p{color:#fff}.dark-mode .portfolio .skills-section .skills-container .skill .skill-content .skill-info .progress-bar{background-color:#0006}.dark-mode .portfolio .skills-section .skills-container .skill .skill-content .skill-info .progress-bar .progress{background-color:#fff}.dark-mode .portfolio .skills-section .skills-container .skill .skill-content .skill-info .progress-bar .progress:after{color:#16254266}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:center;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#ffffffb3;color:#161616;padding:20px;border-radius:5px;max-width:500px;width:100%;position:relative}.modal-content .modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.modal-content .modal-img{width:100%;height:auto;border-radius:10px 10px 0 0}.modal-content .close-button{position:absolute;top:14px;right:10px;background-color:transparent;border:none;font-size:20px;color:#030303;cursor:pointer}.modal-content .close-button:hover{color:#000}.modal-content .modal-body{padding:20px 0}.modal-content .modal-body .modal-title{font-size:1.5rem;margin-bottom:10px;color:#161616}.modal-content .modal-body .modal-description{font-size:1rem;margin-bottom:10px;color:#161616}.modal-content .modal-body .modal-time{font-size:.9rem;margin-bottom:10px;color:#161616}.modal-content .modal-body .modal-url{font-size:1rem;color:#161616;text-decoration:underline}.modal-content .modal-body .modal-url:hover{text-decoration:underline}@media only screen and (min-width: 360px) and (max-width: 460px){.modal-content .modal-body .modal-content{max-width:100%;width:100%;padding:15px}.modal-content .modal-body .modal-content .modal-title{font-size:1.7rem}.modal-content .modal-body .modal-content .modal-description,.modal-content .modal-body .modal-content .modal-time{font-size:1rem}.modal-content .modal-body .modal-content .modal-url{font-size:.8rem}}.dark-mode .modal-content{background-color:#030303;color:#fff}.dark-mode .modal-content .modal-title,.dark-mode .modal-content .modal-description,.dark-mode .modal-content .modal-time,.dark-mode .modal-content .modal-url{color:#fff}.dark-mode .modal-content .close-button{color:#fdfdfd;cursor:pointer}.dark-mode .modal-content .close-button:hover{color:#000}.footer{color:#161616;padding:10px 0;margin-top:2rem;box-shadow:0 -2px 10px #0000001a;width:100%}.footer .footer-container{max-width:80%;margin:0 auto;padding:5px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.footer .footer-container .row{width:100%;display:flex;flex-direction:column;justify-content:left;align-items:left;gap:20px}.footer .footer-container .row .col-md-12{text-align:left}@media (max-width: 800px){.footer .footer-container .row .col-md-12{text-align:left}}.footer .footer-container .row .col-md-12 h2{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:#06b782}.footer .footer-container .row .col-md-12 p{font-size:1rem;margin-bottom:10px}.footer .footer-container .row .col-md-12 p i{margin-right:10px;font-size:1.1rem;color:#303030}@media only screen and (min-width: 360px) and (max-width: 460px){.footer .footer-container{max-width:90%;padding:5px;width:100%}.footer .footer-container .row{display:flex;flex-direction:column;justify-content:left;align-items:left}.footer .col-md-12{text-align:left}.footer .col-md-12 h2{text-align:left!important;padding-top:10px;padding-bottom:10px}.footer .col-md-12 p{text-align:left;margin:0 auto;font-size:.9rem;padding-top:10px;padding-bottom:10px}.footer .col-md-12 p i{font-size:1rem}}.dark-mode .footer{color:#fff}.dark-mode .footer .row .col-md-12 h2,.dark-mode .footer .row .col-md-12 p i{color:#e93e55}.experience{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;background-color:#ffffffb3;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a;border:1px solid rgb(251.5,251.5,251.5);box-shadow:0 0 10px #0003}.experience .experience-container{width:100%}.experience .experience-container .nav-menu{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px;width:100%;padding:10px 0;border-bottom:1px solid #7c7c7c;margin-bottom:20px}.experience .experience-container .nav-menu .navItem-cont{color:#161616;border-radius:5px;font-size:1rem;font-weight:500}.experience .experience-container .nav-menu .navItem-cont .element{color:#161616;text-transform:uppercase;letter-spacing:1px;font-weight:600;padding-bottom:5px}.experience .experience-container .nav-menu .navItem-cont .element:hover{cursor:pointer;color:#06b782;text-decoration:none;border-bottom:2px solid #06b782;transition:border-bottom .3s ease-in-out}.experience .experience-container .experience-content{padding:10px 0}.experience .experience-container .experience-content.aparecer-desde-izquierda{animation:aparecer-izquierda .5s ease-out}.experience .experience-container .experience-content.aparecer-desde-derecha{animation:aparecer-derecha .5s ease-out}.experience .experience-container .experience-content h2{font-size:1.2rem;font-weight:400;color:#161616;margin-bottom:20px;border-bottom:2px solid #7c7c7c;padding-bottom:5px}.experience .experience-container .experience-content .experience-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;margin-bottom:30px;width:100%;padding:5px;cursor:pointer;border-radius:8px;background-color:#ffffffb3;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease-in-out}.experience .experience-container .experience-content .experience-item:hover{transform:translateY(-5px);box-shadow:0 4px 8px #00000026}.experience .experience-container .experience-content .experience-item .experience-item-header{color:#161616}.experience .experience-container .experience-content .experience-item .experience-item-header h3{font-size:1.3rem;font-weight:500;margin-bottom:10px}.experience .experience-container .experience-content .experience-item .experience-item-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;color:#494949;font-size:1rem;font-weight:400}.experience .experience-container .experience-content .experience-item .experience-item-content svg{padding:1px;align-self:flex-start;font-size:1rem;color:#161616;margin-right:1px}.experience .experience-container .experience-content .experience-item .experience-item-content p{font-size:.9rem;font-weight:600;color:#7c7c7c}@media only screen and (min-width: 360px) and (max-width: 460px){.experience{width:92.5%;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:10px}.experience .experience-container{width:100%}.experience .experience-container .nav-menu{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;width:100%;padding:10px 0;border-bottom:1px solid #7c7c7c;margin-bottom:20px}.experience .experience-container .nav-menu .navItem-cont{color:#161616;border-radius:5px;font-size:1rem;font-weight:500}.experience .experience-container .experience-content{padding:10px 0}.experience .experience-container .experience-content h2{font-size:1rem}.experience .experience-container .experience-content .experience-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;margin-bottom:20px;width:100%;padding:5px;cursor:pointer;border-radius:8px;background-color:#ffffffb3;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease-in-out}.experience .experience-container .experience-content .experience-item .experience-item-header{color:#161616}.experience .experience-container .experience-content .experience-item .experience-item-header h3{font-size:1rem;font-weight:500;margin-bottom:10px}.experience .experience-container .experience-content .experience-item .experience-item-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;color:#494949;font-size:.8rem;font-weight:400}.experience .experience-container .experience-content .experience-item .experience-item-content svg{padding:1px;align-self:flex-start;font-size:1rem;color:#161616;margin-right:1px}.experience .experience-container .experience-content .experience-item .experience-item-content p{font-size:.8rem;color:#7c7c7c}}.dark-mode .experience{background-color:#16254266;border:0}.dark-mode .experience .experience-container .nav-menu .navItem-cont,.dark-mode .experience .experience-container .nav-menu .navItem-cont .element{color:#fff}.dark-mode .experience .experience-container .nav-menu .navItem-cont .element:hover{color:#e93e55;border-bottom:2px solid #e93e55}.dark-mode .experience .experience-container .experience-content h2{color:#fff;border-bottom:2px solid white}.dark-mode .experience .experience-container .experience-content .experience-item{background-color:#17274666}.dark-mode .experience .experience-container .experience-content .experience-item .experience-item-header,.dark-mode .experience .experience-container .experience-content .experience-item .experience-item-content{color:#fff}.dark-mode .experience .experience-container .experience-content .experience-item .experience-item-content svg{color:#fff}.dark-mode .experience .experience-container .experience-content .experience-item .experience-item-content p{color:#fff}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-screen .loading-spinner{border:8px solid rgba(255,255,255,.2);border-left:8px solid white;border-radius:50%;width:100px;height:100px;animation:spin 1s linear infinite}.loading-screen .loading-image{position:absolute;width:80px;height:auto;align-items:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in-animation{0%{opacity:0}to{opacity:1}}@keyframes aparecer-derecha{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes aparecer-izquierda{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes aparecer-arriba{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes aparecer-abajo{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes moveToTop{0%{transform:translateY(0)}to{transform:translateY(-50px)}}@keyframes fill-progress{0%{width:0}to{width:attr(data-progress)}}@media only screen and (min-width: 360px) and (max-width: 460px){.table td,.table th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table thead{display:none}.table tbody,.table tr,.table td{display:block;width:100%}.table td{border:none;border-bottom:1px solid #dee2e6;position:relative;padding-left:50%;text-align:right}.table td:before{position:absolute;top:50%;left:1rem;width:45%;padding-right:10px;white-space:nowrap;transform:translateY(-50%);content:attr(data-label);text-align:left;font-weight:700}.table td.actions{text-align:center;padding-top:10px;padding-left:3vw}}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}.contact-container{margin:0 auto;padding:4rem;width:48rem}.accordion .accordion-item{border-bottom:1px solid #e5e5e5}.accordion .accordion-item button[aria-expanded=true]{border-bottom:1px solid #03b5d2}.accordion button{position:relative;display:block;text-align:left;width:100%;padding:1em 0;color:#7288a2;font-size:1.15rem;font-weight:400;border:none;background:none;outline:none}.accordion button:hover,.accordion button:focus{cursor:pointer;color:#03b5d2}.accordion button:hover:after,.accordion button:focus:after{cursor:pointer;color:#03b5d2;border:1px solid #03b5d2}.accordion button .accordion-title{padding:1em 1.5em 1em 0}.accordion button .icon{display:inline-block;position:absolute;top:18px;right:0;width:22px;height:22px;border:1px solid;border-radius:22px}.accordion button .icon:before{display:block;position:absolute;content:"";top:9px;left:5px;width:10px;height:2px;background:currentColor}.accordion button .icon:after{display:block;position:absolute;content:"";top:5px;left:9px;width:2px;height:10px;background:currentColor}.accordion button[aria-expanded=true]{color:#03b5d2}.accordion button[aria-expanded=true] .icon:after{width:0}.accordion button[aria-expanded=true]+.accordion-content{opacity:1;max-height:9em;transition:all .2s linear;will-change:opacity,max-height}.accordion .accordion-content{opacity:0;max-height:0;overflow:hidden;transition:opacity .2s linear,max-height .2s linear;will-change:opacity,max-height}.accordion .accordion-content p{font-size:1rem;font-weight:300;margin:2em 0}.accordion .accordion-content .copy-text{color:#03b5d2;text-decoration:underline}@media screen and (max-width: 800px){.contact-container{padding:2rem;width:100%;border:1px solid black}.contact-container .accordion .accordion-item button{font-size:1.25rem}.contact-container .accordion .accordion-item span{font-size:18px}.contact-container h2{text-align:center;font-size:24px}}