body{margin:0;padding:0;overflow-x:hidden}#root{width:100%;margin:0;padding:0}body,html{cursor:default;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}.font-serif{font-family:Playfair Display,serif}.font-sans{font-family:Inter,sans-serif}.bg{will-change:background-position;background-image:linear-gradient(-45deg,#acacac 0%,#e5e4e4 5%,#e1e1e1 70%,#dfdfdf 100%);background-repeat:no-repeat;background-size:300% 300%;justify-content:center;align-items:center;width:100%;height:100vh;animation:30s infinite AnimateBG;display:flex}@keyframes AnimateBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.section{width:100%;height:100vh;position:relative;overflow:hidden}.overlay{opacity:.075;pointer-events:none;will-change:transform;background-image:url(/wave.png);background-repeat:no-repeat;background-size:cover;width:100%;height:100%;animation:60s linear infinite animateTexture;position:absolute;top:0;left:0}@keyframes animateTexture{0%{transform:scale(1)}50%{transform:scale(2.05)}to{transform:scale(1)}}.iframe-container{z-index:10;border:none;width:1px;min-width:100%;height:100%;display:block;position:absolute;top:0;left:0}.navbar{box-sizing:border-box;z-index:3000;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;padding:25px 70px;display:flex;position:absolute;top:0}.navbar h1{color:#fff;cursor:pointer;margin:0;font-family:Playfair Display,serif;font-size:36px;font-style:italic;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.navbar h1:hover{transform:scale(1.1)rotate(-3deg)}.parallax-title{color:#ffffff1a;white-space:nowrap;pointer-events:none;z-index:1;letter-spacing:-.05em;-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif;font-size:15vw;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-screen{z-index:10000;color:#2165c8;background-color:#e1e1e1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-text{font-family:Nunito,sans-serif;font-size:48px;font-style:normal;font-weight:800;animation:1.5s infinite pulseText}@keyframes pulseText{0%,to{opacity:.5}50%{opacity:1}}.floating-icon{cursor:pointer;z-index:20;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute}.floating-icon:hover{transform:scale(1.1)}.floating-icon span{filter:drop-shadow(2px 4px 6px #0000004d);font-size:3rem}.icon-label{color:#000;pointer-events:none;background:#fffc;border-radius:4px;margin-top:8px;padding:2px 6px;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.window-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5000;cursor:default;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.window-modal{background:#f0f0f0;border:1px solid #999;border-radius:8px;flex-direction:column;width:80%;max-width:900px;height:80vh;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000080}.window-header{-webkit-user-select:none;user-select:none;background:linear-gradient(#eaeaea,#d5d5d5);border-bottom:1px solid #aaa;justify-content:space-between;align-items:center;height:36px;padding:0 12px;display:flex}.window-controls{gap:8px;display:flex}.window-btn{cursor:pointer;border:1px solid #0003;border-radius:50%;width:12px;height:12px;position:relative}.window-btn:after{content:"";cursor:pointer;position:absolute;inset:-16px}.window-btn.close{background-color:#ff5f56}.window-btn.close:hover{background-color:#e0443e}.window-title{color:#333;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.window-actions a{color:#333;background:#fff;border:1px solid #aaa;border-radius:4px;padding:2px 8px;font-family:Inter,sans-serif;font-size:12px;text-decoration:none;transition:background .2s}.window-actions a:hover{background:#eee}.window-body{background:#fff;flex-grow:1;position:relative}.window-body iframe{border:none;width:1px;min-width:100%;height:100%;display:block}.face-container{z-index:15;pointer-events:auto;cursor:pointer;width:220px;height:auto;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:50%;left:47%;transform:translate(-50%,-50%)}.face-container:hover{transform:translate(-50%,-50%)scale(1.08)}.face-img{z-index:2;width:100%;display:block;position:relative}.eye-socket{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:25px;height:15px;transition:transform .1s ease-in-out;display:flex;position:absolute}.eye-socket.blink{transform:scaleY(.05)!important}.left-eye{top:29%;left:27%}.right-eye{top:26.5%;left:65%}.iris{background:radial-gradient(circle,#262626 25%,#583e31 35%,#4b3326 80%,#232323 100%);border-radius:50%;width:17px;height:17px;box-shadow:inset 0 2px 3px #0009}.directory-item{cursor:pointer;color:#444;border-radius:6px;align-items:center;padding:8px 12px;font-family:Inter,sans-serif;transition:background-color .2s;display:flex}.directory-item:hover{background-color:#0000000d}.directory-icon{text-align:center;width:24px;margin-right:12px;font-size:20px;display:inline-block}.directory-label{font-size:14px;font-weight:500}.project-container{color:#333;padding:20px 0;font-family:Inter,sans-serif}.project-header{border-bottom:1px solid #eaeaea;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:25px;display:flex}.project-title{color:#111;letter-spacing:-.02em;margin:0 0 8px;font-family:Nunito,Inter,sans-serif;font-size:2.8rem;font-weight:800}.project-subtitle{color:#666;align-items:center;gap:8px;margin:0;font-size:1.2rem;font-weight:300;display:flex}.project-section-title{color:#111;margin-top:0;margin-bottom:20px;font-size:1.5rem;font-weight:600}.project-section-subtitle{color:#111;margin-top:0;margin-bottom:10px;font-size:1.25rem;font-weight:600}.project-text{color:#444;margin:0 0 15px;font-size:1.05rem;line-height:1.7}.project-grid{grid-template-columns:1fr 1fr;align-items:start;gap:30px;margin:20px 0;display:grid}@media (width<=768px){.project-grid{grid-template-columns:1fr}}.project-list{color:#444;margin:0;padding-left:18px;font-size:.95rem;line-height:1.7}.app-container{width:100vw;height:100vh;position:relative;overflow:hidden}.directory-modal{width:90%;max-width:600px;height:auto;min-height:400px}.project-modal{width:90%;max-width:1000px;height:90vh}@media (width<=768px){.app-container{height:auto;min-height:100vh;overflow:hidden auto}.section.bg{height:75vh;min-height:500px}.navbar{padding:15px 20px}.navbar img{height:32px!important}.floating-icon img{max-width:55px!important;height:auto!important}.floating-icon.tui img{max-width:110px!important}.floating-icon span{font-size:2.2rem!important}.icon-label{margin-top:4px;padding:1px 4px;font-size:10px}.window-modal{width:95%!important;height:92vh!important;max-height:92vh!important}.directory-modal{height:auto!important;min-height:auto!important;max-height:92vh!important}.window-body{padding:20px!important}.window-body.iframe-body{padding:0!important}.project-header{gap:10px;margin-bottom:15px;padding-bottom:15px}.project-title{font-size:1.9rem!important}.project-subtitle{font-size:1rem!important}.mobile-stacked-layout{box-sizing:border-box;background-image:linear-gradient(-45deg,#acacac 0%,#e5e4e4 5%,#e1e1e1 70%,#dfdfdf 100%);background-repeat:no-repeat;background-size:300% 300%;flex-direction:column;align-items:center;gap:50px;width:100%;min-height:100vh;padding:90px 20px 15px;animation:30s infinite AnimateBG;display:flex}.mobile-row{justify-content:center;align-items:center;width:100%;display:flex}.mobile-row.two-columns{justify-content:space-around;max-width:320px}.mobile-row.left-align{justify-content:flex-start;width:100%;max-width:100%}.mobile-row.right-align{justify-content:flex-end;width:100%;max-width:100%;margin-top:-65px}.mobile-item{cursor:pointer;flex-direction:column;align-items:center;display:flex;position:relative}.mobile-item img{filter:drop-shadow(2px 4px 6px #00000040);transition:transform .2s}.mobile-stacked-layout .icon-label{color:#000!important;pointer-events:none!important;background:#ffffffd9!important;border-radius:4px!important;margin-top:8px!important;padding:2px 8px!important;font-size:11px!important;font-weight:500!important}.mobile-stacked-layout .face-container{margin:0 auto;width:190px!important;margin-bottom:45px!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.mobile-item.contacto .project-icon-emoji{filter:drop-shadow(2px 4px 6px #00000040);font-size:2.8rem}.mobile-iframe-container{background:0 0;width:100%;max-width:300px;height:450px;overflow:hidden}.mobile-footer{text-align:center;color:#555;border-top:1px solid #00000014;width:100%;max-width:320px;margin-top:-20px;padding-top:16px;font-size:11px;line-height:1.6}.mobile-footer p{margin:4px 0}.loading-text{text-align:center;padding:0 20px;line-height:1.4;font-size:24px!important}.mobile-scroll-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#333;z-index:4000;cursor:pointer;pointer-events:auto;background:#ffffffd9;border:1px solid #0000000d;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0000001a}.scroll-indicator-arrow{animation:1.6s ease-in-out infinite bounceArrow}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.eye-socket{width:21.5px!important;height:13px!important}.iris{width:13px!important;height:13px!important}}