@charset "UTF-8";.mobile-header{background-color:var(--pwn-header-bg);box-shadow:0 2px 15px #0000000d;position:sticky;top:0;z-index:1000;width:100%}.mobile-header .header-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.mobile-header .logo{display:flex;align-items:center}.mobile-header .logo .custom-logo-link{display:inline-block;line-height:0}.mobile-header .logo img.custom-logo{max-width:180px;max-height:45px;width:auto;height:auto;object-fit:contain;display:block}.mobile-header .logo .site-title{font-size:1.25rem;font-weight:800;color:var(--pwn-text-dark);text-transform:uppercase;letter-spacing:-.5px}.mobile-header .menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:5px}.mobile-header .menu-toggle .bar{width:25px;height:3px;background-color:var(--pwn-text-dark);border-radius:2px;transition:var(--pwn-transition)}.mobile-header .mobile-nav{display:none;background-color:var(--pwn-header-bg);border-top:1px solid #eee;padding:1rem 1.5rem}.mobile-header .mobile-nav.open{display:block}.mobile-header .mobile-nav ul{list-style:none;display:flex;flex-direction:column;gap:1.2rem}.mobile-header .mobile-nav a{text-decoration:none;color:var(--pwn-text-dark);font-weight:500;font-size:1.1rem;transition:var(--pwn-transition)}.mobile-header .mobile-nav a:hover{color:var(--pwn-gradient-1)}@media (min-width: 768px){.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:0 4rem}.mobile-header .header-container{padding:1.5rem 0}.mobile-header .menu-toggle{display:none}.mobile-header .mobile-nav{display:block;border-top:none;padding:0}.mobile-header .mobile-nav ul{flex-direction:row;gap:2.5rem}.mobile-header .mobile-nav a{font-size:1rem}}.hero-section{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 60px);background-color:var(--pwn-bg);padding:2rem}.welcome-container{position:relative;width:100%;max-width:350px;display:flex;justify-content:center;align-items:center;transition:var(--pwn-transition)}.welcome-container:hover{transform:scale(1.02)}.welcome-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(0,0,0,.05) 0%,transparent 70%);z-index:1;pointer-events:none}.welcome-bg-image{width:100%;height:auto;display:block;filter:brightness(.95) drop-shadow(0 10px 20px rgba(0,0,0,.08));transition:var(--pwn-transition)}.welcome-content{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;width:80%}.welcome-content h1{font-size:3.5rem;color:#fff;font-weight:800;text-shadow:0 4px 12px rgba(0,0,0,.15);margin-bottom:2rem;letter-spacing:-.02em}.welcome-content .play-btn{display:inline-block;padding:10px 28px;border:1px solid rgba(255,255,255,.4);border-radius:30px;color:#fff;text-decoration:none;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:1.2px;transition:var(--pwn-transition);background-color:#fff6!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);color:#555;font-weight:700}.welcome-content .play-btn:hover{background-color:var(--pwn-gradient-1);color:#ff9100;border-color:#fff}@media (min-width: 768px){.hero-section{min-height:calc(100vh - 80px)}.welcome-container{max-width:480px}.welcome-content h1{font-size:3rem}.welcome-content .play-btn{padding:12px 35px;font-size:.85rem}}.buscar-canciones{padding:4rem 1.5rem;max-width:700px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.buscar-canciones .search-header{text-align:center;margin-bottom:2.5rem}.buscar-canciones .search-header h1{font-size:2.8rem;font-weight:700;letter-spacing:-.02em;color:#1d1d1f;margin-bottom:.5rem}.buscar-canciones .search-header .subtitle{color:#86868b;font-size:1.1rem;font-weight:400}.buscar-canciones .search-wrapper{position:relative;display:flex;align-items:center;background:#ffffffa6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:14px 24px;border-radius:18px;box-shadow:0 4px 24px #0000000a;border:1px solid rgba(255,255,255,.4);transition:all .4s cubic-bezier(.25,1,.5,1);margin-bottom:3rem}.buscar-canciones .search-wrapper:focus-within{background:#ffffffe6;box-shadow:0 12px 40px #00000014;transform:translateY(-2px)}.buscar-canciones .search-wrapper .search-icon-box{font-size:1.2rem;margin-right:12px;color:#86868b}.buscar-canciones .search-wrapper input{flex:1;border:none;background:transparent;font-size:1.15rem;outline:none;color:#1d1d1f}.buscar-canciones .search-wrapper input::placeholder{color:#a1a1a6}.buscar-canciones .results-grid{display:flex;flex-direction:column;gap:12px}.buscar-canciones .results-grid .search-hint{text-align:center;color:#86868b;font-size:1rem;margin-top:2rem}.buscar-canciones .results-grid .song-card{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;background:#fffc;border-radius:16px;text-decoration:none;color:#1d1d1f;font-weight:500;box-shadow:0 2px 12px #00000008;border:1px solid rgba(0,0,0,.04);transition:all .3s cubic-bezier(.25,1,.5,1);opacity:0;transform:translateY(15px);animation:appleReveal .6s forwards cubic-bezier(.2,.8,.2,1)}.buscar-canciones .results-grid .song-card:hover{transform:scale(1.015);box-shadow:0 8px 24px #0000000f;background:#fff}.buscar-canciones .results-grid .song-card .artist{font-size:.85rem;color:#515154;background:#f5f5f7;padding:6px 14px;border-radius:20px;font-weight:600;letter-spacing:-.01em}@keyframes appleReveal{to{opacity:1;transform:translateY(0)}}.song-header{padding:16px}.pw-transpose-wrapper{background-color:#f4f5f7;padding:24px 20px;max-width:1080px;margin:0 auto;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;opacity:0;transform:translateY(20px);filter:blur(10px)}@media (min-width: 768px){.pw-transpose-wrapper{padding:40px 30px}}body.pwn-loaded .pw-transpose-wrapper{opacity:1;filter:blur(0);transform:translateY(0);transition:opacity 1.2s cubic-bezier(.22,1,.36,1),filter 1s ease-out,transform 1s cubic-bezier(.22,1,.36,1)}.transpose-pagination{display:flex;flex-wrap:wrap;gap:10px;overflow-x:auto;justify-content:center;scrollbar-width:none;width:100%;max-width:100%;-webkit-overflow-scrolling:touch;padding:16px}@media (min-width: 768px){.transpose-pagination{justify-content:center;margin:0 auto 30px}}.transpose-pagination::-webkit-scrollbar{display:none}.transpose-pagination .transpose-btn{flex-shrink:0;min-width:55px;text-align:center;background:#fff;border:none;border-radius:14px;padding:12px 20px;color:#333;font-weight:600;cursor:pointer;font-size:.95rem;box-shadow:0 2px 8px #0000000a;transition:background .5s ease,color .4s ease,transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}.transpose-pagination .transpose-btn.active{background:linear-gradient(135deg,#f8bb84,#e0f2cb);color:#333;transform:scale(1.12);box-shadow:0 6px 8px #f8bb844d}.transpose-pagination .transpose-btn:active{transform:scale(.92)}#transpose-content{background:#fff;border-radius:28px;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;max-width:100%;margin:0 auto;width:fit-content;padding:35px 20px;justify-content:center;-webkit-overflow-scrolling:touch;transition:opacity .4s cubic-bezier(.25,1,.5,1),transform .4s cubic-bezier(.25,1,.5,1),filter .4s ease-out}@media (min-width: 480px){#transpose-content{padding:35px 25px}}@media (min-width: 1000px){#transpose-content{display:block;min-width:950px;max-width:1200px;padding:40px}#transpose-content .song-raw-body{column-count:2;column-gap:60px;column-rule:1px solid rgba(0,0,0,.05);column-fill:balance}}#transpose-content::-webkit-scrollbar{display:none}#transpose-content.transitioning{opacity:0!important;filter:blur(12px)!important;transform:scale(.99) translateY(5px);pointer-events:none}.song-line{display:block;break-inside:avoid}.song-chords{font-family:SF Mono,Menlo,Cascadia Code,monospace;display:block;color:#06c;font-weight:700;font-size:1.1rem;white-space:pre;line-height:1.2;min-height:1.2em}.song-lyrics{display:block;font-family:-apple-system,system-ui,sans-serif;font-size:1.15rem;color:#333;line-height:1.5;margin-top:2px}@keyframes softEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.song-raw-body{display:block;overflow-x:auto;white-space:pre!important;font-family:SF Mono,Menlo,Courier New,monospace!important;font-size:15px;line-height:1.6;padding:0 0 20px;font-weight:700;break-inside:avoid;-webkit-overflow-scrolling:touch}@media (min-width: 620px){.song-raw-body{font-size:1.15rem}}body:not(.pwn-loaded){overflow:hidden!important;height:100vh!important}body.pwn-loaded{overflow:visible;height:auto}:root{--pwn-bg: #f4f5f7;--pwn-header-bg: #ffffff;--pwn-text-dark: #333333;--pwn-text-light: #777777;--pwn-gradient-1: #f8bb84;--pwn-gradient-2: #e0f2cb;--pwn-accent: #0066cc;--pwn-font-main: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", sans-serif;--pwn-transition-soft: all .5s cubic-bezier(.25, 1, .5, 1);--pwn-transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--pwn-shadow-soft: 0 4px 12px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--pwn-bg);color:var(--pwn-text-dark);font-family:var(--pwn-font-main);line-height:1.6}