@font-face{font-family:Poppins;src:url(/fonts/Poppins-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Thin.woff2) format("woff2");font-weight:100;font-style:normal;font-display:swap}:root{--color-bg: #0d1117;--color-text-primary: #f0f6fc;--color-text-secondary: #8b949e;--color-bg-btn: rgba(240, 246, 252, .2);--color-glass-surface: rgba(255, 255, 255, .05);--effect-glass-blur: 12px;--effect-glass-shadow: 0 4px 8px 0 rgba(0, 0, 0, .3);--space-1: 8px;--space-2: 16px;--space-3: 32px;--space-4: 64px;--space-5: 96px;--font-2xs: 6px;--font-xs: 8px;--font-sm: 12px;--font-md: 16px;--font-lg: 24px;--font-xl: 32px;--font-2xl: 48px;--font-3xl: 64px;--font-4xl: 96px}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;background:radial-gradient(circle at center,#14191f,#0d1117 60%,#090c10);color:var(--color-text-secondary);font-family:Poppins,sans-serif;font-weight:300;font-size:var(--font-sm)}#root{min-height:100dvh;padding-inline:var(--space-2);padding-block:var(--space-4);display:flex;justify-content:center;align-items:center}.mainBackground{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden;background:transparent;opacity:.2;border-radius:16px}@media(min-width:769px)and (max-width:1024px){#root{padding-inline:var(--space-1);padding-block:var(--space-2)}.mainBackground{border-radius:12px}}@media(max-width:768px){#root{padding-inline:0px;padding-block:var(--space-2)}.mainBackground{border-radius:8px}}.layout{width:100%;height:calc(100dvh - 128px);display:flex;justify-content:center;align-items:center}.header{display:flex;justify-content:center;align-items:center;height:100dvh}.header__navbar{display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;align-items:center;width:40px}.header__navbar--item{transform:rotate(-90deg);transform-origin:center center;white-space:nowrap;text-decoration:none;color:var(--color-text-secondary)}.header__navbar--item:hover{color:var(--color-text-primary)}.main{position:relative;padding:var(--space-3);height:100%;width:100%;display:flex}.main__container--left{position:absolute;top:0;left:0;margin:var(--space-3);display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 64px);width:fit-content}.hero{display:flex;flex-direction:column}.name,.loader__container--name{font-weight:100;font-size:var(--font-2xl);line-height:56px;color:var(--color-text-primary)}.name__initial,.loader__name--initial{font-size:var(--font-3xl)}.subtitle,.loader__container--subtitle{margin-left:4px;font-size:var(--font-lg);font-weight:100}.about{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;justify-content:center;max-width:200px;font-size:var(--font-sm)}.stats{max-width:300px;display:flex;gap:var(--space-2)}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:var(--font-sm)}.stat__number{font-size:var(--font-md)}.main__container--right{padding-block:var(--space-4);display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);flex:1;max-height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.main__container--right::-webkit-scrollbar{width:0px;background:transparent}.proyect{padding:var(--space-2);max-width:640px;width:auto;display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-end;cursor:pointer;text-decoration:none;border-radius:12px;opacity:.6;background:#fff0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:opacity .4s ease,background .4s ease,transform .5s cubic-bezier(.22,1,.36,1),backdrop-filter .4s ease,border .4s ease,box-shadow .4s ease}.proyect:focus-visible{outline:1px solid var(--color-text-primary);outline-offset:2px}.proyect:hover{opacity:1;background:var(--color-glass-surface);backdrop-filter:blur(var(--effect-glass-blur));-webkit-backdrop-filter:blur(var(--effect-glass-blur));box-shadow:var(--effect-glass-shadow);transform:translateY(-4px)}.proyect__header{width:100%;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.proyect__visit{display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-xl);line-height:1;color:var(--color-text-secondary);text-decoration:none;border:none;background:transparent;padding:0;opacity:.8;transition:color .3s ease,opacity .3s ease;cursor:pointer}.proyect__visit:hover{color:var(--color-text-primary);opacity:1}.proyect__visit--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.proyect__container--title{display:flex;justify-content:flex-end;gap:var(--space-1)}.proyect__id{font-size:var(--font-xl);font-weight:100;color:var(--color-text-secondary)}.proyect__title{font-size:var(--font-4xl);font-weight:100;line-height:72px;color:var(--color-text-primary)}.proyect__subtitle{font-size:var(--font-md);text-align:end;color:var(--color-text-secondary)}.proyect__container--stack{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-1)}.proyect__stack--item{padding-block:2px;padding-inline:8px;font-size:var(--font-xs);border-radius:20px;background-color:var(--color-bg-btn);color:var(--color-text-primary)}.proyect__container--links{display:flex;align-items:center;gap:var(--space-1)}.proyect__link{color:var(--color-text-secondary);text-decoration:none}.proyect__link:hover{color:var(--color-text-primary)}.proyect__link--disabled{opacity:.5;cursor:not-allowed}.proyect__link--disabled:hover{color:var(--color-text-secondary)}.proyect__privacy-note{margin-top:2px;font-size:var(--font-xs);text-align:end;color:var(--color-text-secondary);opacity:.8}.project-modal{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:var(--space-2);background-color:transparent;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}.project-modal__content{width:min(760px,calc(100vw - 64px));max-height:92dvh;overflow-y:auto;border-radius:12px;padding:var(--space-2);opacity:1;background:var(--color-glass-surface);backdrop-filter:blur(var(--effect-glass-blur));-webkit-backdrop-filter:blur(var(--effect-glass-blur));box-shadow:var(--effect-glass-shadow);display:flex;flex-direction:column;gap:12px}.project-modal__close{align-self:flex-end;display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;padding:0;cursor:pointer}.project-modal__id{font-size:var(--font-sm);color:var(--color-text-secondary)}.project-modal__title{font-size:var(--font-xl);line-height:1.1;color:var(--color-text-primary);font-weight:100}.project-modal__subtitle{font-size:var(--font-sm);color:var(--color-text-secondary)}.project-modal__description{display:flex;flex-direction:column;gap:8px;color:var(--color-text-primary);font-size:var(--font-sm);line-height:1.35}.project-modal__highlights{display:flex;flex-direction:column;gap:8px}.project-modal__section-title{color:var(--color-text-primary);font-size:var(--font-sm)}.project-modal__highlights-list{margin-left:var(--space-1);display:flex;flex-direction:column;gap:6px;color:var(--color-text-secondary);font-size:var(--font-sm);line-height:1.3}.project-modal__stack{display:flex;flex-wrap:wrap;gap:var(--space-1)}.project-modal__action-icon{display:inline-flex;align-items:center;justify-content:center}.project-modal__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.project-modal__privacy-note{font-size:var(--font-xs);color:var(--color-text-secondary)}.loader{position:fixed;inset:0;width:100vw;height:100dvh;background-color:var(--color-bg);background:radial-gradient(circle at center,#14191f,#0d1117 60%,#090c10);display:flex;justify-content:center;align-items:center;z-index:99999;opacity:1;visibility:visible;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s}.loader__container{text-align:center;animation:entranceEffect .8s cubic-bezier(.4,0,.2,1) forwards;transition:filter .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1)}@keyframes entranceEffect{0%{opacity:0;filter:blur(15px);transform:scale(1.05)}to{opacity:1;filter:blur(0);transform:scale(1)}}.fade-out{opacity:0;visibility:hidden}.fade-out .loader__container{opacity:0;filter:blur(15px);transform:scale(1.05)}.footer{display:flex;justify-content:center;align-items:center;height:100dvh}.footer__wrapper{display:flex;justify-content:center;align-items:center;width:40px;position:relative}.footer__p{transform:rotate(90deg);transform-origin:center center;white-space:nowrap;position:absolute}@media(min-width:769px)and (max-width:1024px){.layout{height:calc(100dvh - 64px)}.main{padding:var(--space-2)}.main__container--left{height:calc(100% - 32px);margin:var(--space-2)}.name,.loader__container--name{font-size:var(--font-xl);line-height:40px}.name__initial,.loader__name--initial{font-size:var(--font-2xl)}.subtitle,.loader__container--subtitle{margin-left:3px;font-size:var(--font-md)}.about{max-width:140px}.main__container--right{padding-block:var(--space-5);gap:var(--space-3)}.proyect{max-width:400px;width:auto;opacity:1;transform:none!important;transition:none}.proyect__id{font-size:var(--font-lg)}.proyect__title{font-size:var(--font-3xl);line-height:52px}.proyect__visit{font-size:var(--font-lg)}.proyect__subtitle{font-size:var(--font-sm)}.proyect__link{opacity:100%}.project-modal__content{padding:var(--space-2)}.project-modal__title{font-size:var(--font-xl)}}@media(max-width:768px){.layout{height:calc(100dvh - 32px)}.main{padding:var(--space-1)}.main__container--left{height:calc(100% - 16px);margin:var(--space-1)}.footer__wrapper,.header__navbar{width:20px}.name,.loader__container--name{font-size:var(--font-lg);line-height:24px}.name__initial,.loader__name--initial{font-size:var(--font-xl)}.subtitle,.loader__container--subtitle{margin-left:2px;font-size:var(--font-sm)}.about{max-width:100px;font-size:var(--font-xs)}.stat{font-size:var(--font-xs)}.stat__number{font-size:var(--font-md)}.main__container--right{padding-block:var(--space-4);gap:var(--space-2)}.proyect{max-width:200px;width:auto;opacity:1;transform:none!important;transition:none}.proyect__id{font-size:var(--font-md)}.proyect__title{font-size:var(--font-2xl);line-height:42px}.proyect__visit{font-size:var(--font-md)}.proyect__subtitle{font-size:var(--font-sm)}.proyect__stack--item{padding-block:2px;font-size:var(--font-xs)}.proyect__link{opacity:100%}.project-modal{padding:var(--space-1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.project-modal__content{border-radius:12px;padding:var(--space-2);gap:var(--space-1)}.project-modal__title{font-size:var(--font-lg)}.project-modal__subtitle{font-size:var(--font-sm)}}