:root{--color-neutral-0:#FFFFFF;--color-neutral-100:#F6F6F6;--color-neutral-200:#D2D2D2;--color-neutral-300:#AEAEAE;--color-neutral-400:#8D8D8D;--color-neutral-500:#6F6F6F;--color-neutral-600:#6F6F6F;--color-neutral-700:#3A3A3A;--color-neutral-800:#242424;--color-neutral-900:#131313;--color-neutral-1000:#050505;--color-yellow-100: #FFF8DD;--color-yellow-200: #EDD59F;--color-yellow-300: #D6B35E;--color-yellow-400: #BE9100;--color-yellow-500: #997400;--color-yellow-600: #775800;--color-yellow-700: #573E00;--color-yellow-800: #382500;--color-yellow-900: #1A1000;--color-yellow-1000: #030100;--color-primary-100: var(--color-yellow-100);--color-primary-200: var(--color-yellow-200);--color-primary-300: var(--color-yellow-300);--color-primary-400: var(--color-yellow-400);--color-primary-500: var(--color-yellow-500);--color-primary-600: var(--color-yellow-600);--color-primary-700: var(--color-yellow-700);--color-primary-800: var(--color-yellow-800);--color-primary-900: var(--color-yellow-900);--color-primary-1000: var(--color-yellow-1000);--spacing-0:0rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--radius-0:0rem;--radius-1:.25rem;--radius-2:.5rem;--radius-3:.75rem;--radius-4:1rem;--radius-5:1.25rem;--radius-6:1.5rem;--radius-7:1.75rem;--radius-8:2rem;--radius-circle:50%;--size-xsm:.75rem;--size-sm:.875rem;--size-md:1rem;--size-lg:1.5rem;--size-xlg:2rem}*{margin:0;padding:0;text-decoration:none;box-sizing:border-box;font-family:Helvetica,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5rem;color:var(--color-neutral-800);scrollbar-color:var(--color-primary-600) var(--color-neutral-0);scrollbar-width:thin}#root{display:flex;min-height:100vh;max-width:1920px;margin:auto;width:100%}.ja-bgPortfolio{background-color:var(--color-neutral-0);display:flex;flex-direction:column;width:100%}.ja-header{display:flex;justify-content:space-between;padding:var(--spacing-6);width:100%;color:var(--color-neutral-600);max-width:1920px}.ja-headerNav{display:flex;gap:var(--spacing-4);list-style:none}.ja-main{flex-grow:1;display:flex;flex-direction:column}.ja-hero{display:flex;flex-direction:column;flex-grow:1}.ja-heroText{flex-grow:1;display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-6);justify-content:center}.ja-heroTitle{font-size:var(--size-lg);color:var(--color-primary-800);line-height:2.25rem;font-weight:500}.ja-heroDescription{color:var(--color-neutral-800);font-size:var(--size-md);line-height:1.5rem;max-width:600px}.ja-heroDescription span{color:var(--color-primary-600)}.ja-details{padding:var(--spacing-6);width:100%;max-width:1920px;display:flex;justify-content:space-between;border-bottom:var(--color-neutral-100) 1px solid;bottom:0}.ja-details span{display:block}.ja-detailText{color:var(--color-neutral-600)}.Sidebar{width:320px;height:100vh;background-color:#fdfdfd;border-right:var(--color-neutral-100) 1px solid;display:flex;flex-direction:column;min-width:320px;flex-shrink:0}.Sidebar ul li{list-style:none}.ja-ListCases{flex-grow:1}.ja-Iconmenu{display:none}.ja-TitleSidebarsection{border-bottom:var(--color-neutral-100) 1px solid;display:flex;gap:var(--spacing-4);color:var(--color-primary-800);padding:var(--spacing-4) var(--spacing-6);align-items:center}.ja-TitleSidebar{color:var(--color-primary-800);font-size:var(--size-lg);font-weight:500;line-height:1.5rem}.ja-MarginIcon{padding-top:.375rem}.ja-MarginIcon a{display:inline-block}li .ja-itemList-Nav{display:inline-block;padding:var(--spacing-4) var(--spacing-6);position:relative}li .ja-itemList-Nav:hover{background-color:var(--color-neutral-100)}li .ja-itemList-Nav:hover:before{content:"";position:absolute;background-color:var(--color-primary-600);width:3px;height:33%;bottom:33%;right:0%}li .ja-itemList-Nav-active{background-color:var(--color-neutral-100)}li .ja-itemList-Nav-active:after{content:"";position:absolute;background-color:var(--color-primary-600);width:3px;height:100%;bottom:0;left:0}.ja-itemList-Nav:focus-visible{outline:var(--color-primary-600) 2px solid;outline-offset:-2px;border-radius:var(--radius-1)}.ja-titleNav{font-size:var(--size-md);color:var(--color-primary-600);line-height:1.5rem}.ja-descriptionNav{display:inline-block;font-size:var(--size-xsm);color:var(--color-neutral-600);line-height:1.125rem}.ja-linkText{padding:0 var(--spacing-1);color:var(--color-primary-600);text-decoration:underline;font-size:var(--size-md)}button{border:none;background-color:var(--color-neutral-0)}.ja-menubutton{padding:0 var(--spacing-1);color:var(--color-primary-800);display:inline-block;padding:0;height:1.5rem}.ja-menubutton:focus-visible{padding:0 var(--spacing-1);background-color:var(--color-primary-600);display:inline-block;padding:0;height:1.5rem;outline:none;fill:var(--color-neutral-0)}.ja-menubutton:focus-visible path{stroke:#fff}.ja-linkIcon{padding:0 var(--spacing-1);color:var(--color-primary-800);display:inline-block;padding:0;height:1.5rem}.ja-linkIcon:focus-visible{padding:0 var(--spacing-1);background-color:var(--color-primary-600);display:inline-block;padding:0;height:1.5rem;outline:none;fill:var(--color-neutral-0)}.ja-linkIcon:focus-visible path{stroke:#fff}.ja-linkText:focus-visible{background-color:var(--color-primary-600);color:var(--color-neutral-0);outline:none}.ja-SocialLink{padding:var(--spacing-6) var(--spacing-4);width:100%;border-top:var(--color-neutral-100) 1px solid}.ja-contentCase h1{color:var(--color-primary-600);font-weight:500;font-size:var(--size-xlg);line-height:3rem}.ja-contentCase article{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}.ja-contentCase article h2{color:var(--color-neutral-600);font-size:var(--size-lg);line-height:2.25rem;font-weight:500}.ja-contentCase article p{color:var(--color-neutral-800);font-size:var(--size-md);line-height:1.5rem;font-weight:500}.ja-proyect{height:100vh;display:flex;flex-direction:row}.ja-projectEmptystate{padding:var(--spacing-12);display:flex;align-items:center;justify-content:center;overflow-y:none;height:100vh;flex-grow:1;flex-direction:column;gap:var(--spacing-4)}.ja-projectEmptystate h1{color:var(--color-primary-600);font-weight:500;font-size:var(--size-xlg);line-height:3rem}.ja-projectEmptystate p{color:var(--color-neutral-800);font-size:var(--size-md);line-height:1.5rem;font-weight:500}.ja-contentCase{padding:var(--spacing-12);display:flex;flex-direction:column;gap:2rem;flex-grow:1;background-color:var(--color-neutral-0);height:100vh;width:20%}.ja-asideCase{padding:var(--spacing-12);width:270px;background-color:var(--color-neutral-0);height:100vh;min-height:270px}.ja-listStyle{margin-left:1rem}.ja-asideCase ul{display:flex;flex-direction:column}.ja-asideCase li{list-style:none;box-sizing:border-box;position:relative}.ja-asideCase li a{padding:var(--spacing-2) var(--spacing-4);border-left:var(--color-neutral-200) 1px solid;color:var(--color-neutral-600);display:inline-block;width:100%;font-size:var(--size-sm);line-height:1.135rem}.ja-asideCase li a:hover{background-color:var(--color-neutral-100)}.ja-asideCase li a:hover:after{content:"";position:absolute;background-color:var(--color-primary-600);width:3px;height:33%;bottom:33%;right:0}.ja-asideCase li a:active:after{content:"";position:absolute;background-color:var(--color-primary-600);width:3px;height:100%;bottom:0;left:0}.ja-asideCase li a:focus-visible{outline:var(--color-primary-600) 2px solid;outline-offset:-2px;border-radius:var(--radius-1)}.ja-cardImage{width:100%;border:var(--color-neutral-200) 1px solid;border-radius:var(--radius-1);display:flex;flex-direction:column;gap:0;margin:var(--spacing-4) 0}.ja-image{padding:var(--spacing-2)}.ja-image img{width:100%}.ja-imageDescription{padding:var(--spacing-4);background-color:var(--color-neutral-100);border-radius:0 0 var(--radius-1) var(--radius-1);font-size:var(--size-sm)}.ja-projectDetails{display:flex;font-size:var(--size-sm);gap:var(--spacing-8)}.ja-projectDetailTitle{color:var(--color-neutral-600);font-size:var(--size-xsm);line-height:1.125rem;display:block}@media (max-width: 1024px){.ja-contentCase{padding:var(--spacing-6)}.ja-TitleSidebar{font-size:var(--size-md);line-height:var(--spacing-6)}.ja-Iconmenu{display:block}.ja-TitleSidebarsection{display:flex;justify-content:space-between;align-items:center;height:fit-content}.ja-MarginIcon{padding-top:0;line-height:0}.ja-contentCase{margin-top:3.5rem;overflow-y:none;height:calc(100vh - 3.5rem)}.ja-asideCase{margin-top:3.5rem;height:calc(100vh - 3.5rem)}.Sidebar{position:absolute;top:0;left:0;width:100%;height:auto;z-index:9999;display:flex;flex-direction:column;background-color:#fff}.ja-panel.closed{transform:translateY(-100%);position:absolute;top:3.5rem;width:100%;background-color:#fff}.ja-panel.open{transform:translateY(0);position:absolute;top:3.5rem;width:100%;background-color:#fff}.ja-SocialLink,.ja-Iconmenu{display:block}}@media (max-width: 768px){.ja-asideCase{display:none}.ja-contentCase{width:100%}}.ja-Layout{display:flex;width:100%;max-width:1920px}body.sidebar-open{overflow:hidden}.Sidebar{transition:transform .3s ease-in-out}.ja-close{transform:translateY(-100%)}.ja-open{transform:translateY(0)}@media (max-width: 1024px){.Sidebar{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:#fff;z-index:9999;transition:transform .3s ease-in-out;transform:translateY(-100%)}.Sidebar--mobile-visible{transform:translateY(0)}.Sidebar--mobile-hidden{transform:translateY(-100%)}}.SidebarMobileHeader{display:none}@media (max-width: 1024px){.SidebarMobileHeader{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);height:3.5rem;background-color:#fff;border-bottom:1px solid var(--color-neutral-100);position:fixed;top:0;left:0;width:100%;z-index:10000}}body.sidebar-open{overflow:hidden;height:100%;touch-action:none}.ja-bottomSheetOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:10000;display:flex;justify-content:center;align-items:flex-end}.ja-bottomSheet{background-color:#fff;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;border-radius:var(--radius-2) var(--radius-2) 0 0;box-shadow:0 -4px 12px #0000001a;z-index:10001;padding:var(--spacing-6)}.ja-bottomSheetHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.ja-bottomSheetOverlay ul{list-style:none}.ja-bottomSheetOverlay .ja-ListCases .ja-itemList-Nav{width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ja-bottomSheetHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding:var(--spacing-6)}.ja-MobileTopbar{display:none}.SidebarMobileHeader{position:fixed;top:0;left:0;height:3.5rem;width:100%;background-color:#fff;border-bottom:1px solid var(--color-neutral-100);z-index:10000;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-4)}@media (min-width: 1025px){.SidebarMobileHeader{display:none}}.ja-LayoutContent{flex-grow:1}.ja-titleAside{font-size:var(--size-xsm);color:var(--color-neutral-800);padding:var(--spacing-4)}.ja-animation{display:flex}.ja-projectEmptystate p{text-align:center;color:var(--color-neutral-600)}.ja-projectEmptystate h1{text-align:center}.ja-workexperience{margin:var(--spacing-4) var(--spacing-0);display:block;font-size:var(--size-md);color:var(--color-neutral-600)}.ja-skills{font-size:var(--size-md);color:var(--color-neutral-600)}.ja-myresume{margin-top:0}#root{display:flex;min-height:100vh;max-width:1920px;margin:auto;background-color:var(--color-neutral-0)}.ja-project{display:flex;flex-direction:column;background-color:var(--color-neutral-0)}.ja-contentCase{height:fit-content}