.header{width:100%;display:flex;align-items:center;justify-content:center;z-index:99}.header .nav-header{width:fit-content;height:3.5em;display:flex;align-items:center;justify-content:center;color:var(--color-text);gap:2.5em;background-color:var(--color-primary);border:1px solid var(--color-secondary);border-radius:20px;position:fixed;top:10px;padding-inline:4em}.header .nav-header li{list-style-type:none;font-weight:bolder;font-size:larger;cursor:pointer;color:var(--color-text);transition:color .3s ease-out}.header .nav-header li a{color:currentColor;text-decoration:none}.header .nav-header li:hover{background:linear-gradient(to left,var(--color-text),var(--color-primary),var(--color-accent));background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:transitionColorText .3s linear forwards}.theme-toggle{cursor:pointer}.menu-btn{visibility:hidden;position:fixed;left:10px;top:10px;background-color:var(--color-primary);border:none;border-radius:10px}.sidebar{visibility:hidden;height:0}.nav-sidebar{height:100%;display:flex;flex-direction:column;color:var(--color-text);background-color:var(--color-primary);margin-block:5em;margin-inline:2em;gap:10px}.nav-sidebar li{list-style-type:none;font-weight:bolder;font-size:larger;cursor:pointer;color:var(--color-text);transition:color .3s ease-out}.nav-sidebar li a{color:currentColor;text-decoration:none}.nav-sidebar li:hover{background:linear-gradient(to left,var(--color-text),var(--color-primary),var(--color-accent));background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:transitionColorText .3s linear forwards}@media (max-width: 768px){.nav-header{visibility:hidden}.menu-btn{visibility:visible}.sidebar{visibility:visible;position:fixed;left:0;top:0;height:100vh;width:70%;background-color:var(--color-primary);transform:translate(-110%);transition:transform .26s ease-in-out;z-index:200;pointer-events:none}.sidebar.open{transform:translate(0);pointer-events:auto}.close-btn{position:absolute;right:10px;top:10px;background-color:inherit;border:none;border-radius:10px}}.footer{width:100%;height:18em;background-color:var(--color-primary);border-radius:18em 18em 0 0}.footer .footer-info{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.footer .footer-info .footer-contact{font-weight:700;font-size:large}.icon{color:var(--color-text);transition:color .3s ease;cursor:pointer;position:relative}.icon:hover{color:var(--color-accent)}.footer .footer-info .footer-all-rights{font-weight:lighter;font-size:small}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#000;color:#fff;padding:4px 8px;border-radius:4px;white-space:nowrap;transition:opacity .2s ease}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}@media (max-width: 480px){.footer{border-radius:5em 5em 0 0}}.about{width:100%;min-height:100vh;display:flex;gap:5em;align-items:center;justify-content:center}.about-image{width:20em;height:20em;border-radius:50%;object-fit:cover;border:1px solid var(--color-text)}.description{margin-top:2em;font-size:1.2em;line-height:1.5}@keyframes transitionColorText{0%{background-position:100% 0}to{background-position:0 0}}@media (max-width: 1023px){.about{flex-direction:column;margin-top:10em}}@media (max-width: 767px){.about{margin-top:1em}}.experience{width:100%;min-height:100vh;display:flex;flex-direction:column;gap:4em;justify-content:center}.experience-grid{display:grid;grid-template-columns:auto auto;justify-content:space-between}.experience-time-line{display:flex;flex-direction:column;align-items:start;justify-content:center}.hero{font-weight:bolder;font-size:4.5em;transition:color .3s ease}.hero:hover{background:radial-gradient(circle at center,var(--color-primary) 50%,var(--color-fr) 70%);background-size:200%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:transitionColorText .3s backwards}.positions-list{display:flex;flex-direction:column;align-items:start;gap:2em}.positions{display:flex;align-items:top;gap:4em}.time-line{display:flex;flex-direction:column;align-items:center;gap:2em}.line{width:4px;height:3em;border-right:4px solid var(--color-fr)}.time-line__logo{width:4em;height:auto;border-radius:50%}.position-description{display:flex;flex-direction:column;gap:10px;font-size:1.2em;padding-top:.1em}.technologies{width:22em;background:radial-gradient(circle at bottom,var(--color-tech-bg-start) 0%,var(--color-tech-bg-mid) 100%,var(--color-tech-bg-end) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:2em;box-shadow:0 0 200px var(--color-tech-shadow),0 0 200px var(--color-tech-shadow)}.technologies-window{width:100%;overflow:hidden;display:flex;flex-direction:column;align-content:center;gap:10px}.technologies-track{display:flex;gap:10px 20px;align-items:center;width:max-content;padding-block:10px}.technology{display:inline-flex;align-items:center;height:3em;color:var(--color-text);border-radius:10px;text-align:center;padding-inline:10px;transition:transform .3s ease,border-color .3s ease;cursor:pointer;background-color:transparent}.technology:hover{transform:scale(1.2);border-color:var(--color-fr)}.lenguages{animation:technologyCarrousel 20s linear infinite}.frameworks{animation:technologyCarrousel 30s reverse infinite}.databases{animation:technologyCarrousel 15s linear infinite}@keyframes technologyCarrousel{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 480px){.hero{font-size:4em}}@media (max-width: 1279px){.experience-grid{grid-template-columns:auto;gap:4em;align-items:center;justify-content:center;justify-items:center}}.projects{width:100%;min-height:100vh;display:flex;flex-direction:column;gap:2em;justify-content:center;margin-block:20px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem;list-style:none;align-items:top;justify-items:center}.project{width:100%;height:auto;display:flex;flex-direction:column;background:#ffffff0d;border-radius:1rem;box-shadow:0 4px 20px #0003;transition:transform .2s ease;text-align:center;cursor:pointer}.project:hover{transform:scale(1.03);animation:glow 2s infinite ease-in-out}.project>p{font-size:1.1em;line-height:1.5;margin-top:10px}.project>p,h3{margin:10px;text-align:left}.project>footer{height:1.5em;margin-left:auto;position:relative}.project-icon{position:absolute;bottom:10px;right:10px}.project>img{width:100%;height:auto;border-top-left-radius:1em;border-top-right-radius:1em}@keyframes glow{0%{box-shadow:0 0 20px var(--color-primary)}50%{box-shadow:0 0 40px var(--color-secondary)}to{box-shadow:0 0 20px var(--color-fr)}}:root{--font-primary: "Inconsolate", monospace;--color-primary: hsl(79, 100%, 39.7%);--color-secondary: hsl(62, 87%, 68%);--color-fr: hsl(267, 32%, 34%);--color-bg: hsl(160 100% 97.5% / .91);--color-text: hsl(86 89% 2.9% / .85);--color-accent: hsl(160 100% 97.5% / .91);--color-tech-bg-start: hsl(267 32% 90.5%);--color-tech-bg-mid: hsl(267 32% 90.1%);--color-tech-bg-end: hsl(267 32% 100%);--color-tech-shadow: hsl(267 32% 79.6%)}[data-theme=dark]{--color-bg: hsl(86 89% 2.9% / .85);--color-text: hsl(160 100% 97.5% / .91);--color-accent: hsl(86 89% 2.9% / .85);--color-fr: hsl(62, 87%, 68%);--color-secondary: hsl(267, 32%, 34%);--color-tech-bg-start: hsl(267 22% 12% / .6);--color-tech-bg-mid: hsl(267 22% 8% / .6);--color-tech-bg-end: hsl(267 22% 4% / .6);--color-tech-shadow: hsl(267 32% 18% / .22)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text);transition:none;scroll-behavior:smooth;margin:0;width:100%;min-height:100vh;overflow-x:hidden;display:grid;grid-template-rows:auto 1fr auto}.layout{height:100%;padding-inline:10em;margin:0 auto;display:flex;flex-direction:column;align-items:center}@keyframes animationTheme{0%{transform:translate(0)}to{transform:translate(100%)}}.theme-curtain{position:fixed;top:0;left:0;width:100%;height:100vh;border-right:5px solid var(--color-text);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:none}.curtain-content{text-align:center;color:#fff}.theme-curtain.active{opacity:1;visibility:visible}.curtain{height:100vh;width:100%;transform:translate(-100%);transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.curtain.active{transform:translate(0)}@media (min-width: 1280px) and (max-width: 1439px){.layout{padding-inline:2em}}@media (max-width: 1279px){.layout{padding-inline:5em}}@media (max-width: 768px){.layout{padding-inline:1em}}@media (max-width: 480px){.layout{padding-inline:.5em;align-items:start;gap:4em}}