:root{--primary: #3a86ff;--primary-dark: #2667cc;--secondary: #8338ec;--dark: #212529;--light: #f8f9fa;--gray: #6c757d;--success: #28a745;--danger: #dc3545;--warning: #fd7e14;--info: #17a2b8}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--dark);background-color:var(--light);margin:0;padding:0}.nav{position:fixed;width:100%;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a;z-index:1000;transition:all .3s ease}.nav__container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav__logo{font-weight:700;font-size:3rem;color:var(--primary)}.nav__links{display:flex;gap:2rem;list-style:none}.nav__link{text-decoration:none;color:var(--dark);font-weight:500;transition:color .2s}.nav__link:hover{color:var(--primary)}.landing__hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.landing__hero-content{max-width:800px}.landing__logo{font-size:4rem;font-weight:800;margin-bottom:1rem;animation:fadeInUp 1s ease}.landing__tagline{font-size:1.5rem;margin-bottom:2rem;opacity:.9}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease}.btn--primary{background-color:#fff;color:var(--primary)}.btn--primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000001a}.btn--secondary{background-color:transparent;color:#fff;border:2px solid white;margin-left:1rem}.btn--secondary:hover{background-color:#ffffff1a}.landing__section{max-width:1200px;margin:0 auto}.landing__section-title{font-size:2rem;text-align:rigth;margin-bottom:1rem}.landing__section-subtitle{text-align:left;color:var(--gray);max-width:700px}.map{max-width:1200px;margin:0 auto;margin-bottom:3rem}#templates{text-align:left;color:var(--gray);margin-top:0;padding-top:0}.filter-sort-section{display:flex;gap:3rem;margin-top:1rem;margin-bottom:2rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;justify-content:flex-start}.filter-group,.sort-group{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.filter-label,.sort-label{font-weight:600;color:var(--dark);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.filter-options,.sort-options{display:flex;flex-direction:column;gap:.5rem;width:100%}.filter-option,.sort-option{padding:.5rem 1rem;background-color:var(--light);border:1px solid #e9ecef;border-radius:6px;font-size:.9rem;color:var(--gray);transition:all .2s ease;cursor:default;text-align:left;width:fit-content;min-width:120px}.filter-option:hover,.sort-option:hover{background-color:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px #3a86ff4d}.landing__artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:3rem}.artist-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;text-decoration:none;color:var(--dark)}.artist-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.artist-card__banner{width:100%;height:180px;object-fit:cover}.artist-card__info{padding:1.5rem}.artist-card__name{margin:0 0 .5rem;font-size:1.25rem}.artist-card__genre{margin:0;color:var(--gray);font-size:.9rem}.landing__templates-grid{display:flex;gap:2rem;margin-top:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:1rem 0;position:relative}.landing__templates-grid::-webkit-scrollbar{display:none}.template-card{scroll-snap-align:start;flex:0 0 280px}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;pointer-events:none}.carousel-btn{pointer-events:all;background:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0003;cursor:pointer;z-index:10;transition:all .3s ease}.carousel-btn:hover{transform:scale(1.1)}.carousel-btn--prev{left:1rem}.carousel-btn--next{right:1rem}.template-card{background:#fff;border-radius:10px;padding:2rem;text-align:center;box-shadow:0 5px 15px #0000001a;transition:all .3s ease}.template-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.template-card__icon{font-size:2.5rem;margin-bottom:1rem;display:inline-block}.template-card__name{margin:0 0 .5rem}.template-card__description{margin:0;color:var(--gray);font-size:.9rem}.landing__features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 5px 15px #0000001a}.feature__icon{font-size:2rem;margin-bottom:1rem}.feature__title{margin:0 0 .5rem}.feature__description{margin:0;color:var(--gray)}.landing__footer{background-color:var(--dark);color:#fff;padding:4rem 2rem;text-align:center}.landing__footer-logo{font-size:2rem;margin-bottom:1rem}.landing__footer-text{max-width:600px;margin:0 auto 2rem;opacity:.8}.landing__social-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.social-link{color:#fff;font-size:1.5rem;transition:transform .3s ease}.social-link:hover{transform:translateY(-3px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeInUp .8s ease forwards}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}@media (max-width: 768px){.nav__links{gap:1rem}.landing__logo{font-size:3rem}.cta-buttons{flex-direction:column;gap:1rem}.btn--secondary{margin-left:0}.filter-sort-section{flex-direction:column;gap:1.5rem;padding:1rem}.filter-group,.sort-group,.filter-options,.sort-options{align-items:center}.filter-option,.sort-option{width:100%;text-align:center;min-width:auto}}@media (max-width: 480px){.filter-options,.sort-options{gap:.25rem}.filter-option,.sort-option{padding:.4rem .8rem;font-size:.8rem}}#app{height:100vh;width:100vw}.nav[data-v-41b6badc]{background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.nav__container[data-v-41b6badc]{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav__logo[data-v-41b6badc]{font-size:2.5rem;font-weight:700;color:#333;display:flex;align-items:center;gap:.5rem}.nav__logo-icon[data-v-41b6badc]{width:40px;height:40px;object-fit:contain;border-radius:6px}.nav__toggle[data-v-41b6badc]{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;width:30px;height:30px;justify-content:space-between}.nav__toggle-bar[data-v-41b6badc]{width:100%;height:3px;background:#333;border-radius:2px;transition:all .3s ease}.nav__toggle--active .nav__toggle-bar[data-v-41b6badc]:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav__toggle--active .nav__toggle-bar[data-v-41b6badc]:nth-child(2){opacity:0}.nav__toggle--active .nav__toggle-bar[data-v-41b6badc]:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav__links[data-v-41b6badc]{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.nav__link[data-v-41b6badc]{text-decoration:none;color:#333;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .2s ease}.nav__link[data-v-41b6badc]:hover{background:#f8f9fa;color:#007bff}.filter-sort-section[data-v-41b6badc]{display:flex;gap:1rem;margin-bottom:2rem;position:relative}.filter-group[data-v-41b6badc],.sort-group[data-v-41b6badc]{position:relative}.filter-btn[data-v-41b6badc],.sort-btn[data-v-41b6badc]{background:#fff;border:1px solid #ddd;border-radius:8px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.filter-btn[data-v-41b6badc]:hover,.sort-btn[data-v-41b6badc]:hover{border-color:#007bff;box-shadow:0 2px 4px #007bff1a}.filter-label[data-v-41b6badc],.sort-label[data-v-41b6badc]{font-weight:500;color:#333}.filter-arrow[data-v-41b6badc],.sort-arrow[data-v-41b6badc]{font-size:.8rem;color:#666}.popup-list[data-v-41b6badc]{position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:200px;margin-top:.5rem}.popup-header[data-v-41b6badc]{display:flex;justify-content:between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #eee;font-weight:600;color:#333}.popup-close[data-v-41b6badc]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#666;padding:0;margin-left:auto}.popup-close[data-v-41b6badc]:hover{color:#333}.popup-options[data-v-41b6badc]{padding:.5rem}.popup-option[data-v-41b6badc]{display:block;width:100%;text-align:left;background:none;border:none;padding:.75rem 1rem;cursor:pointer;border-radius:4px;transition:all .2s ease;color:#333}.popup-option[data-v-41b6badc]:hover{background:#f8f9fa}.popup-option.selected[data-v-41b6badc]{background:#007bff;color:#fff}.popup-overlay[data-v-41b6badc]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;z-index:999}@media (max-width: 768px){.nav__container[data-v-41b6badc]{padding:1rem;position:relative}.nav__logo[data-v-41b6badc]{font-size:2rem}.nav__toggle[data-v-41b6badc]{display:flex}.nav__links[data-v-41b6badc]{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:1rem;box-shadow:0 4px 12px #0000001a;transform:translateY(-10px);opacity:0;visibility:hidden;transition:all .3s ease}.nav__links--active[data-v-41b6badc]{transform:translateY(0);opacity:1;visibility:visible}.nav__links li[data-v-41b6badc]{width:100%}.nav__link[data-v-41b6badc]{display:block;padding:1rem;text-align:center;font-size:1rem;border-radius:0;border-bottom:1px solid #f0f0f0}.nav__link[data-v-41b6badc]:last-child{border-bottom:none}.nav__link[data-v-41b6badc]:hover{background:#f8f9fa}.filter-sort-section[data-v-41b6badc]{flex-direction:column;gap:1rem}.landing__artists-grid[data-v-41b6badc]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.artist-card__banner[data-v-41b6badc]{height:150px}.artist-card__info[data-v-41b6badc]{padding:1rem}.artist-card__name[data-v-41b6badc]{font-size:1.1rem}.artist-card__genre[data-v-41b6badc]{font-size:.8rem}.landing__templates-grid[data-v-41b6badc]{gap:1rem}.template-card[data-v-41b6badc]{flex:0 0 250px;padding:1.5rem}.template-card__icon[data-v-41b6badc]{font-size:2rem}.template-card__name[data-v-41b6badc]{font-size:1.1rem}.template-card__description[data-v-41b6badc]{font-size:.9rem}.rizomas-iframe-container h1[data-v-41b6badc]{font-size:1.5rem;text-align:center}.rizomas-iframe[data-v-41b6badc]{height:300px}.landing__footer[data-v-41b6badc]{padding:3rem 1rem}.landing__footer-logo[data-v-41b6badc]{font-size:1.5rem}.landing__footer-text[data-v-41b6badc]{font-size:.9rem}}@media (max-width: 480px){.nav__logo[data-v-41b6badc]{font-size:1.5rem}.landing__artists-grid[data-v-41b6badc]{grid-template-columns:1fr;gap:1rem}.artist-card__banner[data-v-41b6badc]{height:120px}.template-card[data-v-41b6badc]{flex:0 0 220px;padding:1rem}.template-card__icon[data-v-41b6badc]{font-size:1.8rem}.template-card__name[data-v-41b6badc]{font-size:1rem}.template-card__description[data-v-41b6badc]{font-size:.8rem}.rizomas-iframe[data-v-41b6badc]{height:250px}.landing__section[data-v-41b6badc]{padding:3rem 1rem}.landing__section-title[data-v-41b6badc]{font-size:1.5rem;text-align:center}.filter-btn[data-v-41b6badc],.sort-btn[data-v-41b6badc]{padding:.4rem .8rem;font-size:.9rem}.popup-list[data-v-41b6badc]{min-width:180px}.landing__footer-logo[data-v-41b6badc]{font-size:1.3rem}.landing__footer-text[data-v-41b6badc]{font-size:.8rem}.landing__social-links[data-v-41b6badc]{gap:1rem}.social-link[data-v-41b6badc]{font-size:1.2rem}}@media (hover: none){.artist-card[data-v-41b6badc]:hover,.template-card[data-v-41b6badc]:hover,.btn[data-v-41b6badc]:hover{transform:none}.filter-btn[data-v-41b6badc]:hover,.sort-btn[data-v-41b6badc]:hover{border-color:#ddd;box-shadow:none}}#main-content[data-v-41b6badc]{overflow-x:hidden}.filter-btn[data-v-41b6badc],.sort-btn[data-v-41b6badc],.artist-card[data-v-41b6badc],.template-card[data-v-41b6badc],.carousel-btn[data-v-41b6badc]{cursor:pointer;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){.carousel-btn[data-v-41b6badc]{width:35px;height:35px;font-size:.9rem}.carousel-btn--prev[data-v-41b6badc]{left:.5rem}.carousel-btn--next[data-v-41b6badc]{right:.5rem}}#inicio[data-v-8d58d5bd]{height:100vh;width:100vw}[data-v-8d58d5bd]:root{--spotify-black: #121212;--spotify-dark-gray: #181818;--spotify-light-gray: #282828;--spotify-green: #1DB954;--spotify-white: #FFFFFF}body[data-v-8d58d5bd]{background-color:var(--spotify-black);color:var(--spotify-white);font-family:Circular,Helvetica,Arial,sans-serif}.media-background[data-v-8d58d5bd]{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;height:70%;overflow:hidden}.video-item[data-v-8d58d5bd]{width:100%;height:100%;position:relative}.video-item video[data-v-8d58d5bd]{width:100%;height:100%;object-fit:cover}.carousel-container[data-v-8d58d5bd]{width:100%;height:100%;position:relative}.carousel-image[data-v-8d58d5bd]{width:100%;height:100%;object-fit:cover}.carousel-nav[data-v-8d58d5bd]{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffff80;border:2px solid var(--spotify-white);color:var(--spotify-white);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.carousel-nav[data-v-8d58d5bd]:hover{background-color:#fffc;transform:translateY(-50%) scale(1.1)}.carousel-nav[data-v-8d58d5bd]{pointer-events:all!important}.prev-btn[data-v-8d58d5bd]{left:20px}.next-btn[data-v-8d58d5bd]{right:20px}.audio-toggle-btn[data-v-8d58d5bd]{position:absolute;bottom:20px;right:20px;background-color:#00000080;background-color:#ffffff80;border:2px solid var(--spotify-white);color:var(--spotify-white);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.audio-toggle-btn[data-v-8d58d5bd]:hover{background-color:#000000b3;background-color:#fffc;transform:scale(1.1)}.action-buttons-overlay[data-v-8d58d5bd]{position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);z-index:15;display:flex;justify-content:center;align-items:center}.action-buttons[data-v-8d58d5bd]{display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:center;height:40%;margin-top:1.5rem}.tinder-main-btn[data-v-8d58d5bd]{background-color:#fff;color:var(--spotify-black);border:none;border-radius:30px;padding:18px 40px;font-size:1.3rem;font-weight:700;cursor:pointer;box-shadow:0 8px 25px #1db95466;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;min-width:220px}.tinder-main-btn[data-v-8d58d5bd]:hover{transform:translateY(-3px);box-shadow:0 12px 35px #1db95499}.tinder-secondary-buttons[data-v-8d58d5bd]{display:flex;gap:20px}.tinder-secondary-btn[data-v-8d58d5bd]{background:#ffffffe6;color:var(--spotify-black);border:none;border-radius:20px;padding:5px 20px;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #ffffff4d;transition:all .3s ease}.tinder-secondary-btn[data-v-8d58d5bd]:hover{background:var(--spotify-white);transform:translateY(-2px);box-shadow:0 6px 20px #fff6}section[data-v-8d58d5bd]{padding:2rem 3rem;background-color:var(--spotify-dark-gray);margin-bottom:1rem;border-radius:8px;max-width:1200px;margin-left:auto;margin-right:auto}section h2[data-v-8d58d5bd]{font-size:1.5rem;margin-bottom:1.5rem;font-weight:700}#musica[data-v-8d58d5bd]{background-color:transparent;padding-left:0;padding-right:0;margin-left:0;margin-right:0;width:30vw}.audio-player-container[data-v-8d58d5bd]{display:flex;flex-direction:column;gap:1rem}audio[data-v-8d58d5bd]{width:100%;background-color:var(--spotify-light-gray);border-radius:4px;padding:.5rem}.btn[data-v-8d58d5bd]{display:inline-block;background-color:var(--spotify-green);color:var(--spotify-black);padding:.5rem 1.5rem;border-radius:500px;font-weight:700;text-decoration:none;margin-right:1rem;transition:transform .2s}.btn[data-v-8d58d5bd]:hover{transform:scale(1.05)}.texto-destacado[data-v-8d58d5bd]{text-align:left;max-width:800px}h1[data-v-8d58d5bd]{font-size:3rem;font-weight:900;margin-bottom:.5rem}.subtitle[data-v-8d58d5bd]{font-size:1.2rem;opacity:.8}.band-info[data-v-8d58d5bd]{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:left;justify-content:flex-start;padding:0;height:30%}.band-name[data-v-8d58d5bd]{width:100%;height:65%;display:flex;flex-direction:column;align-items:center;justify-content:left;margin-bottom:0;margin-top:1rem;padding:0}.video-title[data-v-8d58d5bd]{color:var(--spotify-white);font-size:2.5rem;font-weight:800;text-align:left;align-items:left;text-shadow:2px 2px 4px rgba(0,0,0,.7);z-index:5;width:100%;margin:0}.video-subtitle[data-v-8d58d5bd]{top:calc(20% + 4rem);left:50%;transform:translate(-50%);color:var(--spotify-white);font-size:1.5rem;text-align:left;text-shadow:2px 2px 4px rgba(0,0,0,.7);z-index:5;opacity:.9;margin:0}.band-text[data-v-8d58d5bd]{text-align:left;z-index:5;opacity:.9;margin:0}@media (max-width: 768px){.media-background[data-v-8d58d5bd]{height:70%}.carousel-nav[data-v-8d58d5bd]{width:40px;height:40px}.prev-btn[data-v-8d58d5bd]{left:10px}.next-btn[data-v-8d58d5bd]{right:10px}.audio-toggle-btn[data-v-8d58d5bd]{width:40px;height:40px;bottom:15px;right:15px}.tinder-main-btn[data-v-8d58d5bd]{padding:12px 24px;font-size:1rem;min-width:180px;border-radius:25px}.band-info[data-v-8d58d5bd]{max-width:90%;padding:0 1rem;height:30%}.video-title[data-v-8d58d5bd]{font-size:2rem;text-align:center}.video-subtitle[data-v-8d58d5bd]{font-size:1.1rem;text-align:center;transform:none;left:auto;position:relative}.band-text[data-v-8d58d5bd]{font-size:.9rem;text-align:center}.action-buttons[data-v-8d58d5bd]{margin-top:1rem;gap:8px}.tinder-secondary-buttons[data-v-8d58d5bd]{gap:15px}.tinder-secondary-btn[data-v-8d58d5bd]{padding:4px 16px;font-size:.8rem;border-radius:15px}}@media (max-width: 480px){.media-background[data-v-8d58d5bd]{height:70%}.carousel-nav[data-v-8d58d5bd]{width:35px;height:35px}.audio-toggle-btn[data-v-8d58d5bd]{width:35px;height:35px;bottom:10px;right:10px}.tinder-main-btn[data-v-8d58d5bd]{padding:10px 20px;font-size:.9rem;min-width:160px}.band-info[data-v-8d58d5bd]{max-width:95%;height:30%}.video-title[data-v-8d58d5bd]{font-size:2rem}.video-subtitle[data-v-8d58d5bd]{font-size:1rem}.band-text[data-v-8d58d5bd]{font-size:.8rem}.tinder-secondary-buttons[data-v-8d58d5bd]{gap:10px}.tinder-secondary-btn[data-v-8d58d5bd]{padding:3px 12px;font-size:.75rem}.action-buttons-overlay[data-v-8d58d5bd]{top:85%}}.video-item video[data-v-8d58d5bd],.carousel-image[data-v-8d58d5bd]{width:100%;height:100%;object-fit:cover;object-position:center}#inicio[data-v-8d58d5bd]{overflow-x:hidden}