@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap);*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--hero-gradient);background-color:var(--background-color);color:var(--text-color);font-family:Manrope,sans-serif;letter-spacing:.1px;margin:0;min-height:100vh;transition:background-color .35s ease,color .35s ease}h1,h2,h3,h4,h5,h6{font-family:"DM Serif Display",serif;letter-spacing:.4px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:5px;width:8px}::-webkit-scrollbar-track{background:#ffffff14}::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff9}.App{background:var(--hero-gradient);background-color:var(--background-color);color:#fff;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding-bottom:100px;place-content:start;place-items:center;position:relative;text-align:left}.App--no-bottom-space{padding-bottom:0}.App:after,.App:before{border-radius:50%;content:"";filter:blur(70px);pointer-events:none;position:fixed;z-index:0}.App:before{background:color-mix(in srgb,var(--default-highlight-color) 24%,#0000);height:min(45vw,520px);left:-10%;top:-12%;width:min(45vw,520px)}.App:after{background:color-mix(in srgb,var(--secundary-highlight-color) 22%,#0000);bottom:-15%;height:min(32vw,420px);right:-8%;width:min(32vw,420px)}.App>*{position:relative;z-index:1}.App-transition-vignette{animation:appVignetteFade .7s ease-out forwards;background:radial-gradient(circle at center,#0000 0,#0003 48%,#000000e0 100%),#000;inset:0;pointer-events:none;position:fixed;z-index:30}@keyframes appVignetteFade{0%{opacity:1}to{opacity:0}}@media(max-width:500px){.App{place-content:flex-start}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.defaultHeader{text-wrap:balance;color:var(--text-color);font-size:clamp(2rem,3.6vw,3.3rem);font-weight:400;place-self:center;transition-duration:.5s;transition-property:color;transition-timing-function:ease-in-out}button{font-family:Manrope,sans-serif}.mobile{display:none}@media(max-width:500px){.mobile{display:block}.desktop{display:none}}:root,:root[data-theme=dark]{--bar-color:#181c24d1;--background-color:#0c1018;--chat-background-color:#141820;--line-color:#cce0ff33;--text-color:#ecf2fc;--contribution-color:#61e0da;--default-highlight-color:#61e0da;--secundary-highlight-color:#ffbf80;--presentation-background-color:#181e2ad9;--presentation-button-border-color:#fff;--about-background-color:#121722c7;--info-box-background-color:#1a212eeb;--progress-bar-background-color:#ffffff1f;--progress-bar-color:#bac7d8;--progress-bar-highlight-color:#61e0da;--progress-bar-label-color:#171f2c;--progress-bar-label-highlight-color:#2d7a81;--default-container-background-color:#ffffff0a;--projects-background-color:#0c1018eb;--skill-label-color:#dce7f9e6;--default-hover-color:#ffffff14;--project-window-color:#111620fa;--my-messages-background-color:#236974;--input-message-backgroundcolor:#181d28;--surface-1:#1a202cb8;--surface-2:#222a39d1;--surface-border:#aacdff33;--soft-shadow:0 16px 40px #02050a59;--hero-gradient:radial-gradient(circle at 15% 12%,#61e0da33,#0000 38%),radial-gradient(circle at 82% 20%,#ffbf8029,#0000 35%),linear-gradient(160deg,#0a0d14,#0f141e 52%,#090c14)}:root[data-theme=light]{--bar-color:#fdfaf5cc;--background-color:#f4f1ec;--chat-background-color:#faf8f4;--line-color:#3a312333;--text-color:#2a2217;--default-highlight-color:#18878a;--secundary-highlight-color:#c57a40;--contribution-color:#18878a;--presentation-background-color:#fffcf6e0;--presentation-button-highlight-color:#18878a;--presentation-button-border-color:#fff;--about-background-color:#fffdf9e6;--info-box-background-color:#fffbf5f2;--progress-bar-background-color:#2a22171f;--progress-bar-color:#4d4436;--progress-bar-highlight-color:#18878a;--progress-bar-label-color:#2a2217;--progress-bar-label-highlight-color:#116568;--default-container-background-color:#fff9;--projects-background-color:#f7f3edf2;--skill-label-color:#352b1fe6;--default-hover-color:#2a221714;--project-window-color:#fffcf7fa;--info-box-color:#fff4e2e6;--surface-1:#fffaf3c7;--surface-2:#fff8efeb;--surface-border:#755d3a33;--soft-shadow:0 18px 42px #5c462324;--hero-gradient:radial-gradient(circle at 12% 10%,#18878a29,#0000 38%),radial-gradient(circle at 88% 22%,#c57a402b,#0000 35%),linear-gradient(155deg,#f2ede5,#f6f2eb 46%,#eee8df)}.bar{-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);background-color:var(--bar-color);border:1px solid var(--surface-border);border-radius:18px;box-shadow:var(--soft-shadow);display:flex;max-width:95%;place-content:center;position:fixed;top:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:3}.barContent{display:flex;gap:18px;height:32px;padding:9px 18px;place-items:center;width:100%}.buttonSection{color:var(--text-color);font-size:clamp(.64rem,.95vw,.8rem);font-weight:600;letter-spacing:.4px;opacity:.8;text-decoration:none;transition:color .2s ease,opacity .2s ease,transform .2s ease;white-space:nowrap}.buttonSection:hover{transform:translateY(-1px)}.buttonSection.active,.buttonSection:hover{color:var(--text-color);opacity:1}.barControls{display:flex;gap:8px;margin-left:6px}.preferenceButton{background-color:initial;border:1px solid var(--surface-border);border-radius:10px;color:var(--text-color);cursor:pointer;font-size:11px;font-weight:700;height:30px;letter-spacing:.4px;min-width:44px;opacity:.9;padding:0 10px;transition:background-color .18s ease,border-color .18s ease,opacity .18s ease}.preferenceButton:hover{background-color:var(--default-hover-color);border-color:var(--default-highlight-color);opacity:1}.barLine{background-color:hsla(0,0%,100%,.219);height:1px;width:100%}.chatButton,.verticalLine{display:none}.chatButton.active{background:linear-gradient(145deg,var(--default-highlight-color),color-mix(in srgb,var(--secundary-highlight-color) 45%,var(--default-highlight-color)));border:1px solid color-mix(in srgb,var(--default-highlight-color) 45%,#fff);border-radius:16px;bottom:3%;box-shadow:0 12px 30px #00000047;color:var(--text-color);display:block;font-size:30px;padding:14px;position:fixed;right:3%;transition:scale .2s ease-in-out,box-shadow .2s ease-in-out;z-index:3}.chatButton:hover{box-shadow:0 16px 34px #00000057;scale:1.15}.themeToggleButton{-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1);background-color:var(--bar-color);border:1px solid var(--surface-border);border-radius:50%;box-shadow:var(--soft-shadow);color:var(--text-color);cursor:pointer;display:grid;font-size:22px;height:44px;place-items:center;position:fixed;right:20px;top:20px;transition:transform .18s ease,border-color .18s ease,background-color .18s ease;width:44px;z-index:4}.themeToggleButton:hover{background-color:var(--default-hover-color);border-color:var(--default-highlight-color);transform:translateY(-1px)}@media(max-width:900px){.bar{background-color:var(--bar-color);left:auto;max-width:96%;position:fixed;right:auto;z-index:2}}@media(max-width:500px){.bar{background-color:var(--bar-color);border:1px solid var(--surface-border);border-radius:16px;bottom:12px;font-size:40px;height:54px;place-items:center;top:auto;width:min(94%,520px)}.barContent{display:flex;font-size:90%;gap:0;height:25px;max-width:100%;padding:10px;place-content:space-between;place-items:center;width:100%;width:95%}.barControls{display:flex;gap:4px;margin-left:0}.preferenceButton{border-radius:8px;font-size:9px;height:24px;min-width:28px;padding:0 6px}.buttonSection{color:var(--text-color)}.buttonSection.active,.buttonSection:hover{color:var(--default-highlight-color)}.iconSection{height:28px;width:28px}.chatButton.active{display:none}.themeToggleButton{bottom:78px;font-size:20px;height:40px;right:16px;top:auto;width:40px}}.home{color:var(--text-color);display:flex;flex-direction:row;gap:28px;margin-top:85px;max-width:100vw;min-height:calc(90vh - 60px);place-content:center;place-items:center;width:min(95%,1320px)}.profileSection{max-width:40%;min-width:33%}.profile,.profileSection{display:flex;flex-direction:column;flex-shrink:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:0}.profile{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(155deg,var(--surface-2),var(--surface-1));border:1px solid var(--surface-border);border-radius:20px;box-shadow:var(--soft-shadow);padding:18px}.profilePhotoAndName{display:flex;gap:14px;height:110px;padding-right:10px;place-items:center}.profilePhotoAndName>div>h3,h4{margin-block:5px}.photo{aspect-ratio:1/1;border:2px solid color-mix(in srgb,var(--default-highlight-color) 40%,#0000);border-radius:50%;box-shadow:0 10px 24px #00000038;height:95%;object-fit:cover}.info{display:flex;flex-direction:column;gap:8px;margin-top:14px;place-items:center}.info>div{cursor:default}.infoRow{border:1px solid #0000;border-radius:10px;color:var(--text-color);display:flex;font-size:16px;gap:8px;padding:8px 10px;place-items:center;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:97%}.infoRow:hover{background-color:color-mix(in srgb,var(--default-highlight-color) 9%,#0000);border-color:color-mix(in srgb,var(--default-highlight-color) 25%,#0000);transform:translateX(3px)}.icon{font-size:130%}.aboutText{color:var(--default-highlight-color);font-weight:700;letter-spacing:.3px;margin-left:4px;margin-right:auto;margin-top:20px;text-decoration:none}.plusInfo{border:1px solid hsla(0,0%,100%,.151);border-radius:7px;margin-top:10px;padding:10px}@media(max-width:900px){.home{color:var(--text-color);display:flex;flex-direction:column;gap:24px;place-content:start;place-items:center;width:95%}.profileSection{display:flex;flex-direction:column;flex-shrink:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:0;max-width:100%;width:100%}.profile{width:calc(100% - 10px)}}@media(max-width:500px){.home{margin-bottom:90px;margin-top:16px}}.presentation{color:var(--text-color);display:flex;flex-direction:column;font-size:35px;font-weight:500;height:auto;max-width:50%;place-content:center;place-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.presentationText{text-align:center}.presentationText>*{margin-block:0}.nameText{color:var(--default-highlight-color)}.viewWorkButton{background-color:#0000;border:1px solid #fff3;border-radius:3px;color:#fff;cursor:pointer;font-size:24px;margin-top:40px;max-width:90%;padding:15px;padding-inline:30px;pointer-events:auto;transition-duration:.2s;transition-property:color,background-color,border-color;transition-timing-function:ease-in-out;z-index:3;z-index:0}.viewWorkButton.active{background-color:var(--secundary-highlight-color);border-color:var(--secundary-highlight-color);color:#fff}.selectSpace{display:flex;gap:5%;padding-block:30px;place-content:center;place-items:center}.viewMyWork{aspect-ratio:3/5;border:1px solid hsla(0,0%,100%,.137);border-radius:5px;color:var(--text-color);cursor:pointer;display:flex;flex-direction:column;font-size:20px;gap:20px;overflow-y:hidden;place-items:center;pointer-events:auto;text-decoration:none;transition-duration:.2s;transition-property:transform;transition-timing-function:ease-in-out;width:min(350px,50%)}.viewMyWork:hover{transform:scale(1.02)}.viewMyWorkContain{display:flex;flex-grow:1;margin-top:0;place-content:center;position:relative;width:90%}.viewMyWorkContain>p{font-size:90%;position:relative;text-shadow:2px 2px 4px #000;width:95%;z-index:0}.backImage{display:flex;filter:saturate(0) blur(10px);height:95%;object-fit:cover;opacity:.5;pointer-events:none;position:absolute;transition-duration:.4s;transition-property:filter,opacity;transition-timing-function:ease-in-out;width:100%;z-index:0}.backImage.active{filter:saturate(1) blur(0);opacity:1;z-index:2}:root[data-theme=light] .viewMyWork{background-color:#0000000d;border-color:#00000080}:root[data-theme=light] .viewWorkButton{background-color:initial;border-color:#00000080;color:var(--text-color);font-weight:700;letter-spacing:.4px}:root[data-theme=light] .viewWorkButton:hover{color:#fff}:root[data-theme=light] .viewWorkButton.active{background-color:#177886;border-color:#177886;color:#fafdff}:root[data-theme=light] .viewMyWorkContain>p{color:#f1f7ff;text-shadow:0 2px 6px #000000bf}@media(max-width:1150px){.viewWorkButton{font-size:100%}.presentation{max-width:100%}}@media(max-width:630px){.presentation{font-size:6vw;font-weight:500;height:auto;max-width:100%;width:100%}.presentationText{width:90%}.viewMyWork{aspect-ratio:auto;max-width:100%;overflow-y:visible;width:100%}.selectSpace{display:flex;gap:5%;max-width:100%;padding-block:30px;place-content:center;place-items:center}.viewWorkButton{border-width:2px}.selectSpace{flex-direction:column;gap:20px}.viewMyWork{width:90%}.viewWorkButton{font-size:24px}}.contributions{border:1px solid #ffffff1c;border-radius:7px;margin-top:10px;padding:5px}:root[data-theme=light] .contributions{background-color:#f0ebe299;border-color:#755d3a40}:root[data-theme=light] .backgroundSquare{background-color:#2a221714}.yearView{overflow-x:auto;padding-block:5px;width:100%}.contributionsBox{display:flex;flex-direction:row;gap:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.weekView{display:flex;flex-direction:column;gap:2px;margin-top:10px}.backgroundSquare{background-color:#ffffff14;border-radius:2px;height:12px;position:relative;width:12px}.simpleSquare{background-color:var(--contribution-color);border-radius:2px;height:100%;position:absolute;width:100%}.infoDay{background-color:gray;position:absolute;top:-30px}.month{width:12px}@media(max-width:900px){.contributionsBox{flex-wrap:nowrap}}.projects{background-color:initial;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:85px;overflow-y:hidden;place-items:center;transition-duration:.5s;transition-property:background-color;transition-timing-function:ease-in-out;width:100%}.projects,.projectsContent{display:flex;flex-direction:column}.projectsContent{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;gap:24px;padding:0;place-content:center;place-items:center;width:min(94%,1220px)}.skillsBar{display:flex;gap:6px;max-width:95%;overflow-x:auto;padding:0}.buttonSkill{background-color:initial;border:none;border-radius:0;color:var(--skill-label-color);cursor:pointer;font-size:20px;font-weight:600;padding:8px 12px;transition:background-color .22s ease,color .22s ease,border-color .22s ease}.buttonSkill.active{background-color:var(--default-highlight-color);color:#fff}.buttonSkill:hover{background-color:var(--default-hover-color);border-color:var(--surface-border)}.buttonSkill.active:hover{background-color:var(--default-highlight-color);color:#fff;transition-duration:.5s}.rowProjects{display:flex;place-content:center;place-items:center;width:100%}.projectsContainer{position:relative;transition-duration:.4s;transition-property:height;transition-timing-function:ease-in-out;width:100%}.projectBoxAbsolute{aspect-ratio:4/3;display:flex;flex-direction:column;opacity:0;overflow:hidden;place-items:center;pointer-events:none;position:absolute;transition-duration:.4s;transition-property:opacity,transform,width;transition-timing-function:ease-in-out}.projectBoxAbsolute.active{opacity:1;pointer-events:auto}.projectBox{border:none;border-radius:0;box-shadow:none;overflow:hidden;place-items:center;position:relative;scale:0;transition-duration:.4s;transition-property:scale;transition-timing-function:ease-in-out;width:100%}.noImageProject,.projectBox{aspect-ratio:4/3;display:flex;flex-direction:column}.noImageProject{background-color:#00000008;border:1px solid rgba(0,0,0,.178);place-content:center;place-items:center;width:calc(100% - 2px)}.noImageProject>h1{color:var(--text-color);font-weight:500;text-align:center;width:80%}.projectBox.active{scale:1}.projectBoxInfoBackground{background-color:var(--projects-background-color);height:100%;opacity:0;position:absolute;transition-duration:.3s;transition-property:opacity;transition-timing-function:ease-in-out;width:100%;z-index:2}.projectBoxInfoBackground.active{opacity:1}.projectBoxInfo{color:var(--text-color);display:flex;flex-direction:column;height:50%;opacity:0;place-content:center;place-items:center;position:absolute;transition-duration:.3s;transition-property:transform,opacity;transition-timing-function:ease-in-out;width:100%;z-index:4}.projectBoxInfo.top{max-width:80%;transform:translateY(-50%)}.projectBoxInfo.bottom{bottom:0;place-content:flex-start;transform:translateY(50%)}.projectBoxInfo.active{opacity:1;transform:translateY(0)}.projectBoxInfo>h1{font-size:22px;margin-bottom:0;text-align:center}.projectBoxInfo>text{color:var(--default-highlight-color);text-align:center}.viewProjectButton{background-color:initial;border:2px solid var(--default-highlight-color);border-radius:0;color:var(--text-color);cursor:pointer;font-size:18px;font-weight:500;letter-spacing:0;margin-top:10%;padding:10px;padding-inline:30px;transition-duration:.2s;transition-property:color,background-color;transition-timing-function:ease-in-out;z-index:3}.viewProjectButton.active{background-color:var(--default-highlight-color);color:#fff}.projectBoxImage{height:100%;width:100%}.projectWindowBack{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.467);display:flex;height:100vh;left:0;opacity:0;place-content:center;place-items:center;pointer-events:none;position:fixed;top:0;transition-duration:.3s;transition-property:opacity,scale;transition-timing-function:ease-in-out;width:100vw;z-index:5}.projectWindowBack.active{opacity:1;pointer-events:auto}.projectWindow{background-color:var(--project-window-color);border:none;border-radius:0;box-shadow:0 5px 10px 0 #00000080;display:flex;flex-direction:column;height:min(min(85vh,110vw),100%);place-items:center;pointer-events:none;scale:.5;transition-duration:.3s;transition-property:scale;transition-timing-function:ease-in-out;width:min(80vh,100%)}.projectWindow.active{pointer-events:auto;scale:1}.carruselContainer{aspect-ratio:16/9;flex-grow:1;height:1000%;overflow-y:hidden;position:relative;transition-duration:.6s;transition-property:max-height;transition-timing-function:ease-in-out;width:100%}.carruselContainer.hide{max-height:33px}.carrusel{background-color:#00000026;display:flex;flex-direction:row;height:100%;overflow-x:auto;scrollbar-width:none;width:100%}.switchImageButton{background-color:var(--project-window-color);border:none;border-radius:50px;bottom:10px;color:var(--text-color);cursor:pointer;font-size:45px;font-weight:700;opacity:1;position:absolute;transition-duration:.15s;transition-property:color,scale;transition-timing-function:ease-in-out;width:50px}.switchImageButton:hover{color:#fff;scale:1.05}.switchImageButton.next{opacity:1;right:10px}.switchImageButton.back{left:10px;opacity:1}.switchImageButton.hide{background-color:var(--project-window-color);opacity:0}.carruselImage,.switchImageButton.hide{transition-duration:.6s;transition-property:opacity}.carruselImage{min-width:100%;object-fit:cover;pointer-events:none;transition-timing-function:ease-in-out;-webkit-user-select:none;user-select:none}.carruselImage.hide{opacity:0}.proyectWindowTextSpace{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;place-items:center;position:relative;width:100%}.asStudentFlag{background-color:var(--default-highlight-color);cursor:pointer;display:flex;height:30px;place-content:center;place-items:center;position:absolute;right:-81px;scale:1;top:6px;transform:rotate(45deg);transition-duration:.2s;transition-property:scale;transition-timing-function:ease-in-out;width:200px}.asStudentFlag:hover{scale:1.1}.asStudentFlag>img{height:80%;pointer-events:none}.proyectWindowText{color:var(--text-color);display:flex;flex-direction:column;height:100%;width:90%}.description{margin-block:20px;max-height:100%;overflow-y:auto}.proyectWindowText>h1{font-size:22px;line-height:normal;margin-bottom:0}.proyectWindowText>text{color:var(--default-highlight-color)}.viewOnGithub{background-color:#0000;border:2px solid var(--default-highlight-color);border-radius:0;color:var(--default-highlight-color);cursor:pointer;display:flex;font-size:18px;font-weight:500;padding:10px;padding-inline:30px;place-content:center;place-items:center;pointer-events:none;text-decoration:none;transition-duration:.2s;transition-property:color,background-color;transition-timing-function:ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.viewOnGithub.active{pointer-events:auto}.viewOnGithub:Hover{background-color:var(--default-highlight-color);color:#fff}.endBar{display:flex;gap:5px;margin-bottom:20px;margin-top:auto;place-content:flex-start}.features{display:flex;flex-direction:column;margin-bottom:10px}.buttonClose{aspect-ratio:1/1;background-color:#0000;border:none;cursor:pointer;height:100%;margin-left:auto;opacity:.7;scale:1;transition-duration:.2s;transition-property:opacity,scale;transition-timing-function:ease-in-out}.buttonClose:hover{opacity:1;scale:1.2}.closeImage{height:30px}.buttonImageHide{background-color:var(--project-window-color);border:none;border-top-left-radius:10px;border-top-right-radius:10px;bottom:0;color:var(--text-color);cursor:pointer;height:30px;left:45%;position:absolute;transition-duration:.2s;transition-property:scale;transition-timing-function:ease-in-out;width:10%;z-index:10}.buttonImageHide.hide{background-color:#0000;transition-duration:0ms;transition-property:background-color;transition-timing-function:ease-in-out}.buttonImageHide:hover{color:#fff;scale:1.05}@media(max-width:1000px){.projectsContent{width:95%}.projectBoxInfo>h1{font-size:16px}.projectBoxInfo>text{font-size:14px}}@media(max-width:800px){.projectBoxInfo>h1{font-size:14px}.projectBoxInfo>text{font-size:12px}}@media(max-width:600px){.projectsContent{flex-direction:column;width:95%}.projectWindow{height:90%;width:90%}.viewOnGithub{font-size:12px;font-weight:600;padding:0;padding-inline:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.endBar{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px;margin-top:auto;place-content:flex-start}.projectBoxInfo>h1{font-size:14px}.projectBoxInfo>text{font-size:12px}.buttonSkill{font-size:18px}.skillsBar{scrollbar-width:none}.viewProjectButton{font-size:13px;margin-top:10%}.noImageProject>h1{font-size:16px}.asStudentFlag:hover{scale:1}.buttonSkill:hover{background-color:#0000;transition-duration:.1s}}@media(max-width:500px){.projects{margin-bottom:80px;margin-top:14px}}.skillsAndLenguagesBox{color:var(--text-color);display:flex;flex-direction:column;margin-bottom:100px;margin-top:100px;max-width:90%;place-items:center;position:relative;width:100%}.skillsAndLenguagesColums{display:flex;flex-direction:column;gap:30px;place-content:center;width:100%}.skillsAndLenguagesColums>div{width:100%}.infoBox{background-color:var(--info-box-background-color);border-radius:5px;box-shadow:0 5px 10px 0 #00000080;color:var(--text-color);left:10px;opacity:0;padding:30px;pointer-events:none;position:fixed;right:10px;top:10px;transition-duration:.2s;transition-property:opacity;transition-timing-function:ease-in-out;z-index:9999}.infoBox.active{opacity:1}.progressBarsContainer{grid-gap:10px;border-radius:5px;color:var(--text-color);display:grid;flex-direction:row;flex-wrap:wrap;gap:10px;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));padding-block:20px;place-items:center;width:100%}.progressBar{aspect-ratio:10/9;background-color:hsla(0,0%,100%,.007);cursor:pointer;min-width:135px;padding:10px;place-content:center;place-items:center;position:relative}.progressBar,.progressBarLabel{border-radius:5px;display:flex;flex-direction:column}.progressBarLabel{color:var(--text-color);font-weight:600;height:100%;place-content:center;place-items:center;transition-duration:.2s;transition-property:background-color;transition-timing-function:ease-in-out;width:100%}.progressBar:hover{background-color:#ffffff17}.progressBarBackground{background-color:var(--progress-bar-background-color);border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.progress{background-color:var(--progress-bar-color);height:100%;position:absolute;transition-duration:.2s;transition-property:background-color;transition-timing-function:ease-in-out;width:50%}.progress.highlight{background-color:var(--progress-bar-highlight-color)}.skillIcon{height:50%}.skillIcon,.skillIconImg{margin-bottom:10px;width:50%}.skillIconImg{aspect-ratio:1/1;border-radius:22%}@media(max-width:800px){.skillsAndLenguagesColums{flex-direction:column;gap:30px;place-items:center;width:100%}.progressBarsContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));width:100%}.progressBar{min-width:90px;position:relative;width:90px}.skillsAndLenguagesColums>div{display:flex;flex-direction:column;place-items:center}}@media(max-width:500px){.skillsAndLenguagesBox{margin-bottom:80px;margin-top:0}}.aboutBackground{display:flex;flex-direction:column;margin-top:70px;max-width:100%;place-items:center;transition-duration:.5s;transition-property:background-color;transition-timing-function:ease-in-out;width:100%}.about{gap:26px;place-content:center;place-items:center;width:min(94%,1220px)}.about,.profileAbout{display:flex;flex-direction:column}.profileAbout{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(150deg,var(--surface-2),var(--surface-1));border:1px solid var(--surface-border);border-radius:24px;box-shadow:var(--soft-shadow);gap:24px;padding:clamp(18px,3vw,34px);place-content:center;place-items:center;width:100%}.profileImage{max-height:500px}.aboutText{color:var(--text-color);flex-grow:1;line-height:1.7}.aboutText>*>a{color:var(--default-highlight-color)}.aboutText>*{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.columsOrRows{display:flex;width:100%}.personal>*{display:grid;flex-wrap:nowrap;grid-template-columns:1fr 1fr 1fr}.personal>*>*{margin-bottom:0;margin-right:20px;width:100%}.personal>h1{display:block;margin-bottom:0;margin-left:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:1060px){.personal>*{grid-template-columns:1fr 1fr}}@media(max-width:800px){.about{display:flex;gap:20px;place-content:center;place-items:center;width:96%}.about,.profileAbout{flex-direction:column}.profileAbout{gap:10px;width:100%}.profileImage{max-height:100%;width:95%}.aboutText{width:100%}.columsOrRows{display:flex;flex-direction:column;place-content:center;place-items:center}.personal>*>*{width:auto}.personal>h1{margin-left:0}}@media(max-width:630px){.personal>*{grid-template-columns:1fr}}@media(max-width:500px){.aboutBackground{margin-bottom:80px;margin-top:14px}}.experienceBackground{display:flex;flex-direction:column;margin-top:70px;max-width:100%;place-items:center;transition-duration:.5s;transition-property:background-color;transition-timing-function:ease-in-out;width:100%}.experience{display:flex;flex-direction:column;gap:26px;width:min(94%,1220px)}.experienceHero{grid-gap:24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at top right,color-mix(in srgb,var(--default-highlight-color) 20%,#0000),#0000 34%),linear-gradient(150deg,var(--surface-2),var(--surface-1));border:1px solid var(--surface-border);border-radius:28px;box-shadow:var(--soft-shadow);display:grid;gap:24px;grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);padding:clamp(22px,3vw,34px)}.experienceHeroText{display:flex;flex-direction:column;gap:14px}.experienceBadge{background-color:color-mix(in srgb,var(--default-highlight-color) 12%,#0000);border:1px solid color-mix(in srgb,var(--default-highlight-color) 32%,var(--surface-border));border-radius:999px;color:var(--text-color);font-size:.82rem;font-weight:700;letter-spacing:.04em;padding:7px 12px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.experienceTitle{text-wrap:balance;color:var(--text-color);font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.04;margin:0}.experienceIntro,.experienceSummary{color:var(--text-color);line-height:1.7;margin:0;opacity:.9}.experienceMetricGrid{grid-gap:14px;align-self:stretch;display:grid;gap:14px}.experienceMetric{align-items:center;background-color:color-mix(in srgb,var(--surface-1) 82%,#0000);border:1px solid var(--surface-border);border-radius:20px;display:flex;gap:14px;padding:18px}.experienceMetricIcon{color:var(--default-highlight-color);flex-shrink:0;font-size:1.6rem}.experienceMetric span,.experienceMetric strong{color:var(--text-color);display:block}.experienceMetric strong{font-size:1.1rem}.experienceMetric span{opacity:.72}.experienceLayout{grid-gap:26px;align-items:start;display:grid;gap:26px;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr)}.experienceTimeline{display:flex;flex-direction:column;gap:20px;padding-left:28px;position:relative}.experienceTimeline:before{background:linear-gradient(180deg,var(--default-highlight-color),color-mix(in srgb,var(--default-highlight-color) 8%,#0000));bottom:8px;content:"";left:8px;opacity:.5;position:absolute;top:8px;width:2px}.experienceCard{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 92%,#0000),var(--surface-1));border:1px solid var(--surface-border);border-radius:24px;box-shadow:var(--soft-shadow);display:flex;flex-direction:column;gap:18px;padding:24px;position:relative}.experienceCard:before{background:var(--default-highlight-color);border:4px solid color-mix(in srgb,var(--surface-1) 92%,#fff);border-radius:50%;box-shadow:0 0 0 6px color-mix(in srgb,var(--default-highlight-color) 18%,#0000);content:"";height:14px;left:-26px;position:absolute;top:30px;width:14px}.experienceCardHeader{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:auto minmax(0,1fr) auto}.experienceCompanyMark{background:linear-gradient(145deg,color-mix(in srgb,var(--default-highlight-color) 16%,#0000),color-mix(in srgb,var(--secundary-highlight-color) 12%,#0000));border:1px solid color-mix(in srgb,var(--default-highlight-color) 26%,var(--surface-border));border-radius:16px;color:var(--default-highlight-color);display:grid;font-size:1.5rem;height:52px;place-items:center;width:52px}.experienceHeading{display:flex;flex-direction:column;gap:4px}.experienceRole{color:var(--text-color);font-size:1.08rem;font-weight:700;line-height:1.4}.experienceCompany{color:var(--text-color);font-size:.98rem;font-weight:600;margin:0;opacity:.82}.experienceType{align-items:center;background-color:color-mix(in srgb,var(--default-highlight-color) 12%,#0000);border:1px solid color-mix(in srgb,var(--default-highlight-color) 22%,var(--surface-border));border-radius:999px;color:var(--text-color);display:inline-flex;font-size:.82rem;font-weight:700;justify-content:center;min-height:32px;padding:0 12px;white-space:nowrap}.experienceMeta{display:flex;flex-wrap:wrap;gap:12px 18px}.experienceMeta span{align-items:center;color:var(--text-color);display:inline-flex;font-size:.92rem;gap:8px;opacity:.76}.experienceList{grid-gap:10px;color:var(--text-color);display:grid;gap:10px;line-height:1.65;margin:0;padding-left:20px}.experienceStack,.experienceTags{display:flex;flex-wrap:wrap;gap:10px}.experienceChip{align-items:center;background-color:color-mix(in srgb,var(--default-highlight-color) 11%,#0000);border:1px solid color-mix(in srgb,var(--default-highlight-color) 24%,var(--surface-border));border-radius:999px;color:var(--text-color);display:inline-flex;font-size:.86rem;font-weight:600;min-height:34px;padding:0 12px}.experienceChip.secondary{background-color:color-mix(in srgb,var(--surface-2) 80%,#0000);border-color:var(--surface-border);font-weight:500}.experienceSidebar{display:flex;flex-direction:column;gap:20px}.experiencePanel{background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--surface-border);border-radius:24px;box-shadow:var(--soft-shadow);display:flex;flex-direction:column;gap:18px;padding:24px}.experiencePanelHeader{align-items:center;color:var(--text-color);display:flex;gap:10px}.experiencePanelHeader h3{font-size:1.05rem;margin:0}.experiencePanelHeader svg{color:var(--default-highlight-color);font-size:1.2rem}.experienceEducation{color:var(--text-color);display:flex;flex-direction:column;gap:6px;line-height:1.55}.experienceEducation span{opacity:.8}@media(max-width:980px){.experienceHero,.experienceLayout{grid-template-columns:1fr}.experienceSidebar{order:2}}@media(max-width:700px){.experience{gap:20px;width:96%}.experienceCard,.experienceHero,.experiencePanel{border-radius:20px;padding:20px}.experienceTimeline{padding-left:22px}.experienceCard:before{left:-20px}.experienceCardHeader{grid-template-columns:auto minmax(0,1fr)}.experienceType{grid-column:1/-1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media(max-width:500px){.experienceBackground{margin-bottom:80px;margin-top:14px}.experienceTitle{font-size:2rem}.experienceMetricGrid{grid-template-columns:1fr}.experienceMeta{flex-direction:column;gap:8px}}.inputTextArea{background-color:#fff0;border:none;color:var(--text-color);flex-grow:0.97;font-size:18px;margin-block:5px;overflow:auto;place-self:center;resize:none}.inputTextArea:focus{border:none;outline:none}.fullChatSpace{display:flex;height:100%;place-content:center;width:100%;z-index:4}.chatBox,.fullChatSpace{background-color:var(--chat-background-color)}.chatBox{color:var(--text-color);display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow:hidden;transition-duration:.2s;transition-property:width;transition-timing-function:ease-in-out;width:min(100%,1000px)}.chatBox.disconnected{place-content:center;place-items:center}.barChatBox{background-color:var(--bar-color);color:var(--text-color);display:flex;height:30px;place-content:center;place-items:center}.historySpaceChatBox{background-color:var(--chat-background-color);color:var(--text-color);display:flex;flex-grow:1;height:1px;margin-bottom:10px}.historySpaceChatBoxContent{display:flex;flex-direction:column;flex-grow:1;height:100%;margin-block:10px;margin-inline:10px;overflow-y:auto}.inputMessageSpace{width:100%}.inputMessageSpaceContent{background-color:var(--input-message-backgroundcolor);border-radius:15px;bottom:10px;box-shadow:0 -1px 5px 3px #0000004d;display:flex;gap:5px;margin-left:2%;margin-right:2%;padding-top:5px;place-content:center;place-items:flex-end;position:fixed;width:96%}.inputMessage{background-color:#fff0;border:none;color:var(--text-color);flex-grow:0.9;font-size:18px;overflow:auto;place-self:center;resize:none}.inputMessage:focus{border:none;outline:none}.buttonSendMesage{aspect-ratio:1/1;background-color:#fff0;border:none;cursor:pointer;height:35px;opacity:.8;scale:1;transition-duration:.2s;transition-property:scale,opacity;transition-timing-function:ease-in-out}.buttonSendMesage:hover{opacity:1;scale:1.1}.backButton{background-color:var(--my-messages-background-color);background-image:linear-gradient(180deg,#0cf,#04c2c9);border-radius:50%;box-shadow:0 0 10px 5px #0000004d;color:var(--text-color);cursor:pointer;height:35px;padding:7px;position:fixed;right:10px;top:10px;transition-duration:.2s;transition-property:scale;transition-timing-function:ease-in-out;width:35px;z-index:1}.backButton:hover{scale:1.1}.line{background-color:var(--line-color);height:1px;width:100%}.waitMessage{border-radius:50px;border-radius:30px;display:flex;flex-direction:column;height:25px;margin-top:10px;overflow:hidden;place-content:center;place-items:center;place-self:center;width:120px}.waitMessageFloat{width:200px}.userMessage{background-color:var(--my-messages-background-color);background-image:linear-gradient(180deg,#0c81af,#00f7ff);border-radius:5px;color:#000;padding:10px}.serverMessage{background-color:#0000;border-radius:5px;display:flex;flex-direction:column;margin-bottom:5px;padding:5px}.headerServer{margin-bottom:20px}.projectsMessagesView{display:flex;gap:20px;margin-bottom:20px;margin-top:20px;overflow-x:auto;padding:10px}.projectMessage{background-color:var(--projects-background-color);background-color:#282828;border-radius:0;border-radius:10px;box-shadow:0 0 5px #76d8ff4d;box-shadow:5px 5px 10px #0003;cursor:pointer;display:flex;flex-direction:column;min-width:min(230px,90%);padding:10px;transition-duration:.2s;transition-property:scale;transition-timing-function:ease-in-out;width:min(280px,50vw)}.projectMessage:hover{scale:1.02}.boxProjectMessage,.imageProjectOverview{aspect-ratio:4/3;width:100%}.imageProjectOverview{border-top-left-radius:7px;border-top-right-radius:7px}
/*# sourceMappingURL=main.749fcd8c.css.map*/