*{padding:0;margin:0;box-sizing:border-box}:root{font-size:14px;--font-text:roboto, poppins;--font-title:godems, poppins;--background: white;--text: #222222;--primary: #222222;--secondary:#313131;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--background);color:var(--text);transition:background-color .4s ease,color .4s ease;text-transform:uppercase;font-family:var(--font-text)}.page-wrapper{position:absolute;width:100%;min-height:100vh;top:0;left:0}h1,h2,h3,h4,h5,h6{color:var(--primary);font-family:var(--font-title);letter-spacing:2px}@font-face{font-family:roboto;src:url(/fonts/RobotoMono-ExtraLight.ttf);font-display:swap;unicode-range:U+000-5FF}@font-face{font-family:godems;src:url(/fonts/Gondens\ DEMO.otf);font-display:swap;unicode-range:U+000-5FF}@font-face{font-family:roboto-light;src:url(/fonts/roboto-Light.ttf);font-display:swap;unicode-range:U+000-5FF}@font-face{font-family:roboto-regular;src:url(/fonts/roboto-Regular.ttf);font-display:swap;unicode-range:U+000-5FF}@font-face{font-family:roboto-semibold;src:url(/fonts/roboto-SemiBold.ttf);font-display:swap;unicode-range:U+000-5FF}@font-face{font-family:manrope-extrabold;src:url(/assets/Manrope-ExtraBold-zk22q0YZ.ttf);font-display:swap;unicode-range:U+000-5FF}a{text-decoration:none;color:inherit}li{list-style:none;font-family:var(--font-text)}@media (min-width:768px){:root{font-size:16px}}.persiana-lenta{overflow:hidden;opacity:0;animation:persiana 1s ease-out forwards}.persiana-horizontal{animation:persiana-horizontal .7s ease forwards}@keyframes persianaLenta{0%{clip-path:inset(0 0 100% 0);opacity:0}to{clip-path:inset(0 0 0% 0);opacity:1}}@keyframes persiana-horizontal{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0% 0 0);opacity:1}}@keyframes persiana-next{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes persiana-prev{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.persiana-next{animation:persiana-next .8s ease forwards}.persiana-prev{animation:persiana-prev .8s ease forwards}.delay-00{animation-delay:2.6s}.delay-header-1{animation-delay:1.2}.delay-header-2{animation-delay:1.8s}.main-home{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;width:100%;min-height:100dvh;overflow:hidden}.titulo-logo{font-size:10vw;width:80%;line-height:1.8;display:flex;justify-content:center;position:relative}.copy{all:unset;font-family:poppins;font-size:4rem;margin-left:.3rem}.titulo-btn{display:flex;justify-content:center;align-items:center;gap:4rem}.descripcion{width:100%}.descripcion-ul-home{display:flex;flex-direction:column;align-items:center;gap:.7rem;justify-content:center;width:100%;height:100%;margin-bottom:3rem}.submenu-home{display:flex;align-items:center}.submenu-link-home{width:100%;height:100%}.footer{display:flex;justify-content:center;font-size:10px;position:fixed;width:100%;bottom:1rem}@media (min-width:768px) and (max-width:1023px){.main-home{flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;height:100dvh;overflow:hidden}}@media (min-width:1024px){.main-home{flex-direction:column;align-items:center;justify-content:center;gap:3rem;width:100%;height:100dvh;overflow:hidden}.titulo-logo{font-size:7.5vw}}.button{border:none;background:none;color:var(--text);font-family:var(--font-text);display:inline-flex;align-items:center;cursor:pointer;transition:transform .3s ease;text-align:center}.button-corchetes{display:flex;gap:2px;align-items:center}.button-svg{width:12px;height:24px;stroke:#5f5f5f;fill:none;display:block;flex-shrink:0;opacity:0;transition:opacity .3s ease,transform .3s ease}.button-svg-left{transform:translate(4px)}.button-svg-right{transform:translate(-4px)}.button:hover .button-svg{opacity:1;transform:translate(0)}.button:hover{transform:scale(.9)}.button:active{transform:scale(1)}.white .button-svg{stroke:#e9e9e9}.slider-container{overflow:hidden;width:50%;position:relative}.slider-inner{width:100%;height:100%;position:relative}.slider-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transition:transform .8s ease-out}@media (min-width:768px) and (max-width:1023px){.slider-container{overflow:hidden;max-width:30%;position:relative}}@media (min-width:1024px){.slider-container{overflow:hidden;max-width:20%;position:relative}}.Header{padding:.5rem 1rem;width:100%;display:flex}.Header-ul-nav{width:100%;display:flex;justify-content:space-between;align-items:center;margin:0;padding:0}.Header-white{padding:.5rem 1rem;width:100%;display:flex;justify-content:center;align-items:center;background:transparent;position:absolute;z-index:1}.Header-nav{width:100%;display:flex}.Header-ul{display:none}.Header-li{list-style:none;text-align:center;display:flex;cursor:pointer}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:0}.header-logo{width:30px}.black{color:var(--text)}.white{color:#e9e9e9}.header-project-ul{display:flex;justify-content:end;padding:.5rem 0;gap:1rem}.header-project-li{cursor:pointer}.header-individual{padding-left:1rem}.individual-nav{width:100%}.individual-ul{display:flex;justify-content:space-between;align-items:first baseline}@media (min-width:768px){.Header-project,.mobile-nav{display:none}.Header-ul{display:flex;justify-content:end;align-items:center;width:80%}.submenu{display:flex;align-items:center;border-left:.5px solid var(--text)}.submenu a{width:100%}.submenu-white{display:flex;align-items:center;border-left:.5px solid white}}.header-menu{position:fixed;height:80vh;z-index:9999;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}.menu-nav{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;border-radius:2px}.corchete-uno,.corchete-dos{stroke:#fff;width:12px;height:24px;position:absolute;width:1.5rem}.arriba{top:8px;left:4px}.abajo{bottom:8px;left:4px}.arriba-dos{top:8px;right:4px}.abajo-dos{bottom:8px;right:4px}.menu-ul{display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center;width:100%;height:100%}.menu-li{font-family:var(--font-title);color:#fff;font-size:2.5rem}.mobile-version{display:flex;flex-direction:column;width:100%;height:90vh;overflow:hidden}.header-individual{display:flex;width:100%}.main-project{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem}.subheader-ul{display:flex;padding-top:1rem;list-style:none;gap:1rem}.project-content{overflow:hidden;display:flex;width:100%;padding:1rem}.project-content-container{width:100%}.galeria{position:relative}.galeria-contenedor{width:100%;height:60vh}.imagen-galeria{width:100%;height:100%;object-fit:cover}.buttons{display:flex;align-items:center;justify-content:space-between;padding:1rem;position:absolute;width:100%;bottom:0;background:#ffffff26;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a}.tabs-ul{display:flex;justify-content:start;width:100%;flex-wrap:wrap}.tabs-li{padding:0 .7rem;display:flex;text-align:start;border-right:.5px solid var(--text);width:auto}.video-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.video-content{position:relative;width:80%;max-width:900px;aspect-ratio:16/9;background:#000;border-radius:1rem;overflow:hidden}.video-content iframe{width:100%;height:100%;border:none}.close-btn{position:absolute;top:10px;right:15px;background:#ffffff26;border:none;color:#fff;font-size:1.5rem;cursor:pointer;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ffffff4d}@media (min-width:1024px){.desktop-version{display:flex;flex-direction:column;width:100%;height:100vh;overflow:hidden}.section-a,.section-b{display:flex}.section-a{width:100%;height:30vh}.section-b{width:100%;height:70vh;border-top:.5px solid var(--text)}.container-1{width:40%;height:100%;border-right:.5px solid var(--text)}.cont-a{font-family:var(--font-title);font-size:6vw;display:flex;align-items:end;padding-left:.5rem;line-height:1.9;padding-bottom:.5}.container-a-ul{display:flex;flex-direction:column;justify-content:end;height:100%;gap:1rem}.container-a-li,a{display:flex;flex-direction:column;align-items:flex-start;width:fit-content;height:fit-content}.container-2{width:60%;height:100%}.a-ul{display:flex;align-items:end;justify-content:space-around;height:100%}.uno-section-b{display:flex;flex-direction:column;justify-content:space-between;padding:.5rem}.descripcion{display:flex;flex-direction:column;gap:.5rem}.descripcion-lista{display:flex;justify-content:space-between;margin-bottom:.5rem}.descripcion-li{text-align:end}.descripcion-ul{display:flex;flex-direction:column;gap:.3rem}.b{display:flex;justify-content:center}.contenido-imagen{margin-top:1rem;display:flex;flex-direction:column;align-items:center;width:80%;justify-content:center}.imagen-contenedor{width:80%;border:8px solid var(--text);margin:.3rem 0;height:86%;overflow:hidden}.contador-img{text-align:center;font-size:14px}.btn-img{display:flex;justify-content:center}.imagen-slider{width:100%;height:100%;object-fit:cover}}.Title-line{display:flex;align-items:center;gap:4rem;overflow:hidden}.Title{font-size:3.5rem;transform:translate(20px);animation:showTitle 1s ease forwards;animation-delay:.6s;opacity:0}.Line{height:1px;width:30%;animation:drawLine 1.5s ease forwards;transform:scaleX(0);transform-origin:right;background-color:var(--text)}@keyframes showTitle{to{opacity:1;transform:translateY(0)}}@keyframes drawLine{to{transform:scaleX(1)}}.Project-title{display:flex;align-items:center;justify-content:space-between;font-size:1.5rem;width:100vw}.P{font-family:roboto-light}.Line-project{height:1px;margin:0rem 4rem;background-color:var(--text);flex-grow:1}.title-container{display:flex;align-items:center;justify-content:space-between}.title-h1{font-size:12vw;color:var(--text);margin:0}@media (min-width:768px) and (max-width:1023px){.Project-title{font-size:2.3rem}}@media (min-width:1024px){.Project-title{font-size:2.7rem}}.main-about{padding:.5rem;display:flex;flex-direction:column;height:90dvh;overflow:hidden}.sobre-mi{font-family:var(--font-title);font-size:11vw}.about-ul{display:flex;flex-direction:column;gap:.5rem;margin-right:1rem}.about-text{display:flex;justify-content:space-between;width:100%}.about-content{margin-right:1rem;display:flex;justify-content:end;text-align:end;width:70%}.about-images{display:flex;justify-content:center;width:100%;height:55vh;position:relative;margin-top:1.5rem}.imagen{width:50%;height:auto;object-fit:cover}.rrss-ul{position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(270deg);background-color:pink;display:flex;gap:1rem;color:#fff;transform-origin:top left,top}.about-desktop{display:none}.tabs-ul-about{display:flex;justify-content:end;gap:1rem}.border{padding-right:1rem;border-right:.5px solid var(--text)}@media (min-width:1024px){.about-options{display:none}.about-desktop{display:flex;flex-direction:column;width:100%;height:90dvh}.section-container{display:flex;width:100%}.first{height:10vh;margin-top:2rem}.second{height:45vh}.third{height:35vh}.first,.second{border-bottom:.5px solid var(--text)}.about-container-one{height:100%;width:50%}.uno{display:flex;justify-content:space-between;align-items:end;padding:.5rem}.second-one{display:flex;align-items:center;font-family:var(--font-title);font-size:10vw;padding:1rem 0;letter-spacing:4px}.uno,.second-one,.about-container-one,.second-two{border-right:.5px solid var(--text)}.about-container-two{height:100%;width:20%}.second-two{display:flex;flex-direction:column;align-items:center;justify-content:center}.about-container-three{height:100%;width:30%}.three-img{display:flex;justify-content:center}.imagen{width:60%}.three{display:flex;justify-content:center;align-items:end;padding:.5rem}.ul-three{display:flex;justify-content:end;margin-top:.6rem}.content{display:flex;flex-direction:column;height:100%;text-align:end;padding-top:1rem;padding:.5rem}.about-li{font-size:14px}.image-container-two{width:100%;height:100%;object-fit:cover}.btn-botones{display:flex;justify-content:space-between;padding:.5rem 2rem}.contact-container{display:flex;flex-direction:column;align-items:center;width:60%;gap:1.5rem}.contact-ul{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem}.fade-in{opacity:0;transform:translateY(-10px);animation:fadeIn .4s ease forwards}.fade-out{opacity:1;transform:translateY(0);animation:fadeOut .3s ease forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}}.main-work{width:100%;height:100vh;color:#e9e9e9;overflow:hidden}.work-section{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.work-portada{width:100%;height:100%;object-fit:cover;z-index:0}.work-container{z-index:1;position:absolute;width:80%;display:flex;flex-direction:column;gap:1rem;align-items:center;z-index:0}.work-informacion,.work-titulo-date{width:100%;display:flex;flex-direction:column;align-items:center}.work-titulo{font-size:10vw;color:#e9e9e9}.work-role{width:70%;margin-top:1.5rem}.role-ul{display:flex;flex-direction:column;align-items:center;gap:.5rem}.work-controls{position:fixed;bottom:5rem;width:100%;display:flex;justify-content:space-between;padding:0 .5rem}.role-item{text-align:center}.btn{display:flex;flex-direction:column;align-items:center;margin-top:2rem}.BOTON{display:none}.persiana{overflow:hidden;opacity:0;animation:persiana .8s ease-out forwards}.delay-0{animation-delay:1s}.delay-1{animation-delay:2.2s}.delay-2{animation-delay:2.6s}.delay-3{animation-delay:3.2s}@keyframes persiana{0%{clip-path:inset(0 0 100% 0);opacity:0}to{clip-path:inset(0 0 0% 0);opacity:1}}@media (min-width:1024px){.work-controls{display:none}.boton-prev,.boton-right{display:block;position:absolute;transform:translateY(-50%);z-index:10}.boton-prev{top:50%;left:3%;transform:translateY(-50%)}.boton-right{position:absolute;top:50%;right:3%;transform:translateY(-50%)}.main-work{position:relative}.work-container{gap:0}.role-ul{display:flex;flex-direction:column;align-items:center}.btn{position:fixed;bottom:3rem}}.desktop-version{display:none}.main-works{display:flex;flex-direction:column;justify-content:center;height:90vh;width:100%;padding:1rem;overflow:hidden}.work-list,.mobile-version{display:flex;flex-direction:column;width:100%;height:100%}.cont-one{display:flex;width:100%;height:50%}.one{border-bottom:.5px solid var(--text)}.first:nth-child(1){border-right:.5px solid var(--text)}.second:nth-child(1){border-right:.5px solid var(--text)}.project-item-mobile{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.container-ul{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;height:100%}.container-title{display:flex;justify-content:center;font-family:var(--font-title);font-size:13vw;padding:1rem 0}.container-li{width:100%;display:flex;justify-content:center}.overlay{position:fixed;flex-direction:column;padding:2rem;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.overlay-img{max-width:100%;max-height:70vh;margin-bottom:1rem;object-fit:contain}.overlay-btn{width:100%;display:flex;justify-content:end;margin-bottom:1rem}.progress-container{padding:1rem;position:absolute;display:flex;justify-content:center;width:100%;gap:4px;top:10px;left:50%;transform:translate(-50%);z-index:10}.imagen-progress{position:relative;width:100%;height:100%}.overlay-btn-bottom{width:100%;display:flex;justify-content:end;margin-top:1rem}@media (min-width:1024px){.main-works{display:flex;flex-direction:column;gap:2rem;justify-content:center;height:93vh;width:100%;padding:1rem}.mobile-version{display:none}.desktop-version{display:flex;flex-direction:column;width:100%;height:100%}.section-one{width:100%;height:46.5dvh;display:flex;border-bottom:1px solid var(--text)}.section-two{display:flex;width:100%;height:46.5dvh}.titulo{display:flex;flex-direction:column;align-items:start;justify-content:center;border-right:1px solid var(--text);width:90vw;height:100%;font-size:clamp(4rem,11vw,11rem);padding-right:1rem;font-family:var(--font-title)}.last-project{display:flex;gap:0;align-items:center;width:100%}.last-project-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:30%}.text{font-size:12px;cursor:pointer;display:inline-block;transform-origin:center;white-space:nowrap}.next-prev{width:fit-content;height:100%;display:flex;flex-direction:column;justify-content:space-between}.contador{text-align:end;rotate:270deg;font-size:12px}.last-imagen{display:flex;justify-content:end;max-width:605px;height:100%}.image{width:100%;height:100%;object-fit:cover}.project-card{flex:1;height:100%;width:100%;position:relative;display:flex;flex-direction:column}.img-project{max-width:100%;height:100%;display:flex}.projects-img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .6s ease,transform .6s ease}.project-card.inactive .projects-img{filter:grayscale(100%) brightness(.7) contrast(1.1);transform:scale(.98)}.project-card.active .projects-img{filter:grayscale(0%) brightness(1) contrast(1);transform:scale(1)}.slider-container{position:relative;width:100%;height:100%;overflow:hidden}.image.main{width:100%;height:100%;object-fit:cover}@keyframes persiana-diagonal{0%{clip-path:inset(100% 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}.persiana-diagonal{animation:persiana-diagonal .8s ease forwards}}@keyframes drawLineX{to{width:100%}}@keyframes drawLineY{to{height:100%}}.card-container{display:flex;justify-content:center;align-items:center;width:100%;height:10vh;cursor:pointer}.card-corchetes{display:flex;gap:4px;align-items:center}.card-title{font-family:var(--font-text);font-size:2rem;transition:transform .3s ease;line-height:1;transform-origin:center}.card-container:hover .card-title{transform:scale(.85)}.card-svg{width:20px;height:30px;stroke:#000;fill:none;display:block;flex-shrink:0;strokeWidth:1;opacity:0;transition:opacity .3s ease,transform .3s ease}.card-svg-left{transform:translate(4px)}.card-svg-right{transform:translate(-4px)}.card-container:hover .card-svg{opacity:1;transform:translate(0)}.progress-bar{flex:1;height:2px;background-color:#0000004d;border-radius:2px;overflow:hidden;position:relative}.progress-fill{height:100%;width:0%;background:#fff}.progress-fill.animate{animation:fillBar linear forwards}@keyframes fillBar{0%{width:0%}to{width:100%}}