:root{--color-primary: #fcd214;--color-bg: #121212;--color-text: #ffffff;--color-text-muted: #888888;--sidebar-width: 15vw;--font-main: "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);overflow-x:hidden;-webkit-font-smoothing:antialiased;width:100vw;height:100vh}a{text-decoration:none;color:inherit;transition:color .3s ease}a:hover{color:var(--color-primary)}#root{display:block;height:100vh;width:100vw}.sidebar{width:var(--sidebar-width);height:100vh;background-color:#000;display:flex;flex-direction:column;padding:40px;position:fixed;left:0;top:0;z-index:100;border-right:1px solid #222}.logo{margin-bottom:80px}.logo img{max-width:100%;height:auto}.nav-menu{display:flex;flex-direction:column;gap:30px}.nav-item{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:color .3s;display:block}.nav-item:hover,.nav-item.active{color:var(--color-primary)}.category-submenu{margin-top:15px;margin-left:0;display:flex;flex-direction:column;gap:12px;padding-left:15px}.submenu-item{font-size:.9rem;color:var(--color-text-muted);cursor:pointer;transition:all .2s;text-decoration:none;display:block}.submenu-item:hover,.submenu-item.active{color:#fff;padding-left:5px}.sidebar-bottom{margin-top:auto}.lang-switcher{margin-bottom:20px;font-size:.8rem;color:#666;display:flex;gap:8px}.lang-switcher span{cursor:pointer;transition:color .3s}.lang-switcher span.active,.lang-switcher span:hover{color:var(--color-primary)}.lang-switcher .divider{color:#444;cursor:default}.footer{font-size:.75rem;color:#444;line-height:1.5}.main-content{margin-left:var(--sidebar-width);width:calc(100vw - var(--sidebar-width));min-height:100vh;position:relative;background-color:var(--color-bg)}.project-gallery{display:flex;flex-wrap:wrap;width:100%;padding:0}.project-card{width:100%;height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease;image-rendering:-webkit-optimize-contrast}.project-card:hover img{transform:scale(1.02)}.project-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:40px;pointer-events:none}.project-title{font-size:3rem;font-weight:700;color:#fff;text-transform:uppercase;margin-bottom:10px}.project-category{color:var(--color-primary);font-size:1.2rem;text-transform:uppercase;letter-spacing:3px}.detail-close{transition:all .3s ease}.detail-close:hover{background:var(--color-primary)!important;color:#000!important;transform:scale(1.1) rotate(90deg)}.project-detail{display:flex;height:100vh;width:100%;position:relative;overflow:hidden}.detail-info{position:absolute;top:0;left:0;width:100%;max-width:450px;height:100%;padding:80px 60px;background:#0a0a0a99;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;flex-direction:column;justify-content:center;z-index:10;border-right:1px solid rgba(255,255,255,.1);animation:slideInLeft .8s ease-out}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.detail-title{font-size:2.5rem;margin-bottom:20px;color:var(--color-primary);line-height:1.1;text-transform:uppercase;letter-spacing:1px}.detail-desc{font-size:1.05rem;line-height:1.7;color:#eee;margin-bottom:40px;font-weight:300}.detail-meta{border-top:1px solid rgba(255,255,255,.1);padding-top:30px}.detail-meta p{margin-bottom:12px;font-size:.9rem;color:#aaa;letter-spacing:.5px}.detail-meta strong{color:#fff;font-weight:600;margin-right:10px;display:inline-block;min-width:80px}.detail-gallery{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.detail-image{width:100%;height:100%;flex-shrink:0}.detail-image img{width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast}.carousel-container{width:100%;height:100%;position:relative;overflow:hidden}.carousel-track{display:flex;width:100%;height:100%;transition:transform .6s ease-in-out}.carousel-slide{min-width:100%;height:100%;position:relative}.carousel-slide img{width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0000004d;color:#fff;border:none;font-size:3rem;padding:10px 20px;cursor:pointer;z-index:10;transition:background .3s}.carousel-arrow:hover{background:#000c;color:var(--color-primary)}.carousel-arrow.left{left:0}.carousel-arrow.right{right:0}.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.carousel-dot{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s}.carousel-dot.active{background:var(--color-primary);transform:scale(1.2)}.project-list-nested{max-height:0;overflow:hidden;transition:max-height .4s ease-out;margin-left:10px;border-left:1px solid #333}.project-list-nested.expanded{max-height:1000px;margin-top:5px;margin-bottom:15px}.project-nested-item{display:block;font-size:.8rem;color:#888;padding:4px 0 4px 10px;text-decoration:none;transition:color .2s;text-transform:uppercase}.project-nested-item:hover,.project-nested-item.active{color:#fff;border-left:2px solid var(--color-primary);padding-left:8px}.hero-page{width:100%;min-height:100vh;padding:80px;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;background-attachment:fixed}.studio-hero{background-image:linear-gradient(#000000b3,#000000b3),url(https://lumin.ar/images/full-width-images/05.jpg)}.contact-hero{background-image:linear-gradient(#000c,#000c),url(https://lumin.ar/images/970x647/bicentenario/1.jpg)}.hero-content{width:100%;max-width:1000px}.hero-title{font-size:3rem;color:var(--color-primary);margin-bottom:20px;line-height:1;text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:40px;background:#1a1a1a99;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1)}.hero-text{font-size:1.5rem;margin-bottom:30px;color:#fff;line-height:1.4}.hero-accent-link{font-size:2rem;color:var(--color-primary);border-bottom:2px solid var(--color-primary);display:inline-block;margin-bottom:40px;padding-bottom:5px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#888;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid #333;padding:15px;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none;background:#ffffff1a}.submit-btn{background:var(--color-primary);color:#000;border:none;padding:15px 30px;font-size:1rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:background .3s,transform .2s;align-self:flex-start;margin-top:10px}.submit-btn:hover{background:#fff;transform:translateY(-2px)}.success-message{padding:40px;background:#fcd2141a;border:1px solid var(--color-primary);color:var(--color-primary);font-size:1.5rem;text-align:center}@media(max-width:1024px){:root{--sidebar-width: 200px}.hero-page{padding:40px 20px 100px}.hero-grid{grid-template-columns:1fr;gap:40px;padding:30px}}@media(max-width:768px){:root{--sidebar-width: 0px}.sidebar{width:280px;height:100vh;position:fixed;left:0;top:0;background:#000;border-right:1px solid #222;transform:translate(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);padding:60px 40px;overflow-y:auto}.sidebar.open{transform:translate(0);box-shadow:20px 0 50px #00000080}.mobile-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;position:fixed;top:20px;right:20px;z-index:200;width:45px;height:45px;background:var(--color-primary);padding:10px;border-radius:4px;cursor:pointer;box-shadow:0 4px 15px #0000004d}.mobile-toggle span{display:block;width:100%;height:2px;background:#000;transition:all .3s}.mobile-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-toggle.open span:nth-child(2){opacity:0}.mobile-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.main-content{margin-left:0;width:100%}.project-detail{flex-direction:column;height:auto}.detail-info{width:100%;height:auto;min-height:40vh;padding:60px 20px}.detail-gallery{width:100%;height:auto;min-height:50vh}.detail-image{height:60vh}.project-title{font-size:2rem}}