.navbar{background-color:#f1f1f1;color:#fff;padding:2rem;font-family:DM Sans,sans-serif;position:relative;z-index:100}.navbar-container{display:flex;justify-content:space-between;align-items:center}.logo{height:65px}.hamburger{width:30px;height:28px;position:relative;cursor:pointer;display:block;z-index:20}.hamburger span{position:absolute;height:4px;width:100%;background:#000;border-radius:2px;left:0;transition:.3s ease}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:9px}.hamburger span:nth-child(3){top:18px}.hamburger.open span:nth-child(1){top:9px;transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){top:9px;transform:rotate(-45deg)}.nav-links{position:absolute;top:70px;right:.5rem;background-color:#1a1a1a;border:0px solid #444;border-radius:8px;padding:1rem;display:none;flex-direction:column;gap:1rem;z-index:15;list-style:none}.nav-links.active{display:flex}.nav-links a{color:#fff;text-decoration:none;font-size:1rem;white-space:normal;gap:1rem;padding:10px}.nav-links a:hover{background-color:#1a1a1a;border-radius:8px;padding:10px}.dropdown{position:relative}.dropdown .submenu{display:none;position:absolute;top:100%;left:0;background:#0e0e0e;padding:1rem;border:1px solid #444;border-radius:8px;flex-direction:column;z-index:100}.dropdown:hover .submenu{display:flex}.submenu li{padding:0;list-style:none}.submenu a{color:#fff;text-decoration:none;font-size:1rem}.nav-links li{list-style:none}.nav-links ul{list-style:none;margin:0;padding:1rem 0 0 1rem;line-height:2}.nav-links ul li:last-child{margin-bottom:0}.squares-canvas{width:100%;height:100vh;border:none;display:block}.squares-canvas img{object-fit:contain}.metaballs-container{position:relative;width:100%;height:100%}.magnetLines-container{display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr);justify-items:center;align-items:center;width:80vmin;height:80vmin}.magnetLines-container span{display:block;transform-origin:center;will-change:transform;transform:rotate(var(--rotate))}.aurora-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;margin:0;padding:0;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);background-color:#fff}.aurora-container canvas{width:100%;height:100%;display:block;margin:0;padding:0}@media (max-width: 768px){.aurora-container{height:100vh;bottom:0;left:0;top:auto;transform:none}.aurora-container canvas{width:100%;height:100%;object-fit:cover}}.artistas-container{position:relative;margin-top:40px;margin-bottom:0;left:0;right:0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:40px;overflow-y:auto;overflow-x:hidden;padding:0 20px 20px;width:100%;box-sizing:border-box;background:transparent}.artistas-grid{display:flex;flex-direction:column;gap:20px;padding-left:20px;width:100%}.artista-item{cursor:pointer;padding:10px 0;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;min-width:0;min-height:clamp(60px,8vw,70px);gap:clamp(40px,2vw,20px)}.artista-name{font-size:32px;font-weight:700;color:#333;margin:0 0 5px;text-align:left;padding:10px 0 0 20px;white-space:nowrap;flex-shrink:1}@media (max-width: 768px){.artistas-container{gap:30px;padding:0 15px 15px}.artistas-grid{padding-left:15px}.artista-item{gap:clamp(10px,1.5vw,12px)}.artista-name{font-size:24px;padding-left:10px}.social-icons{margin-left:10px;margin-right:15px;gap:clamp(2px,3vw,15px)}}@media (max-width: 480px){.artistas-container{gap:25px;padding:0 10px 10px}.artistas-grid{padding-left:10px;width:100%}.artista-item{gap:clamp(10px,1.5vw,10px)}.artista-name{font-size:20px;padding-left:5px}.social-icons{margin-left:8px;margin-right:10px;gap:clamp(2px,3vw,15px)}}@media (max-width: 400px){.artistas-container{gap:25px;padding:0 10px 10px}.artistas-title{font-size:32px;padding-left:10px}.artistas-description{font-size:14px;padding-left:10px}.artistas-grid{grid-template-columns:1fr;gap:15px;padding-left:10px}}.social-icons{display:flex;gap:clamp(2px,3vw,20px);align-items:center;margin-right:20px;margin-top:5px;margin-left:0;flex-shrink:0;min-width:0;min-height:clamp(50px,6vw,60px);width:auto;justify-content:flex-end}.social-icons .spotify-button,.social-icons .youtube-button,.social-icons .instagram-button,.social-icons .tidal-button,.social-icons .applemusic-button,.social-icons .amazonmusic-button{opacity:0;transform:translate(-10px);animation:slideInStagger .5s ease-out forwards}.social-icons .spotify-button{animation-delay:0ms}.social-icons .youtube-button{animation-delay:.1s}.social-icons .instagram-button{animation-delay:.2s}.social-icons .tidal-button{animation-delay:.3s}.social-icons .applemusic-button{animation-delay:.4s}.social-icons .amazonmusic-button{animation-delay:.5s}@keyframes slideInStagger{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.social-icons.closing .spotify-button,.social-icons.closing .youtube-button,.social-icons.closing .instagram-button,.social-icons.closing .tidal-button,.social-icons.closing .applemusic-button,.social-icons.closing .amazonmusic-button{animation:slideOutStagger .3s ease-out forwards}.social-icons.closing .spotify-button{animation-delay:0ms}.social-icons.closing .youtube-button{animation-delay:50ms}.social-icons.closing .instagram-button{animation-delay:.1s}.social-icons.closing .tidal-button{animation-delay:.15s}.social-icons.closing .applemusic-button{animation-delay:.2s}.social-icons.closing .amazonmusic-button{animation-delay:.25s}@keyframes slideOutStagger{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(10px)}}.spotify-button{display:inline-flex;align-items:center;justify-content:center;gap:0;background:#000;color:#fff;padding:0;width:clamp(35px,5vw,45px);height:clamp(35px,5vw,45px);border-radius:50%;text-decoration:none;font-size:0;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;flex-shrink:0;opacity:1;transform:translate(0)}.spotify-button:hover{background:#333;transform:translateY(-2px)}.instagram-button{display:inline-flex;align-items:center;justify-content:center;gap:0;background:#000;color:#fff;padding:0;width:clamp(35px,5vw,45px);height:clamp(35px,5vw,45px);border-radius:50%;text-decoration:none;font-size:0;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;flex-shrink:0;opacity:1;transform:translate(0)}.instagram-button:hover{background:#333;transform:translateY(-2px)}.youtube-button{display:inline-flex;align-items:center;justify-content:center;gap:0;background:#000;color:#fff;padding:0;width:clamp(35px,5vw,45px);height:clamp(35px,5vw,45px);border-radius:50%;text-decoration:none;font-size:0;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;flex-shrink:0;opacity:1;transform:translate(0)}.youtube-button:hover{background:#333;transform:translateY(-2px)}.tidal-button,.applemusic-button,.amazonmusic-button{display:inline-flex;align-items:center;justify-content:center;gap:0;background:#000;color:#fff;padding:0;width:clamp(35px,5vw,45px);height:clamp(35px,5vw,45px);border-radius:50%;text-decoration:none;font-size:0;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;flex-shrink:0;opacity:1;transform:translate(0)}.amazonmusic-button:hover{background:#333;transform:translateY(-2px)}.social-icon svg,.social-icon img{width:clamp(18px,2.5vw,22px);height:clamp(18px,2.5vw,22px);fill:#fff}.test-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:85vh;background:#fff;color:#000;font-family:Courier New,monospace;padding:0;margin:0}.header-controls{display:flex;gap:10px;padding:20px;position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;background:#fff;border:1px solid black}.sequencer-grid{display:flex;flex-direction:column;gap:2px;width:100vw;height:85vh;box-sizing:border-box}.sequencer-row{display:flex;flex:1;gap:2px}.step-button{flex:1;border:1px solid black;background:#fff;cursor:pointer;transition:none;min-height:0}.step-button:hover{background:#f0f0f0}.step-button.active{background:#000}.step-button.active.noise{background:#666}.step-button.active.kick{background:#333}.step-button.active.tom{background:#555}.step-button.active.snare{background:#777}.step-button.active.clap{background:#999}.step-button.current{border:2px solid #666}.step-button.current.active{background:#333}.step-button.current.active.noise{background:#999}.step-button.current.active.kick{background:#555}.step-button.current.active.tom{background:#666}.step-button.current.active.snare{background:#888}.step-button.current.active.clap{background:#aaa}.play-button{padding:10px 15px;font-size:1.2rem;font-weight:400;border:1px solid black;background:#fff;color:#000;cursor:pointer;transition:none;display:flex;align-items:center;justify-content:center;width:50px;min-width:50px;max-width:50px;height:45px;min-height:45px;max-height:45px}.play-button:hover{background:#f0f0f0}.play-button.playing{background:#000;color:#fff;font-size:1.7rem}.play-button.playing:hover{background:#333}.clear-button{padding:10px 15px;font-size:1.4rem;font-weight:400;border:1px solid black;background:#fff;color:#000;cursor:pointer;transition:none;display:flex;align-items:center;justify-content:center;width:50px;min-width:50px;max-width:50px;height:45px;min-height:45px;max-height:45px}.clear-button:hover{background:#f0f0f0}@media (max-width: 600px){.test-container{min-height:75vh;min-height:calc(75vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.header-controls{padding:15px;gap:8px}.play-button,.clear-button{padding:8px 12px;font-size:1rem;width:45px;min-width:45px;max-width:45px;height:40px;min-height:40px;max-height:40px}.clear-button,.play-button.playing{font-size:1.2rem}.sequencer-grid{height:75vh;height:calc(75vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));gap:1px}.sequencer-row{gap:1px}}:root{--safari-bg: #ffffff !important;color-scheme:light}body{margin:0;padding:0;font-family:DM Sans,sans-serif;background:var(--safari-bg)!important;background-color:var(--safari-bg)!important;background-image:none!important;color:#131313;height:100vh;will-change:background-color;isolation:isolate;animation:force-white .1s;z-index:-2;position:relative;overscroll-behavior:none}html{margin:0;padding:0;height:100%;background:var(--safari-bg)!important;background-color:var(--safari-bg)!important;z-index:-2;position:relative}#root{margin:0;padding:0;height:100vh;background:var(--safari-bg)!important;background-color:var(--safari-bg)!important;z-index:-2;position:relative}@keyframes force-white{0%{background:var(--safari-bg)}to{background:var(--safari-bg)}}@supports (-webkit-appearance: none){body{background:var(--safari-bg)!important;background-color:var(--safari-bg)!important;background-image:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:-2;position:relative}html,#root{background:var(--safari-bg)!important;background-color:var(--safari-bg)!important;z-index:-2;position:relative}}