:root{--ff-pp: "Ubuntu", sans-serif;--ff-sc: "Work Sans", sans-serif;--color-jade: #00b894;--color-red: #ff6b6b;--color-yellow: #ffd166;--color-orange: #fb9728;--color-gold: #e6c200;--color-gris: #f5f5f5;--color-gold-soft: hsl(46, 65%, 52%);--color-pink: #edafb8;--color-pink-soft: #f7e1d7;--color-bg-01: hsl(0, 0%, 7%);--color-bg-alt-01: #1e1e1e;--color-text-01: #f4f4f4e4;--color-text-11: #f8f9fa;--color-text-secondary-01: #a8a8a8;--color-border-01: #2a2a2a;--color-bg-02: #ffffff;--color-bg-alt-02: #f5f5f5;--color-text-02: #1c1c1c;--color-text-secondary-02: #6e6e6e;--color-border-02: #dadada;--color-bg: var(--color-bg-01);--color-bg-alt: var(--color-bg-alt-02);--color-text: var(--color-text-01);--color-text-secondary: var(--color-text-secondary-01);--color-text-alt: var(--color-text-02);--text-shadow: 1px 1.2px 0px hsla(0, 0%, 100%, .08), 1.3px 1.3px 1px hsla(0, 0%, 90%, .1), 1.7px 2px 3px hsla(0, 0%, 70%, .15);--text-shadow-secondary: 1px 1.2px 0px hsla(0, 0%, 60%, .05), 1.3px 1.3px 1px hsla(0, 0%, 50%, .07), 1.7px 2px 2px hsla(0, 0%, 40%, .08);--text-shadow-black: 1px 1px 1px rgba(0, 0, 0, .3), 2px 2px 2px rgba(0, 0, 0, .15);--text-shadow-jade: .6px .6px 0px hsla(164, 60%, 30%, .2), 1px 1px 1px hsla(164, 50%, 40%, .3), 1.3px 1.5px 2px hsla(164, 45%, 50%, .25);--text-shadow-red: .6px .6px 0px hsla(0, 85%, 50%, .2), 1px 1px 1px hsla(0, 75%, 60%, .3), 1.3px 1.5px 2px hsla(0, 65%, 70%, .25);--text-shadow-yellow: .6px .6px 0px hsla(42, 90%, 50%, .15), 1px 1px 1px hsla(42, 80%, 60%, .25), 1.3px 1.5px 2px hsla(42, 70%, 70%, .2);--text-shadow-gold: .5px .7px 0px hsla(45, 100%, 40%, .3), 1px 1px 1px hsla(45, 95%, 30%, .4), 1.5px 1.7px 2px hsla(45, 85%, 20%, .25);--text-shadow-L: .8px .9px 0px hsla(0, 0%, 0%, .15), 1.2px 1.2px 1px hsla(0, 0%, 0%, .18), 1.5px 1.7px 2px hsla(0, 0%, 0%, .2);--text-shadow-secondary-L: .6px .7px 0px hsla(0, 0%, 30%, .12), 1px 1px 1px hsla(0, 0%, 30%, .15), 1.4px 1.6px 2px hsla(0, 0%, 30%, .17);--shadow-color: 210deg 10% 20%;--shadow-elevation-low: .3px .5px .7px hsl(var(--shadow-color) / .2), .6px 1px 1.4px hsl(var(--shadow-color) / .15);--shadow-elevation-medium: .3px .5px .7px hsl(var(--shadow-color) / .25), 1px 2px 3px -.5px hsl(var(--shadow-color) / .2), 3px 5px 8px -1px hsl(var(--shadow-color) / .15);--bg-hero: radial-gradient( ellipse at bottom, hsla(155, 41%, 16%, .99) 0%, hsla(155, 40%, 10%, 1) 50%, hsla(0, 0%, 4%, 1) 100% );--bg-hero-picture: linear-gradient( hsla(0, 0%, 4%, .8), hsla(0, 0%, 10%, .8) ) padding-box, linear-gradient( 135deg, var(--color-jade), var(--color-yellow), var(--color-jade), var(--color-gold), var(--color-red), var(--color-jade) ) border-box;--color-text-title-hero--00: linear-gradient(140deg, #d4af37, #e6c200);--color-text-services--01: #1c1c1c;--shadow-color-text--services--01: 1px 1px 1px rgba(0, 184, 148, .3), 2px 2px 2px rgba(200, 200, 200, .15);--color-text-title-services--00: linear-gradient(90deg, #fb9728, #ff6b6b);--color-text-title-services--01: linear-gradient(90deg, #00b890, #e6e6e6);--color-text-title-services--02: linear-gradient( 140deg, #00b890 15%, #e6c200 100% );--bg-services-01: radial-gradient(circle at center, #ffffff 15%, #f5f5f5);--bg-projects-00: radial-gradient( ellipse at top, hsla(0, 0%, 13%, .95) 0%, hsla(0, 0%, 7%, 1) 100% );--bg-projects-01: radial-gradient( ellipse at bottom, hsla(0, 0%, 13%, .95) 0%, hsla(0, 0%, 7%, 1) 100% );--bg-projects-02: linear-gradient( to bottom, hsla(0, 0%, 13%, .95) 0%, hsla(0, 0%, 7%, 1) 100% );--color-text-title-projects--00: linear-gradient( 180deg, hsl(169, 77%, 73%) 5%, hsl(156, 89%, 21%) 100% );--color-text-title-projects--01: linear-gradient( 90deg, #fb9728 15%, #ff6b6b 100% );--color-text-title-projects--02: linear-gradient( 140deg, #ffd166 15%, #e6c200 100% );--shadow-color-text--projects--00: 1px 1px 1px rgba(0, 184, 148, .3), 2px 2px 2px rgba(0, 185, 155, .1);--shadow-color-text--projects--01: 1px 1px 1px rgba(255, 105, 97, .25), 2px 2px 2px rgba(255, 150, 80, .15);--color-card-title-projects--00: var(--color-jade);--text-shadow-card-projects-00: var(--text-shadow-black);--color-projects-border-exterior-00: var(--color-jade);--color-projects-border-exterior-00: hsl(156, 89%, 21%);--color-projects-border-interior-00: var(--color-jade);--color-projects-border-interior-00: hsl(156, 89%, 21%);--color-projects-border-00: var(--color-jade);--color-projects-border-01: var(--color-red);--scroll-color-00: hsl(156, 89%, 21%, .5);--scroll-color-01: rgba(255, 105, 97, .25);--scroll-color-02: hsl(32, 96%, 57%, .6);--color-projects-card-shadow-00: #034d3e;--color-projects-card-shadow-01: #ff6b6bb7;--color-gold-soft: #d4af37;--color-border-00: rgba(255, 255, 255, .1);--color-border-01: var(--color-red);--bg-navbar-00: hsla(0, 0%, 12%, .6);--bg-navbar-hover-00: hsla(0, 0%, 12%, .9);--color-border-navbar-00: var(--color-border-00);--color-navbar-underline-00: white;--color-navbar-underline-active: var(--color-gold-soft);--color-navbar-num-00: var(--color-gold-soft);--color-navbar-num-00: var(--color-orange);--color-navbar-num-shadow: var(--text-shadow-black);--color-navbar-text-00: var(--color-text-01);--color-navbar-text-shadow: var(--text-shadow-black);--color-navbar-text-active: var(--color-gris);--shadow-color: 46 65% 52%;--shadow-elevation-medium: .3px .5px .7px hsl(var(--shadow-color) / .36), .8px 1.6px 2px -.8px hsl(var(--shadow-color) / .36), 2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color) / .36);--color-menu-burger: var(--color-jade);--color-text-title-about--01: linear-gradient( 120deg, #d4af37 0%, #fb9728 100% );--shadow-color-text--about--01: 1px 1px 1px rgba(0, 184, 148, .3), 2px 2px 2px rgba(200, 200, 200, .15);--swicher-01: linear-gradient(135deg, #e6c200 0%, #d4af37 100%);--swicher-02: linear-gradient(135deg, #ff6b6b 0%, #d4af37 100%);--swicher-03: radial-gradient(circle at center, #00b894 25%, #d4af37 100%);--swicher-04: linear-gradient(135deg, #fb9728 0%, #f8b050 100%);--swicher-05: linear-gradient( 180deg, hsl(169, 77%, 73%) 5%, hsl(156, 89%, 21%) 100% );--bg-swicher-00: var(--color-bg);--bg-switcher-hover: var(--color-bg-alt-01);--bg-swicher-btn: var(--swicher-04)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--ff-sc);font-size:1rem;font-optical-sizing:auto;font-weight:400;line-height:1.2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;margin:0 auto;min-width:375px;min-height:100vh}.language-switcher{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;gap:10px;padding:.5rem .7rem;border-radius:9999px;background-color:var(--bg-swicher-00);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);transition:background-color .2s cubic-bezier(.33,1,.68,1),box-shadow .18s cubic-bezier(.32,0,.67,0),opacity .15s linear;opacity:.3;overflow:hidden}.language-switcher:hover{box-shadow:var(--shadow-elevation-medium);background-color:var(--bg-switcher-hover);opacity:1;transition-duration:.12s}.language-btn{position:relative;background:linear-gradient(135deg,#ffffff1f,#ffffff0a);border:none;color:var(--color-text);width:25px;height:25px;padding:1rem;font-size:9px;font-weight:400;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:transform .22s cubic-bezier(.33,1.5,.67,1),background .25s ease-out,box-shadow .2s cubic-bezier(.33,0,.67,1);z-index:1;transform:scale(.9);will-change:transform,background,box-shadow}.language-btn:not(.active):not(:disabled):hover{background:linear-gradient(135deg,#ffffff38,#ffffff1f);transform:scale(1.7);box-shadow:0 0 0 4px #ffffff1a,0 2px 8px #0003;font-size:11px;z-index:2;transition-duration:.18s}.language-btn:not(.active):not(:disabled):hover:before{content:"";position:absolute;top:-10%;left:-10%;right:-10%;bottom:-10%;background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-radius:50%;z-index:-1;animation:pulseExpand .3s cubic-bezier(.18,.89,.32,1.28) forwards}@keyframes pulseExpand{0%{transform:scale(.8);opacity:0}70%{opacity:.3}to{transform:scale(1.4);opacity:0}}.language-btn.active,.language-btn:disabled{background:var(--bg-swicher-btn);font-size:11px;font-weight:600;color:#1e1e1e;box-shadow:0 0 8px 3px #fbcd284d;cursor:default;transform:scale(1.1);text-shadow:0 1px 1px rgba(255,255,255,.3);transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .3s ease-out,box-shadow .22s ease-out}.language-switcher:hover .language-btn.active:not(:hover){opacity:.7;filter:brightness(.8);transform:scale(1);transition:opacity .3s ease,filter .3s ease,transform .4s ease}.language-switcher:hover .language-btn.active:hover{opacity:1;filter:brightness(1);transform:scale(1.1)}@media (prefers-color-scheme: light){.language-switcher{background:#ffffffd9;border:1px solid rgba(0,0,0,.1)}.language-btn{background:linear-gradient(135deg,#00000012,#00000008);color:var(--text-dark)}.language-btn:not(.active):not(:disabled):hover{background:linear-gradient(135deg,#0000001f,#00000012);box-shadow:0 0 0 4px #0000000d,0 2px 8px #0000001a}.language-btn.active,.language-btn:disabled{color:#464646;text-shadow:0 1px 1px rgba(255,255,255,.6)}}.nav{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-around;padding:1rem 0;background-color:transparent;pointer-events:none}.nav__content{display:none;align-items:center;justify-content:center;width:42%;max-width:800px;height:9vh;min-height:50px;border-radius:9999px;background-color:var(--bg-navbar-00);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid var(--color-border-navbar-00);transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .2s ease-out;pointer-events:auto}.nav__content:hover{background-color:var(--bg-navbar-hover-00);box-shadow:var(--shadow-elevation-medium);transition-duration:.15s}.nav__menu{display:flex;list-style:none;padding:0;margin:0;gap:1.25rem}.nav__item{position:relative;z-index:5}.nav__link{display:flex;align-items:center;text-decoration:none;white-space:nowrap;padding:.5rem 1rem;position:relative;transition:transform .2s ease-out}.nav__link-active{transform:translateY(-2px)}.nav__link:after{content:"";display:block;height:2px;position:absolute;left:1rem;right:1rem;bottom:5px;opacity:.9;transform:scaleX(0);transform-origin:left center;transition:transform .35s cubic-bezier(.4,0,.2,1);background-color:var(--color-navbar-underline-00)}.nav__link:hover:after,.nav__link-active:after{transform:scaleX(1)}.nav__link-active:after{background-color:var(--color-navbar-underline-active)}.nav__num{display:block;margin-right:.375rem;font-size:12px;font-weight:400;color:var(--color-navbar-num-00);text-shadow:var(--color-navbar-num-shadow)}.nav__text{display:block;font-size:12px;font-weight:400;text-transform:capitalize;color:var(--color-navbar-text-00);text-shadow:var(--color-navbar-text-shadow)}.nav__link-active .nav__text{color:var(--color-navbar-text-active);font-weight:500}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.nav__link-active .nav__num{animation:pulse 1.5s ease-in-out infinite;will-change:opacity}.hamburger{position:fixed;z-index:1001;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--color-menu-burger);transition:transform .15s ease-out,color .2s ease}.hamburger:active{transform:scale(.95)}.mobile__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#262626fa;z-index:1000;display:flex;justify-content:center;align-items:center;pointer-events:none;clip-path:circle(0% at 90% 40px);transition:clip-path .4s cubic-bezier(.4,0,.2,1)}.mobile__overlay.open{clip-path:circle(150% at 90% 40px);pointer-events:auto}.mobile__menu{opacity:0;text-align:center;width:100%;padding:2rem;transition:opacity .3s ease-out .3s}.mobile__overlay.open .mobile__menu{opacity:1}.mobile__menu ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.mobile__menu a{display:inline-block;padding:.5rem 1rem;font-size:1.2rem;color:#fff;text-decoration:none;position:relative;transition:all .3s ease}@media (max-width: 479px){.hamburger{font-size:1.8rem;top:1rem;right:1rem}.nav__text{display:block;font-size:1.4rem}}@media (min-width: 480px) and (max-width: 767px){.hamburger{font-size:2.3rem;top:1.2rem;right:1.2rem}.mobile__menu a{font-size:1.4rem}.nav__text{display:block;font-size:1.6rem}}@media (min-width: 768px) and (max-width: 1023px){.hamburger{font-size:2.5rem;top:1.5rem;right:2rem}.mobile__overlay{clip-path:circle(0% at 95% 60px)}.mobile__overlay.open{clip-path:circle(150% at 95% 60px)}.mobile__menu a{font-size:1.8rem;padding:.75rem 1.5rem}.nav__text{display:block;font-size:1.8rem}}@media (min-width: 1024px){.nav__content{display:flex;transition-duration:.2s,.15s}.hamburger,.mobile__overlay,.mobile__menu{display:none!important}}@media (hover: hover){.nav__link:hover{transform:translateY(-1px)}.mobile__menu a{transition:color .2s ease,transform .2s ease}.mobile__menu a:hover{color:var(--color-gold-soft);transform:translate(3px)}}.wrapper{width:1600px;max-width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg);color:var(--color-text)}.hero{min-height:100vh;display:flex;align-items:center;padding:2rem 0;background:var(--bg-hero)}.hero__content{display:grid;grid-template-areas:"title image" "subtitle image";grid-template-columns:1.5fr 1fr;align-items:center;max-width:1200px;width:90%;margin:0 auto}.hero__text-wrapper{display:contents}.hero__text-wrapper h1{grid-area:title;font-size:clamp(2.5rem,4.5vw,3.2rem);font-family:var(--ff-pp);font-weight:500;letter-spacing:.3px;color:var(--color-text);text-shadow:var(--text-shadow-black)}.hero__role{display:block;font-family:var(--ff-pp);font-size:clamp(2rem,4.2vw,3.5rem);font-weight:700;letter-spacing:.5px;padding-top:1rem;color:var(--color-gold-soft);text-shadow:var(--text-shadow-black)}.hero__text-wrapper h2{grid-area:subtitle;padding-top:.5rem;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:300;letter-spacing:.3px;opacity:.8;color:var(--color-jade);text-shadow:var(--text-shadow-black)}.hero__picture{grid-area:image;display:flex;justify-content:center;max-width:280px;margin:0 auto;border-radius:50%;overflow:hidden;position:relative;z-index:1}.hero__picture-img{width:100%;height:auto;object-fit:cover;transition:all .5s ease;border:3px solid transparent;border-radius:50%;background:var(--bg-hero-picture);background-size:300% 300%;animation:rotateBorder 8s linear infinite;padding:3px}@keyframes rotateBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero__picture:after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;z-index:-1;filter:blur(4px);opacity:.5;transition:all .5s ease}.hero__picture:hover:after{opacity:.7;filter:blur(12px)}.hero__picture-img:hover{transform:scale(1.05)}@media (max-width: 900px){.hero__content{grid-template-areas:"image" "title" "subtitle";grid-template-columns:1fr;text-align:center;gap:1rem}.hero__picture{max-width:200px;margin-bottom:1.5rem}}@media (max-width: 480px){.hero__picture{max-width:180px}.hero__picture:after{top:-3px;left:-3px;right:-3px;bottom:-3px;filter:blur(8px)}}.services{min-height:100vh;display:flex;align-items:center;padding:2rem 0;overflow-x:hidden;box-sizing:border-box;background:var(--bg-services-01)}.services__content{display:flex;flex-direction:column;gap:1.5rem;min-height:100vh;max-width:1200px;height:100vh;width:90%;margin:0 auto;margin-top:10vh}.services__text-wrapper{text-align:center;margin-bottom:1rem}.services__text-wrapper h1{font-size:2.8rem;line-height:1.2;margin:0;background:var(--color-text-title-services--01);-webkit-background-clip:text;background-clip:text;text-shadow:var(--shadow-color-text--services--01);color:transparent}.services__text-wrapper h2{color:var(--color-text-services--01);font-size:1rem;font-weight:400;margin:.5rem 0 0;opacity:.9;max-width:700px;margin-left:auto;margin-right:auto}.services__list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0;list-style:none;height:auto;margin-bottom:2rem}.services__list li{position:relative;color:var(--color-text-services--01);padding:1rem;border-radius:8px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;opacity:0;transform:translate(-50px);transition:opacity .6s ease-out,transform .6s cubic-bezier(.34,1.56,.64,1),all .4s cubic-bezier(.16,1,.3,1)}.services__list li.visible{opacity:1;transform:translate(0)}.services__list li:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,var(--color-jade),var(--color-gris))}.services__list li span{display:block;font-size:1.2rem;margin-bottom:.5rem;color:#fb9728}.services__list-title{display:block;font-size:1rem;margin-bottom:.3rem;font-weight:600;color:var(--color-text-02)}.services__list-description{margin:0;opacity:.8;line-height:1.4;font-size:.85rem}.services__list li:nth-child(1){transition-delay:.1s}.services__list li:nth-child(2){transition-delay:.2s}.services__list li:nth-child(3){transition-delay:.3s}.services__list li:nth-child(4){transition-delay:.4s}.services__list li:nth-child(5){transition-delay:.5s}@media (max-width: 1200px){.services__list{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);height:auto}.services__content{height:auto;min-height:100vh;padding:2rem 0}}@media (max-width: 768px){.services__list{grid-template-columns:1fr;grid-template-rows:repeat(5,auto);gap:.8rem}.services__text-wrapper h1{font-size:1.8rem}.services__text-wrapper h2{font-size:.9rem}}@media (max-width: 600px) and (orientation: landscape){.services__list{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto)}}.projects{min-height:100vh;display:flex;align-items:center;padding:2rem 0;background:var(--bg-projects-00);box-sizing:border-box}.projects__content{display:flex;flex-direction:column;gap:1.5rem;min-height:100vh;max-width:1200px;width:90%;margin:0 auto;margin-bottom:15vh}.projects__text-wrapper{text-align:center;margin-bottom:2rem;margin-top:15vh}.projects__text-wrapper h1{font-size:3rem;line-height:1.5;margin:0;color:var(--color-text);background:var(--color-text-title-projects--00);-webkit-background-clip:text;background-clip:text;text-shadow:var(--shadow-color-text--projects--00);color:transparent}.projects-line{margin:.5rem 0 0;border:.5px solid hsla(0,0%,88%,.1);opacity:.7;border-radius:1rem}.projects__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));grid-gap:3rem;justify-content:center;align-items:center}.projects__list-item{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;height:90%;border-radius:1.15rem;border:1px solid rgba(225,225,225,.1);margin:0 auto;list-style:none}.project__card{--padding: 1rem;--transition-speed: .3s;--transition-easing: cubic-bezier(.25, .46, .45, .94);position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;height:330px;max-height:90%;width:90%;padding-top:var(--padding);padding-left:var(--padding);border-radius:1rem;border:1px solid hsla(0,0%,17%,.9);background-size:cover;background-position:center;background-color:var(--bg-projects-01);transform-style:preserve-3d;transition:transform var(--transition-speed) var(--transition-easing),box-shadow var(--transition-speed) var(--transition-easing);will-change:transform;z-index:101}.project__card:hover{transform:scale(1.112);border:1px solid var(--color-projects-border-exterior-00);transition-duration:.25s}.project__overlay{position:absolute;top:0;left:0;width:100%;height:100%;transition:background-image .25s ease-out,transform .3s cubic-bezier(.25,.46,.45,.94);will-change:transform;z-index:100}.project__title{display:block;color:var(--color-text);text-shadow:var(--text-shadow-card-projects-00);font-family:var(--ff-pp);font-size:.9em;font-weight:300;line-height:1.5;position:relative;text-decoration:inherit;z-index:1;width:max-content;transition:all .2s ease-out}.project__title:after,.project__title:before{content:"";position:absolute;height:25px;width:calc(100% + var(--padding));left:calc(var(--padding) * -1);bottom:0;border-top-right-radius:1rem;border-bottom-right-radius:1rem;padding-left:1.2rem;z-index:-1;background:var(--color-card-title-projects--00);transition:all .25s cubic-bezier(.25,.46,.45,.94)}.project__title:before{background:var(--color-card-title-projects--00);opacity:.4}.project__title:after{transform:scaleX(0);transform-origin:0 50%;transition:transform .3s cubic-bezier(.25,.46,.45,.94);will-change:transform}.project__subcontent{bottom:0;left:calc(var(--padding) * -1);height:50%;width:calc(100% + var(--padding));border-top:1px solid var(--color-projects-border-interior-00);background-color:#1a1a1afa;border-bottom-left-radius:.91rem;border-bottom-right-radius:.91rem;overflow:hidden;transform:translate3d(0,100%,0);transition:transform .3s ease;z-index:102;position:relative;padding:.85rem 1.2rem .85rem 2.5rem}.project__scroll-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;padding-right:1rem;padding-left:1rem;padding-bottom:.85rem;margin:1rem auto}.project__scroll-wrapper::-webkit-scrollbar{width:5px}.project__scroll-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-jade);background-color:var(--scroll-color-00);border-top-right-radius:0;border-top-left-radius:.5rem;border-bottom-right-radius:0;border-bottom-left-radius:.5rem}.project__description{display:flex;flex-direction:column;gap:.5rem;font-weight:350;font-size:.7em;line-height:1.6;letter-spacing:.02em;white-space:pre-line}.project__description-link{display:inline-flex;align-items:center;margin-block:.5rem;color:var(--color-gold-soft);padding-right:1rem;text-decoration:inherit;transition:color .2s ease-out}.project__description-text{font-weight:400;transition:.7s ease-out;margin-left:.25rem}.project__description-text:hover,.project__description-link:hover{color:var(--color-jade);transition-property:color;transition:all .1s ease-in-out}.projects__list-item:hover .project__card:hover{box-shadow:0 0 1px .5px var(--color-projects-card-shadow-00)}.project__card:hover .project__overlay{background-image:linear-gradient(to top,rgba(0,0,0,.4),transparent)}.project__card:hover .project__subcontent{transform:translateY(0);transition-duration:.4s}.project__card:hover .project__title:after{transform:scaleX(1);transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-duration:.35s}.project__card:hover .project__title:hover:after{background-color:var(--color-jade);transition:.2s ease}/*! Arreglar responsive */@media (max-width: 768px){.projects__list{grid-template-columns:1fr;gap:4.5rem;width:90%}.projects__text-wrapper h1{font-size:2.2rem;margin-top:10vh}.project__subcontent{height:120px}}@media (max-width: 600px){.projects__list{gap:1rem}.project__card{height:260px;--padding: .8rem}.project__title{font-size:.9em}}@media (max-width: 600px) and (orientation: landscape){.projects__list{grid-template-columns:repeat(2,1fr)}.project__card{height:240px}.project__subcontent{height:100px}}@media (max-width: 400px){.projects__text-wrapper h1{font-size:1.8rem}.project__description{font-size:.7em;padding:.6rem 1rem}}.about{min-height:100vh;display:flex;align-items:center;padding:2rem 0}.about__content{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;min-height:100vh;width:90%;margin:0 auto;margin-top:15vh}.about__text-wrapper{display:contents}.about__heading-title{text-align:center;font-size:2.8rem;line-height:1.2;margin:0;background:var(--color-text-title-about--01);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem}.about__heading-name{font-size:2.2rem;line-height:1.4;margin:0;color:var(--color-text)}.about__heading-dev{font-size:1.5rem;font-weight:300;margin:.5rem 0;opacity:.9;color:var(--color-text-secondary);color:var(--color-gold-soft)}.about__presentation{font-size:.9rem;font-weight:400;color:var(--color-text);opacity:.9;line-height:1.5}.about__subcontent{display:grid;grid-template-columns:2.5fr 9.5fr;grid-auto-rows:minmax(max-content,auto);grid-template-areas:"contact education" "technologies education";gap:1.5rem}.about__contact{grid-area:contact;height:max-content}.about__contact-item{display:flex;align-items:center;font-size:.8rem;margin-bottom:.7em;list-style:none}.about__contact-icon{display:flex;align-items:center;color:var(--color-jade);text-decoration:none;transition:.3s ease-in-out;will-change:auto}.about__contact-icon.map:hover{font-weight:500;color:var(--color-gold-soft)}.about__contact-icon.linkedin:hover{font-weight:500;color:#0e76a8}.about__contact-icon.github:hover,.about__contact-icon.download:hover{font-weight:500;color:var(--color-gold-soft)}.about__contact-text{margin-left:.25rem}.about__technologies-container{grid-area:technologies;height:max-content}.about__technologies-list{list-style:none}.about__technologies{display:flex;align-items:center;gap:.3rem;font-size:.875em;margin-bottom:.25rem;font-weight:300;line-height:1.5}.about__education-container{background-color:#252525;grid-area:education;height:max-content}