.texto-precio{font-family:Playfair Display,serif;font-size:3rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";color:var(--color-primario, #DC143C)}.texto-precio-destacado{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";color:var(--color-primario, #DC143C)}.texto-decorativo{font-family:Great Vibes,cursive;font-weight:700;letter-spacing:.02em}@keyframes shine{0%{transform:translate(-100%)}30%,to{transform:translate(100%)}}@keyframes textShine{0%{background-position:-130% 0}to{background-position:230% 0}}.navbar{display:none;position:fixed;top:0;top:env(safe-area-inset-top,0);width:100%;contain:layout style;background:linear-gradient(180deg,#0000004d,#0d0d0dbf 30%,#000000d9,#0d0d0dbf 70%,#0000004d),linear-gradient(145deg,transparent 0%,rgba(212,165,116,.06) 50%,transparent 100%);backdrop-filter:blur(1.5px) saturate(1.5);-webkit-backdrop-filter:blur(1.5px) saturate(1.5);border-top:1px solid rgba(212,165,116,.1);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:padding .5s cubic-bezier(.25,.8,.25,1),background .6s cubic-bezier(.25,.8,.25,1),box-shadow .6s cubic-bezier(.25,.46,.45,.94),border .6s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.215,.61,.355,1);z-index:1000;box-shadow:0 4px 30px #00000014,0 0 40px #d4a5741f,inset 0 1px #ffffff26;animation:navbarBreathingGlow 8s ease-in-out infinite}@supports not (backdrop-filter: blur(1px)){.navbar{background:linear-gradient(180deg,#000000eb,#0d0d0df2,#000000eb)}}@media(min-width:768px){.navbar{display:block}}.navbar.scrolled{padding:1.2rem 0;background:linear-gradient(145deg,#0d0d0df2,#000000eb,#0d0d0df2);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 4px 22px #0d0d0d29,0 1px #d4a57433,0 0 30px #d4a57426}.navbar.compact{padding:.8rem 0;background:linear-gradient(135deg,#0d0d0df2,#f0d9b526 60%,#fff8e733);box-shadow:0 2px 12px #0d0d0d29,0 1px #dc143c26}.navbar.hidden{transform:translateY(-100%)}.navbar__container{display:flex;justify-content:space-evenly;align-items:center;max-width:140rem;margin:0 auto;position:relative}.navbar.scrolled .nav-menu{background:linear-gradient(145deg,#0d0d0de6,#000000d9,#0d0d0de6);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);padding:1rem 1.5rem;border-radius:12px;border:1px solid rgba(212,165,116,.15);box-shadow:0 4px 15px #0000004d,0 0 20px #d4a57414,inset 0 1px #ffffff0d}.logo-container{display:flex;align-items:center;gap:1.1rem;cursor:pointer;position:relative;transition:transform .5s cubic-bezier(.25,.8,.25,1),filter .5s cubic-bezier(.25,.46,.45,.94),box-shadow .6s cubic-bezier(.25,.46,.45,.94),border-color .5s cubic-bezier(.25,.46,.45,.94);z-index:2;background:linear-gradient(145deg,#0d0d0dd9,#000000bf,#0d0d0dd9);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);padding:1rem 1.5rem;border-radius:12px;border:1px solid rgba(212,165,116,.15);box-shadow:0 4px 15px #0000004d,0 0 20px #d4a57414,inset 0 1px #ffffff0d}.logo-container:after{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(145deg,#0d0d0de6,#8b673526 30%,#000c,#8b673526 70%,#0d0d0de6);opacity:0;transition:opacity .5s cubic-bezier(.25,.46,.45,.94);z-index:0;pointer-events:none}@media(hover:hover)and (pointer:fine){.logo-container:hover{transform:translateY(-4px) scale(1.03);border-color:#d4a5744d;box-shadow:0 6px 20px #0006,0 0 30px #d4a57426,0 0 40px #f0d9b51a,inset 0 1px #ffffff14;filter:drop-shadow(0 4px 12px rgba(212,165,116,.3))}.logo-container:hover:after{opacity:1}.logo-container:hover .logo-text p{animation:textShine 2.5s cubic-bezier(.45,.05,.55,.95) 1}.logo-container:hover .logo-img{filter:drop-shadow(0 0 8px rgba(212,165,116,.4)) drop-shadow(0 0 16px rgba(240,217,181,.25));transform:scale(1.02)}}.logo-img{height:5.5rem;position:relative;z-index:1;transition:height .4s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.68,-.55,.265,1.55),filter .4s cubic-bezier(.25,.46,.45,.94)}@media(min-width:768px){.logo-img{height:4.5rem}}@media(min-width:1024px){.logo-img{height:5.5rem}}.navbar.scrolled .logo-img{height:4.2rem;animation:logoBounce .4s ease-out}@media(min-width:768px){.navbar.scrolled .logo-img{height:3.8rem}}@media(min-width:1024px){.navbar.scrolled .logo-img{height:4.2rem}}.navbar.compact .logo-img{height:3.4rem}.logo-text p{font-size:4rem;color:#dc143c;margin:0;line-height:1.2;position:relative;z-index:1;transition:font-size .4s cubic-bezier(.215,.61,.355,1),color .3s ease;text-shadow:0 2px 5px rgba(13,13,13,.08);display:inline-block;background:linear-gradient(105deg,#dc143c 0% 42%,#ff1744 47%,#e5e5e5,#ff1744 53%,#dc143c 58% 100%);background-size:300% 100%;background-position:-130% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:textShine 5s cubic-bezier(.45,.05,.55,.95) 2 forwards}@media(min-width:768px){.logo-text p{font-size:3.2rem}}@media(min-width:1024px){.logo-text p{font-size:4rem}}@media(min-width:768px){.navbar.scrolled .logo-text p{font-size:2.8rem}}@media(min-width:1024px){.navbar.scrolled .logo-text p{font-size:3.5rem}}@media(min-width:1440px){.navbar.scrolled .logo-text p{font-size:3.6rem}}@media(min-width:1920px){.navbar.scrolled .logo-text p{font-size:3.8rem}}.navbar.compact .logo-text p{font-size:4rem}.nav-toggle{display:block;background:none;border:none;color:#fff;font-size:2.5rem;width:4.2rem;height:4.2rem;cursor:pointer;position:relative;z-index:2;transition:color .35s cubic-bezier(.215,.61,.355,1),transform .35s cubic-bezier(.215,.61,.355,1);display:flex;align-items:center;justify-content:center}.nav-toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:100%;height:100%;background:#dc143c26;border-radius:50%;transition:transform .35s cubic-bezier(.34,1.56,.64,1);z-index:-1}@media(hover:hover)and (pointer:fine){.nav-toggle:hover{color:#dc143c;transform:scale(1.15) rotate(-5deg)}.nav-toggle:hover:before{transform:translate(-50%,-50%) scale(1.05)}}.nav-toggle .toggle-icon{position:absolute;transition:opacity .4s cubic-bezier(.645,.045,.355,1),transform .4s cubic-bezier(.645,.045,.355,1)}.nav-toggle .toggle-icon.fa-times{opacity:0;transform:rotate(-90deg) scale(.8)}.nav-toggle.active .toggle-icon.fa-bars{opacity:0;transform:rotate(90deg) scale(.8)}.nav-toggle.active .toggle-icon.fa-times{opacity:1;transform:rotate(0) scale(1)}@media(min-width:768px){.nav-toggle{display:none}}.nav-menu{position:absolute;top:100%;left:0;width:100%;background:linear-gradient(180deg,#0d0d0df2,#0d0d0d73,#0d0d0df2),linear-gradient(135deg,transparent 0%,rgba(240,217,181,.15) 25%,transparent 50%,rgba(240,217,181,.15) 75%,transparent 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateZ(0);-webkit-transform:translateZ(0);padding:2rem;margin:0;list-style:none;display:flex;flex-direction:column;gap:1.6rem;opacity:0;visibility:hidden;transform:translateY(-1rem);transition:opacity .45s cubic-bezier(.23,1,.32,1),visibility .45s cubic-bezier(.23,1,.32,1),transform .45s cubic-bezier(.23,1,.32,1)}.nav-menu.active{opacity:1;visibility:visible;transform:translateY(0);background:#0d0d0d;box-shadow:0 12px 35px #0d0d0d47,inset 0 1px #dc143c26}.nav-menu li{text-align:center}.nav-menu a{color:#dc143c;font-family:Montserrat,sans-serif;font-weight:600;font-size:1.7rem;text-transform:uppercase;letter-spacing:.12rem;padding:.9rem 1.6rem;text-decoration:none;position:relative;display:inline-block;transition:color .5s cubic-bezier(.25,.8,.25,1),text-shadow .6s cubic-bezier(.25,.46,.45,.94),filter .5s ease,transform .3s cubic-bezier(.34,1.56,.64,1);transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.nav-menu a:not(:last-child){background:linear-gradient(90deg,#dc143c 0% 45%,#ff1744 50%,#dc143c 55% 100%);background-size:200% 100%;background-position:0% 0%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .6s ease}.nav-menu a:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d0d0dd9,#0d0d0d 30%,#0d0d0dd9,#0d0d0d 70%,#0d0d0dd9);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.23,1,.32,1);z-index:-1;border-radius:4px}.nav-menu a:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#FF1744 25%,#D4A574 50%,#FF1744 75%,transparent 100%);transition:transform .4s cubic-bezier(.23,1,.32,1)}@media(hover:hover)and (pointer:fine){.nav-menu a:hover{color:#d4a574;text-shadow:0 0 15px rgba(212,165,116,.6),0 0 25px rgba(240,217,181,.4),0 2px 6px rgba(220,20,60,.3);filter:brightness(1.25) drop-shadow(0 0 8px rgba(212,165,116,.3));transform:translateY(-2px)}.nav-menu a:hover:not(:last-child){background-position:100% 0%}.nav-menu a:hover:before{transform:scaleX(1)}.nav-menu a:hover:after{transform:translate(-50%) scaleX(1)}}.nav-menu a.active{color:#d4a574;font-weight:600;text-shadow:0 0 15px rgba(212,165,116,.6),0 0 25px rgba(240,217,181,.4),0 2px 6px rgba(220,20,60,.3);filter:brightness(1.25) drop-shadow(0 0 8px rgba(212,165,116,.3))}.nav-menu a.active:not(:last-child){background-position:100% 0%}.nav-menu a.active:before{transform:scaleX(1)}.nav-menu a.active:after{transform:translate(-50%) scaleX(1);background:linear-gradient(90deg,transparent 0%,#FF1744 25%,#D4A574 50%,#FF1744 75%,transparent 100%);box-shadow:0 0 8px #d4a57480;animation:activeLineBreathing 4s ease-in-out infinite}.nav-menu a.active-section{color:#d4a574;text-shadow:0 0 15px rgba(212,165,116,.6),0 0 25px rgba(240,217,181,.4),0 2px 6px rgba(220,20,60,.3);filter:brightness(1.25) drop-shadow(0 0 8px rgba(212,165,116,.3))}.nav-menu a.active-section:before{transform:scaleX(1)}.nav-menu a.active-section:after{transform:translate(-50%) scaleX(1)}.nav-menu a.active.active-section{color:#dc143c}.nav-menu a.active.active-section:after{transform:translate(-50%) scaleX(1);background:linear-gradient(90deg,#dc143c 50%,#d4a574 50%)}@media(min-width:1024px){.nav-menu li{position:relative}.nav-menu li:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%) scale(0);width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#d4a574 0% 30%,#edae4c 60%,#f0d9b526);box-shadow:0 0 12px #d4a574,0 0 20px #d4a57499,0 0 28px #f0d9b566,inset 0 0 4px #fffc;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none}.nav-menu li:has(a.active):before{transform:translate(-50%) scale(1);animation:goldPulse 2s ease-in-out infinite}}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.nav-menu li:has(a:hover):before{transform:translate(-50%) scale(1);animation:goldPulse 2s ease-in-out infinite}}.nav-menu li:last-child{background:linear-gradient(145deg,#8b67354d,#d4a57426 30%,#f0d9b533,#d4a57426 70%,#8b67354d);border-radius:10px;padding:.5rem 1rem;border:1.5px solid rgba(212,165,116,.4);box-shadow:inset 0 1px #ffffff1a,0 0 20px #d4a57426;animation:ctaContainerBreathing 6s ease-in-out infinite}.nav-menu li:last-child a{background:linear-gradient(135deg,#d4a574,#f0d9b5,#fff8e7,#f0d9b5,#d4a574);background-size:200% 100%;background-position:0% 0%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;position:relative;animation:ctaShine 4s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(212,165,116,.4))}.nav-menu li:last-child a:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:6px;background:radial-gradient(circle,rgba(212,165,116,.3) 0%,rgba(240,217,181,.2) 50%,transparent 100%);opacity:0;z-index:-1;animation:ctaPulse 3s ease-in-out infinite;box-shadow:0 0 15px #d4a5744d}@media(hover:hover)and (pointer:fine){.nav-menu li:last-child a:hover{filter:brightness(1.35) drop-shadow(0 0 12px rgba(212,165,116,.6));text-shadow:0 0 20px rgba(212,165,116,.8)}.nav-menu li:last-child a:hover:before{animation-duration:.8s}}@media(min-width:768px){.nav-menu{position:static;width:auto;background:none;padding:0 1rem;border-radius:5px;flex-direction:row;gap:.3rem;opacity:1;visibility:visible;transform:none;box-shadow:none}.nav-menu a{padding:.6rem 0;font-size:1.5rem;letter-spacing:.08rem;padding:.7rem 1rem}}@media(min-width:1024px){.nav-menu{gap:.5rem}.nav-menu a{font-size:1.7rem;letter-spacing:.12rem;padding:.9rem 1.6rem}}@keyframes navbarBreathingGlow{0%,to{box-shadow:0 2px 20px #d4a57414}50%{box-shadow:0 2px 20px #d4a57414,0 4px 30px #f0d9b51f,0 0 40px #d4a5740f}}@keyframes activeLineBreathing{0%,to{box-shadow:0 0 8px #d4a57480;filter:brightness(1)}50%{box-shadow:0 0 12px #d4a574b3,0 0 20px #f0d9b566;filter:brightness(1.15)}}@keyframes ctaContainerBreathing{0%,to{box-shadow:inset 0 1px #ffffff1a,0 0 20px #d4a57426;border-color:#d4a57466}50%{box-shadow:inset 0 1px #ffffff26,0 0 30px #d4a57440,0 0 40px #f0d9b526;border-color:#d4a57499}}@keyframes goldPulse{0%,to{box-shadow:0 0 8px #f0d9b526,0 0 16px #f0d9b54d}50%{box-shadow:0 0 12px #edae4c,0 0 24px #f0d9b580,0 0 32px #d4a5744d,inset 0 0 6px #ffffffe6}}@keyframes ctaShine{0%,to{background-position:0% 0%}50%{background-position:100% 0%}}@keyframes ctaPulse{0%,to{opacity:0;transform:translate(-50%,-50%) scale(1)}50%{opacity:.15;transform:translate(-50%,-50%) scale(1.05)}}@keyframes logoBounce{0%{transform:scale(1)}40%{transform:scale(.95)}70%{transform:scale(1.03)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.navbar,.nav-menu,.nav-toggle,.logo-container,.logo-img{transition-duration:.01ms!important;animation-duration:.01ms!important}.nav-menu a:before,.nav-menu a:after{transition-duration:.01ms!important}}.font-script{font-family:Great Vibes,cursive;font-weight:400}@media(min-width:768px){body{padding-top:10rem}}:root{--color-texto-principal: #050505;--color-fondo-principal: #ffffff;--fuente-principal: Helvetica, Arial, sans-serif;--fuente-codigo: "Courier New", monospace;--altura-linea-base: 1.5}@media(prefers-color-scheme:dark){::selection{background-color:var(--color-texto-principal);color:var(--color-fondo-principal)}}@media(prefers-contrast:more){:root{--color-texto-principal: #000000;--color-fondo-principal: #ffffff;--color-enlace: #0000ee;--color-alerta: #ee0000;--color-exito: #008000;--color-fondo-hover: #ffff00;--color-fondo-activo: #00ff00;--color-fondo-deshabilitado: #808080;--borde-enfasis: 2px solid var(--color-texto-principal);--outline-enfasis: 3px solid var(--color-enlace)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:where(*,*:before,*:after){margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:where(img,picture,video,iframe,figure){max-width:100%;display:block;height:auto;border:0}:where(a){text-decoration:none;color:inherit}:where(ul,ol){padding:0;list-style:none}html{font-size:62.5%;line-height:var(--altura-linea-base)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-height:100vh;font-size:1.6rem;font-family:var(--fuente-principal);color:var(--color-texto-principal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(h1,h2,h3,h4,h5,h6,p,span,a,blockquote,li){font-size:inherit;font-weight:inherit;font-style:inherit;text-decoration:none;color:inherit}:where(strong,b){font-weight:700}:where(em,i){font-style:italic}:where(u){text-decoration:underline}:where(blockquote,q){quotes:none}:where(blockquote:before,blockquote:after,q:before,q:after){content:none}::selection{background-color:var(--color-texto-principal);color:var(--color-fondo-principal);text-shadow:none}:where(form,input,textarea,select,button,label){font-family:inherit;font-size:inherit;color:inherit;appearance:none}:where(textarea){resize:vertical}:where(button,input[type=button],input[type=submit],input[type=reset]){background:transparent;border:0;cursor:pointer;text-align:inherit}:where(fieldset){min-width:0}:where(legend){padding:0}:where(code,pre,kbd,samp){font-family:var(--fuente-codigo);font-size:.9em}:focus-visible{outline:2px solid var(--color-texto-principal);outline-offset:2px}:focus:not(:focus-visible){outline:none}:where(table,tr,td){border-collapse:collapse;border-spacing:0}:where(svg){max-width:100%;height:auto;fill:currentColor;vertical-align:middle}.visually-hidden,.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}input[type=checkbox],input[type=radio]{appearance:auto;cursor:pointer}:where(article,p,li,td,blockquote,a){word-break:normal;overflow-wrap:break-word;hyphens:none}input[type=file]{height:auto;width:auto;cursor:pointer}[hidden],template{display:none!important}progress,meter{appearance:auto}.reset-override{all:revert}:root{--primary: #DC143C;--primary-light: #FF1744;--primary-dark: #8B0000;--secondary: #2B2B2B;--secondary-light: #6B6B6B;--secondary-dark: #0D0D0D;--accent-gold: #D4A574;--accent-silver: #C0C0C0;--accent-champagne: #F0D9B5;--accent-bronze: #8B6735;--accent-brown: #5C4033;--white: #ffffff;--cream: #FAF9F7;--cream-dark: #F0F0F0;--bg-primary: #FAFAFA;--bg-card: var(--white);--bg-overlay: rgba(13, 13, 13, .8);--text-primary: #1A1A1A;--text-secondary: #2B2B2B;--text-muted: #6B6B6B;--text-white: #ffffff;--success: #D4A574;--error: #D32F2F;--warning: #F0D9B5;--info: #2B2B2B;--shadow-color: rgba(13, 13, 13, .1);--shadow-sm: 0 1px 2px var(--shadow-color), 0 2px 4px var(--shadow-color);--shadow-md: 0 2px 4px rgba(13, 13, 13, .08), 0 4px 10px rgba(13, 13, 13, .12);--shadow-lg: 0 4px 8px rgba(13, 13, 13, .1), 0 15px 30px rgba(13, 13, 13, .15);--shadow-gold: 0 4px 20px rgba(212, 165, 116, .35);--shadow-silver: 0 4px 20px rgba(192, 192, 192, .3);--gradient-primary: linear-gradient(135deg, #8B0000, #DC143C, #FF1744);--gradient-accent: linear-gradient(135deg, #8B6735, #D4A574, #F0D9B5);--gradient-silver: linear-gradient(135deg, #8A8A8A, #E5E5E5, #8A8A8A);--spacing-xs: .8rem;--spacing-sm: 1.2rem;--spacing-md: 1.76rem;--spacing-lg: 2.4rem;--spacing-xl: 3.2rem;--radius-sm: .4rem;--radius: .8rem;--radius-lg: 1.6rem;--radius-full: 50%;--border-radius: var(--radius);--transition-fast: .22s cubic-bezier(0, 0, .2, 1);--transition-base: .35s cubic-bezier(.4, 0, .2, 1);--transition-cubic: .45s cubic-bezier(.23, 1, .32, 1);--transition: var(--transition-cubic);--fuente-principal: "Montserrat", sans-serif;--fuente-display: "Playfair Display", serif;--fuente-heading: "Cormorant Garamond", serif;--fuente-script: "Great Vibes", cursive;--fuente-accent: "EB Garamond", serif;--fuente-codigo: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-primary: var(--fuente-principal);--font-base-size: 10px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--line-height-base: 1.65;--z-base: 1;--z-dropdown: 100;--z-header: 500;--z-modal: 1000;--z-tooltip: 1100}html{font-size:62.5%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{user-select:none;font-family:var(--font-primary);font-size:1.6rem;font-weight:var(--font-normal);line-height:var(--line-height-base);color:var(--text-primary);background-color:var(--bg-primary);background-image:url(/cancionero/assets/gusanito-C8fZkTyA.webp)}h1,.h1,h2,.h2,h3,.h3{color:var(--text-primary);text-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:var(--font-bold);line-height:1.2}h1,.h1{font-family:var(--fuente-display);font-size:4.5rem;margin:0 0 2rem}h2,.h2{font-family:var(--fuente-heading);font-size:3.2rem;font-weight:var(--font-bold);margin:0 auto 4.2rem;text-align:center}h3,.h3{font-family:var(--fuente-heading);font-size:2.4rem;font-weight:var(--font-bold);margin:0 0 1.6rem}p{font-size:1.6rem;margin:1.6rem 0;line-height:1.6}a{color:var(--primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .25s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--primary-light);text-decoration-thickness:2px}h1,.h1{font-size:2.4rem}h2,.h2{font-size:1.8rem}@media(min-width:375px){h1,.h1{font-size:2.6rem}h2,.h2{font-size:2rem}}@media(min-width:480px){h1,.h1{font-size:2.7rem}h2,.h2{font-size:2.1rem}h3,.h3{font-size:1.8rem;margin:0 0 1.2rem}}@media(min-width:768px){h1,.h1{font-size:5rem;margin-bottom:2.5rem}h2,.h2{font-size:3rem;margin-bottom:5.5rem}h3,.h3{font-size:3.2rem;margin:0 0 1.8rem}}@media(min-width:1024px){h1,.h1{font-size:5.5rem;margin-bottom:3rem}h2,.h2{font-size:3.5rem;margin-bottom:6.5rem}h3,.h3{font-size:3.2rem;margin:0 0 2rem}}:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background-color:#d4a57459;color:var(--text-primary)}::-moz-selection{background-color:#d4a57459;color:var(--text-primary)}.container{width:100%;max-width:130rem;margin:6rem auto 10rem;padding:0 2rem}@media(min-width:375px){.container{margin:8rem auto 12rem}}@media(min-width:428px)and (max-width:767px){.container{margin:10rem auto 15%}}@media(min-width:768px){.container{margin:0 auto;padding:0 2rem}}.hidden{display:none!important}.visible{display:block!important}@supports (-webkit-touch-callout: none){select,textarea,input{font-size:16px;appearance:none;-webkit-appearance:none}.accordion-content{max-height:0!important;overflow:hidden!important;padding-top:0!important;padding-bottom:0!important;visibility:hidden;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-out,padding-top .3s ease-out,padding-bottom .3s ease-out}.accordion-item.active .accordion-content{max-height:2200px!important;overflow:visible!important;visibility:visible!important;opacity:1!important;padding:1rem!important}.accordion-controles{display:block;padding:12px;margin-bottom:12px;background-color:var(--bg-card)}audio::-webkit-media-controls-panel{display:flex;align-items:center;height:60px!important;padding:0 12px}audio::-webkit-media-controls-play-button{transform:scale(3.2)!important;-webkit-transform:scale(3.2)!important;-moz-transform:scale(3.2)!important;-ms-transform:scale(3.2)!important;-o-transform:scale(3.2)!important;filter:drop-shadow(0 1px 2px rgba(13,13,13,.2))}button,.select-btn,#send-btn,.remove-song-btn{min-height:44px;appearance:none;-webkit-appearance:none;transition:transform .1s ease-out,background-color .2s ease}.volume-slider{appearance:none;-webkit-appearance:none;height:5px;background:var(--cream-dark);border-radius:99px;outline:none}.volume-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s ease-out}button.remove-song-btn{width:44px!important}}@media(min-width:768px){.custom-audio-controls{min-height:60px}}:root{--header-height: 60px;--header-bg: #FAF9F7;--header-border: rgba(107, 107, 107, .2);--title-color: var(--primary-dark);--max-width: 1200px}.reservation-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);min-height:var(--header-height);background-color:#faf9f7e0;backdrop-filter:blur(12px) saturate(110%);-webkit-backdrop-filter:blur(12px) saturate(110%);border-bottom:1px solid var(--header-border);box-shadow:0 1px 3px #5c40331f,0 4px 12px #0d0d0d14,0 8px 24px #dc143c1a,0 12px 40px -8px #dc143c26,0 0 35px #edae4c14,inset 0 -1px #fffc;display:flex;justify-content:center;align-items:center;transform:translateZ(0);backface-visibility:hidden;transition:min-height .3s ease-in-out,background-color .3s ease,box-shadow .3s ease}.reservation-header__logo{width:155px;height:auto;margin-top:3px;display:block;transition:transform .3s cubic-bezier(.22,1,.36,1),filter .3s ease;filter:drop-shadow(0 2px 3px rgba(13,13,13,.1));content-visibility:auto;contain:layout style paint}@media(hover:hover)and (pointer:fine){.reservation-header__logo:hover{transform:translateY(-2px) scale(1.03);filter:drop-shadow(0 5px 8px rgba(13,13,13,.12))}}.reservation-form__title{text-align:center;color:var(--title-color);margin:1rem 0;font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--font-bold);font-family:var(--font-primary);line-height:1.2;letter-spacing:-.01em;text-shadow:0 2px 8px rgba(13,13,13,.1);background:linear-gradient(180deg,var(--title-color) 70%,color-mix(in srgb,var(--title-color) 85%,#000));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.container.reservation-form{position:relative;z-index:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1rem;box-sizing:border-box;padding-top:calc(var(--header-height) + var(--spacing-lg))}@media(min-width:769px){:root{--header-height: 65px}.reservation-header__logo{width:160px}}@media(prefers-reduced-motion:reduce){.reservation-header,.reservation-header__logo{transition:none}}@property --ring-progress{syntax: "<percentage>"; inherits: true; initial-value: 0%;}.song-counter{position:fixed;top:1.5rem;left:1.5rem;z-index:1000;--ring-progress: 0%;--ring-fill: var(--accent-gold);--ring-track: rgba(212, 165, 116, .15);--ring-width: 3px;width:7.5rem;height:7.5rem;border-radius:50%;background:linear-gradient(145deg,#ffffffd9,#faf9f7bf);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(212,165,116,.4);box-shadow:0 4px 20px #0000001f,0 8px 32px #d4a57426,inset 0 2px 4px #fffc,inset 0 -1px 2px #0000000d;display:flex;align-items:center;justify-content:center;overflow:visible;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease,border-color .4s ease,opacity .4s ease,--ring-progress .6s cubic-bezier(.34,1.56,.64,1)}.song-counter:before{content:"";position:absolute;inset:-.8rem;border-radius:50%;background:conic-gradient(var(--ring-fill) var(--ring-progress),var(--ring-track) var(--ring-progress));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring-width)),#000 calc(100% - var(--ring-width)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring-width)),#000 calc(100% - var(--ring-width)));pointer-events:none}@media(hover:hover)and (pointer:fine){.song-counter:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 28px #00000026,0 12px 40px #d4a57440,0 0 20px #d4a5741f,inset 0 2px 4px #ffffffe6,inset 0 -1px 2px #0000000d;border-color:#d4a57499}.song-counter.warning:hover,.song-counter.max-reached:hover{transform:none}}.counter-content{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1;transition:opacity .4s ease}.counter-numbers{display:flex;align-items:baseline;gap:.2rem;line-height:1}#selected-count{font-family:Playfair Display,serif;font-size:2.4rem;font-weight:700;color:#1b7a3d;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(255,255,255,.8);transition:color .4s ease,transform .3s ease}.counter-divider{font-family:Playfair Display,serif;font-size:1.6rem;font-weight:600;color:var(--accent-gold);opacity:.8;margin:0 .1rem;transition:opacity .4s ease}#max-songs-display{font-family:Playfair Display,serif;font-size:1.6rem;font-weight:600;color:#8b6735;font-variant-numeric:tabular-nums;opacity:.9;transition:color .4s ease,opacity .4s ease}.counter-text{font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-top:.2rem;opacity:.85;transition:color .4s ease,opacity .4s ease}.song-counter.empty{opacity:.7;border-color:#d4a57440;--ring-track: rgba(212, 165, 116, .08);box-shadow:0 2px 12px #00000014,0 4px 20px #d4a57414,inset 0 2px 4px #fff9,inset 0 -1px 2px #00000008}.song-counter.empty .counter-content{opacity:.75}.song-counter.empty #selected-count{color:var(--text-secondary)}.song-counter.empty .counter-divider,.song-counter.empty #max-songs-display{opacity:.6}@media(hover:hover)and (pointer:fine){.song-counter.empty:hover{opacity:.9;border-color:#d4a57466;box-shadow:0 6px 24px #0000001f,0 10px 36px #d4a5742e,inset 0 2px 4px #fffc,inset 0 -1px 2px #0000000d}.song-counter.empty:hover .counter-content{opacity:1}}.song-counter.warning{--ring-fill: #D4874A;--ring-track: rgba(212, 135, 74, .18);border-color:#d4874a;animation:warningGlow 2.5s ease-in-out infinite}.song-counter.warning:before{filter:drop-shadow(0 0 6px rgba(212,135,74,.6))}.song-counter.warning #selected-count{color:#c4722a}.song-counter.warning #max-songs-display{color:#c4722a;opacity:1}@keyframes warningGlow{0%,to{box-shadow:0 4px 20px #0000001f,0 8px 32px #d4874a33,inset 0 2px 4px #fffc,inset 0 -1px 2px #0000000d}50%{box-shadow:0 4px 24px #d4874a40,0 8px 40px #d4874a4d,0 0 30px #d4874a26,inset 0 2px 4px #fffc,inset 0 -1px 2px #0000000d}}.song-counter.max-reached{border-color:var(--error);--ring-fill: var(--error);--ring-track: rgba(220, 20, 60, .12);animation:maxPulse 2.5s ease-in-out infinite}.song-counter.max-reached:before{filter:drop-shadow(0 0 8px rgba(220,20,60,.5))}.song-counter.max-reached #selected-count,.song-counter.max-reached #max-songs-display,.song-counter.max-reached .counter-text{color:var(--error)}@keyframes maxPulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #dc143c26,0 8px 32px #dc143c33,inset 0 2px 4px #fffc,inset 0 -1px 2px #0000000d}50%{transform:scale(1.03);box-shadow:0 6px 28px #dc143c4d,0 10px 44px #dc143c40,0 0 35px #dc143c33,inset 0 2px 4px #fffc,inset 0 -1px 2px #0000000d}}@media(min-width:375px){.song-counter{width:8.5rem;height:8.5rem;top:1.8rem;left:1.8rem}#selected-count{font-size:2.8rem}.counter-divider,#max-songs-display{font-size:1.8rem}.counter-text{font-size:1.15rem}}@media(min-width:480px){.song-counter{width:9rem;height:9rem}#selected-count{font-size:3rem}.counter-divider,#max-songs-display{font-size:2rem}.counter-text{font-size:1.2rem;letter-spacing:.1em}}@media(min-width:768px){.song-counter{width:10rem;height:10rem;top:2rem;left:2.5rem;--ring-width: 4px}#selected-count{font-size:3.4rem}.counter-divider,#max-songs-display{font-size:2.2rem}.counter-text{font-size:1.25rem}}@media(min-width:1024px){.song-counter{width:11rem;height:11rem;top:10rem;left:3rem}#selected-count{font-size:3.8rem}.counter-divider,#max-songs-display{font-size:2.4rem}.counter-text{font-size:1.3rem;margin-top:.3rem}}@media(min-width:1280px){.song-counter{width:12rem;height:12rem;top:12rem;left:max(2rem,calc(50% - 62rem));--ring-width: 5px}#selected-count{font-size:4.2rem}.counter-divider,#max-songs-display{font-size:2.6rem}.counter-text{font-size:1.4rem}}@media(min-width:1440px){.song-counter{left:max(2rem,calc(50% - 60rem))}}.main-title{font-weight:700;text-align:center;margin:3rem auto 1rem;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 35%,var(--accent-gold) 65%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:titleShimmer 4.5s cubic-bezier(.445,.05,.55,.95) infinite;filter:drop-shadow(0 2px 4px rgba(220,20,60,.2));will-change:background-position,filter}.title-accent{font-family:Great Vibes,cursive;font-weight:400;letter-spacing:.02em;display:block;margin-top:.25rem;background:linear-gradient(135deg,var(--primary-dark) 20%,var(--accent-gold) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.instructions-img{width:100%;height:200px;margin:1rem auto;border-radius:var(--radius-lg);background-image:url(/cancionero/assets/list-songs-480x360-Iquf6gWI.webp);background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 15px 30px -8px #00000047,0 8px 16px -4px #0000001f,inset 0 2px 4px #fff6,inset 0 -2px 4px #41414114;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);backface-visibility:hidden}.instructions-img:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 2px #edae4c40;pointer-events:none;z-index:1;transition:box-shadow .3s ease}@media(hover:hover)and (pointer:fine){.instructions-img:hover{transform:translateY(-3px) scale(1.015) translateZ(0);box-shadow:0 20px 45px -10px #00000052,0 12px 24px -6px #0000002e,0 0 30px #edae4c59,0 0 50px #f0d9b533,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #4141411a}.instructions-img:hover:before{box-shadow:inset 0 0 0 3px #edae4c80}}.instructions-container{padding:1.25rem;background-color:var(--bg-card);background-image:url(/cancionero/assets/papel-Dh5JcfAk.webp);background-blend-mode:multiply;border-radius:var(--radius-lg);margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 15px 35px -8px #00000038,0 8px 18px -4px #0000001a,inset 0 2px 4px #ffffffb3,inset 0 -2px 4px #4141410f;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);will-change:box-shadow;backface-visibility:hidden;animation:containerBreathing 8s ease-in-out infinite}.instructions-container:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 2px #edae4c2e;pointer-events:none;z-index:0}@keyframes containerBreathing{0%,to{box-shadow:0 15px 35px -8px #00000038,0 8px 18px -4px #0000001a,inset 0 2px 4px #ffffffb3,inset 0 -2px 4px #4141410f}50%{box-shadow:0 18px 40px -8px #00000040,0 10px 22px -4px #0000001f,inset 0 2px 4px #ffffffbf,inset 0 -2px 4px #4141410d}}.instructions-intro{color:var(--text-primary);font-family:EB Garamond,Cormorant Garamond,Georgia,serif;font-size:2rem;font-style:italic;font-weight:400;line-height:1.7;letter-spacing:.015em;text-align:center;margin-bottom:2rem;padding:2rem 2.5rem;position:relative;z-index:1;background:linear-gradient(145deg,#fffdfaf2,#fdfaf5e6,#faf7f0eb,#fdfaf5e6,#fffdfaf2);border-radius:var(--radius-lg);box-shadow:0 12px 28px -6px #00000026,0 6px 14px -4px #00000014,inset 0 2px 4px #ffffffe6,inset 0 -2px 4px #8b67350a;backface-visibility:hidden}.instructions-intro:before{content:"💡";position:absolute;top:50%;right:-.5rem;transform:translateY(-50%);font-size:7rem;opacity:.15;z-index:0;pointer-events:none;filter:grayscale(30%);transition:opacity .5s ease,transform .5s ease,filter .5s ease}.instructions-intro:after{content:"";position:absolute;top:.6rem;left:.6rem;width:2.2rem;height:2.2rem;border-top:2px solid var(--accent-gold);border-left:2px solid var(--accent-gold);border-radius:3px 0 0;opacity:.5;transition:opacity .3s ease,transform .3s ease}@media(hover:hover)and (pointer:fine){.instructions-intro:hover:before{opacity:.15;transform:translateY(-50%) scale(1.05);filter:grayscale(0%)}.instructions-intro:hover:after{opacity:.85;transform:translate(-2px,-2px)}}.instructions-subtitle{color:var(--primary);text-align:center;margin-bottom:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;position:relative;padding:.5rem 2.5rem;display:inline-block;width:100%;z-index:1}.instructions-subtitle:before,.instructions-subtitle:after{content:"";position:absolute;top:50%;width:2.5rem;height:2px;border-radius:2px}.instructions-subtitle:before{left:0;background:linear-gradient(90deg,transparent 0%,rgba(237,174,76,.4) 30%,var(--accent-gold) 100%)}.instructions-subtitle:after{right:0;background:linear-gradient(90deg,var(--accent-gold) 0%,rgba(237,174,76,.4) 70%,transparent 100%)}.steps-grid{display:grid;gap:1.25rem;padding:.5rem;position:relative;z-index:1}.step-item{text-align:center;padding:1.25rem 1rem;position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#fafafa,#f5f5f5);border-radius:var(--radius);box-shadow:0 10px 20px -5px #00000026,0 5px 10px -3px #00000014,inset 0 2px 4px #fffc,inset 0 -2px 4px #4141410a;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),background .3s ease;backface-visibility:hidden}.step-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-100%) skew(-15deg);transition:transform .8s cubic-bezier(.23,1,.32,1);pointer-events:none}@media(hover:hover)and (pointer:fine){.step-item:hover{transform:translateY(-4px) translateZ(0);background:linear-gradient(145deg,#fff,#fffdfa,#faf8f5);box-shadow:0 18px 35px -8px #0003,0 10px 18px -5px #0000001f,0 0 25px #edae4c4d,0 0 45px #f0d9b52e,inset 0 2px 4px #ffffffe6,inset 0 -2px 4px #4141410d}.step-item:hover i{color:var(--accent-gold);transform:scale(1.12) rotate(-5deg);filter:drop-shadow(0 4px 12px rgba(237,174,76,.4))}.step-item:hover h3{color:var(--primary);text-shadow:0 1px 2px rgba(220,20,60,.1)}.step-item:hover:after{transform:translate(100%) skew(-15deg)}}.step-item i{font-size:3.2rem;color:var(--primary);margin-bottom:1rem;display:inline-block;transition:color .3s ease,transform .4s cubic-bezier(.34,1.56,.64,1),filter .3s ease;filter:drop-shadow(0 2px 4px rgba(220,20,60,.15))}.step-item h3{color:var(--primary-dark);margin:0 0 .75rem;font-weight:600;transition:color .3s ease,text-shadow .3s ease}.step-item p{color:var(--text-secondary);line-height:1.55;margin:0}@media(min-width:375px){.instructions-intro{padding:2.25rem 2.75rem;font-size:2.1rem}.instructions-intro:before{font-size:8rem;right:-.3rem}.instructions-intro:after{width:2.5rem;height:2.5rem}.instructions-img{height:250px}.steps-grid{gap:1.5rem}.step-item{padding:1.5rem 1.25rem}}@media(min-width:428px){.main-title{margin:3.5rem auto 1.5rem}.instructions-img{height:300px}.instructions-container{padding:1.75rem}.steps-grid{gap:1.75rem}.step-item{padding:1.75rem 1.5rem}.step-item i{font-size:3.5rem;margin-bottom:1.2rem}}@media(min-width:600px){.instructions-img{max-width:600px;height:320px}.instructions-subtitle:before,.instructions-subtitle:after{width:3.5rem}}@media(min-width:768px){.instructions-intro{padding:2.5rem 4rem;font-size:2.2rem;max-width:85%;margin-left:auto;margin-right:auto;margin-bottom:2.5rem}.instructions-intro:before{font-size:9rem;right:0}.instructions-intro:after{width:3rem;height:3rem;top:.8rem;left:.8rem;border-width:3px}.instructions-container{padding:2.5rem;max-width:900px;margin:0 auto 2rem}.instructions-img{max-width:750px;background-image:url(/cancionero/assets/list-songs-768x576-C1Gf8Yrg.webp)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.step-item{padding:2rem 1.5rem}.step-item i{font-size:4rem;margin-bottom:1.5rem}.instructions-subtitle:before,.instructions-subtitle:after{width:4rem}}@media(min-width:1024px){.instructions-img{height:500px}.step-item i{font-size:4.2rem}.instructions-subtitle{font-size:3rem}.instructions-subtitle:before,.instructions-subtitle:after{width:5rem}@media(hover:hover)and (pointer:fine){.step-item:hover{transform:translateY(-6px) translateZ(0)}}}.category-dropdown-container{position:relative;width:100%;margin:0 auto 1.6rem}#categoryInput{width:100%;padding:1.6rem 4.8rem 1.6rem 1.6rem;border:2px solid var(--cream-dark);border-radius:var(--radius);font-size:1.5rem;font-weight:var(--font-medium);background-color:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:border-color .3s ease-out,box-shadow .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0d0d0d14,0 2px 6px #5c40330f,0 0 0 1px #dc143c14,inset 0 1px 2px #ffffffe6;-webkit-appearance:none;appearance:none}@media(hover:hover)and (pointer:fine){#categoryInput:hover{border-color:var(--accent-gold);box-shadow:0 6px 18px #0d0d0d1f,0 4px 12px #edae4c26,0 2px 8px #dc143c14,0 0 20px #edae4c33,0 10px 28px #5c403314,inset 0 1px 2px #fffffff2}}.category-dropdown-container.open #categoryInput{border-color:var(--accent-gold);transform:translateY(-.3rem);box-shadow:0 8px 24px #0d0d0d26,0 6px 18px #edae4c38,0 4px 12px #dc143c1f,0 0 30px #edae4c4d,0 12px 32px #5c40331a,inset 0 1px 2px #fff}.category-dropdown{position:absolute;right:0;top:0;height:100%;width:4.8rem;background:var(--gradient-primary);border-radius:0 var(--radius) var(--radius) 0;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background var(--transition-cubic),filter var(--transition-cubic);border-left:1px solid rgba(255,255,255,.2)}.category-dropdown:hover{background:var(--gradient-primary);filter:brightness(1.2) saturate(1.1)}.dropdown-arrow{color:var(--text-white);font-size:1.9rem;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55);filter:drop-shadow(0 1px 1px rgba(13,13,13,.2))}.category-dropdown-container.open .dropdown-arrow{transform:rotate(180deg)}#categoryList{position:absolute;top:calc(100% + .8rem);left:0;width:100%;max-height:25rem;overflow-y:auto;background:#ffffffbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--accent-gold);border-radius:var(--radius);box-shadow:0 8px 24px #0d0d0d26,0 6px 18px #edae4c2e,0 4px 12px #dc143c1a,0 0 30px #edae4c26,0 12px 32px #5c40331a,inset 0 1px #fffc;z-index:var(--z-dropdown);opacity:0;transform:translateY(-1rem) scale(.98);transform-origin:top center;visibility:hidden;transition:opacity .3s ease-out,transform .35s cubic-bezier(.16,1,.3,1),visibility 0s .35s}#categoryList.visible{opacity:1;transform:translateY(0) scale(1);visibility:visible;transition:opacity .3s ease-out,transform .35s cubic-bezier(.16,1,.3,1),visibility 0s}.category-dropdown-container.dropup #categoryList{top:auto;bottom:calc(100% + .8rem);transform-origin:bottom center}.category-dropdown-container.dropup #categoryList.visible{transform:translateY(0) scale(1)}.category-dropdown-container.dropup #categoryList{transform:translateY(1rem) scale(.98)}#categoryList li{padding:1.2rem 1.6rem;cursor:pointer;transition:background-color .2s ease-out,color .2s ease-out,transform .25s cubic-bezier(.23,1,.32,1);font-size:1.4rem;color:var(--text-primary);border-bottom:1px solid var(--cream-dark);position:relative;overflow:hidden}#categoryList li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.4rem;background-color:var(--accent-gold);transform:translate(-100%);transition:transform .3s cubic-bezier(.23,1,.32,1)}#categoryList li:last-child{border-bottom:none}#categoryList li:hover{background-color:var(--cream);color:var(--primary-dark);transform:translate(.5rem)}#categoryList li:hover:before{transform:translate(0)}#categoryList li:active{background-color:var(--cream-dark)}#categoryList::-webkit-scrollbar{width:.8rem}#categoryList::-webkit-scrollbar-track{background:#0d0d0d0d;border-radius:var(--radius)}#categoryList::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius);border:2px solid transparent;background-clip:content-box;transition:background-color .2s ease-out}#categoryList::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media(min-width:480px){.category-dropdown-container{max-width:40rem}#categoryInput{font-size:1.6rem;padding:1.6rem 5.6rem 1.6rem 2rem}.category-dropdown{width:5.6rem}#categoryList li{font-size:1.6rem;padding:1.4rem 2rem}}.search-container{margin:1.6rem 0 2.4rem;position:relative;width:100%}.search-container:before{content:"";font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;position:absolute;left:1.4rem;top:0;padding:1.4rem 0;font-size:1.5rem;line-height:1.2;color:var(--text-muted);pointer-events:none;z-index:1;transition:color .3s ease}.search-container:focus-within:before{color:var(--accent-gold)}#search-input{width:100%;padding:1.4rem 4.4rem 1.4rem 4rem;border:2px solid rgba(212,165,116,.25);border-radius:var(--radius);font-size:1.5rem;line-height:1.2;font-family:inherit;background:var(--white);color:var(--text-primary);transition:border-color .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px #0000000f}#search-input::placeholder{color:var(--text-muted);opacity:.75;transition:opacity .2s ease}#search-input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px #edae4c33,0 4px 12px #8b67351a}#search-input:focus::placeholder{opacity:.4}@media(hover:hover)and (pointer:fine){#search-input:hover:not(:focus){border-color:#d4a57473}}.clear-search{position:absolute;right:1rem;top:.9rem;background:linear-gradient(145deg,#d4a57426,#8b673514);border:1px solid rgba(212,165,116,.25);color:#8b6735;cursor:pointer;padding:0;font-size:1.4rem;z-index:2;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:var(--radius-full);transition:color .25s ease,background .25s ease,border-color .25s ease,transform .2s ease}.clear-search.visible{display:flex!important}@media(hover:hover)and (pointer:fine){.clear-search:hover{background:linear-gradient(145deg,#dc143c1a,#dc143c0d);border-color:#dc143c4d;color:var(--error);transform:rotate(90deg)}}.clear-search:active{transform:scale(.85);background:#dc143c1f}.search-results-count{margin-top:1rem;color:#6b4f2a;font-size:1.6rem;text-align:center;font-family:EB Garamond,serif;font-style:italic;line-height:1.6;padding:1.2rem 2rem;border-radius:var(--radius);background:#edae4c14;border:1px solid rgba(212,165,116,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-width:fit-content;margin-left:auto;margin-right:auto;animation:slideInFade .35s ease-out}#results-number{font-weight:700;color:#5c4033;font-size:2rem;padding:0 .3rem;font-family:Playfair Display,serif}.no-results-message{margin-top:1.2rem;color:#7a1a2e;font-size:1.6rem;text-align:center;font-family:EB Garamond,serif;font-style:italic;font-weight:500;line-height:1.6;padding:1.2rem 2rem;border-radius:var(--radius);background:#dc143c0f;border:1px solid rgba(220,20,60,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-width:fit-content;margin-left:auto;margin-right:auto;animation:gentleAppear .4s ease-out}.no-results-message:before{content:"";font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;font-style:normal;margin-right:.8rem;font-size:1.4rem;color:#dc143c73}@keyframes slideInFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes gentleAppear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:375px){#search-input{padding:1.6rem 4.8rem 1.6rem 4.4rem;font-size:1.6rem}.search-container:before{left:1.6rem;padding:1.6rem 0;font-size:1.6rem}.clear-search{right:1.2rem;top:1rem;width:3.6rem;height:3.6rem;font-size:1.6rem}.search-results-count,.no-results-message{font-size:1.7rem}}@media(min-width:428px){.search-container{max-width:90%;margin-left:auto;margin-right:auto}#search-input{padding:1.8rem 5.2rem 1.8rem 4.8rem}.search-container:before{left:1.8rem;padding:1.8rem 0}.clear-search{top:1.2rem}}@media(min-width:480px){.search-container{max-width:85%}}@media(min-width:600px){.search-container{max-width:500px}#search-input{font-size:1.7rem}.search-results-count,.no-results-message{font-size:1.8rem}}@media(min-width:768px){.search-container{max-width:600px}.search-results-count,.no-results-message{font-size:1.9rem}}.song-list-container{display:flex;flex-direction:column;gap:1.8rem;margin-bottom:4rem}.song-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);position:relative;display:flex;align-items:stretch;border:none;box-shadow:0 15px 25px -5px #0000004d,0 8px 12px -3px #00000026,inset 0 2px 4px #fff9,inset 0 -2px 4px #4141411a;backface-visibility:hidden}@media(hover:hover)and (pointer:fine){.song-card:hover{transform:translateY(-2px) scale(1.01) translateZ(0);box-shadow:0 20px 40px -8px #0000004d,0 12px 20px -5px #00000026,0 0 25px #edae4c73,0 0 45px #f0d9b540,inset 0 2px 4px #ffffffb3,inset 0 -2px 4px #4141411f}}.number-section{background:linear-gradient(145deg,#fafafa,#f5f5f5 50%,#e5e5e5);color:var(--primary-dark);width:16%;align-self:stretch;display:flex;align-items:center;justify-content:center;font-size:3.2rem;font-family:Playfair Display,serif;font-weight:700;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-.015em;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;transition:background var(--transition),color var(--transition),box-shadow var(--transition);border:none;box-shadow:0 2px 6px #0000000a,inset -1px 0 2px #00000014,inset 0 1px 1px #ffffff80,inset 0 -1px 1px #00000008;text-shadow:1px 1px 1px var(--white)}.song-card.selected{background:linear-gradient(110deg,color-mix(in srgb,var(--bg-card) 95%,var(--cream)) 65%,var(--cream-dark));border:2px solid var(--accent-gold);box-shadow:0 0 0 1px #d4a57440,0 0 0 3px #edae4c1f,0 15px 35px -8px #2e8b5738,0 10px 20px -5px #0000002e,0 0 20px #edae4c4d,0 0 35px #f0d9b526,inset 0 2px 4px #fff9,inset 0 -2px 4px #edae4c14;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .5s cubic-bezier(.22,1,.36,1),border-color .3s ease,background .4s ease}@keyframes selectPulse{0%{box-shadow:0 0 0 1px #d4a57440,0 0 0 3px #edae4c1f,0 15px 35px -8px #2e8b5738,0 10px 20px -5px #0000002e,0 0 20px #edae4c4d,0 0 35px #f0d9b526,inset 0 2px 4px #fff9,inset 0 -2px 4px #edae4c14}50%{box-shadow:0 0 0 2px #d4a57459,0 0 0 5px #edae4c2e,0 17px 40px -8px #2e8b5742,0 12px 24px -5px #0003,0 0 28px #edae4c61,0 0 45px #f0d9b533,inset 0 2px 5px #ffffffb3,inset 0 -2px 5px #edae4c1f}to{box-shadow:0 0 0 1px #d4a57440,0 0 0 3px #edae4c1f,0 15px 35px -8px #2e8b5738,0 10px 20px -5px #0000002e,0 0 20px #edae4c4d,0 0 35px #f0d9b526,inset 0 2px 4px #fff9,inset 0 -2px 4px #edae4c14}}.song-card.selected{animation:selectPulse .8s cubic-bezier(.22,1,.36,1) 1}.song-card.selected .number-section{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #dc143c33,0 0 20px #edae4c26,inset -6px 0 18px -8px #00000059,inset -2px 0 4px #edae4c66,inset 0 1px 2px #ffffff4d,inset 0 -2px 3px #dc143c26}.song-card.selected .number-section .number{display:none}.song-card.selected .number-section:after{content:"✓";font-size:inherit;font-weight:900;font-family:Montserrat,sans-serif;animation:checkIn .7s cubic-bezier(.34,1.56,.64,1);color:var(--accent-gold);filter:drop-shadow(0 0 8px rgba(237,174,76,.56));text-shadow:0 0 2px var(--white)}@keyframes checkIn{0%{transform:translateY(25px) scale(.4) rotate(-90deg);opacity:0}60%{transform:translateY(-12px) scale(1.2) rotate(10deg);opacity:1}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@keyframes badgeBreathing{0%,to{box-shadow:0 2px 12px #edae4c59,0 4px 18px #edae4c33,0 0 0 1px #edae4c66,inset 0 1px #fff9}10%{box-shadow:0 2px 12px #edae4c59,0 4px 18px #edae4c33,0 0 0 1px #edae4c66,inset 0 1px #fff9}45%{box-shadow:0 2px 14px #edae4c66,0 4px 22px #edae4c40,0 0 18px #f0d9b526,0 0 0 1px #edae4c80,inset 0 1px #ffffffb3}60%{box-shadow:0 2px 14px #edae4c66,0 4px 22px #edae4c40,0 0 18px #f0d9b526,0 0 0 1px #edae4c80,inset 0 1px #ffffffb3}92%{box-shadow:0 2px 12px #edae4c5c,0 4px 18px #edae4c38,0 0 0 1px #edae4c6b,inset 0 1px #ffffff9e}}.content-section{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.song-header{display:flex;justify-content:space-between;align-items:flex-start}.song-info{flex:1}.category-badge{background:linear-gradient(135deg,var(--cream),var(--accent-champagne));color:var(--primary-dark);padding:.6rem 1.4rem;border-radius:20px;font-size:1.3rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;border:none;box-shadow:0 2px 8px #0d0d0d14,0 4px 12px #edae4c0f,0 0 0 1px #edae4c26,inset 0 1px #ffffff80}.song-card.selected .category-badge{background:linear-gradient(135deg,var(--accent-gold),var(--accent-champagne));color:var(--primary-dark);box-shadow:0 2px 12px #edae4c59,0 4px 18px #edae4c33,0 0 0 1px #edae4c66,inset 0 1px #fff9;animation:badgeBreathing 6s ease-in-out infinite;will-change:box-shadow}.category-badge i{font-size:1.4rem;color:var(--primary-dark);opacity:.9}.song-title{font-size:2.6rem;font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.2;font-family:Cormorant Garamond,serif;font-weight:700;letter-spacing:-.005em;transition:color .3s ease,text-shadow .3s ease}.song-card.selected .song-title{color:var(--primary-dark);text-shadow:0 1px 2px rgba(0,0,0,.08),0 0 20px rgba(237,174,76,.15),0 0 40px rgba(212,165,116,.08)}.song-meta{display:flex;align-items:center;justify-content:space-evenly;row-gap:1.6rem;font-size:2.1rem;color:var(--text-secondary);font-family:EB Garamond,serif;font-weight:400;font-style:italic;letter-spacing:.01em;transition:color .3s ease}.song-card.selected .song-meta{color:var(--secondary-dark)}.song-card.selected .song-meta i{color:var(--accent-gold);opacity:1;filter:drop-shadow(0 0 3px rgba(237,174,76,.4));transition:color .3s ease,filter .3s ease}.song-meta span{display:flex;align-items:center;gap:6px}.song-meta i{color:var(--primary);opacity:.8;font-size:2rem;transition:color .3s ease,filter .3s ease,opacity .3s ease}.mini-player{background:linear-gradient(145deg,#fafafa,#f5f5f5);border-radius:var(--radius);padding:1.2rem 1.6rem;display:none;align-items:center;gap:1.2rem;margin:.8rem 0;border:none;box-shadow:0 2px 6px #0000000f,0 4px 12px #0000000a,inset 0 1px 2px #0000000a,inset 0 -1px 1px #ffffff80;opacity:0;transform:translateY(-8px) scale(.98)}.mini-player.visible{display:flex;animation:quickFadeIn .35s cubic-bezier(.34,1.56,.64,1) forwards}.mini-player.hiding{animation:quickFadeOut .3s ease-out forwards}@keyframes quickFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes quickFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}.song-card.selected .mini-player{background:linear-gradient(135deg,#fdfcfb,#f4f1ed);box-shadow:0 2px 8px #d4a5741f,0 4px 14px #d4a57414,inset 0 1px 3px #d4a5741a,inset 0 -1px 2px #fff9}.wave-visualizer{display:flex;align-items:center;gap:.2rem;height:2.4rem;margin-right:1.2rem}.wave-bar{width:.4rem;background:var(--primary);border-radius:var(--radius-sm);animation:wave 1.3s ease-in-out infinite;will-change:transform,opacity;transform:translateZ(0)}.song-card.selected .wave-bar{background:var(--accent-gold)}.wave-bar:nth-child(1){height:.8rem;animation-delay:0s}.wave-bar:nth-child(2){height:1.6rem;animation-delay:.1s}.wave-bar:nth-child(3){height:1.2rem;animation-delay:.2s}.wave-bar:nth-child(4){height:2rem;animation-delay:.3s}@keyframes wave{0%,to{transform:scaleY(.3);opacity:.5}50%{transform:scaleY(1);opacity:1}}.progress-bar{flex:1;height:.6rem;background:linear-gradient(to bottom,#0000001f,#00000014);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;box-shadow:0 1px 3px #00000014,inset 0 1px 2px #0000001a,inset 0 -1px 1px #ffffff26,inset 0 0 0 1px #0000000d}.progress-fill{height:100%;background:linear-gradient(90deg,#8b7f77,#6b5d54);width:0%;transition:width .15s linear;position:relative;box-shadow:0 1px 3px #8b7f774d,0 2px 6px #8b7f7726,inset 0 1px #ffffff26,inset 0 -1px 1px #0000001a}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmerProgress 2s ease-in-out infinite;pointer-events:none}@keyframes shimmerProgress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.song-card.selected .progress-fill{background:linear-gradient(90deg,#d4a574,#b08d57);box-shadow:0 1px 4px #d4a57480,0 2px 8px #d4a5744d,0 0 12px #edae4c33,inset 0 1px #ffffff4d,inset 0 -1px 1px #b08d574d,0 0 0 1px #d4a57433}.time-display{font-size:1.4rem;color:var(--text-secondary);font-weight:var(--font-medium);min-width:4.5rem;text-align:right}.action-buttons{display:flex;gap:1.2rem}@media(min-width:375px){.number-section{font-size:3.5rem;letter-spacing:-.02em}.content-section{padding:1.8rem}}@media(min-width:480px){.number-section{font-size:3.8rem;letter-spacing:-.025em}.content-section{padding:var(--spacing-lg)}.song-title{font-size:2.8rem}.song-meta{font-size:2.2rem;gap:1.6rem}.song-meta i{font-size:2rem}}@media(min-width:768px){.number-section{width:20%;font-size:4.2rem;letter-spacing:-.03em;text-shadow:0 .2rem .4rem rgba(0,0,0,.15)}.song-list-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.song-title{font-size:2.7rem}.song-meta{font-size:2.1rem;justify-content:unset;gap:2rem}.song-meta i{font-size:1.9rem}}@media(min-width:1024px){.song-list-container{grid-template-columns:repeat(3,1fr);gap:2.4rem}}.song-card:before{content:"";position:absolute;top:0;left:0;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:translate(-215%) skew(-25deg);transition:transform 2s cubic-bezier(.23,1,.32,1);pointer-events:none;z-index:1}@media(hover:hover)and (pointer:fine){.song-card:hover:before{transform:translate(215%) skew(-25deg)}}.song-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:0;background:linear-gradient(135deg,rgba(237,174,76,.1) 0%,transparent 40%,transparent 60%,rgba(237,174,76,.08) 100%);transition:opacity .4s ease}.song-card.selected:after{opacity:1;animation:selectedShimmer 4s ease-in-out infinite}@keyframes selectedShimmer{0%,to{background:linear-gradient(135deg,rgba(237,174,76,.12) 0%,transparent 40%,transparent 60%,rgba(237,174,76,.08) 100%)}50%{background:linear-gradient(135deg,rgba(237,174,76,.08) 0%,transparent 35%,transparent 65%,rgba(237,174,76,.15) 100%)}}.song-card.loading{opacity:.8;pointer-events:none}.song-card.entering{animation:cardEnter .6s cubic-bezier(.22,1,.36,1)}@keyframes cardEnter{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.song-card{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) backwards}.song-card:nth-child(1){animation-delay:.05s}.song-card:nth-child(2){animation-delay:.1s}.song-card:nth-child(3){animation-delay:.15s}.song-card:nth-child(4){animation-delay:.2s}.song-card:nth-child(5){animation-delay:.25s}.song-card:nth-child(6){animation-delay:.3s}.song-card:nth-child(7){animation-delay:.35s}.song-card:nth-child(8){animation-delay:.4s}.song-card:nth-child(9){animation-delay:.45s}.song-card:nth-child(10){animation-delay:.5s}.selected-songs-container{margin-top:2rem;padding:1.6rem 1.2rem;background:linear-gradient(145deg,#fffffff2,#faf9f7e6);backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);border-radius:var(--radius-lg);position:relative;overflow:hidden;border:2px solid transparent;background-clip:padding-box;box-shadow:0 0 0 3px #edae4c59,0 8px 24px #2e8b5726,0 12px 32px #2e8b571a,0 16px 44px #0d0d0d1f,inset 0 1px #ffffffe6,inset 0 2px 8px #edae4c14;transition:box-shadow var(--transition);transform:translateZ(0)}.selected-songs-container:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;z-index:-2;transform-origin:center center;background:conic-gradient(from 0deg,transparent 70%,rgba(237,174,76,.2) 80%,rgba(52,168,83,.6) 88%,var(--accent-gold) 91%,rgba(52,168,83,.6) 94%,rgba(237,174,76,.2) 98%,transparent 100%);animation:majesticSweep 10s cubic-bezier(.445,.05,.55,.95) infinite;will-change:transform,opacity}.selected-songs-container:after{content:"";position:absolute;z-index:-1;inset:.4rem;border-radius:calc(var(--radius-lg) - .4rem);background:linear-gradient(145deg,#fffffff7,#faf9f7e6);box-shadow:inset 0 4px 15px #0d522712}@keyframes majesticSweep{0%{transform:translate(-50%,-50%) rotate(0);opacity:.85}50%{opacity:1}to{transform:translate(-50%,-50%) rotate(360deg);opacity:.85}}@media(hover:hover)and (pointer:fine){.selected-songs-container:hover{box-shadow:0 0 0 3px #edae4c99,0 10px 28px #2e8b5738,0 14px 36px #2e8b5729,0 18px 48px #2e8b571f,0 0 35px #edae4c26,0 22px 58px #0d0d0d26,inset 0 1px #fff,inset 0 3px 12px #edae4c1f}.selected-songs-container:hover .titulo{color:#2e8b57;text-shadow:0 1px 2px rgba(13,13,13,.1),0 0 20px rgba(237,174,76,.15)}.selected-songs-container:hover .instruccion-final:before,.selected-songs-container:hover .instruccion-final:after{width:5.6rem;opacity:.8}}.titulo{font-size:3.6rem;font-weight:700;text-align:center;margin-bottom:1.6rem;line-height:1.2;letter-spacing:.02em;color:var(--primary-dark);text-shadow:0 1px 2px rgba(13,13,13,.1);transition:text-shadow var(--transition),color var(--transition);position:relative;z-index:1;font-family:Great Vibes,cursive;font-weight:400}.instruccion{color:var(--error);text-align:center;font-weight:600;margin:1.2rem auto;font-size:1.4rem;line-height:1.6;font-family:Montserrat,sans-serif;max-width:90%;transition:color .4s ease}.instruccion.completed{color:#1b7a3d}span#max-songs.span{font-size:1.8rem;font-weight:700;padding:.2rem .8rem;border-radius:var(--radius-sm);background:var(--error);color:var(--white);display:inline-block;vertical-align:middle;font-family:Playfair Display,serif;font-variant-numeric:tabular-nums;transition:background .4s ease}.instruccion.completed span#max-songs.span{background:#2e8b57}#selected-songs-list{list-style:none;padding:0;margin:2.4rem 0;counter-reset:song-counter;position:relative;z-index:1}#selected-songs-list::-webkit-scrollbar{width:.6rem}#selected-songs-list::-webkit-scrollbar-track{background:var(--cream);border-radius:var(--radius-sm)}#selected-songs-list::-webkit-scrollbar-thumb{background:#34a853;border-radius:var(--radius-sm);transition:background var(--transition-fast)}@media(hover:hover)and (pointer:fine){#selected-songs-list::-webkit-scrollbar-thumb:hover{background:#2e8b57}}#selected-songs-list li{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:.8rem;background:var(--white);border-radius:var(--radius);border:1px solid rgba(46,139,87,.08);box-shadow:0 2px 6px #0d0d0d0d,0 4px 12px #0d0d0d08,0 6px 18px #2e8b5705,inset 0 1px #ffffffe6;transition:box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;counter-increment:song-counter}#selected-songs-list li:before{content:counter(song-counter);position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;background:linear-gradient(135deg,#34a853,#1b7a3d);color:var(--white);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;box-shadow:0 2px 4px #1b7a3d40;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}@media(hover:hover)and (pointer:fine){#selected-songs-list li:hover{transform:translateY(-.2rem);background:linear-gradient(135deg,#fffffff2,#edae4c0a);border-color:#edae4c40;box-shadow:0 4px 14px #856d4326,0 6px 20px #856d431a,0 8px 28px #d4a57414,0 0 0 1px #edae4c40,0 0 30px #edae4c0f,inset 0 1px #fff}#selected-songs-list li:hover:before{background:linear-gradient(135deg,var(--accent-champagne) 0%,var(--accent-gold) 100%);color:var(--primary-dark);box-shadow:0 2px 6px #edae4c66,inset 0 1px #fff9;transform:translateY(-50%) scale(1.1) rotate(-3deg)}#selected-songs-list li:has(.remove-song-btn:hover){background:linear-gradient(135deg,#fffafafa,#dc143c0f);border-color:#dc143c4d;box-shadow:0 4px 14px #dc143c1f,0 6px 20px #dc143c14,0 0 0 1px #dc143c33,0 0 25px #dc143c0f,inset 0 0 30px #dc143c08,inset 0 1px #ffffffe6}#selected-songs-list li:has(.remove-song-btn:hover):before{background:linear-gradient(135deg,var(--error) 0%,#a02040 100%);color:var(--white);box-shadow:0 2px 8px #dc143c66,inset 0 1px #ffffff4d;transform:translateY(-50%) scale(1.05) rotate(3deg)}#selected-songs-list li:has(.remove-song-btn:hover) span{opacity:.7;transition:opacity .2s ease}}#selected-songs-list li span{flex:1;font-weight:var(--font-medium);color:var(--text-primary);margin:0 1rem 0 4rem;font-size:1.4rem;line-height:1.4;font-family:Montserrat,sans-serif}.song-item-enter{animation:slideInPremium .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideInPremium{0%{opacity:0;transform:translate(-100%) scale(.8) rotate(-2deg)}60%{transform:translate(5px) scale(1.02) rotate(.5deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0)}}.song-item-exit{animation:slideOutPremium .45s cubic-bezier(.55,0,.78,0) forwards;pointer-events:none}@keyframes slideOutPremium{0%{opacity:1;transform:translate(0) scale(1) rotate(0);margin-bottom:1.2rem;max-height:10rem}50%{transform:translate(-5rem) scale(.95) rotate(-1deg);opacity:.5}to{opacity:0;transform:translate(-100%) scale(.8) rotate(-2deg);margin-bottom:0;max-height:0;padding:0}}.instruccion-final{text-align:center;color:var(--text-secondary);font-weight:var(--font-medium);margin:3.2rem 0 1.6rem;font-size:1.8rem;position:relative;padding:0 3.2rem;z-index:1;font-family:Montserrat,sans-serif}.instruccion-final:before,.instruccion-final:after{content:"";position:absolute;top:50%;width:3.2rem;height:.1rem;background:var(--cream-dark);opacity:.55;transition:width var(--transition-fast),opacity var(--transition-fast)}.instruccion-final:before{left:0}.instruccion-final:after{right:0}#selected-songs-list:empty:after{content:"Tu lista está vacía";display:block;text-align:center;padding:3.2rem;color:var(--text-muted);font-style:italic;opacity:.75;background:linear-gradient(135deg,#ffffff80,#faf9f74d);border-radius:var(--radius);border:1px dashed var(--cream-dark);position:relative;z-index:1}@media(min-width:375px){.selected-songs-container{padding:1.8rem 1.4rem}.titulo{font-size:3.8rem}.instruccion{font-size:1.45rem}.instruccion-final{font-size:1.6rem}#selected-songs-list li{padding:1.2rem}#selected-songs-list li span{font-size:1.45rem}}@media(min-width:428px){.selected-songs-container{padding:2rem 1.6rem}.titulo{font-size:4.2rem}.instruccion{font-size:1.5rem}.instruccion-final{font-size:1.7rem}#selected-songs-list li{padding:1.4rem}#selected-songs-list li span{font-size:1.5rem}#selected-songs-list li:before{width:2.6rem;height:2.6rem;font-size:1.3rem}}@media(min-width:480px){.selected-songs-container{padding:2.4rem 2rem}.buttons-container{flex-direction:row;position:relative;z-index:1}}@media(min-width:600px){.selected-songs-container{margin:2.8rem auto;max-width:60rem;padding:2.8rem 2.4rem}.titulo{font-size:4.6rem}.instruccion{max-width:80%;font-size:1.6rem}.instruccion-final{font-size:1.8rem}#selected-songs-list li{padding:1.6rem}#selected-songs-list li span{font-size:1.6rem}#selected-songs-list li:before{width:2.8rem;height:2.8rem;font-size:1.4rem;left:1.6rem}}@media(min-width:768px){.selected-songs-container{padding:3.2rem;max-width:70rem}.titulo{font-size:5.2rem}.instruccion{font-size:1.7rem}.instruccion-final{font-size:1.9rem}#selected-songs-list li{padding:1.8rem}#selected-songs-list li span{font-size:1.7rem}#selected-songs-list li:before{left:1.8rem;width:3rem;height:3rem;font-size:1.5rem}span#max-songs.span{font-size:2rem}}@media(min-width:1024px){.selected-songs-container{max-width:80rem;padding:4rem}.titulo{font-size:5.8rem}.instruccion{font-size:1.8rem}.instruccion-final{font-size:2rem}#selected-songs-list li{padding:2rem;margin-bottom:1.2rem}#selected-songs-list li span{font-size:1.8rem}#selected-songs-list li:before{left:2rem;width:3.2rem;height:3.2rem;font-size:1.6rem}span#max-songs.span{font-size:2.2rem}}.buttons-container button,.btn-category-modal,.remove-song-btn,.action-btn,.play-btn,.control-btn,.custom-btn,#send-btn,#clear-btn{border:none;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,filter .25s ease,transform var(--transition-cubic);position:relative;overflow:hidden;transform:translateZ(0)}#send-btn,.custom-btn.btn-11{width:100%;margin:2.4rem auto 0;padding:1.6rem;background:linear-gradient(180deg,#34a853,#2e8b57 40%,#1b7a3d);color:var(--text-white);border:none;box-shadow:0 5px #0d5227,0 8px 16px #0d522759,0 12px 28px #2e8b5733,inset 0 2px 3px #ffffff4d;text-shadow:0 1px 3px rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:.125rem;gap:1.2rem;z-index:20;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}#send-btn:before,.custom-btn.btn-11:before{content:"";position:absolute;top:0;left:0;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-215%) skew(-25deg);transition:transform .85s cubic-bezier(.23,1,.32,1)}@media(hover:hover)and (pointer:fine){#send-btn:not(.locked):hover,.custom-btn.btn-11:hover{transform:translateY(-3px);filter:brightness(1.15) saturate(1.1) contrast(1.05);box-shadow:0 8px #0d5227,0 12px 24px #0d522766,0 16px 40px #2e8b5740,0 0 35px #2e8b572e,inset 0 2px 3px #ffffff59}#send-btn:not(.locked):hover:before,.custom-btn.btn-11:hover:before{transform:translate(215%) skew(-25deg)}}#send-btn:not(.locked):active,.custom-btn.btn-11:active{transform:translateY(4px);filter:brightness(.95);box-shadow:0 1px #0d5227,0 2px 6px #0d522740,inset 0 2px 4px #0003,inset 0 -1px #ffffff1a;transition-duration:.06s}#send-btn.locked{cursor:not-allowed;filter:saturate(.5) brightness(.85);transform:scale(.97);box-shadow:none;opacity:.7}#send-btn.locked:hover{transform:scale(.97);filter:saturate(.5) brightness(.85)}.button-icon-wrapper{position:relative;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center}.button-icon{position:absolute;font-size:2rem;transition:opacity .5s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:scale(0) rotate(-180deg)}#send-btn.locked .button-icon.fa-lock{opacity:1;transform:scale(1) rotate(0)}#send-btn.unlocking .button-icon.fa-unlock-alt{opacity:1;transform:scale(1) rotate(0);animation:unlockPop .55s cubic-bezier(.34,1.56,.64,1)}#send-btn:not(.locked):not(.unlocking) .button-icon.fa-whatsapp{opacity:1;transform:scale(1) rotate(0)}#send-btn.loading .button-icon.fa-spinner{opacity:1;transform:scale(1);animation:spin 1s linear infinite}#send-btn.locked .button-icon:not(.fa-lock),#send-btn.unlocking .button-icon:not(.fa-unlock-alt),#send-btn.loading .button-icon:not(.fa-spinner),#send-btn:not(.locked):not(.unlocking):not(.loading) .button-icon:not(.fa-whatsapp){opacity:0;transform:scale(0) rotate(180deg)}@keyframes unlockPop{0%{transform:scale(.7) rotate(-35deg)}to{transform:scale(1) rotate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes errorShake{10%,90%{transform:translate(-3px)}30%,70%{transform:translate(3px)}50%{transform:translate(-6px)}}#send-btn.error-shake{animation:errorShake .5s cubic-bezier(.45,0,.55,1)}.particles-container{position:absolute;inset:0;pointer-events:none;z-index:1000}.particle{position:absolute;left:50%;top:50%;width:.7rem;height:.7rem;border-radius:50%;animation:particleBurst 1.2s cubic-bezier(.23,1,.32,1) forwards;--angle: calc(var(--particle-index) * 30deg);--distance: calc(5rem + (var(--particle-index) % 5) * 2rem)}.particle:nth-child(3n+1){background:var(--primary-light)}.particle:nth-child(3n+2){background:var(--accent-gold)}.particle:nth-child(3n+3){background:var(--white)}.particle:nth-child(4n){background:var(--accent-gold)}@keyframes particleBurst{0%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(calc(-50% + cos(var(--angle)) * var(--distance)),calc(-50% + sin(var(--angle)) * var(--distance))) scale(0);opacity:0}}#clear-btn{width:100%;padding:1.4rem 1.6rem;font-size:1.5rem;background:linear-gradient(145deg,#fff9,#faf8f366);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.9);color:var(--secondary-dark);text-shadow:1px 1px 1px rgba(255,255,255,.5);box-shadow:0 2px 8px #0000000f,0 4px 14px #faf8f326,0 6px 20px #ffffff1f,inset 0 1px 2px #ffffffb3;text-transform:uppercase;letter-spacing:.125rem;gap:.8rem}@media(hover:hover)and (pointer:fine){#clear-btn:hover{transform:translateY(-.3rem);background:linear-gradient(145deg,#fffc,#faf8f399);color:var(--primary-dark);box-shadow:0 6px 20px #00000014,0 10px 32px #faf8f333,0 14px 44px #ffffff26,0 0 35px #dcdcff59,0 0 50px #d4a5741f,inset 0 1px 2px #fff}}#clear-btn:active{transform:translateY(1px);filter:brightness(.95);box-shadow:inset 0 3px 6px #0000002e,inset 0 2px 4px #00000026,inset 0 1px 2px #0000001f,inset 0 -1px #ffffff40;transition-duration:.1s}.category-selector-container{position:relative;width:100%;margin:0 auto 1.6rem}.btn-category-modal{width:100%;padding:1.6rem 2rem;font-size:1.6rem;background:linear-gradient(180deg,#d4a574,#b08d57 40%,#8b6735);border:none;border-radius:var(--radius);color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:0 4px #5c4033,0 6px 8px #5c40334d,inset 0 2px 3px #ffffff59,inset 0 -2px 3px #00000026;gap:1.2rem;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}@media(hover:hover)and (pointer:fine){.btn-category-modal:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 6px #5c4033,0 9px 16px #5c403359,0 0 20px #d4a57433,inset 0 2px 3px #ffffff59,inset 0 -2px 3px #00000026}.btn-category-modal:hover .arrow-icon{transform:translate(.3rem)}}.btn-category-modal i.fas.fa-music,.btn-category-modal i.fas.fa-search{color:#ffffffe6;font-size:1.2em}.btn-category-modal .arrow-icon{margin-left:auto;color:#fffc;transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s ease}.play-btn{position:absolute;top:2rem;right:2rem;width:5.6rem;height:5.6rem;border-radius:var(--radius-full);background:linear-gradient(180deg,#d4a574,#b08d57 40%,#8b6735);color:var(--white);border:none;box-shadow:0 4px #5c4033,0 6px 10px #5c403359,inset 0 2px 3px #fff6,inset 0 -2px 3px #00000026;text-shadow:0 1px 2px rgba(0,0,0,.25);z-index:2;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,filter .25s ease}#lyricsModal .play-btn{position:relative;top:auto;right:auto;width:4.8rem;height:4.8rem;flex-shrink:0}@media(hover:hover)and (pointer:fine){.play-btn:hover{transform:translateY(-2px) scale(1.05) translateZ(0);filter:brightness(1.1);box-shadow:0 6px #5c4033,0 9px 18px #5c403366,0 0 22px #d4a57440,inset 0 2px 3px #ffffff73}}.play-btn:active{transform:translateY(3px) translateZ(0);box-shadow:0 1px #5c4033,0 2px 4px #5c403340,inset 0 2px 4px #0003;transition-duration:.1s}.play-btn i{font-size:2rem;margin-left:.2rem}.play-btn .fa-pause{margin-left:0}.action-btn{flex:1;padding:1.2rem 2rem;background:linear-gradient(135deg,#d4a57414,#f0d9b50f 30%,#fff8e70a 70%,#fff);color:var(--secondary-dark);border:none;border-radius:var(--radius);font-size:1.5rem;font-weight:var(--font-semibold);gap:.8rem;box-shadow:0 2px 8px #d4a57414,0 4px 14px #d4a5740d,0 6px 20px #d4a57408,inset 0 1px #ffffff80;transition:background .3s ease,color .3s ease,box-shadow .3s ease,filter .3s ease,transform var(--transition-cubic)}#lyricsModal .action-btn{flex:0 0 auto;min-width:12rem}#lyricsModal .action-btn.select{background:linear-gradient(180deg,#e8e8e8,#d0d0d0 45%,#b8b8b8);color:#555;box-shadow:0 4px #909090,0 6px 8px #00000026,inset 0 1px #fff9,inset 0 -1px #0000000d;text-shadow:0 1px 0 rgba(255,255,255,.4);border-radius:var(--radius);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}@media(hover:hover)and (pointer:fine){#lyricsModal .action-btn.select:hover{background:linear-gradient(180deg,#f0f0f0,#d8d8d8 45%,silver);transform:translateY(-2px) translateZ(0);box-shadow:0 6px #909090,0 8px 14px #0000002e,inset 0 1px #ffffffb3}}#lyricsModal .action-btn.select:active{transform:translateY(3px) translateZ(0);box-shadow:0 1px #909090,0 2px 4px #0000001f,inset 0 1px 2px #0000001a;transition-duration:.06s}#lyricsModal .action-btn.select.selected{background:linear-gradient(180deg,#34a853,#2e8b57 45%,#1b7a3d);color:var(--white);text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px #0d5227,0 6px 8px #0003,inset 0 1px #ffffff59,inset 0 -1px #0000001a}@media(hover:hover)and (pointer:fine){#lyricsModal .action-btn.select.selected:hover{background:linear-gradient(180deg,#3fc060,#34a853 45%,#239b42);transform:translateY(-2px) translateZ(0);box-shadow:0 6px #0d5227,0 8px 14px #00000038,0 0 20px #2e8b5733,inset 0 1px #fff6}}#lyricsModal .action-btn.select.selected:active{transform:translateY(3px) translateZ(0);box-shadow:0 1px #0d5227,0 2px 4px #00000026,inset 0 1px 2px #00000026;transition-duration:.06s}@media(hover:hover)and (pointer:fine){.action-btn:hover{background:var(--primary-dark);color:var(--white);transform:translateY(-.4rem);box-shadow:0 6px 20px #d4a5741f,0 10px 32px #d4a57414,0 14px 44px #d4a5740d,0 0 35px #f0d9b514,inset 0 1px #ffffffb3,inset 0 -1px 2px #d4a5740d}}.action-btn:active{transform:translateY(0) scale(.97)}.action-btn.select-btn{background:linear-gradient(180deg,#e8e8e8,#d0d0d0 45%,#b8b8b8);color:#555;box-shadow:0 4px #909090,0 6px 8px #00000026,inset 0 1px #fff9,inset 0 -1px #0000000d;text-shadow:0 1px 0 rgba(255,255,255,.4)}@media(hover:hover)and (pointer:fine){.action-btn.select-btn:hover{background:linear-gradient(180deg,#f0f0f0,#d8d8d8 45%,silver);transform:translateY(-2px) translateZ(0);box-shadow:0 6px #909090,0 8px 12px #0000002e,inset 0 1px #ffffffb3}}.action-btn.select-btn:active{transform:translateY(3px) translateZ(0);box-shadow:0 1px #909090,0 2px 4px #0000001a,inset 0 1px 2px #0000001a;transition-duration:.1s}.song-card.selected .action-btn{background:transparent;color:var(--secondary-dark)}@media(hover:hover)and (pointer:fine){.song-card.selected .action-btn:hover{background:var(--accent-gold);color:var(--primary-dark);box-shadow:0 4px 14px #dab96426,0 6px 20px #dab9641a,0 8px 28px #dab9640f,inset 0 1px #fff9}}.song-card.selected .action-btn.select-btn{background:linear-gradient(180deg,#34a853,#2e8b57 45%,#1b7a3d);color:var(--white);text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px #0d5227,0 6px 8px #0003,inset 0 1px #ffffff59,inset 0 -1px #0000001a}@media(hover:hover)and (pointer:fine){.song-card.selected .action-btn.select-btn:hover{background:linear-gradient(180deg,#3fc060,#34a853 45%,#239b42);transform:translateY(-2px) translateZ(0);box-shadow:0 6px #0d5227,0 8px 14px #00000038,0 0 20px #2e8b5733,inset 0 1px #fff6}}.song-card.selected .action-btn.select-btn:active{transform:translateY(3px) translateZ(0);box-shadow:0 1px #0d5227,0 2px 4px #00000026,inset 0 1px 2px #00000026;transition-duration:.1s}.song-card.selected .action-btn[data-action=lyrics]{background:linear-gradient(135deg,#fffdfa,#fff8f0,#faf5eb);border:1.5px solid var(--accent-gold);box-shadow:0 0 0 1px #d4a57426,0 2px 8px #d4a5741f,0 4px 14px #edae4c14,inset 0 1px 2px #fffc,inset 0 -1px 2px #d4a5740f;color:var(--secondary-dark)}@media(hover:hover)and (pointer:fine){.song-card.selected .action-btn[data-action=lyrics]:hover{background:linear-gradient(135deg,#fffaf0,#faf0e1,#f5ebdc);border-color:var(--accent-gold);color:var(--primary-dark);transform:translateY(-.3rem);box-shadow:0 0 0 2px #d4a57440,0 6px 18px #d4a5742e,0 10px 28px #edae4c1f,0 0 20px #f0d9b526,0 0 35px #d4a57414,inset 0 1px 2px #ffffffe6,inset 0 -1px 3px #d4a57414}}.control-btn{padding:1.2rem 2.4rem;border:none;border-radius:var(--radius);font-size:1.5rem;font-weight:var(--font-semibold);gap:.8rem}.control-btn.primary{background:linear-gradient(180deg,#34a853,#2e8b57 40%,#1b7a3d);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:0 4px #0d5227,0 6px 8px #0003,inset 0 2px 3px #ffffff59,inset 0 -2px 3px #00000026;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.control-btn.cancel{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--cream-dark)}.control-btn.large{padding:1.6rem 3.2rem;font-size:1.8rem}#lyricsModal .control-btn{min-width:4.8rem;height:4.8rem;border-radius:var(--radius-full);padding:0;font-size:1.8rem}#lyricsModal .control-btn .btn-text{font-size:1.4rem;font-weight:var(--font-medium)}.modal-info .modal-footer .control-btn.primary{background:linear-gradient(180deg,#34a853,#2e8b57 40%,#1b7a3d);color:#fff;border:none;border-radius:var(--radius);padding:1.6rem 4rem;font-size:1.7rem;font-weight:600;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px #0d5227,0 6px 8px #0003,inset 0 2px 3px #ffffff59,inset 0 -2px 3px #00000026;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;position:relative;overflow:hidden}.modal-info .modal-footer .control-btn.primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%);transition:transform .6s cubic-bezier(.25,.46,.45,.94)}@media(hover:hover)and (pointer:fine){.modal-info .modal-footer .control-btn.primary:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 6px #0d5227,0 9px 16px #00000040,0 0 20px #2e8b5733,inset 0 2px 3px #ffffff59,inset 0 -2px 3px #00000026}.modal-info .modal-footer .control-btn.primary:hover:before{transform:translate(100%)}}.modal-info .modal-footer .control-btn.primary:active{transform:translateY(3px);filter:brightness(.95);box-shadow:0 1px #0d5227,0 2px 4px #00000026,inset 0 2px 3px #fff3,inset 0 -1px 2px #0003;transition-duration:.06s}.modal-info .modal-footer .control-btn.primary i{margin-right:1.2rem;font-size:1.8rem;animation:thumbsAnimation 2s ease-in-out infinite 2s}@keyframes thumbsAnimation{0%,90%,to{transform:scale(1) rotate(0)}45%{transform:scale(1.2) rotate(10deg)}}.modal-success .modal-footer .control-btn.primary.large{background:linear-gradient(180deg,#34a853,#2e8b57 40%,#1b7a3d);color:var(--text-white);border:none;border-radius:var(--radius);padding:1.8rem 4.8rem;font-size:1.8rem;font-weight:var(--font-bold);font-family:var(--font-primary);letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 5px #0d5227,0 7px 10px #00000038,inset 0 2px 3px #ffffff59,inset 0 -2px 3px #00000026;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;position:relative;overflow:hidden}.modal-success .modal-footer .control-btn.primary.large:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%);transition:transform .8s cubic-bezier(.23,1,.32,1)}@media(hover:hover)and (pointer:fine){.modal-success .modal-footer .control-btn.primary.large:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 7px #0d5227,0 10px 20px #00000047,0 0 24px #2e8b5740,inset 0 2px 3px #ffffff59,inset 0 -2px 3px #00000026}.modal-success .modal-footer .control-btn.primary.large:hover:before{transform:translate(100%)}}.modal-success .modal-footer .control-btn.primary.large:active{transform:translateY(3px);filter:brightness(.95);box-shadow:0 1px #0d5227,0 2px 4px #00000026,inset 0 2px 3px #fff3,inset 0 -1px 2px #0003;transition-duration:.06s}.modal-success .modal-footer .control-btn.primary.large i{margin-right:var(--spacing-md);font-size:2rem;animation:confirmIconDance 3s ease-in-out infinite 1s}@keyframes confirmIconDance{0%,90%,to{transform:scale(1) rotate(0)}30%{transform:scale(1.2) rotate(-10deg)}60%{transform:scale(1.2) rotate(10deg)}}.remove-song-btn{background:var(--error);color:var(--text-white);height:3.8rem;width:3.8rem;border-radius:50%;border:1px solid rgba(0,0,0,.2);box-shadow:0 2px 8px #d32f2f47,0 4px 14px #d32f2f2e,0 6px 20px #d32f2f1f,inset 0 -2px 4px #0000004d}@media(hover:hover)and (pointer:fine){.remove-song-btn:hover{transform:scale(1.1) rotate(10deg);filter:brightness(1.1);box-shadow:0 6px 20px #d32f2f7a,0 10px 32px #d32f2f61,0 14px 44px #d32f2f47,0 0 35px #d32f2f59,0 0 50px #ff64642e,inset 0 -2px 4px #0000004d}}.remove-song-btn:active{transform:scale(.95);filter:brightness(.9)}.remove-song-btn i{font-size:1.8rem;text-shadow:0 1px 2px rgba(0,0,0,.4)}.buttons-container{display:flex;flex-direction:column;gap:1.6rem;margin-top:2.4rem}.buttons-container button{width:100%;padding:1.4rem 1.6rem;font-size:1.4rem;text-transform:uppercase;letter-spacing:.12rem;gap:.8rem}@media(min-width:375px){.play-btn{width:5rem;height:5rem;top:1.8rem;right:1.8rem}}@media(min-width:480px){.buttons-container{flex-direction:row}.buttons-container button{padding:1.6rem 2.4rem;font-size:1.6rem}.play-btn{width:5.6rem;height:5.6rem;top:2rem;right:2rem}.action-btn{padding:1.2rem 1.8rem;font-size:1.6rem}#lyricsModal .action-btn.select{min-width:10rem;font-size:1.4rem;padding:1rem 1.6rem}}@media(min-width:768px){#send-btn,.custom-btn.btn-11{width:90%;max-width:32rem}#send-btn:not(.locked):hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translate(-100%);animation:shineWave .6s cubic-bezier(0,0,.2,1)}@keyframes shineWave{to{transform:translate(100%)}}.category-selector-container{max-width:40rem}#lyricsModal .action-btn.select{min-width:14rem;font-size:1.6rem}}#button-up{position:fixed;bottom:2rem;right:2rem;width:5rem;height:5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;background:linear-gradient(145deg,#e6ba7a,#d4a574 55%,#e6ba7a);border:1.5px solid rgba(230,186,122,.5);box-shadow:0 4px 15px #d4a5744d,0 8px 25px #0000001f,inset 0 1px 2px #fff6;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s ease,box-shadow .4s ease,border-color .4s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:scale(0) translateZ(0);pointer-events:none;opacity:0}#button-up:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 30%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.15) 70%,transparent 100%);background-size:200% 100%;background-position:-100% 0;pointer-events:none;z-index:1}#button-up:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:transparent;box-shadow:0 0 20px #d4a57440;pointer-events:none;z-index:-1;opacity:0;transition:opacity .4s ease}#button-up.is-visible{transform:scale(1) translateZ(0);pointer-events:auto;opacity:1;contain:layout style}#button-up.is-visible:before{animation:buttonUpShimmer 1.2s ease-in-out 1s 5}#button-up.is-visible:after{opacity:1;animation:buttonUpGlow 3s ease-in-out 2s 5}#button-up i{color:#fff;font-size:2rem;position:relative;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.15);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}@media(hover:hover)and (pointer:fine){#button-up:hover{transform:scale(1.1) translateZ(0);border-color:#e6ba7ab3;box-shadow:0 6px 25px #d4a57466,0 12px 35px #00000026,0 0 40px #e6ba7a33,inset 0 1px 3px #ffffff80}#button-up:hover i{transform:translateY(-3px)}#button-up:hover:after{box-shadow:0 0 30px #d4a57466}}#button-up:active{transform:scale(.92) translateZ(0);transition-duration:.1s;box-shadow:0 2px 8px #d4a5744d,0 3px 10px #0000001f,inset 0 1px 2px #ffffff4d}@media(hover:none)and (pointer:coarse){#button-up{min-width:4.4rem;min-height:4.4rem}#button-up:active{transform:scale(.9) translateZ(0);transition-duration:.08s}}#button-up:focus{outline:2px solid #D4A574;outline-offset:4px}#button-up:focus-visible{outline:3px solid #D4A574;outline-offset:5px;box-shadow:0 4px 15px #d4a5744d,0 0 0 8px #d4a5741a}@media(min-width:480px){#button-up{right:2.5rem}}@media(min-width:768px){#button-up{width:5.5rem;height:5.5rem;right:2.5rem;bottom:3rem}#button-up i{font-size:2.2rem}}@media(min-width:1024px){#button-up{width:6rem;height:6rem;right:3rem;bottom:3.5rem}#button-up i{font-size:2.4rem}}@media(min-width:1024px)and (hover:hover)and (pointer:fine){#button-up:hover{transform:scale(1.08) translateZ(0)}}@media(min-width:1440px){#button-up{width:6.5rem;height:6.5rem;right:4rem;bottom:4rem}#button-up i{font-size:2.6rem}}@keyframes buttonUpShimmer{0%{background-position:-100% 0}60%,to{background-position:200% 0}}@keyframes buttonUpGlow{0%,to{box-shadow:0 0 20px #d4a57433}50%{box-shadow:0 0 35px #d4a57473,0 0 60px #d4a57426}}@media(prefers-reduced-motion:reduce){#button-up{transition:opacity .3s ease}#button-up.is-visible{animation:none}#button-up:before,#button-up:after{animation:none!important}#button-up i{transition:none}}@supports (-webkit-touch-callout: none){.modal{-webkit-backface-visibility:hidden;backface-visibility:hidden}}.modal{display:none;position:fixed;z-index:var(--z-modal, 1000);left:0;top:0;width:100%;height:100%;background:linear-gradient(135deg,#2b2b2b38,#5c40332e 20%,#0d0d0d73,#5c40332e 80%,#2b2b2b38);-webkit-backdrop-filter:blur(8px) saturate(1.6) brightness(.95);backdrop-filter:blur(8px) saturate(1.6) brightness(.95);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);opacity:0;transition:opacity .4s cubic-bezier(.25,.1,.25,1),backdrop-filter .4s cubic-bezier(.25,.1,.25,1)}.modal.show{opacity:1}.modal-content{background:linear-gradient(145deg,var(--white) 0%,var(--cream) 100%);border:2px solid transparent;background-clip:padding-box;position:relative;margin:auto;border-radius:var(--radius-lg);width:95%;max-height:85vh;display:flex;flex-direction:column;contain:layout style;box-shadow:0 0 0 3px #edae4c59,0 25px 50px -15px #dc143c40,0 15px 35px -10px #0d0d0d26,inset 0 1px #ffffffe6;transform:scale(.95) translateY(1.5rem);transition:transform .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.modal-content:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transform:translate(-200%) skew(-15deg);transition:transform .85s cubic-bezier(.23,1,.32,1);pointer-events:none;z-index:1}.modal.show .modal-content{transform:scale(1) translateY(0)}.modal.show .modal-content:after{transform:translate(200%) skew(-15deg)}.modal-header,.modal-footer,.modal-body{padding:var(--spacing-lg);position:relative;z-index:2}.modal-header{padding:2.4rem 2rem 1.6rem;border-bottom:2px solid var(--cream-dark);background:linear-gradient(145deg,#ffffffe6,#faf9f7b3);display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-header h2{margin:0;color:var(--primary-dark);font-size:2.6rem;font-weight:700;display:flex;align-items:center;gap:var(--spacing-md);text-shadow:0 1px 2px rgba(255,255,255,.8);letter-spacing:-.01em;font-family:Playfair Display,serif}.modal-header h2 i{color:var(--primary);font-size:2.8rem}.modal-close{width:4.4rem;height:4.4rem;border-radius:var(--radius);background:linear-gradient(145deg,#5c40330f,#5c40331a);border:1px solid rgba(92,64,51,.18);color:#5c4033;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:var(--font-bold);transition:background .3s ease,color .3s ease,transform .3s ease,border-color .3s ease,box-shadow .3s ease;line-height:1;cursor:pointer;box-shadow:0 2px 6px #5c40331a,inset 0 1px #ffffff80}.modal-close i{font-size:1.8rem;transition:inherit}@media(hover:hover)and (pointer:fine){.modal-close:hover{background:linear-gradient(145deg,#5c40331f,#5c40332e);color:#3d2b1f;transform:scale(1.08) rotate(90deg);border-color:#5c40334d;will-change:transform,box-shadow;box-shadow:0 4px 12px #5c403326,0 0 0 1px #5c40331f,inset 0 1px #ffffffb3}}.modal-close:active{transform:scale(.95);background:#5c403326}.modal-body{padding:2rem 2rem 2.4rem;overflow-y:auto;-webkit-overflow-scrolling:touch;flex-grow:1;color:var(--text-secondary);background:var(--white);line-height:1.6;font-family:EB Garamond,serif;font-size:1.8rem}.modal-body p{margin-bottom:var(--spacing-md);font-size:1.8rem;line-height:1.7}.modal-body p:last-child{margin-bottom:0}.modal-body::-webkit-scrollbar{width:.6rem}.modal-body::-webkit-scrollbar-track{background:var(--cream-dark);border-radius:var(--radius-sm)}.modal-body::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-sm);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px 1px #0003,0 1px 2px #0000001a}@media(hover:hover)and (pointer:fine){.modal-body::-webkit-scrollbar-thumb:hover{background:var(--primary);box-shadow:inset 0 1px #fff6,inset 0 -1px 1px #00000040,0 2px 4px #dc143c26}}.modal-footer{padding:2rem 2rem 2.4rem;border-top:2px solid var(--cream-dark);background:linear-gradient(145deg,#fffffff2,#f7f7f7e6);display:flex;align-items:center;gap:var(--spacing-lg);flex-shrink:0;justify-content:flex-end;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.modal-info .modal-header{background:linear-gradient(145deg,#dc143c14,#ffffffe6)}.modal-info .modal-header h2{color:var(--primary)}.modal-success .modal-header{background:linear-gradient(145deg,#dc143c1f,#ffffffe6)}.modal-success .modal-header h2{color:var(--success)}.modal-warning .modal-header{background:linear-gradient(145deg,#edae4c14,#ffffffe6)}.modal-warning .modal-header h2{color:var(--warning)}.modal-error .modal-header{background:linear-gradient(145deg,#dc143c14,#ffffffe6)}.modal-error .modal-header h2{color:var(--error)}.modal-shake{animation:modalShakePremium .5s cubic-bezier(.36,.07,.19,.97)}@keyframes modalShakePremium{0%,to{transform:scale(1) translate(0) rotate(0)}20%{transform:scale(1.02) translate(-.8rem) rotate(-.5deg)}40%{transform:scale(.98) translate(.8rem) rotate(.5deg)}60%{transform:scale(1.01) translate(-.6rem) rotate(-.3deg)}80%{transform:scale(.99) translate(.4rem) rotate(.2deg)}}@media(min-width:375px){.modal-header{padding:2.8rem 2.4rem 2rem}.modal-body,.modal-footer{padding:2.4rem}}@media(min-width:480px){.modal{padding:var(--spacing-lg)}.modal-content{width:90%;max-width:45rem}}@media(min-width:600px){.modal-content{max-width:50rem}.modal-header{padding:3.2rem 3.2rem 2.4rem}.modal-body,.modal-footer{padding:2.4rem 3.2rem 3.2rem}.modal-header h2{font-size:2.7rem}.modal-body,.modal-body p{font-size:1.9rem}.modal-header h2 i{font-size:3.2rem}}@media(min-width:768px){.modal-content{max-width:58rem}.modal-header,.modal-footer,.modal-body{padding:var(--spacing-xl)}.modal-header h2{font-size:2.8rem}.modal-body,.modal-body p{font-size:2rem}}@media(min-width:1024px){.modal-content{max-width:62rem}}@media(pointer:coarse){.modal-close,.modal-footer button{touch-action:manipulation}}@media(prefers-reduced-motion:reduce){.modal,.modal-content,.modal-content:after,.modal-close{transition-duration:.1s!important;animation-duration:.1s!important}.modal-shake{animation:none}}#lyricsModal.modal{background:linear-gradient(135deg,#2b2b2b38,#5c40332e 20%,#0d0d0d73,#5c40332e 80%,#2b2b2b38);backdrop-filter:blur(12px) saturate(1.6) brightness(.95);-webkit-backdrop-filter:blur(12px) saturate(1.6) brightness(.95)}#lyricsModal .modal-content{background:linear-gradient(145deg,var(--white) 0%,var(--cream) 100%);border:2px solid transparent;background-clip:padding-box;border-radius:var(--radius-lg);position:relative;box-shadow:0 0 0 3px #edae4c59,0 25px 50px -15px #5c403338,0 15px 35px -10px #0d0d0d26,0 40px 80px -40px #5c403321,inset 0 1px #ffffffe6;margin:var(--spacing-md);max-height:85vh;max-width:100%}#lyricsModal .modal-content:before{content:"";position:absolute;inset:-2px;border-radius:var(--radius-lg);z-index:-1;opacity:.85}#lyricsModal .modal-content:after{content:"";position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translate(-333%) skew(-15deg);transition:transform 1.5s cubic-bezier(.42,0,.58,1);pointer-events:none;z-index:1}#lyricsModal.modal.show .modal-content:after{transform:translate(383%) skew(-15deg)}#lyricsModal .modal-header{background:linear-gradient(145deg,#ffffffe6,#faf9f7cc);border-bottom:1px solid var(--cream-dark);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative}#lyricsModal .modal-header h2{color:var(--primary-dark);font-size:2.6rem;font-weight:700;margin:0;line-height:1.3;letter-spacing:-.01em;text-shadow:0 1px 1px rgba(13,13,13,.08);font-family:Cormorant Garamond,serif}#lyricsModal .modal-body>.modal-close{position:sticky;top:1rem;float:right;z-index:3;margin:0 0 0 1rem}#lyricsModal .modal-body{padding:var(--spacing-md) var(--spacing-lg);background:var(--white);overflow-y:auto;flex-grow:1}.lyrics-content .estrofa{margin-bottom:var(--spacing-lg);background:linear-gradient(145deg,#faf9f7b3,#fffdfae6);border-left:.3rem solid var(--primary-light);border-radius:0 var(--radius) var(--radius) 0;line-height:1.8;color:var(--text-primary);position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1),border-left-color .3s ease,background .3s ease,box-shadow .3s cubic-bezier(.4,0,.2,1);font-size:2rem;padding:var(--spacing-sm) var(--spacing-md);font-family:EB Garamond,serif}.lyrics-content .estrofa:hover{border-left-color:var(--accent-gold);background:linear-gradient(145deg,#edae4c1a,#fffdfaf2);transform:translate(.3rem) translateY(-.1rem);box-shadow:0 4px 10px #5c403314}.lyrics-content .estrofa:last-child{margin-bottom:0}#lyricsModal .modal-footer{background:linear-gradient(145deg,var(--cream) 0%,rgba(250,249,247,.95) 100%);border-top:1px solid var(--cream-dark);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);border-radius:0 0 var(--radius-lg) var(--radius-lg)}#lyricsModal .mini-player{flex-grow:1;padding:0;background:transparent;border:none;margin:0;display:flex;align-items:center;gap:1.6rem}#lyricsModal .progress-bar{flex:1;height:.7rem;background:linear-gradient(145deg,var(--cream-dark) 0%,rgba(250,249,247,.8) 100%);border-radius:var(--radius-full);overflow:hidden;cursor:pointer;position:relative;border:1px solid rgba(212,165,116,.15);box-shadow:inset 0 1px 2px #0d0d0d1a;transition:box-shadow .2s ease-out}#lyricsModal .progress-bar:hover{box-shadow:inset 0 1px 4px #0d0d0d26}#lyricsModal .progress-fill{height:100%;background:linear-gradient(90deg,#d4a574,#b08d57);width:0%;transition:width .3s cubic-bezier(.65,0,.35,1);border-radius:var(--radius-full);position:relative}#lyricsModal .progress-fill:after{content:"";position:absolute;top:0;right:0;width:1rem;height:100%;background:#ffffff59;border-radius:var(--radius-full)}#lyricsModal .action-btn.select{min-width:10rem;font-size:1.4rem;padding:1rem 1.6rem}#lyricsModal .action-btn .btn-text{font-size:1.4rem;font-weight:var(--font-medium)}@media(min-width:600px){#lyricsModal .modal-content{margin:auto;max-width:60rem;max-height:80vh}#lyricsModal .modal-header,#lyricsModal .modal-body,#lyricsModal .modal-footer{padding:var(--spacing-lg) var(--spacing-xl)}#lyricsModal .modal-header h2{font-size:2.7rem}.lyrics-content .estrofa{font-size:2.2rem;padding:var(--spacing-md) var(--spacing-lg)}}@media(min-width:768px){#lyricsModal .modal-content{max-width:70rem}#lyricsModal .modal-header h2{font-size:2.8rem}.lyrics-content .estrofa{font-size:2.2rem;padding:var(--spacing-lg) var(--spacing-xl)}}.modal-categories{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:var(--z-modal, 1000);opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1)}.modal-categories.show{opacity:1}.modal-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(13,13,13,.1) 100%),linear-gradient(135deg,#2b2b2b38,#5c40332e 20%,#0d0d0d73,#5c40332e 80%,#2b2b2b38);-webkit-backdrop-filter:blur(8px) saturate(1.6) brightness(.95);backdrop-filter:blur(8px) saturate(1.6) brightness(.95)}.modal-categories-container{position:relative;background:linear-gradient(145deg,#ffffffb3,#faf9f7b3);-webkit-backdrop-filter:blur(3px) saturate(130%);backdrop-filter:blur(3px) saturate(130%);border-radius:var(--radius-lg);box-shadow:0 0 0 3px #edae4c59,0 25px 50px -15px #5c403338,0 15px 35px -10px #0d0d0d26,inset 0 1px #ffffffe6;width:calc(100% - 3.2rem);max-width:42rem;max-height:calc(100vh - 3.2rem);overflow:hidden;display:flex;flex-direction:column;transform:scale(.95) translateY(1.6rem);opacity:0;transition:transform .38s cubic-bezier(.34,1.56,.64,1),opacity .38s cubic-bezier(.34,1.56,.64,1)}.modal-categories.show .modal-categories-container{transform:scale(1) translateY(0);opacity:1}.modal-decoration{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8B6735 0%,var(--accent-gold) 50%,#8B6735 100%);z-index:3;box-shadow:0 2px 9px #8b673533;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-categories-container:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-200%) skew(-15deg);transition:transform .75s cubic-bezier(.25,1,.5,1);pointer-events:none;z-index:1}.modal-categories.show .modal-categories-container:after{transform:translate(230%) skew(-15deg)}.modal-categories-header{padding:2.4rem 2rem 1.6rem;text-align:center;position:relative;background:linear-gradient(145deg,#ffffffe6,#faf9f7b3);border-bottom:2px solid var(--cream-dark);z-index:2}.modal-categories-content>.modal-close{position:sticky;top:1rem;float:right;z-index:3;margin:0 0 0 1rem}.modal-icon{width:6rem;height:6rem;margin:0 auto 1.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.8rem;background:linear-gradient(135deg,#d4a574,#b08d57,#8b6735);color:#fff;position:relative;box-shadow:0 12px 24px #8b67354d,inset 0 1px #ffffff4d;animation:iconPulse 2.2s cubic-bezier(.45,0,.55,1) infinite}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 12px 24px #8b67354d,inset 0 1px #ffffff4d}50%{transform:scale(1.06);box-shadow:0 18px 35px #8b673559,inset 0 1px #fff6}}.modal-categories-title{font-size:2.6rem;font-weight:700;color:#5c4033;margin-bottom:.8rem;letter-spacing:-.01em;font-family:Playfair Display,serif}.modal-categories-subtitle{font-size:1.8rem;color:var(--text-secondary);line-height:1.6;font-weight:400}.modal-categories-content{overflow-y:auto;padding:2rem 2rem 2.4rem;flex:1;position:relative}.modal-categories-content::-webkit-scrollbar{width:5px}.modal-categories-content::-webkit-scrollbar-track{background:var(--cream-dark);border-radius:var(--radius-sm)}.modal-categories-content::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:var(--radius-sm)}@media(hover:hover){.modal-categories-content::-webkit-scrollbar-thumb:hover{background:#8b6735}}.modal-categories .categories-list{padding:.8rem 0}.modal-categories .category-group-title{font-size:1.6rem;font-weight:600;padding:1.2rem 1.6rem;margin:1.6rem 0 .8rem;background:linear-gradient(135deg,#d4a57414,#edae4c0a);border:1px solid rgba(212,165,116,.2);border-radius:var(--radius);color:#5c4033;text-transform:uppercase;letter-spacing:.04em;position:relative}.modal-categories .category-group-title:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-gold)}.modal-categories .category-group-title i{margin-right:.8rem;color:var(--accent-gold);font-size:1.6rem}.modal-categories .category-option{padding:1.6rem 2rem;margin:.6rem 0;width:100%;font-size:1.9rem;background:linear-gradient(135deg,#fffc,#faf9f766);border:1px solid rgba(212,165,116,.12);border-radius:var(--radius);border-left:3px solid transparent;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),border-color .28s,background-color .28s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0d0d0d0a;font-weight:600}@media(hover:hover)and (pointer:fine){.modal-categories .category-option:hover{background:linear-gradient(135deg,var(--white) 0%,rgba(237,174,76,.04) 100%);border-color:#d4a57440;border-left-color:var(--accent-gold);box-shadow:0 0 20px #edae4c40,0 5px 14px #8b67351c}.modal-categories .category-option:hover .category-option-icon{color:var(--accent-gold)}.modal-categories .category-option-all:hover{border-color:var(--accent-gold);box-shadow:0 7px 18px #edae4c38}}.modal-categories .category-option:active{transform:scale(.99)}.modal-categories .category-option-icon{font-size:2rem;margin-right:1.2rem;color:#8b6735;transition:color .3s ease-out}.modal-categories .category-option-text{font-weight:500;color:var(--text-primary);font-size:2rem}.modal-categories .category-option-count{font-size:1.6rem;color:#8b6735;background:#d4a5741f;padding:.3rem 1rem;border-radius:1.2rem;font-variant-numeric:tabular-nums}.modal-categories .category-group-full{margin-top:1.6rem;padding-top:1.6rem;border-top:1px solid rgba(237,174,76,.2)}.modal-categories .category-option-all{background:linear-gradient(135deg,#edae4c1a,#d4a5740d,#ffffffe6);border:1.5px solid rgba(237,174,76,.25);font-weight:600}@media(min-width:375px){.modal-categories-header{padding:2.8rem 2.4rem 2rem}.modal-categories-content{padding:2.4rem}}@media(min-width:768px){.modal-categories{display:none!important}}.category-selector-container{position:relative;width:100%;margin:0 auto 1rem}.btn-category-modal{width:100%;padding:1.4rem 1.6rem;border:none;border-radius:var(--radius);font-size:1.5rem;background:linear-gradient(180deg,#d4a574,#b08d57 40%,#8b6735);color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.25);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;box-shadow:0 4px #5c4033,0 6px 8px #5c40334d,inset 0 2px 3px #ffffff59,inset 0 -2px 3px #00000026;display:flex;align-items:center;gap:.5rem;font-family:inherit;position:relative;overflow:hidden}.btn-category-modal:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-200%) skew(-15deg);transition:transform .7s cubic-bezier(.23,1,.32,1);pointer-events:none}@media(hover:hover)and (pointer:fine){.btn-category-modal:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 6px #5c4033,0 9px 16px #5c403359,0 0 20px #d4a57433,inset 0 2px 3px #ffffff59,inset 0 -2px 3px #00000026}.btn-category-modal:hover:after{transform:translate(200%) skew(-15deg)}.btn-category-modal:hover i.fas.fa-music,.btn-category-modal:hover .arrow-icon{color:#fff}}.btn-category-modal:active{transform:translateY(3px);filter:brightness(.95);box-shadow:0 1px #5c4033,0 2px 4px #5c403333,inset 0 2px 3px #fff3,inset 0 -1px 2px #0003;transition-duration:.06s}.btn-category-modal i.fas.fa-music{color:#ffffffe6;transition:color var(--transition)}.btn-category-modal .arrow-icon{margin-left:auto;transition:color .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1);color:#fffc;font-size:1.4rem}.btn-category-modal.active .arrow-icon{transform:rotate(180deg);color:#fff}.categories-dropdown{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-modal, 9999);display:none;background:linear-gradient(135deg,#2b2b2b38,#5c40332e 20%,#0d0d0d73,#5c40332e 80%,#2b2b2b38);backdrop-filter:blur(8px) saturate(1.6) brightness(.95);-webkit-backdrop-filter:blur(8px) saturate(1.6) brightness(.95);opacity:0;transition:opacity .3s cubic-bezier(.23,1,.32,1)}.categories-dropdown.show{display:flex;align-items:center;justify-content:center;opacity:1}.categories-dropdown-container{background:linear-gradient(145deg,var(--white) 0%,var(--cream) 100%);border-radius:var(--radius-lg);box-shadow:0 0 0 3px #edae4c59,0 25px 50px -15px #5c403338,0 15px 35px -10px #0d0d0d26,inset 0 1px #ffffffe6;overflow:hidden;position:relative;width:90%;max-width:55rem;max-height:85vh;opacity:0;transform:scale(.95) translateY(1.6rem);transition:opacity .35s cubic-bezier(.34,1.56,.64,1),transform .35s cubic-bezier(.34,1.56,.64,1)}.categories-dropdown.show .categories-dropdown-container{opacity:1;transform:scale(1) translateY(0)}.categories-dropdown-container:after{content:"";position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transform:translate(-333%) skew(-15deg);transition:transform .85s cubic-bezier(.23,1,.32,1);pointer-events:none;z-index:1}.categories-dropdown.show .categories-dropdown-container:after{transform:translate(383%) skew(-15deg)}.categories-dropdown-content{max-height:75vh;overflow-y:auto;padding:1.6rem;position:relative}.categories-dropdown-content::-webkit-scrollbar{width:6px}.categories-dropdown-content::-webkit-scrollbar-track{background:var(--cream-dark);border-radius:var(--radius-sm)}.categories-dropdown-content::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:var(--radius-sm)}@media(hover:hover){.categories-dropdown-content::-webkit-scrollbar-thumb:hover{background:#8b6735}}.categories-dropdown-content:after{content:"";position:sticky;bottom:0;display:block;height:15px;background:linear-gradient(transparent,var(--cream));pointer-events:none;margin-top:-15px}.category-group-title{font-size:1.4rem;font-weight:600;padding:.8rem 1.2rem;margin:1.2rem 0 .6rem;background:linear-gradient(135deg,#d4a57414,#edae4c0a);border:1px solid rgba(212,165,116,.2);border-radius:var(--radius-sm);color:#5c4033;text-transform:uppercase;letter-spacing:.05em;position:relative;display:flex;align-items:center;gap:.8rem}.category-group-title:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent-gold)}.category-group-title i{color:var(--accent-gold);font-size:1.4rem}.category-option{padding:1rem 1.4rem;margin:.4rem 0;width:100%;font-size:1.4rem;background:linear-gradient(135deg,#fffc,#faf9f766);border:1px solid rgba(212,165,116,.12);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden}.category-option:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s cubic-bezier(.23,1,.32,1)}@media(hover:hover)and (pointer:fine){.category-option:hover{background:linear-gradient(135deg,var(--white) 0%,rgba(237,174,76,.04) 100%);border-color:#d4a57440;box-shadow:0 2px 8px #8b673526}.category-option:hover:after{transform:translate(100%)}.category-option:hover .category-option-icon{color:var(--accent-gold)}.category-option-all:hover{background:linear-gradient(135deg,rgba(237,174,76,.12) 0%,rgba(212,165,116,.08) 50%,var(--white) 100%);border-color:var(--accent-gold);box-shadow:0 4px 12px #edae4c33}}.category-option:active{transform:scale(.99)}.category-option-icon{font-size:1.6rem;color:#8b6735;transition:color .3s ease}.category-option-text{font-weight:500;color:var(--text-primary)}.category-option-count{margin-left:auto;font-size:1.4rem;font-weight:600;color:#8b6735;background:#d4a5741f;padding:.2rem .6rem;border-radius:1rem}.category-group-full{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid rgba(237,174,76,.2)}.category-option-all{background:linear-gradient(135deg,#edae4c14,#d4a5740d,#ffffffe6);border:1.5px solid rgba(237,174,76,.2);font-weight:600}@media(min-width:375px){.btn-category-modal{font-size:1.6rem;padding:1.6rem 2rem}}@media(min-width:480px){.category-selector-container{max-width:85%}.btn-category-modal{padding:1.8rem 2.4rem}}@media(min-width:600px){.category-selector-container{max-width:50rem}}@media(min-width:768px){.categories-dropdown-container{width:85%;max-width:60rem}.categories-dropdown-content{max-height:70vh;padding:2rem}.category-group-title{padding:1rem 1.6rem;margin:1.6rem 0 .8rem}.category-option{padding:1.2rem 1.6rem;margin:.6rem 0;font-size:1.6rem}.category-option-icon{font-size:2rem}.category-option-count{padding:.4rem .8rem}}@media(min-width:1024px){.category-selector-container{max-width:60rem}}.modal-info .modal-header{padding:2.4rem 2rem 1.6rem;border-bottom:.1rem solid rgba(237,174,76,.25);background:radial-gradient(ellipse at 50% 0%,#fffffff2,#fff0 70%),linear-gradient(135deg,#fff7ed,#fcecd6,#fff4e8);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #edae4c1f}.modal-info .modal-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%) skew(-15deg);pointer-events:none;z-index:1;animation:headerShine 6s ease-in-out infinite}.modal-info .modal-header h2{font-size:2.2rem;font-weight:700;text-align:center;letter-spacing:-.01em;line-height:1.3;font-family:Playfair Display,serif;color:#5c4033;text-shadow:0 1px 0 rgba(255,255,255,.8),0 2px 4px rgba(92,64,51,.1);position:relative;display:flex;align-items:center;justify-content:center;gap:.8rem;margin:0 auto;z-index:2}.modal-info .modal-header h2 i{margin-right:.8rem;font-size:2.4rem;vertical-align:middle;background:linear-gradient(145deg,#1b7a3d,#34a853,#6fcf87);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 6px rgba(46,139,87,.4));animation:iconCelebration 2.2s cubic-bezier(.34,1.56,.64,1) infinite 1s}.modal-info .modal-body{padding:0 1.6rem 1.6rem;position:relative;z-index:2;max-height:65vh;overflow-y:auto;overflow-x:hidden}.modal-info .modal-body::-webkit-scrollbar{width:.4rem}.modal-info .modal-body::-webkit-scrollbar-track{background:var(--cream-dark);border-radius:.2rem}.modal-info .modal-body::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:.2rem}@media(hover:hover)and (pointer:fine){.modal-info .modal-body::-webkit-scrollbar-thumb:hover{background:var(--primary)}}.info-message{text-align:center}.info-icon-container{margin-top:2rem;margin-bottom:1.2rem}.info-icon{width:5rem;height:5rem;margin:0 auto;background:radial-gradient(circle at 35% 35%,#e8c99a,#d4a574 40%,#a07b52);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 1.2rem 2.4rem #a07b524d,0 .4rem 1rem #d4a57438,inset 0 1px #ffffff4d,0 0 2rem #8b00001a;animation:infoIconEntry .6s cubic-bezier(.34,1.56,.64,1) .3s backwards}@keyframes infoIconEntry{0%{transform:scale(0) rotate(-160deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.info-icon i{font-size:2.6rem;color:#8b0000;text-shadow:0 1px 3px rgba(212,165,116,.5),0 0 .6rem rgba(255,255,255,.3);animation:infoPulse .5s cubic-bezier(.215,.61,.355,1) .9s}@keyframes infoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.info-main{color:var(--text-primary);margin-bottom:1.2rem;line-height:1.6;font-weight:var(--font-medium)}.info-main strong{color:var(--accent-gold);font-weight:var(--font-bold);text-shadow:0 .1rem .2rem rgba(212,165,116,.2)}.info-details{margin-bottom:1.6rem}.info-details p{margin-bottom:.8rem;line-height:1.6;color:var(--text-secondary);text-align:center}.info-details p:last-child{margin-bottom:0}.info-details strong{color:var(--primary-dark);font-weight:600}.info-tip{background:linear-gradient(135deg,#fffc,#faf9f7b3);border:.1rem solid rgba(237,174,76,.2);border-radius:var(--radius-sm);padding:1rem;display:flex;align-items:center;gap:.8rem;font-size:1.4rem;color:var(--text-secondary);position:relative;font-family:Montserrat,sans-serif;line-height:1.4;box-shadow:0 .3rem 1rem #edae4c1a}.info-tip:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:60%;width:.2rem;background:var(--accent-gold)}.info-tip>i{color:var(--accent-gold);font-size:2rem;flex-shrink:0}.info-tip>div{display:flex;flex-direction:column;gap:.4rem}.info-tip strong{color:var(--primary-dark);font-weight:600}.modal-info .modal-footer{padding:2rem 2rem 2.4rem;border-top:.1rem solid rgba(237,174,76,.15);background:#faf9f74d;position:relative;z-index:2;justify-content:center}.modal-info.show .modal-content{animation:elegantEntrance .5s cubic-bezier(.34,1.56,.64,1)}@media(min-width:375px){.modal-info .modal-header h2 i{font-size:2.4rem}.modal-info .modal-body{padding:0 2rem 2rem}.modal-info .modal-footer{padding:2.4rem}.info-tip{padding:1.2rem;font-size:1.5rem}.info-tip>i{font-size:2.1rem}}@media(min-width:390px){.info-icon-container{margin-bottom:1.6rem}.info-icon{width:6rem;height:6rem}.info-icon i{font-size:3.2rem}.info-main{font-size:2rem;margin-bottom:1.6rem}.info-details p{font-size:2rem}}@media(min-width:428px){.modal-info .modal-content{margin:2.4rem;max-width:45rem}.modal-info .modal-header{padding:2.8rem 2.4rem 2rem}.modal-info .modal-header h2{font-size:2.6rem}.modal-info .modal-body{padding:0 2.4rem 2.4rem;max-height:70vh}.info-main{font-size:2.2rem}.info-tip{padding:1.4rem;gap:1rem;font-size:1.5rem}.info-tip>i{font-size:2.2rem}}@media(min-width:600px){.modal-info .modal-content{margin:auto;max-width:50rem}.modal-info .modal-header{padding:3.2rem 3.2rem 2.4rem}.modal-info .modal-header h2{font-size:2.7rem}.modal-info .modal-header h2 i{font-size:2.8rem}.modal-info .modal-body{padding:0 3.2rem 3.2rem}.modal-info .modal-footer{padding:2.4rem 3.2rem 3.2rem}.info-main{font-size:2.2rem}.info-details p{font-size:2rem}.info-tip{padding:1.6rem 1.8rem;gap:1.2rem;font-size:1.6rem}.info-tip>i{font-size:2.4rem}.modal-info .modal-footer .control-btn.primary{padding:1.6rem 4rem;font-size:1.7rem}}@media(min-width:768px){.modal-info .modal-content{max-width:52rem}.modal-info .modal-header h2{font-size:2.9rem}.info-main{font-size:2.2rem}.info-details p{font-size:2rem}.info-tip{padding:1.8rem 2rem;font-size:1.6rem}.info-tip>i{font-size:2.5rem}}.modal-success .modal-content{max-height:90vh}.modal-success .modal-header{padding:2.4rem 2rem 1.6rem;border-bottom:.1rem solid rgba(237,174,76,.25);background:radial-gradient(ellipse at 50% 0%,#fffffff2,#fff0 70%),linear-gradient(135deg,#fff7ed,#fcecd6,#fff4e8);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #edae4c1f}.modal-success .modal-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%) skew(-15deg);pointer-events:none;z-index:1;animation:headerShine 6s ease-in-out infinite}@keyframes headerShine{0%,to{transform:translate(-100%) skew(-15deg)}50%{transform:translate(120%) skew(-15deg)}}.modal-success .modal-header h2{font-size:2.2rem;font-weight:700;text-align:center;letter-spacing:-.01em;line-height:1.3;font-family:Playfair Display,serif;color:#5c4033;text-shadow:0 1px 0 rgba(255,255,255,.8),0 2px 4px rgba(92,64,51,.1);position:relative;display:flex;align-items:center;justify-content:center;gap:.8rem;margin:0 auto;z-index:2}.modal-success .modal-header h2 i{margin-right:.8rem;font-size:2.4rem;vertical-align:middle;background:linear-gradient(145deg,#1b7a3d,#34a853,#6fcf87);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 6px rgba(46,139,87,.4));animation:iconCelebration 2.2s cubic-bezier(.34,1.56,.64,1) infinite 1s}@keyframes iconCelebration{0%,50%,to{transform:scale(1) rotate(0)}15%{transform:scale(1.15) rotate(-6deg)}35%{transform:scale(1.15) rotate(6deg)}}.modal-success .modal-body{padding:0 1.6rem 1.6rem;position:relative;z-index:2;max-height:65vh;overflow-y:auto;overflow-x:hidden}.limit-message{text-align:center}.limit-icon-container{margin-bottom:1.2rem}.limit-icon.success{width:5rem;height:5rem;margin:0 auto;background:radial-gradient(circle at 35% 35%,#e8c99a,#d4a574 40%,#a07b52);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 1.2rem 2.4rem #a07b524d,0 .4rem 1rem #d4a57438,inset 0 1px #ffffff4d,0 0 2rem #8b00001a;animation:iconSuccessEntry .6s cubic-bezier(.34,1.56,.64,1) .3s backwards}@keyframes iconSuccessEntry{0%{transform:scale(0) rotate(-160deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.limit-icon.success i{font-size:2.6rem;color:#8b0000;text-shadow:0 1px 3px rgba(212,165,116,.5),0 0 .6rem rgba(255,255,255,.3);animation:checkPulse .5s cubic-bezier(.215,.61,.355,1) .9s}@keyframes checkPulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.limit-main{font-size:1.8rem;color:var(--text-primary);margin-bottom:1.2rem;line-height:1.6;font-weight:var(--font-medium);font-family:EB Garamond,serif}.limit-main strong{color:#d4a574;font-weight:var(--font-bold);text-shadow:0 .1rem .2rem rgba(212,165,116,.2)}.songs-list-preview{background:linear-gradient(135deg,#fffc,#faf9f7b3);border:.1rem solid rgba(220,20,60,.15);border-radius:var(--radius-lg);padding:1rem;margin:1.2rem 0;position:relative;box-shadow:0 .4rem 1.5rem -.2rem #8b00000f}.songs-list-preview .song-item{display:flex;align-items:center;padding:.8rem 0;border-bottom:.1rem dashed rgba(220,20,60,.15);transition:background-color .2s ease-out,transform .2s ease-out}.songs-list-preview .song-item:hover{background:linear-gradient(135deg,#edae4c14,#f0d9b50f);transform:translate(.4rem);border-radius:.8rem}.songs-list-preview .song-item:last-child{border-bottom:none}.song-number{width:2.8rem;height:2.8rem;background:linear-gradient(135deg,var(--accent-champagne) 0%,var(--accent-gold) 100%);color:var(--primary-dark);border:.1rem solid rgba(139,0,0,.1);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:var(--font-bold);margin-right:1.2rem;transition:background .3s cubic-bezier(.34,1.56,.64,1),color .3s cubic-bezier(.34,1.56,.64,1),border-color .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 .2rem .4rem #edae4c33}.songs-list-preview .song-item:hover .song-number{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--text-white);border-color:transparent;transform:scale(1.1) rotate(-5deg);box-shadow:0 .4rem .8rem #dc143c4d}.song-name{flex:1;font-weight:600;color:var(--text-primary);font-size:1.5rem;font-family:Cormorant Garamond,serif;transition:color .3s ease}.songs-list-preview .song-item:hover .song-name{color:var(--primary);font-weight:700}.change-instructions-compact{background:linear-gradient(135deg,#fffc,#faf9f7b3);border:.1rem solid rgba(237,174,76,.2);border-radius:var(--radius-sm);padding:1rem;margin:1.2rem 0;display:flex;align-items:center;gap:.8rem;font-size:1.4rem;color:var(--text-secondary);position:relative;font-family:Montserrat,sans-serif}.change-instructions-compact:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:60%;width:.2rem;background:var(--accent-gold)}.change-instructions-compact i{color:var(--accent-gold);font-size:2rem;flex-shrink:0}.change-instructions-compact span{line-height:1.3}.change-instructions-compact strong{color:#8b6735;font-weight:var(--font-semibold)}.modal-success .modal-footer{padding:2rem 2rem 2.4rem;border-top:.1rem solid rgba(46,139,87,.1);background:#faf9f74d;justify-content:center}.modal-success .modal-footer .control-btn.primary{background:linear-gradient(180deg,#34a853,#2e8b57 40%,#1b7a3d);color:#fff;border:none;border-radius:var(--radius);padding:1.6rem 4rem;font-size:1.7rem;font-weight:600;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px #0d5227,0 6px 8px #0003,inset 0 2px 3px #ffffff59,inset 0 -2px 3px #00000026;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;position:relative;overflow:hidden}.modal-success .modal-footer .control-btn.primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%);transition:transform .8s cubic-bezier(.23,1,.32,1)}.modal-success .modal-footer .control-btn.primary:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 6px #0d5227,0 9px 16px #00000040,0 0 20px #2e8b5733,inset 0 2px 3px #ffffff59,inset 0 -2px 3px #00000026}.modal-success .modal-footer .control-btn.primary:hover:before{transform:translate(100%)}.modal-success .modal-footer .control-btn.primary:active{transform:translateY(3px);filter:brightness(.95);box-shadow:0 1px #0d5227,0 2px 4px #00000026,inset 0 2px 3px #fff3,inset 0 -1px 2px #0003;transition-duration:.06s}.modal-success .modal-footer .control-btn.primary i{margin-right:1.2rem;font-size:1.8rem;color:inherit;animation:thumbsAnimation 2s cubic-bezier(.45,0,.55,1) infinite 2s}@keyframes thumbsAnimation{0%,90%,to{transform:scale(1) rotate(0)}45%{transform:scale(1.2) rotate(8deg)}}.modal-success.show .modal-content{animation:elegantEntrance .5s cubic-bezier(.34,1.56,.64,1)}@keyframes elegantEntrance{0%{opacity:0;transform:scale(.95) translateY(1.6rem)}to{opacity:1;transform:scale(1) translateY(0)}}@media(min-width:390px){.modal-success .modal-body{padding:1.6rem 1.8rem 2rem;max-height:70vh}.limit-icon-container{margin-bottom:1.6rem}.limit-icon.success{width:6rem;height:6rem}.limit-icon.success i{font-size:3.2rem}.limit-main{font-size:2rem;margin-bottom:1.6rem}.songs-list-preview{padding:1.2rem}.song-name{font-size:1.7rem}}@media(min-width:375px){.modal-success .modal-header{padding:2.4rem 2rem 1.6rem}.modal-success .modal-header h2 i{font-size:2.4rem}.modal-success .modal-body,.modal-success .modal-footer{padding:2.4rem}.songs-list-preview{padding:1.6rem}.limit-main,.song-name{font-size:2rem}.change-instructions-compact{padding:1.2rem;font-size:1.45rem}.change-instructions-compact i{font-size:2.1rem}}@media(min-width:428px){.modal-success .modal-body{padding:2.4rem;max-height:70vh}.limit-main{font-size:2.2rem}.song-name{font-size:1.9rem}.change-instructions-compact{padding:1.4rem;gap:1rem;font-size:1.5rem}.change-instructions-compact i{font-size:2.2rem}.modal-success .modal-content{margin:2.4rem;max-width:45rem}.modal-success .modal-header{padding:2.8rem 2.4rem 2rem}.modal-success .modal-header h2{font-size:2.6rem}}@media(min-width:600px){.change-instructions-compact{padding:1.6rem 1.8rem;gap:1.2rem;font-size:1.6rem}.change-instructions-compact i{font-size:2.4rem}.modal-success .modal-content{margin:auto;max-width:50rem}.modal-success .modal-header{padding:3.2rem 3.2rem 2.4rem}.modal-success .modal-header h2{font-size:2.7rem}.modal-success .modal-header h2 i{font-size:2.8rem}.songs-list-preview{padding:2rem}}@media(min-width:768px){.modal-success .modal-content{max-width:52rem}.modal-success .modal-header h2{font-size:2.9rem}.limit-main{font-size:2.2rem}.song-name{font-size:2.1rem}.change-instructions-compact{padding:1.8rem 2rem;font-size:1.65rem}.change-instructions-compact i{font-size:2.5rem}}.skeleton-orchestra{padding:2rem;animation:orchestraEnter .5s cubic-bezier(.22,1,.36,1);max-width:100%}.skeleton-header{background:#faf9f7d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:15px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 12px #0d0d0d14,0 8px 28px #5c40330f,0 0 35px #edae4c26,0 0 55px #f0d9b51a,inset 0 1px #ffffffe6,inset 0 0 0 1px #edae4c1f;border:1px solid rgba(240,217,181,.4)}.mariachi-loading{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.mariachi-loading .icon-animate{font-size:3rem;animation:trumpetPulse 1.5s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(220,20,60,.45)) drop-shadow(0 0 18px rgba(212,165,116,.35))}.mariachi-loading h3{font-family:Playfair Display,serif;font-size:1.8rem;color:#2b2b2b;font-weight:700;margin:0;opacity:0;animation:fadeInUp .5s .2s forwards;transition:opacity .3s ease,transform .3s ease;max-width:98%;width:100%;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}@media(min-width:768px){.mariachi-loading h3{max-width:90%}}.mariachi-loading h3[style*="opacity: 0"]{transform:translateY(-5px)}.message-progress-container{margin-top:10px;margin-bottom:15px;width:100%}.message-progress-bar{height:3px;background:#ffffff1a;border-radius:3px;overflow:hidden}.message-progress-fill{height:100%;background:linear-gradient(90deg,#dc143c,#ff1744,#d4a574);width:0%;border-radius:3px;box-shadow:0 0 12px #dc143c66,0 0 24px #edae4c40}.progress-container{margin-top:10px;width:100%}.progress-bar{height:8px;background:linear-gradient(90deg,#faf9f7,#f0f0f0);border-radius:10px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#dc143c,#ff1744);width:0%;border-radius:10px;transition:width .3s ease;box-shadow:0 0 12px #dc143c66,0 0 24px #edae4c40,0 0 36px #dc143c26,0 2px 8px #0d0d0d33;animation:progressGlow 2s ease-in-out infinite}.progress-text{display:block;text-align:center;margin-top:.8rem;font-size:1.8rem;color:#6b6b6b;font-family:EB Garamond,serif;font-style:italic;font-weight:500}.skeleton-grid{display:flex;flex-direction:column;gap:1.8rem}.skeleton-card{background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 50%),linear-gradient(160deg,#fffffffa,#fffdfafc,#fff,#fdfbf8fa,#fffffffc,#faf9f5f5),#fff;overflow:hidden;height:120px;display:flex;align-items:stretch;border:1px solid transparent;border-image:linear-gradient(145deg,#ffffffe6,#f0d9b54d,#dcdcdc66) 1;border-radius:15px;box-shadow:0 4px 12px #0d0d0d0f,0 2px 6px #5c40330a,0 8px 24px #0000000a,0 0 0 1px #fffc,inset 0 1px #fff,inset 0 -1px #00000005;position:relative;animation:cardFadeIn .5s cubic-bezier(.22,1,.36,1) forwards;opacity:0}.skeleton-card:nth-child(1){animation-delay:0s}.skeleton-card:nth-child(2){animation-delay:.05s}.skeleton-card:nth-child(3){animation-delay:.1s}.skeleton-card:nth-child(4){animation-delay:.15s}.skeleton-card:nth-child(5){animation-delay:.2s}.skeleton-card:nth-child(6){animation-delay:.25s}.skeleton-card:nth-child(7){animation-delay:.3s}.skeleton-card:nth-child(8){animation-delay:.35s}.skeleton-card:nth-child(9){animation-delay:.4s}.skeleton-card:nth-child(10){animation-delay:.45s}.skeleton-card:nth-child(11){animation-delay:.5s}.skeleton-card:nth-child(12){animation-delay:.55s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(15px) scale(.97);filter:brightness(.95)}60%{opacity:1;transform:translateY(-2px) scale(1.005);filter:brightness(1.02)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}.skeleton-number{width:16%;background:linear-gradient(135deg,#f0f0f0,#e5e5e5 30%,#f0d9b533,#e5e5e5 70%,#f0f0f0);background-size:300% 300%;position:relative;overflow:hidden;animation:shimmerNumber 2.5s ease-in-out infinite}@keyframes shimmerNumber{0%{background-position:100% 100%}50%{background-position:0% 0%}to{background-position:100% 100%}}.skeleton-content{flex:1;padding:1.6rem;display:flex;flex-direction:column;justify-content:center;gap:1rem;position:relative}.skeleton-content:after{content:"";position:absolute;bottom:1.2rem;left:1.6rem;right:1.6rem;height:4px;background:linear-gradient(90deg,#e5e5e5,#d5d5d5);border-radius:2px;opacity:.6;animation:shimmer 1.5s ease-in-out infinite}.skeleton-card:before{content:"▶";position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-size:2rem;color:#c8c8c8;opacity:.6;z-index:1;text-shadow:0 0 8px rgba(240,217,181,.3),0 2px 4px rgba(0,0,0,.1);animation:playPulsePremium 2.5s ease-in-out infinite}.skeleton-title{height:26px;width:75%;background:linear-gradient(90deg,#f5f5f5,#e8e8e8,#f0d9b54d,#e8e8e8,#f5f5f5);background-size:300% 100%;border-radius:8px;animation:shimmerPremium 2s ease-in-out infinite}.skeleton-artist{height:21px;width:60%;background:linear-gradient(90deg,#f5f5f5,#ebebeb,#f0d9b540,#ebebeb,#f5f5f5);background-size:300% 100%;border-radius:6px;animation:shimmerPremium 2s ease-in-out infinite;animation-delay:.15s}.skeleton-buttons{display:flex;gap:1rem;margin-top:auto}.skeleton-btn{height:35px;width:80px;background:linear-gradient(90deg,#faf9f7,#f0d9b5,#faf9f7);background-size:200% 100%;border-radius:8px;animation:shimmer 1.5s ease-in-out infinite;animation-delay:.3s}.pulse{animation:shimmerPremium 2s ease-in-out infinite}.pulse-delayed{animation:shimmerPremium 2s ease-in-out infinite;animation-delay:.2s}.pulse-delayed-more{animation:shimmerPremium 2s ease-in-out infinite;animation-delay:.4s}@keyframes shimmerPremium{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmerGlow{0%{background-position:-200% 0;filter:brightness(1)}50%{filter:brightness(1.05)}to{background-position:200% 0;filter:brightness(1)}}@keyframes orchestraEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes trumpetPulse{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}@keyframes playPulsePremium{0%,to{opacity:.5;text-shadow:0 0 8px rgba(240,217,181,.2),0 2px 4px rgba(0,0,0,.1);transform:translateY(-50%) scale(1)}50%{opacity:.7;text-shadow:0 0 12px rgba(240,217,181,.4),0 0 20px rgba(220,20,60,.15),0 2px 6px rgba(0,0,0,.12);transform:translateY(-50%) scale(1.05)}}@keyframes progressGlow{0%,to{box-shadow:0 0 12px #dc143c66,0 0 24px #edae4c40,0 0 36px #dc143c26,0 2px 8px #0d0d0d33}50%{box-shadow:0 0 18px #dc143c8c,0 0 32px #edae4c61,0 0 48px #dc143c38,0 0 64px #edae4c26,0 4px 12px #0d0d0d40,0 0 80px #ffffff1a}}.skeleton-orchestra.transitioning{opacity:0;transform:scale(.98);transition:opacity .3s ease,transform .3s ease}@media(min-width:768px){.skeleton-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}}@media(min-width:1024px){.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:2.4rem}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;min-height:40rem;gap:2rem}.error-state i.fa-exclamation-triangle{font-size:6rem;color:var(--color-primario, #DC143C);opacity:.8;filter:drop-shadow(0 4px 8px rgba(220,20,60,.3)) drop-shadow(0 2px 4px rgba(220,20,60,.2)) drop-shadow(0 8px 16px rgba(13,13,13,.15)) drop-shadow(0 0 20px rgba(220,20,60,.12))}.error-state p{font-size:1.8rem;color:#333;margin:0;max-width:50rem;line-height:1.5}.error-state .btn-retry{display:inline-flex;align-items:center;gap:1rem;padding:1.2rem 2.4rem;font-size:1.6rem;font-weight:600;color:#fff;background-color:var(--color-primario, #DC143C);border:none;border-radius:.8rem;cursor:pointer;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #dc143c40,0 2px 6px #dc143c33,0 8px 20px #0d0d0d26,inset 0 1px #fff3}@media(hover:hover)and (pointer:fine){.error-state .btn-retry:hover{background-color:var(--color-primario-hover, #FF1744);transform:translateY(-2px);box-shadow:0 6px 18px #dc143c59,0 4px 12px #dc143c40,0 10px 28px #0d0d0d33,0 0 30px #dc143c33,0 12px 36px #dc143c26,inset 0 1px #ffffff4d}}.error-state .btn-retry:active{transform:translateY(0)}.error-state .btn-retry i{font-size:1.4rem}@media(max-width:768px){.error-state{padding:3rem 1.5rem;min-height:30rem}.error-state i.fa-exclamation-triangle{font-size:4.5rem}.error-state p{font-size:1.6rem}.error-state .btn-retry{padding:1rem 2rem;font-size:1.4rem}}.floating-price-button{display:block;position:fixed;top:1.2rem;right:1.2rem;z-index:9999;max-width:60%;opacity:0;transform:translateY(-2rem) scale(.8);transition:transform .55s cubic-bezier(.34,1.68,.64,1),opacity .4s ease-out;backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:layout style}@media(min-width:769px){.floating-price-button{display:none!important}}.floating-price-button.visible{opacity:1;transform:translateY(0) scale(1)}.floating-price-button.hidden-scroll{transform:translateY(-120%);opacity:0}.floating-price-button a{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#8b6735,#d4a574,#f0d9b5);color:#590000;text-decoration:none;border-radius:3rem;font-weight:900;font-size:1.4rem;border:1px solid rgba(212,165,116,.6);box-shadow:0 2px 5px #0000001f,0 6px 16px #0000002e,0 0 30px #d4a57459,0 0 50px #d4a57433,inset 0 2px 4px #ffffff73,inset 0 -1px 2px #00000026;-webkit-font-smoothing:antialiased;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1)}@media(min-width:480px){.floating-price-button a{padding:1.2rem 2rem}}.floating-price-button a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,248,231,.4) 30%,rgba(240,217,181,.6) 50%,rgba(255,248,231,.4) 70%,transparent 100%);transform:translate(-100%);animation:floating-shimmer 3.5s ease-in-out .8s 5}@media(prefers-reduced-motion:reduce){.floating-price-button a:before{animation:none}}.floating-price-button a:active{transform:scale(.95) translateZ(0);box-shadow:0 1px 3px #00000026,0 2px 6px #0000001f,0 0 15px #d4a5744d,inset 0 2px 4px #0000001a}.floating-price-button i{font-size:2rem;background:linear-gradient(135deg,#8b0000,#dc143c,#ff1744);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 2s cubic-bezier(.5,0,.5,1) 5;filter:drop-shadow(0 2px 5px rgba(139,0,0,.38)) drop-shadow(0 0 18px rgba(220,20,60,.25))}@media(prefers-reduced-motion:reduce){.floating-price-button i{animation:none}}.floating-price-button .text{display:flex;flex-direction:column;line-height:1.2;position:relative;z-index:1}.floating-price-button .main{font-size:1.4rem;letter-spacing:.05rem;text-transform:uppercase;font-family:Cormorant Garamond,serif;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.28),0 2px 5px rgba(212,165,116,.4),0 3px 8px rgba(139,0,0,.22)}.floating-price-button .sub{font-size:1.4rem;opacity:.85;font-weight:600;font-family:Montserrat,sans-serif;color:#8b6735;display:none;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.02rem}@media(min-width:480px){.floating-price-button .sub{display:block}}@media(min-width:480px){.floating-price-button{top:1.5rem;right:1.5rem;max-width:50%}}.floating-price-button.sway{animation:floating-sway 1s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion:reduce){.floating-price-button.sway{animation:none;transform:scale(1.03)}}.floating-price-button.visible a:after{content:"";position:absolute;inset:-4px;border-radius:3.4rem;background:transparent;box-shadow:0 0 20px #d4a57440;animation:floating-glow 2.5s ease-in-out 1.5s 5;pointer-events:none;z-index:-1}@media(prefers-reduced-motion:reduce){.floating-price-button.visible a:after{animation:none;box-shadow:none}}@keyframes floating-shimmer{0%{transform:translate(-200%)}60%,to{transform:translate(100%)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}@keyframes floating-sway{0%{transform:translateY(0) rotate(0) scale(1)}12%{transform:translateY(-3px) rotate(2.5deg) scale(1.03)}28%{transform:translateY(1px) rotate(-2.5deg) scale(.98)}42%{transform:translateY(-2px) rotate(1.8deg) scale(1.02)}56%{transform:translateY(0) rotate(-1deg) scale(.99)}72%{transform:translateY(-1px) rotate(.5deg) scale(1.01)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes floating-glow{0%,to{box-shadow:0 0 20px #d4a57433}50%{box-shadow:0 0 35px #d4a57473,0 0 60px #d4a57426}}@media(prefers-reduced-motion:reduce){.floating-price-button,.floating-price-button *,.floating-price-button *:before,.floating-price-button *:after{animation:none!important;transition-duration:.2s!important}}