@import "https://fonts.googleapis.com/css2?family=Ubuntu+Sans:wght@400;500;600;700;800&display=swap";html,body,#root{width:100%;min-height:100%;margin:0}body{margin:0}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}html,body{background:#f3f3f5}body{color:#050505;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Ubuntu Sans,Ubuntu,Arial,sans-serif;overflow:hidden}button,a{font:inherit}button{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;outline:0;margin:0;padding:0}img,video{display:block}:root{--navbar-height:clamp(105px, 12vh, 130px);--page-x:clamp(34px, 5vw, 86px);--page-background:#f3f3f5;--transition:.8s cubic-bezier(.16, 1, .3, 1)}.page{--x:0;--y:0;background:var(--page-background);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.studio-shell{background:var(--page-background);cursor:pointer;width:160px;height:160px;transition:width var(--transition), height var(--transition), flex-basis var(--transition), border-radius var(--transition), transform .4s ease;border-radius:50%;flex:0 0 160px;position:relative;overflow:hidden}.studio-shell:not(.is-open):hover{transform:scale(1.05)}.studio-shell.is-opening{transform:scale(1.02)}.studio-shell.is-open{cursor:default;border-radius:0;flex-basis:auto;width:100vw;height:100vh;transform:none}.studio-entry{background:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.studio-entry-logo{object-fit:contain;filter:brightness(0)saturate();width:100px;max-width:100px;height:auto}.studio-interface{background:var(--page-background);width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.topbar{z-index:100;width:100%;height:var(--navbar-height);padding:0 var(--page-x);-webkit-backdrop-filter:blur(22px)saturate(125%);background:#ffffffa8;border-bottom:1px solid #ffffffb8;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 14px 35px #1e233713,0 2px 8px #00000005}.topbar-brand{z-index:5;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .22s,transform .3s;display:flex;position:relative}.topbar-brand:hover{transform:scale(.985)}.topbar-logo{object-fit:contain;filter:brightness(0)saturate();width:clamp(115px,9vw,155px);height:auto;transition:opacity .22s}.topbar-brand:hover .topbar-logo{opacity:.55}.topbar-nav{z-index:5;align-items:center;gap:clamp(34px,3.5vw,64px);display:flex;position:relative}.topbar-link{color:#0505058f;letter-spacing:-.035em;white-space:nowrap;justify-content:center;align-items:center;padding:12px 0;font-size:clamp(16px,1.05vw,20px);font-weight:500;line-height:1;transition:color .2s;display:inline-flex;position:relative}.topbar-link:hover,.topbar-link.is-active{color:#050505}.topbar-link:after{content:"";transform-origin:100%;background:#050505;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:2px;left:0;transform:scaleX(0)}.topbar-link.is-active:after{transform-origin:0;transform:scaleX(1)}.hero-area{top:var(--navbar-height);background:var(--page-background);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hero-left{z-index:1;padding:35px var(--page-x);background:var(--page-background);justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.background-title{width:max-content;transform:translate(calc(var(--x) * -3px), calc(var(--y) * -2px));pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;margin:0;display:flex}.art-tech-title{white-space:nowrap;color:#050505;letter-spacing:-.075em;margin-bottom:clamp(10px,1.1vh,16px);margin-left:4px;font-size:clamp(72px,7vw,135px);font-weight:700;line-height:.92;display:block}.studio-title{white-space:nowrap;color:#050505;letter-spacing:-.095em;font-size:clamp(165px,16vw,310px);font-weight:800;line-height:.72;display:block}.hero-right{z-index:20;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.section-card{z-index:30;-webkit-backdrop-filter:blur(28px)saturate(130%);pointer-events:auto;background:linear-gradient(135deg,#ffffff4d 0%,#f5f7ff2e 55%,#e2e9ff21 100%);border:1px solid #ffffff80;border-radius:clamp(28px,2.5vw,42px);flex-direction:column;width:min(64vw,1120px);height:min(100% - 90px,690px);min-height:500px;padding:clamp(52px,4.5vw,78px);animation:.52s cubic-bezier(.16,1,.3,1) both cardIn;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 55px #2d375a1a,0 4px 14px #00000006,inset 0 1px #fff6}.section-card-proyectos,.section-card-servicios{width:min(76vw,1320px)}.section-card-contacto{aspect-ratio:1;-webkit-backdrop-filter:blur(20px)saturate(120%);background:#ffffff2e;border:1px solid #ffffff73;border-radius:50%;width:min(68vh,720px);min-width:560px;height:min(68vh,720px);min-height:560px;padding:0;box-shadow:0 28px 70px #23284624,inset 0 1px #ffffff8c}@keyframes cardIn{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.section-card-close{z-index:50;color:#05050561;justify-content:center;align-items:center;width:42px;height:42px;font-family:Arial,sans-serif;font-size:32px;font-weight:300;line-height:1;transition:color .2s,transform .3s;display:flex;position:absolute;top:clamp(20px,2vw,32px);right:clamp(22px,2.2vw,36px)}.section-card-close:hover{color:#050505;transform:rotate(90deg)}.section-card-contacto .section-card-close{top:52px;right:64px}.section-card-header{z-index:5;width:100%;position:relative}.section-card-header h2{color:#050505;letter-spacing:-.075em;margin:0;font-size:clamp(68px,5.3vw,102px);font-weight:700;line-height:.9}.section-card-content{z-index:5;width:100%;margin-top:auto;position:relative}.projects-layout,.services-layout{z-index:5;flex:1;grid-template-columns:minmax(240px,.8fr) minmax(380px,1.45fr);align-items:stretch;gap:clamp(30px,4vw,65px);min-height:0;margin-top:clamp(30px,4vh,50px);display:grid;position:relative}.projects-list,.services-list{grid-template-rows:repeat(4,1fr);min-width:0;display:grid}.project-row,.service-row{color:#050505;text-align:left;background:0 0;border-bottom:1px solid #05050512;justify-content:space-between;align-items:center;gap:20px;width:100%;min-width:0;padding:0 3px;transition:opacity .2s,transform .25s;display:flex}.project-row:first-child,.service-row:first-child{border-top:1px solid #05050512}.project-row:hover,.project-row.is-previewing,.service-row:hover,.service-row.is-previewing{transform:translate(8px)}.project-row.is-disabled{cursor:default;opacity:.42}.project-row.is-disabled:hover{transform:none}.row-title{font-size:clamp(18px,1.2vw,23px);font-weight:500;line-height:1.15}.row-meta{color:#05050561;white-space:nowrap;flex-shrink:0;font-size:clamp(10px,.68vw,12px)}.hover-preview-area{-webkit-backdrop-filter:blur(22px)saturate(120%);pointer-events:none;background:#ffffff59;border:1px solid #ffffff8c;border-radius:24px;min-width:0;min-height:300px;animation:.42s cubic-bezier(.16,1,.3,1) both previewAppear;overflow:hidden;box-shadow:0 16px 40px #28325a17,inset 0 1px #ffffff80}@keyframes previewAppear{0%{opacity:0;filter:blur(5px);transform:translate(18px)scale(.965)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}.project-preview{background:#fff;flex-direction:column;width:100%;height:100%;min-height:300px;display:flex;overflow:hidden}.project-preview-toolbar{background:#f4f4f6;border-bottom:1px solid #0505050f;flex:0 0 42px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;height:42px;padding:0 13px;display:grid}.preview-dots{gap:5px;display:flex}.preview-dots span{background:#0505052e;border-radius:50%;width:7px;height:7px}.preview-address{color:#0505056b;text-align:center;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:10px;overflow:hidden}.preview-live{color:#05050561;letter-spacing:.12em;font-size:9px;font-weight:700}.project-preview-window{background:#fff;flex:1;min-height:0;position:relative;overflow:hidden}.project-preview-frame{pointer-events:none;background:#fff;border:0;width:100%;height:100%;position:absolute;inset:0}.service-preview-area{align-items:stretch;display:flex}.service-preview-content{flex-direction:column;align-items:flex-start;width:100%;height:100%;min-height:300px;padding:clamp(32px,2.8vw,48px);display:flex;position:relative;overflow:hidden}.service-preview-content:before{content:"";filter:blur(65px);pointer-events:none;background:#6987ff1a;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-150px;right:-120px}.service-preview-label{z-index:2;color:#05050559;letter-spacing:.16em;margin-bottom:18px;font-size:9px;font-weight:700;position:relative}.service-preview-content h3{z-index:2;color:#050505;letter-spacing:-.055em;max-width:95%;margin:0 0 22px;font-size:clamp(28px,2.7vw,46px);font-weight:600;line-height:.98;position:relative}.service-preview-content p{z-index:2;color:#05050594;letter-spacing:-.015em;max-width:650px;margin:0;font-size:clamp(13px,.95vw,17px);line-height:1.5;position:relative}.service-preview-bottom{z-index:2;color:#05050566;border-top:1px solid #05050512;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:20px;font-size:10px;display:flex;position:relative}.service-preview-bottom span:last-child{color:#050505;font-size:18px}.contact-circle-content{border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.contact-circle-video-wrap{z-index:1;border-radius:50%;position:absolute;inset:0;overflow:hidden}.contact-circle-video{object-fit:cover;object-position:center;opacity:.78;width:100%;height:100%;transform:scale(1.03)}.contact-circle-video-overlay{-webkit-backdrop-filter:blur(11px)saturate(115%);background:linear-gradient(145deg,#ffffff7a 0%,#ffffff2e 40%,#ffffff57 100%);position:absolute;inset:0}.contact-circle-inner{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:90px 82px 76px;display:flex;position:relative}.contact-circle-label{color:#05050573;letter-spacing:.18em;margin-bottom:18px;font-size:10px;font-weight:700}.contact-circle-inner h2{color:#050505;letter-spacing:-.075em;margin:0 0 22px;font-size:clamp(52px,4.7vw,82px);font-weight:700;line-height:.88}.contact-circle-inner p{color:#050505ad;letter-spacing:-.025em;max-width:390px;margin:0 0 28px;font-size:clamp(16px,1.15vw,20px);line-height:1.45}.contact-circle-email{color:#050505;letter-spacing:-.035em;margin-bottom:14px;font-size:clamp(21px,1.5vw,27px);font-weight:600;text-decoration:none;transition:opacity .2s,transform .25s}.contact-circle-email:hover{opacity:.55;transform:translateY(-2px)}.contact-circle-link{color:#05050580;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.contact-circle-link:hover{color:#050505}@media (width<=1100px){:root{--navbar-height:100px;--page-x:38px}.topbar-logo{width:120px}.topbar-nav{gap:28px}.topbar-link{font-size:15px}.art-tech-title{font-size:clamp(58px,7vw,96px)}.studio-title{font-size:clamp(125px,16vw,215px)}.section-card{width:72vw;height:calc(100% - 70px);min-height:430px;padding:48px 54px}.section-card-proyectos,.section-card-servicios{width:88vw}.projects-layout,.services-layout{grid-template-columns:minmax(210px,.8fr) minmax(280px,1.3fr);gap:28px}.section-card-contacto{border-radius:50%;width:min(68vw,660px);min-width:520px;height:min(68vw,660px);min-height:520px;padding:0}.contact-circle-inner{padding:78px 60px 62px}.section-card-contacto .section-card-close{top:42px;right:50px}}@media (width<=768px){:root{--navbar-height:82px;--page-x:20px}.studio-shell.is-open{height:100dvh}.topbar{-webkit-backdrop-filter:blur(16px);background:#ffffffb8}.topbar-logo{width:82px}.topbar-nav{gap:16px}.topbar-link{padding:10px 0;font-size:12px}.hero-left{padding:20px var(--page-x)}.art-tech-title{margin-bottom:6px;font-size:clamp(42px,12vw,68px)}.studio-title{font-size:clamp(92px,27vw,150px)}.section-card,.section-card-proyectos,.section-card-servicios{border-radius:26px;width:calc(100% - 30px);height:calc(100% - 42px);min-height:0;padding:28px 22px}.section-card-header h2{font-size:clamp(43px,11vw,62px)}.projects-layout,.services-layout{scrollbar-width:none;grid-template-rows:auto auto;grid-template-columns:1fr;gap:14px;margin-top:20px;overflow-y:auto}.projects-layout::-webkit-scrollbar{display:none}.services-layout::-webkit-scrollbar{display:none}.projects-list,.services-list{min-height:180px}.project-row,.service-row{min-height:45px}.row-title{font-size:15px}.row-meta{font-size:8px}.service-preview-area{min-height:230px}.service-preview-content{min-height:230px;padding:24px 22px}.service-preview-label{margin-bottom:12px;font-size:8px}.service-preview-content h3{letter-spacing:-.045em;max-width:100%;margin:0 0 15px;font-size:clamp(24px,6vw,31px);line-height:.99}.service-preview-content p{max-width:100%;font-size:13px;line-height:1.44}.service-preview-bottom{padding-top:12px;font-size:8px}.section-card-contacto{aspect-ratio:1;border-radius:50%;width:min(100vw - 30px,520px);min-width:0;height:min(100vw - 30px,520px);min-height:0;padding:0}.contact-circle-inner{padding:70px 38px 40px}.contact-circle-inner h2{font-size:clamp(42px,10vw,64px)}.contact-circle-inner p{margin-bottom:22px;font-size:15px}.contact-circle-email{font-size:18px}.section-card-contacto .section-card-close{top:25px;right:30px}}@media (width<=520px){:root{--navbar-height:74px;--page-x:14px}.topbar-logo{width:68px}.topbar-nav{gap:10px}.topbar-link{font-size:10px}.art-tech-title{font-size:clamp(36px,11vw,54px)}.studio-title{font-size:clamp(82px,25vw,122px)}.section-card,.section-card-proyectos,.section-card-servicios{border-radius:24px;width:calc(100% - 20px);height:calc(100% - 24px);padding:24px 18px}.section-card-header h2{font-size:42px}.row-meta{display:none}.services-layout{gap:12px;margin-top:16px}.services-list{min-height:170px}.service-row{min-height:42px}.service-preview-area{border-radius:20px;min-height:220px}.service-preview-content{min-height:220px;padding:20px 18px 16px}.service-preview-label{letter-spacing:.14em;margin-bottom:9px;font-size:7px}.service-preview-content h3{letter-spacing:-.04em;max-width:100%;margin:0 0 12px;font-size:21px;font-weight:600;line-height:1}.service-preview-content p{font-size:11.8px;line-height:1.4}.service-preview-bottom{padding-top:10px;font-size:7px}.service-preview-bottom span:last-child{font-size:14px}.section-card-contacto{border-radius:50%;width:min(100vw - 12px,500px);height:min(100vw - 12px,500px);padding:0}.contact-circle-inner{padding:64px 28px 32px}.contact-circle-label{margin-bottom:12px;font-size:9px}.contact-circle-inner h2{margin-bottom:16px;font-size:clamp(40px,12vw,58px)}.contact-circle-inner p{margin-bottom:18px;font-size:14px}.contact-circle-email{margin-bottom:10px;font-size:17px}.contact-circle-link{font-size:12px}.section-card-contacto .section-card-close{top:19px;right:22px}}@media (width<=390px){.topbar-logo{width:58px}.topbar-nav{gap:7px}.topbar-link{font-size:9px}.section-card,.section-card-proyectos,.section-card-servicios{border-radius:21px;padding:22px 16px}.section-card-header h2{font-size:38px}.row-title{font-size:13px}.services-layout{gap:10px;margin-top:14px}.services-list{min-height:160px}.service-row{min-height:40px}.service-preview-area{min-height:210px}.service-preview-content{min-height:210px;padding:18px 16px 14px}.service-preview-label{margin-bottom:8px}.service-preview-content h3{margin-bottom:10px;font-size:21px;line-height:1}.service-preview-content p{font-size:11.2px;line-height:1.38}.service-preview-bottom{padding-top:8px}.section-card-contacto{border-radius:50%;width:min(100vw - 8px,382px);height:min(100vw - 8px,382px);padding:0}.contact-circle-inner{padding:52px 22px 24px}.contact-circle-inner h2{font-size:38px}.contact-circle-inner p{font-size:13px}.contact-circle-email{font-size:16px}.section-card-contacto .section-card-close{font-size:27px;top:14px;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=520px){.service-preview-area{border-radius:20px;min-height:225px}.service-preview-content{min-height:225px;padding:20px 18px 16px}.service-preview-label{letter-spacing:.14em;margin-bottom:9px;font-size:8px}.service-preview-content h3{letter-spacing:-.04em;max-width:100%;margin:0 0 12px;font-size:23px;font-weight:600;line-height:1}.service-preview-content p{letter-spacing:-.01em;max-width:100%;margin:0;font-size:12px;line-height:1.4}.service-preview-bottom{margin-top:auto;padding-top:10px;font-size:8px}.service-preview-bottom span:last-child{font-size:15px}}@media (width<=390px){.service-preview-area{min-height:218px}.service-preview-content{min-height:218px;padding:18px 16px 14px}.service-preview-label{margin-bottom:8px;font-size:8px}.service-preview-content h3{margin-bottom:10px;font-size:22px;line-height:1}.service-preview-content p{font-size:11.6px;line-height:1.38}.service-preview-bottom{padding-top:8px;font-size:7.5px}}