:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*,:before,:after{box-sizing:border-box}html,body,#root{color:#344563;background:#f4f7fc;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.app-shell{width:100vw;height:100vh;display:flex;overflow:hidden}.main-area{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.page-content{flex:1;padding:1.5rem;overflow-y:auto}@media (width<=768px){.page-content{padding:1rem}}.buscador-container{flex:1;max-width:340px;position:relative}.buscador-icon{color:#8fa3bc;pointer-events:none;font-size:15px;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.buscador-input{color:#344563;background:#fafcff;border:1px solid #d0dcf0;border-radius:10px;outline:none;width:100%;height:44px;padding:.6rem .85rem .6rem 2.1rem;font-size:13px;transition:border-color .18s,box-shadow .18s}.buscador-input:focus{background:#fff;border-color:#6c8ebf;box-shadow:0 0 0 3px #6c8ebf21}.buscador-input::placeholder{color:#8fa3bc}.buscador-dropdown{z-index:300;background:#fff;border:1px solid #dde6f5;border-radius:12px;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.buscador-item{color:#3b5278;cursor:pointer;border-bottom:1px solid #eaf0f8;align-items:center;gap:10px;padding:.55rem .9rem;font-size:13px;transition:background .12s;display:flex}.buscador-item:last-child{border-bottom:none}.buscador-item:hover{background:#f4f7fc}.buscador-avatar{color:#6c8ebf;background:#eaf0f8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:500;display:flex}.buscador-nombre{font-weight:500}.cabecera{background:#fff;border-bottom:1px solid #dde6f5;flex-shrink:0;align-items:center;gap:12px;padding:.65rem 1.25rem;display:flex}.cabecera-hamburger{color:#6c8ebf;cursor:pointer;background:0 0;border:1px solid #dde6f5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:5px 7px;font-size:20px;line-height:1;transition:background .13s;display:none}.cabecera-hamburger:hover{background:#eaf0f8}.cabecera-buscador{flex:1;max-width:340px}.cabecera-usuario{align-items:center;gap:10px;margin-left:auto;display:flex}.cabecera-nombre{color:#5a6e8a;white-space:nowrap;font-size:13px;font-weight:500}.cabecera-avatar{object-fit:cover;cursor:pointer;border:2px solid #eaf0f8;border-radius:50%;width:34px;height:34px;transition:border-color .15s;display:block}.cabecera-avatar:hover{border-color:#6c8ebf}@media (width<=768px){.cabecera-hamburger{display:flex}.cabecera-nombre{display:none}}:root{--brand:#6c8ebf;--brand-hover:#4a6fa5;--brand-light:#eaf0f8;--input-border:#d0dcf0;--input-focus:#6c8ebf;--label-color:#5a6e8a;--card-bg:#fff;--page-bg:#f4f7fc;--btn-secondary-bg:#eaf0f8;--text-muted-custom:#8fa3bc;--error-color:#e05c68}body{background-color:var(--page-bg);font-size:15px}.form-card{background:var(--card-bg);border:1px solid #dde6f5;border-radius:16px;max-width:480px;margin-bottom:2rem;padding:2rem}.form-card h5,.form-card h2{color:#3b5278;border-bottom:1px solid #eaf0f8;align-items:center;gap:8px;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:15px;font-weight:500;display:flex}label,.form-label{color:var(--label-color);margin-bottom:5px;font-size:13px;font-weight:500;display:block}input[type=text],input[type=email],input[type=password],input[type=file],select,textarea,.form-control,.form-select{border:1px solid var(--input-border);color:#344563;background:#fafcff;border-radius:10px;outline:none;width:100%;padding:.5rem .85rem;font-size:14px;transition:border-color .18s,box-shadow .18s;display:block}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{border-color:var(--input-focus);background:#fff;box-shadow:0 0 0 3px #6c8ebf26}textarea,textarea.form-control{resize:vertical;min-height:90px}span.error,.error-msg{color:var(--error-color);min-height:16px;margin-top:4px;font-size:12px;display:block}.alert-suscripcion{color:#8a5a00;background:#fff5e6;border:1px solid #fddcaa;border-radius:10px;margin-top:.5rem;padding:.6rem 1rem;font-size:13px}input[type=button],.btn-primary-custom{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.5rem 1.25rem;font-size:14px;font-weight:500;transition:background .18s,transform .1s}input[type=button]:hover,.btn-primary-custom:hover{background:var(--brand-hover);transform:translateY(-1px)}input[type=button]:active,.btn-primary-custom:active{transform:translateY(0)}input[type=button].btn-limpiar,.btn-secondary-custom{background:var(--btn-secondary-bg);color:var(--brand);border:1px solid var(--input-border);cursor:pointer;border-radius:10px;padding:.5rem 1.25rem;font-size:14px;font-weight:500;transition:background .18s}input[type=button].btn-limpiar:hover,.btn-secondary-custom:hover{background:#dae6f5}input[type=button]:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-google{border:1px solid var(--input-border);color:#344563;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:.5rem 1.25rem;font-size:14px;font-weight:500;transition:background .18s;display:flex}.btn-google:hover{background:#f4f7fc}.divider{color:var(--text-muted-custom);align-items:center;gap:10px;margin:1rem 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--input-border);flex:1;height:1px}.form-row{margin-bottom:1rem}section.crear{max-width:480px;margin:0 auto}.login-page{background:var(--page-bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{text-align:center;width:100%;max-width:400px;margin:0}.login-logo{border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex;overflow:hidden}.login-logo img{object-fit:contain;width:100%;height:100%}.login-card h2{color:#3b5278;margin-bottom:.25rem;font-size:18px;font-weight:500}.login-subtitle{color:#8fa3bc;margin-bottom:1.5rem;font-size:13px}.login-registro{color:#8fa3bc;text-align:center;margin-top:1rem;font-size:12px}.login-registro a{color:#e2711d;font-weight:500;text-decoration:none}.login-registro a:hover{text-decoration:underline}.cancion-card{background:#fff;border:1px solid #dde6f5;border-radius:14px;flex-direction:column;transition:border-color .15s;display:flex;position:relative;overflow:visible}.cancion-card:hover{border-color:#b5d0ef}.cancion-portada-wrap{border-radius:14px 14px 0 0;position:relative;overflow:hidden}.cancion-portada-wrap img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.btn-like{cursor:pointer;background:#ffffffe0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:background .13s;display:flex;position:absolute;top:7px;right:7px}.btn-like:hover{background:#fff}.cancion-body{flex-direction:column;gap:7px;padding:.65rem .75rem .5rem;display:flex}.cancion-titulo{color:#3b5278;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.cancion-actions{align-items:center;gap:5px;display:flex}.btn-reproducir{color:#fff;cursor:pointer;text-indent:2px;background:#e2711d;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:11px;line-height:1;transition:background .15s,transform .1s;display:flex}.btn-reproducir:hover{background:#c45e0e;transform:scale(1.07)}.btn-icon{color:#6c8ebf;cursor:pointer;background:#eaf0f8;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;line-height:1;transition:background .13s,color .13s;display:flex}.btn-icon:hover{background:#dde8f5}.btn-icon.danger:hover{color:#e05c68;background:#fceaea}.cancion-footer{border-top:1px solid #eaf0f8;padding:.45rem .75rem}.btn-comentarios{color:#8fa3bc;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:11px;transition:color .13s;display:flex}.btn-comentarios:hover{color:#5a6e8a}.comentarios-panel-wrap{margin-top:6px}.comentarios-lista{flex-direction:column;gap:5px;max-height:130px;margin-bottom:6px;display:flex;overflow-y:auto}.comentarios-empty{color:#8fa3bc;margin:0;font-size:11px}.comentario-item{color:#5a6e8a;background:#f4f7fc;border-radius:8px;padding:.35rem .55rem;font-size:11px}.comentario-autor{color:#3b5278;margin-bottom:1px;font-size:11px;font-weight:500}.comentario-form{flex-direction:column;gap:5px;display:flex}.comentario-input{color:#344563;resize:none;background:#fafcff;border:1px solid #d0dcf0;border-radius:8px;outline:none;width:100%;padding:.35rem .55rem;font-family:inherit;font-size:12px;transition:border-color .18s}.comentario-input:focus{border-color:#6c8ebf}.comentario-form-btns{justify-content:flex-end;gap:5px;display:flex}.btn-enviar{color:#fff;cursor:pointer;background:#6c8ebf;border:none;border-radius:7px;padding:.3rem .7rem;font-size:11px;transition:background .15s}.btn-enviar:hover{background:#4a6fa5}.btn-limpiar-comentario{color:#6c8ebf;cursor:pointer;background:#eaf0f8;border:none;border-radius:7px;padding:.3rem .7rem;font-size:11px;transition:background .13s}.btn-limpiar-comentario:hover{background:#dde8f5}.lista-dropdown-wrap{flex-shrink:0;display:flex;position:relative}.lista-dropdown{z-index:9999;background:#fff;border:1px solid #dde6f5;border-radius:12px;min-width:170px;box-shadow:0 4px 16px #6c8ebf1f}.lista-dropdown-items{border-radius:12px 12px 0 0;max-height:160px;overflow-y:auto}.lista-dropdown-item{color:#3b5278;cursor:pointer;border-bottom:1px solid #eaf0f8;align-items:center;gap:8px;padding:.5rem .85rem;font-size:12px;transition:background .12s;display:flex}.lista-dropdown-item:last-of-type{border-bottom:none}.lista-dropdown-item:hover{background:#f4f7fc}.lista-dropdown-empty{color:#8fa3bc;margin:0;padding:.5rem .85rem;font-size:12px}.lista-dropdown-nueva{background:#fafcff;border-top:1px solid #eaf0f8;padding:.6rem .85rem}.lista-dropdown-nueva label{display:none}.lista-dropdown-nueva input[type=text]{color:#344563;background:#fafcff;border:1px solid #d0dcf0;border-radius:8px;outline:none;width:100%;margin-bottom:5px;padding:.35rem .6rem;font-size:12px}.lista-dropdown-nueva input[type=text]:focus{border-color:#6c8ebf}.lista-dropdown-nueva input[type=button]{color:#fff;cursor:pointer;background:#e2711d;border:none;border-radius:8px;width:100%;padding:.35rem;font-size:12px;transition:background .15s}.lista-dropdown-nueva input[type=button]:hover{background:#c45e0e}.error-msg{color:#e05c68;margin-top:2px;font-size:11px}.seccion{margin-bottom:2rem}.seccion-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.seccion-titulo{color:#3b5278;align-items:center;gap:7px;font-size:14px;font-weight:500;display:flex}.seccion-titulo i{color:#e2711d;font-size:16px}.canciones-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.bandas-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.banda-card{cursor:pointer;background:#fff;border:1px solid #dde6f5;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:.85rem;transition:border-color .14s,background .14s;display:flex;overflow:hidden}.banda-card:hover{background:#fafcff;border-color:#b5d0ef}.banda-avatar-img{object-fit:cover;background:#eaf0f8;border-radius:50%;flex-shrink:0;width:38px;min-width:38px;max-width:38px;height:38px;min-height:38px;max-height:38px;display:block}.banda-nombre{color:#3b5278;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.banda-pais{color:#8fa3bc;font-size:11px}.banda-header{align-items:center;gap:14px;margin-bottom:1.5rem;display:flex}.banda-avatar{color:#6c8ebf;background:#eaf0f8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex;overflow:hidden}.banda-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.banda-titulo{color:#3b5278;font-size:20px;font-weight:500}.disco-card{background:#fff;border:1px solid #dde6f5;border-radius:16px;overflow:hidden}.disco-card-header{background:#fafcff;border-bottom:1px solid #eaf0f8;align-items:center;gap:12px;padding:1rem 1.25rem;display:flex}.disco-thumb{object-fit:cover;background:#eaf0f8;border-radius:8px;flex-shrink:0;width:44px;height:44px}.disco-meta{color:#8fa3bc;font-size:12px}.canciones-row{grid-template-columns:repeat(3,220px);justify-content:center;gap:14px;padding:1.25rem;display:grid}@media (width<=640px){.canciones-row{grid-template-columns:repeat(2,1fr)}}@media (width<=400px){.canciones-row{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}.btn-desactivar{color:#e05c68;cursor:pointer;background:#fceaea;border:none;border-radius:8px;padding:.3rem .75rem;font-size:12px;font-weight:500;transition:background .13s}.btn-desactivar:hover{background:#f5b8be}.suscripcion-procesando{z-index:1000;background:#3b52782e;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.suscripcion-procesando-texto{color:#3b5278;background:#fff;border:1px solid #dde6f5;border-radius:10px;padding:.5rem 1.25rem;font-size:15px;font-weight:500}.suscripcion-spinner{border:4px solid #eaf0f8;border-top-color:#e2711d;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.tarjetas-lista{flex-direction:column;gap:8px;margin-bottom:1rem;display:flex}.tarjetas-titulo{color:#8fa3bc;letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:500}.tarjeta-item{background:#fafcff;border:1px solid #eaf0f8;border-radius:10px;justify-content:space-between;align-items:center;padding:.6rem .85rem;transition:border-color .13s;display:flex}.tarjeta-activa{background:#eaf0f8;border-color:#6c8ebf}.tarjeta-info{align-items:center;gap:10px;display:flex}.tarjeta-icon{color:#6c8ebf;font-size:20px}.tarjeta-numero{color:#3b5278;font-family:monospace;font-size:13px;font-weight:500}.tarjeta-caducidad{color:#8fa3bc;margin-top:1px;font-size:11px}.tarjeta-acciones{align-items:center;display:flex}.badge-activa{color:#1d7a45;background:#e6f7ee;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:500}.btn-activar{color:#6c8ebf;cursor:pointer;background:#eaf0f8;border:none;border-radius:8px;padding:.3rem .75rem;font-size:12px;font-weight:500;transition:background .13s}.btn-activar:hover{background:#dde8f5}.usuario-card{background:#fff;border:1px solid #dde6f5;border-radius:16px;display:flex;overflow:visible}.usuario-sidebar{background:#fafcff;border-right:1px solid #eaf0f8;border-radius:16px 0 0 16px;flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;width:200px;padding:1.75rem 1.25rem;display:flex}.usuario-avatar-img{object-fit:cover;border:3px solid #eaf0f8;border-radius:50%;width:90px;height:90px;margin-bottom:.25rem}.usuario-nombre-grupo{color:#3b5278;text-align:center;font-size:14px;font-weight:500}.usuario-email{color:#8fa3bc;text-align:center;font-size:12px}.badge-premium{color:#1d7a45;background:#e6f7ee;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:500}.badge-basico{color:#5a6e8a;background:#eaf0f8;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:500}.badge-rol{color:#6c8ebf;background:#eaf0f8;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:500}.suscripcion-wrap{width:100%;margin-top:.5rem;position:relative}.btn-suscripcion{color:#c45e0e;cursor:pointer;background:#fff0e6;border:1px solid #fddcaa;border-radius:9px;width:100%;padding:.4rem .75rem;font-size:12px;font-weight:500;transition:background .15s}.btn-suscripcion:hover{background:#ffe5cc}.suscripcion-dropdown{z-index:10;background:#fff;border:1px solid #dde6f5;border-radius:12px;width:100%;padding:1rem;position:absolute;top:calc(100% + 6px);left:0}.usuario-main{flex:1;min-width:0;padding:1.5rem}.usuario-section-title{color:#8fa3bc;letter-spacing:.07em;text-transform:uppercase;margin-bottom:1rem;font-size:11px;font-weight:500}.usuario-datos{margin-bottom:1.25rem}.dato-row{border-bottom:1px solid #eaf0f8;align-items:baseline;gap:8px;padding:.35rem 0;font-size:13px;display:flex}.dato-row:last-child{border-bottom:none}.dato-label{color:#8fa3bc;flex-shrink:0;min-width:110px}.dato-value{color:#3b5278;font-weight:500}.usuario-divider{border:none;border-top:1px solid #eaf0f8;margin:1rem 0}.disco{border:1px solid #eaf0f8;border-radius:12px;width:100%;overflow:hidden}.disco-header{background:#fafcff;border-bottom:1px solid #eaf0f8;justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.disco-portada{object-fit:cover;background:#eaf0f8;border-radius:6px;width:32px;height:32px}.canciones{flex-direction:column;display:flex}.cancion{border-bottom:1px solid #eaf0f8;justify-content:space-between;align-items:center;padding:.45rem .85rem;transition:background .12s;display:flex}.cancion:last-child{border-bottom:none}.cancion-portada{object-fit:cover;background:#eaf0f8;border-radius:4px;width:24px;height:24px}@media (width<=600px){.usuario-card{flex-direction:column}.usuario-sidebar{border-bottom:1px solid #eaf0f8;border-right:none;border-radius:16px 16px 0 0;width:100%;padding:1.25rem}}.btn-logout{color:#e05c68;cursor:pointer;background:0 0;border:1px solid #dde6f5;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:auto;padding:.4rem .75rem;font-size:12px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.btn-logout:hover{background:#fceaea;border-color:#f5b8be}.btn-editar{color:#6c8ebf;cursor:pointer;background:#eaf0f8;border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:5px;margin-left:auto;padding:.35rem .75rem;font-size:12px;font-weight:500;transition:background .13s;display:flex}.btn-editar:hover{background:#dde8f5}.discos{flex-direction:column;gap:16px;display:flex}.disco{background:#fff;border:1px solid #eee;border-radius:8px;padding:12px}.disco-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.disco-info{align-items:center;gap:10px;display:flex}.disco-portada{object-fit:cover;border-radius:4px;width:50px;height:50px}.disco-nombre{color:#222;font-size:14px;font-weight:600}.canciones{flex-direction:column;gap:6px;display:flex}.cancion{border-radius:4px;justify-content:space-between;align-items:center;padding:4px;transition:background .2s;display:flex}.cancion:hover{background:#f5f5f5}.cancion-info{align-items:center;gap:8px;display:flex}.cancion-portada{object-fit:cover;border-radius:3px;width:30px;height:30px}.cancion-nombre{color:#444;font-size:13px}.btn-delete{color:#999;cursor:pointer;background:0 0;border:none;font-size:16px}.btn-delete:hover{color:#e74c3c}.btn-delete.small{font-size:14px}.admin-page{flex-direction:column;gap:1rem;display:flex}.admin-header{background:#fff;border:1px solid #dde6f5;border-radius:14px;padding:.75rem 1rem}.admin-tabs{gap:6px;display:flex}.admin-tab{color:#6c8ebf;cursor:pointer;background:#eaf0f8;border:none;border-radius:9px;align-items:center;gap:6px;padding:.45rem 1rem;font-size:13px;font-weight:500;transition:background .13s,color .13s;display:flex}.admin-tab:hover{background:#dde8f5}.admin-tab.active{color:#fff;background:#e2711d}.admin-content{background:#fff;border:1px solid #dde6f5;border-radius:14px;padding:1rem}.admin-lista{flex-direction:column;gap:4px;display:flex}.admin-item{cursor:default;border:1px solid #eaf0f8;border-radius:10px;justify-content:space-between;align-items:center;padding:.5rem .75rem;transition:background .12s,border-color .12s;display:flex;position:relative}.admin-item:hover{background:#fafcff;border-color:#b5d0ef}.admin-item-info{align-items:center;gap:10px;display:flex}.admin-item-avatar{object-fit:cover;background:#eaf0f8;border-radius:50%;flex-shrink:0;width:32px;height:32px}.admin-item-nombre{color:#3b5278;font-size:13px;font-weight:500}.btn-delete{color:#c0ccdc;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;transition:background .13s,color .13s;display:flex}.btn-delete:hover{color:#e05c68;background:#fceaea}.admin-tooltip{z-index:500;background:#fff;border:1px solid #dde6f5;border-radius:12px;min-width:200px;padding:.75rem;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 16px #6c8ebf1f}.admin-tooltip-nombre{color:#3b5278;border-bottom:1px solid #eaf0f8;margin-bottom:.5rem;padding-bottom:.5rem;font-size:13px;font-weight:500}.admin-tooltip-discos{flex-direction:column;gap:6px;max-height:180px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.admin-tooltip-disco{color:#5a6e8a;align-items:center;gap:8px;font-size:12px;display:flex}.admin-tooltip-portada{object-fit:cover;background:#eaf0f8;border-radius:5px;flex-shrink:0;width:28px;height:28px}.admin-tooltip-empty{color:#8fa3bc;margin:0;font-size:12px}.lista-page{width:100%}.lista-card{background:#fff;border:1px solid #dde6f5;border-radius:16px;overflow:hidden}.lista-card-header{background:#fafcff;border-bottom:1px solid #eaf0f8;justify-content:space-between;align-items:center;gap:12px;padding:1rem 1.25rem;display:flex}.lista-select-wrap{color:#6c8ebf;align-items:center;gap:8px;font-size:16px;display:flex}.lista-select{color:#344563;cursor:pointer;background:#fff;border:1px solid #d0dcf0;border-radius:10px;outline:none;padding:.4rem .75rem;font-size:13px;transition:border-color .18s}.lista-select:focus{border-color:#6c8ebf}.lista-titulo{color:#3b5278;font-size:13px;font-weight:500}.lista-canciones-grid{grid-template-columns:repeat(3,220px);justify-content:center;gap:14px;padding:1.25rem;display:grid}.paginacion{border-top:1px solid #eaf0f8;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.paginacion-info{color:#8fa3bc;font-size:12px}.paginacion-btns{flex-wrap:wrap;gap:6px;display:flex}.btn-pag{color:#6c8ebf;cursor:pointer;background:#eaf0f8;border:none;border-radius:8px;align-items:center;gap:4px;padding:.35rem .75rem;font-size:12px;font-weight:500;transition:background .13s;display:flex}.btn-pag:hover{background:#dde8f5}.btn-pag:disabled{opacity:.4;cursor:default}.btn-pag.active{color:#fff;background:#e2711d}.sidebar{z-index:200;background:#fff;border-right:1px solid #dde6f5;flex-direction:column;flex-shrink:0;width:25vw;min-width:200px;max-width:280px;height:100vh;transition:transform .22s;display:flex}.sidebar-logo{border-bottom:1px solid #eaf0f8;flex-shrink:0;align-items:center;gap:10px;padding:1.1rem 1.25rem;display:flex}.logo-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.logo-icon img{object-fit:contain;width:100%;height:100%}.logo-text{color:#3b5278;font-size:14px;font-weight:500}.sidebar-nav{flex:1;padding:.75rem .6rem;overflow-y:auto}.sidebar-nav ul{margin:0 0 .5rem;padding:0;list-style:none}.nav-section-label{color:#8fa3bc;letter-spacing:.07em;text-transform:uppercase;padding:.5rem .65rem .3rem;font-size:10px;font-weight:500;display:block}.menu_link{color:#5a6e8a;border-radius:9px;align-items:center;gap:9px;margin-bottom:2px;padding:.45rem .65rem;font-size:13px;text-decoration:none;transition:background .14s,color .14s;display:flex}.menu_link:hover{color:#3b5278;background:#eaf0f8}.menu_link--active{color:#c45e0e;background:#fff0e6;font-weight:500}.menu_link--active .nav-icon{color:#e2711d}.nav-icon{flex-shrink:0;font-size:16px}.sidebar-footer{border-top:1px solid #eaf0f8;flex-shrink:0;padding:.75rem .6rem}.user-row{cursor:pointer;border-radius:9px;align-items:center;gap:9px;padding:.45rem .65rem;display:flex}.user-row:hover{background:#eaf0f8}.avatar{color:#6c8ebf;background:#eaf0f8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:500;display:flex}.user-name{color:#3b5278;font-size:12px;font-weight:500}.user-plan{color:#8fa3bc;font-size:11px}.hamburger{z-index:300;color:#6c8ebf;cursor:pointer;background:#fff;border:1px solid #dde6f5;border-radius:8px;justify-content:center;align-items:center;padding:5px 7px;font-size:20px;line-height:1;display:none;position:fixed;top:.65rem;left:.75rem}.hamburger:hover{background:#eaf0f8}.sidebar-overlay{z-index:199;background:#3b52782e;position:fixed;inset:0}@media (width<=768px){.sidebar{width:75vw;max-width:280px;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.hamburger{display:flex}}.rhap_container{box-sizing:border-box;background-color:#fff;flex-direction:column;width:100%;padding:10px 15px;font-family:inherit;line-height:1;display:flex;box-shadow:0 0 3px #0003}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{flex-direction:column;flex:auto;display:flex}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{flex:3 auto;align-items:center;display:flex}.rhap_progress-container{cursor:pointer;-webkit-user-select:none;user-select:none;flex:1 0 auto;align-self:center;align-items:center;height:20px;margin:0 calc(10px + 1%);display:flex}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;-webkit-user-select:none;user-select:none;font-size:16px}.rhap_progress-bar{box-sizing:border-box;z-index:0;background-color:#ddd;border-radius:2px;width:100%;height:5px;position:relative}.rhap_progress-filled{z-index:2;background-color:#868686;border-radius:2px;height:100%;position:absolute}.rhap_progress-bar-show-download{background-color:#dddddd80}.rhap_download-progress{z-index:1;background-color:#ddd;border-radius:2px;height:100%;position:absolute}.rhap_progress-indicator{box-sizing:border-box;z-index:3;background:#868686;border-radius:50px;width:20px;height:20px;margin-left:-10px;position:absolute;top:-8px;box-shadow:0 0 5px #86868680}.rhap_controls-section{flex:auto;justify-content:space-between;align-items:center;display:flex}.rhap_additional-controls{flex:1 0 auto;align-items:center;display:flex}.rhap_repeat-button{color:#868686;width:26px;height:26px;margin-right:6px;font-size:26px}.rhap_main-controls{flex:0 auto;justify-content:center;align-items:center;display:flex}.rhap_main-controls-button{color:#868686;width:35px;height:35px;margin:0 3px;font-size:35px}.rhap_play-pause-button{width:40px;height:40px;font-size:40px}.rhap_volume-controls{flex:1 0 auto;justify-content:flex-end;align-items:center;display:flex}.rhap_volume-button{color:#868686;flex:0 0 26px;width:26px;height:26px;margin-right:6px;font-size:26px}.rhap_volume-container{-webkit-user-select:none;user-select:none;flex:0 100px;align-items:center;display:flex}.rhap_volume-bar-area{cursor:pointer;align-items:center;width:100%;height:14px;display:flex}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{box-sizing:border-box;background:#ddd;border-radius:2px;width:100%;height:4px;position:relative}.rhap_volume-indicator{box-sizing:border-box;opacity:.9;cursor:pointer;background:#868686;border-radius:50px;width:12px;height:12px;margin-left:-6px;position:absolute;top:-4px;left:0;box-shadow:0 0 3px #86868680}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{z-index:2;background-color:#868686;border-radius:2px;height:100%;position:absolute}.rhap_button-clear{cursor:pointer;background-color:#0000;border:none;padding:0;overflow:hidden}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}.reproductor-fijo{background:#fff;border-top:1px solid #dde6f5;flex-shrink:0;align-items:center;gap:14px;padding:.65rem 1.25rem;display:flex}.reproductor-portada-wrap{border-left:3px solid #e2711d;border-radius:0 8px 8px 0;flex-shrink:0;width:42px;height:42px;overflow:hidden}.reproductor-portada{object-fit:cover;width:100%;height:100%;display:block}.reproductor-meta{flex-shrink:0;width:160px;min-width:0}.reproductor-titulo{color:#3b5278;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;display:block;overflow:hidden}.reproductor-player{flex:1;min-width:0}.rhap_container{box-shadow:none!important;background:0 0!important;flex-direction:column!important;gap:4px!important;padding:0!important;display:flex!important}.rhap_progress-section{order:1!important;align-items:center!important;gap:10px!important;margin-bottom:0!important;display:flex!important}.rhap_progress-bar-show-download,.rhap_progress-bar{background:#eaf0f8!important;border-radius:99px!important;height:3px!important}.rhap_progress-filled{background:#e2711d!important;border-radius:99px!important}.rhap_progress-indicator{background:#e2711d!important;border:2px solid #fff!important;width:11px!important;height:11px!important;top:-4px!important;box-shadow:0 0 0 1px #e2711d!important}.rhap_time{color:#8fa3bc!important;flex-shrink:0!important;font-size:10px!important}.rhap_controls-section{order:2!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-top:0!important;display:flex!important}.rhap_main-controls{align-items:center!important;gap:2px!important;display:flex!important}.rhap_main-controls-button,.rhap_skip-button{color:#6c8ebf!important;width:30px!important;height:30px!important;font-size:18px!important;transition:color .15s!important}.rhap_main-controls-button:hover,.rhap_skip-button:hover{color:#4a6fa5!important}.rhap_play-pause-button{color:#fff!important;width:36px!important;height:36px!important;box-shadow:none!important;background:#e2711d!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;margin:0 2px!important;font-size:18px!important;transition:background .15s,transform .1s!important;display:flex!important}.rhap_play-pause-button:hover{background:#c45e0e!important;transform:scale(1.05)!important}.rhap_play-pause-button:active{transform:scale(.97)!important}.rhap_volume-section{flex-shrink:0!important;align-items:center!important;gap:5px!important;width:75px!important;display:flex!important}.rhap_volume-bar{background:#eaf0f8!important;border-radius:99px!important;height:3px!important}.rhap_volume-indicator{background:#6c8ebf!important}.rhap_volume-filled{background:#6c8ebf!important;border-radius:99px!important}.rhap_volume-button{color:#8fa3bc!important;font-size:14px!important}.rhap_additional-controls{display:none!important}