@media (max-width:600px){.sticky-note{border-radius:.5rem;min-width:80vw;max-width:95vw;padding:0 0 .2rem;left:50vw}.sticky-note-content{padding:.4rem .2rem}.sticky-note-bar{height:22px;padding:0 .2rem}.sticky-note-content h2{margin-bottom:.5rem;font-size:1.2rem}.sticky-contact-btn{margin:.7rem 0 .3rem;padding:.4rem .7rem;font-size:.9rem}.sticky-links{gap:.7rem;margin-bottom:.7rem}.sticky-links a{font-size:.9rem}}.sticky-note{color:#444;text-align:center;z-index:10;background:#ffe066;border:2.5px solid #e6c94d;border-radius:1.1rem 1.1rem 1.3rem;min-width:340px;max-width:420px;min-height:0;padding:0 0 1.1rem;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%);box-shadow:0 12px 40px #0004,inset 0 2px #e6c94d,inset 0 1px #fff8}.sticky-note-bar{background:linear-gradient(90deg,#f7d560 60%,#ffe066 100%);border-bottom:1.5px solid #e6c94d;border-radius:1.1rem 1.1rem 0 0;align-items:center;height:32px;padding:0 1.1rem;display:flex;position:relative;box-shadow:0 2px 8px #0001}.sticky-dot{border:1.5px solid #e6c94d;border-radius:50%;width:11px;height:11px;margin-right:7px;display:inline-block}.sticky-dot.red{background:#ff5f56}.sticky-dot.yellow{background:#ffbd2e}.sticky-dot.green{background:#27c93f}.sticky-close{color:#444;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 .2rem;font-size:1.3rem;font-weight:700;line-height:1;transition:opacity .15s;position:absolute;top:50%;right:1.1rem;transform:translateY(-50%)}.sticky-close:hover{opacity:1}.sticky-note-content{flex-direction:column;align-items:center;padding:1.1rem 1.5rem;display:flex}.sticky-contact-btn{color:#444;cursor:pointer;background:#fffbe6;border:1.5px solid #e6c94d;border-radius:.7rem;margin:1.1rem 0 .5rem;padding:.6rem 1.5rem;font-size:1.1rem;font-weight:600;transition:background .18s,color .18s;box-shadow:0 1px 4px #0001}.sticky-contact-btn:hover{color:#222;background:#ffe066}.sticky-note-content h2{color:#444;margin-top:.2rem;margin-bottom:1.1rem;font-size:2rem;font-weight:700}.sticky-links{justify-content:center;gap:1.5rem;margin-bottom:1.3rem;display:flex}.sticky-links a{color:#444;font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .18s}.sticky-links a:hover{color:#222;text-decoration:underline}
.desktop-icons{z-index:5;flex-direction:column;gap:2.2rem;display:flex;position:absolute;top:2.5rem;left:2.5rem}@media (max-width:700px){.desktop-icons{gap:.5rem!important;width:auto!important;top:.5rem!important;left:.5rem!important}.desktop-icon{width:68px!important;margin-top:0!important}.desktop-icon-img,.desktop-icon-img svg{width:48px!important;height:48px!important}.desktop-icon-label{width:68px!important;margin-top:-.3rem!important;padding:.15rem .25rem!important;font-size:.82rem!important;line-height:1.1!important}.desktop-icon+.desktop-icon{margin-top:0!important}}.desktop-icon{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;width:80px;display:flex}.desktop-icon-img{width:48px;height:48px;margin-bottom:.5rem}.desktop-icon-label{color:#fff;text-align:center;text-shadow:0 1px 4px #000a;white-space:normal;text-overflow:clip;background:#1e1e1e2e;border-radius:.4rem;width:100px;min-height:1.2em;margin-top:.1rem;padding:.18rem .3rem;font-size:1.05rem;transition:background .18s;overflow:visible}.desktop-icon+.desktop-icon{margin-top:1.5rem}.desktop-icon[title=Mis\ Proyectos] .desktop-icon-label{color:#b0b8c1}
.tools-icons-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));place-items:end center;gap:.7rem;margin-top:1.5rem;margin-bottom:1.5rem;display:grid}.tool-icon-item{cursor:pointer;border-radius:10px;flex-direction:column;justify-content:flex-end;align-items:center;padding:.5rem .2rem;transition:background .18s;display:flex}.tool-icon-item:hover{background:#23272f}.tool-icon-item img{filter:drop-shadow(0 2px 6px #0006);width:48px;height:48px;margin-bottom:.5rem}.folder-explorer-overlay{z-index:9999;background:#0000002e;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.folder-explorer-modal{background:#20232a;border:2.5px solid #353534;border-radius:12px;flex-direction:column;width:900px;min-width:540px;max-width:98vw;max-height:90vh;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 4px #2d313a,0 6px 32px #000a,0 1.5px 4px #0004}.folder-explorer-header{color:#e3e6ee;letter-spacing:.01em;background:#23272f;border-bottom:1.5px solid #31343c;align-items:center;gap:1.2rem;width:100%;padding:.7rem 1.2rem;font-size:1.13rem;font-weight:500;display:flex}.folder-explorer-close{color:#bdbdbd;cursor:pointer;z-index:2;background:0 0;border:none;font-size:1.7rem;transition:color .2s;position:absolute;top:.7rem;right:1.1rem}.folder-explorer-close:hover{color:gold}.folder-explorer-content{background:#23272f;flex-direction:row;height:420px;min-height:320px;display:flex}.folder-explorer-detail{background:#23272f;border-right:3px solid #2d313a;flex-direction:column;flex:0 0 220px;gap:.5rem;padding:1.2rem .7rem 1.2rem 1.2rem;display:flex;overflow-y:auto}.folder-explorer-detail ul{margin:0;padding:0;list-style:none}.folder-explorer-detail li{color:#e3e6ee;cursor:pointer;border-radius:7px;align-items:center;gap:.7em;padding:.45em .7em;font-size:1.08em;transition:background .15s,color .15s;display:flex}.folder-explorer-detail li:hover,.folder-explorer-detail li.selected{color:gold;background:#31343c}.folder-explorer-description{color:#fff;background:#23272f;flex-direction:column;flex:60%;padding:1.2rem 1.2rem 1.2rem 1.5rem;display:flex;overflow-y:auto}@media (max-width:900px){.folder-explorer-modal{width:99vw;min-width:0}}@media (max-width:700px){.folder-explorer-modal{width:100vw;min-width:0;max-width:100vw;height:100vh;min-height:0;max-height:100vh;box-shadow:none;z-index:9999;border-width:0;border-radius:0;padding:0;position:fixed;top:0;left:0}.folder-explorer-content{flex-direction:column;gap:0;height:100vh;min-height:0}.folder-explorer-detail{border-bottom:1.5px solid #2d313a;border-right:none;padding:1rem .7rem 1rem 1.2rem}.folder-explorer-description{padding:1rem 1rem 1rem 1.2rem}}
.start-modal-overlay{z-index:200;background:#0003;width:100vw;height:100vh;position:fixed;top:0;left:0}.start-modal{color:#fff;background:#20232a;border:2.5px solid #353534;border-radius:12px;flex-direction:column;align-items:center;min-width:700px;min-height:420px;padding:3.2rem 4.2rem;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px #2d313a,0 6px 32px #000a,0 1.5px 4px #0004}@media (max-width:700px){.start-modal{box-sizing:border-box!important;border-radius:8px!important;width:98vw!important;min-width:0!important;max-width:98vw!important;height:auto!important;min-height:0!important;max-height:95vh!important;padding:1.2rem .5rem!important;bottom:10px!important;left:50%!important;transform:translate(-50%)!important}.start-modal-icons{flex-direction:column!important;align-items:center!important;gap:1.2rem!important;width:100%!important;margin-top:1.2rem!important}.start-modal-icon{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:1.1rem!important;width:90vw!important;max-width:320px!important;height:80px!important;min-height:70px!important;padding:.3rem .2rem .2rem!important;font-size:1rem!important}.start-modal-icon span{justify-content:center!important;align-items:center!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;margin-bottom:0!important;margin-right:.7rem!important;display:flex!important}.start-modal-icon svg{width:44px!important;height:44px!important}.start-modal-icon span:last-child{text-align:left!important;white-space:normal!important;text-overflow:clip!important;width:auto!important;margin-top:0!important;font-size:.98rem!important;overflow:visible!important}.start-modal-close{width:28px!important;height:28px!important;font-size:1rem!important;top:.5rem!important;right:.5rem!important}}.start-modal-close{color:#fff;cursor:pointer;background:#888;border:none;border-radius:50%;width:32px;height:32px;font-size:1.2rem;position:absolute;top:1rem;right:1rem}.start-modal-icons{justify-content:flex-start;align-items:flex-start;gap:2rem;width:100%;margin-top:2.5rem;margin-left:0;display:flex}.start-modal-icon{cursor:pointer;background:#666;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;width:110px;height:120px;padding:.5rem .5rem .2rem;font-size:1.1rem;transition:background .2s;display:flex;box-shadow:0 2px 8px #00000026}.start-modal-icon:hover{background:#888}