/* eRepert Pro 3.9.10: adaptación universal sin alterar el modo ensayo individual. */
html,body{max-width:100%;overflow-x:hidden}
body.vista-publica .aplicacion{grid-template-columns:minmax(0,1fr);width:100%;max-width:none}
body.vista-publica aside{position:fixed;z-index:80;inset:0 auto 0 0;width:min(88vw,340px);transform:translateX(-105%);box-shadow:20px 0 60px #0005}
body.vista-publica aside .marca .icono{display:grid;place-items:center;flex:0 0 40px}
body.vista-publica.menu-abierto aside{transform:none}
body.vista-publica.menu-abierto::after{content:"";position:fixed;z-index:79;inset:0;background:#12091f66;backdrop-filter:blur(2px)}
body.vista-publica main{width:100%;max-width:none;min-width:0;grid-template-rows:auto minmax(0,1fr)}
body.vista-publica main>header{position:relative;width:100%;max-width:none;min-width:0;min-height:82px;height:auto}
body.vista-publica .encabezado{min-width:0;max-width:100%;flex:1}
body.vista-publica .encabezado strong,body.vista-publica .encabezado span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
body.vista-publica .acciones{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
body.vista-publica #contenido{box-sizing:border-box;width:100%;max-width:none!important;margin:0!important;padding:clamp(8px,1.15vw,22px)!important}
body.vista-publica .grupo{box-sizing:border-box;width:100%;max-width:none!important;margin-left:0!important;margin-right:0!important}
body.vista-publica .cancion,body.vista-publica .titulo-grupo{box-sizing:border-box;width:100%;max-width:none;min-width:0}
body.vista-publica .cabecera-cancion{min-width:0}
body:not(.vista-publica) .cabecera-cancion{cursor:pointer}body:not(.vista-publica) .cabecera-cancion:focus-visible{outline:3px solid var(--primario,#6d28d9);outline-offset:-3px}body:not(.vista-publica) .alternar-cancion{display:none!important}
body:not(.vista-publica) .autor-cancion,body:not(.vista-publica) .tonalidad-cancion{cursor:text;border-radius:5px}body:not(.vista-publica) .autor-cancion:hover,body:not(.vista-publica) .tonalidad-cancion:hover{background:#f1edff;color:#5b21b6}body:not(.vista-publica) .autor-cancion.edicion-directa,body:not(.vista-publica) .tonalidad-cancion.edicion-directa{display:inline-block;min-width:150px;padding:2px 6px;background:#fff;outline:2px solid #7c2bea;color:#21172f}
.editor-cancion-premium{display:grid;gap:16px}.editor-cancion-presentacion{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #ddd6fe;border-radius:18px;background:linear-gradient(135deg,#f5f1ff,#fff)}.editor-cancion-presentacion>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#6d28d9;color:#fff;font-size:25px}.editor-cancion-presentacion>div{display:grid;gap:3px}.editor-cancion-presentacion b{font-size:18px}.editor-cancion-presentacion small{color:#71667e}.editor-cancion-premium .formulario{gap:14px}.editor-cancion-bloque{display:grid;gap:12px;padding:18px;border:1px solid #e5dfed;border-radius:18px;background:#fff;box-shadow:0 10px 30px #24163a0b}.editor-cancion-bloque h3{margin:0;color:#4c1d95}.ficha-letra-enriquecida{grid-template-columns:minmax(0,1fr) auto;align-items:center;background:linear-gradient(135deg,#faf8ff,#f3efff)}.ficha-letra-enriquecida p{margin:5px 0 0;color:#6f6579;line-height:1.45}.ficha-letra-enriquecida button{min-height:46px;padding:0 17px;border:1px solid #7c2bea;border-radius:13px;background:#fff;color:#5b21b6;font-weight:800;cursor:pointer}@media(max-width:650px){.editor-cancion-bloque{padding:13px}.ficha-letra-enriquecida{grid-template-columns:1fr}.ficha-letra-enriquecida button{width:100%}}
.editor-letra-integrado{padding:0;overflow:hidden}.editor-letra-integrado-cabecera{padding:18px 18px 8px}.editor-letra-integrado-cabecera p{margin:5px 0 0;color:#6f6579;line-height:1.45}.editor-letra-integrado #editor-letra-ficha{min-width:0}.editor-letra-integrado .barra-office{position:relative}.editor-letra-integrado .editor-contenido{min-height:360px;border-top:1px solid #ddd6fe;background:#fff}.editor-letra-integrado .estado-editor{display:block;padding:10px 16px;border-top:1px solid #e8e2ef;text-align:right;font-weight:700;background:#faf9fc}@media(max-width:650px){.editor-letra-integrado-cabecera{padding:13px 13px 6px}.editor-letra-integrado .editor-contenido{min-height:52dvh}}
.cabecera-cancion .transpositor-tonalidad{display:inline-flex;align-items:center;gap:5px;margin:0;padding:0;border:0;background:transparent;width:auto;max-width:none}.cabecera-cancion .transpositor-tonalidad button,.cabecera-cancion .transpositor-tonalidad output{display:grid;place-items:center;width:40px;height:40px;min-width:40px;padding:0;border:1px solid #ddd6e8;border-radius:11px;background:#fff;color:#5b21b6;font-size:16px;font-weight:900;cursor:pointer}.cabecera-cancion .transpositor-tonalidad output{cursor:help}.cabecera-cancion .transpositor-tonalidad .restablecer-tono{color:#6b6473}.cabecera-cancion .transpositor-tonalidad.sin-tonalidad{opacity:.68}.cabecera-cancion .transpositor-tonalidad button:disabled{cursor:not-allowed;opacity:.42}@media(max-width:700px){.cabecera-cancion .transpositor-tonalidad{gap:3px}.cabecera-cancion .transpositor-tonalidad button,.cabecera-cancion .transpositor-tonalidad output{width:36px;height:36px;min-width:36px;border-radius:10px}}
body:not(.vista-publica) .cancion.replegada>:not(.cabecera-cancion){display:none!important}
body:not(.vista-publica) #contenido{box-sizing:border-box;width:100%;max-width:none;padding:clamp(8px,1.15vw,22px)}body:not(.vista-publica) #contenido .grupo{box-sizing:border-box;width:100%;max-width:none;margin-left:0;margin-right:0}body:not(.vista-publica) #contenido .cancion,body:not(.vista-publica) #contenido .titulo-grupo{box-sizing:border-box;width:100%;max-width:none}
body:not(.vista-publica) .accion-cancion-inactivar{color:#b45309;border-color:#f59e0b}body:not(.vista-publica) .accion-cancion-eliminar{color:#b91c1c;border-color:#fca5a5}body:not(.vista-publica) .accion-cancion-inactivar:hover{background:#fffbeb}body:not(.vista-publica) .accion-cancion-eliminar:hover{background:#fef2f2}
body:not(.vista-publica) .cabecera-cancion .editar-cancion{margin-left:auto}body:not(.vista-publica) .cabecera-cancion .editar-cancion~.icono{margin-left:0}body:not(.vista-publica) .cabecera-cancion .expandir{margin-left:0}
.confirmacion-premium{position:fixed;z-index:20000;inset:0;display:none;place-items:center;padding:18px;background:rgba(19,10,32,.66);backdrop-filter:blur(8px)}.confirmacion-premium.abierta{display:grid}.confirmacion-premium-caja{width:min(540px,100%);display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;padding:26px;background:linear-gradient(145deg,#fff,#faf8ff);border:1px solid #ddd6fe;border-radius:24px;box-shadow:0 32px 100px rgba(31,16,52,.42);color:#20162d}.confirmacion-premium-icono{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#fff7df;color:#b45309;border:1px solid #f5cf71;font-size:34px;font-weight:900}.confirmacion-premium-contenido{min-width:0}.confirmacion-premium-contenido small{display:block;margin-bottom:5px;color:#6d28d9;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.confirmacion-premium-contenido h2{margin:0 0 8px;font-size:clamp(22px,4vw,29px);line-height:1.12}.confirmacion-premium-contenido p{margin:0;color:#554c61;font-size:16px;line-height:1.5}.confirmacion-premium-detalle{margin-top:14px;padding:11px 13px;border-radius:12px;background:#f1edfa;color:#61566e;font-size:13px;line-height:1.4}.confirmacion-premium-acciones{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.confirmacion-premium-acciones button{min-height:46px;padding:0 19px;border-radius:13px;border:1px solid #d9d2e5;background:#fff;color:#3d3348;font-weight:800;cursor:pointer}.confirmacion-premium-acciones .confirmacion-ejecutar{background:#6d28d9;border-color:#6d28d9;color:#fff}.confirmacion-premium.es-peligro .confirmacion-premium-icono{background:#fff0f0;color:#b91c1c;border-color:#f8b4b4}.confirmacion-premium.es-peligro .confirmacion-ejecutar{background:#b91c1c;border-color:#b91c1c}.confirmacion-premium-acciones button:focus-visible{outline:3px solid #a78bfa;outline-offset:2px}@media(max-width:560px){.confirmacion-premium{padding:10px}.confirmacion-premium-caja{grid-template-columns:50px minmax(0,1fr);gap:13px;padding:19px;border-radius:19px}.confirmacion-premium-icono{width:50px;height:50px;border-radius:16px;font-size:27px}.confirmacion-premium-acciones{display:grid;grid-template-columns:1fr}.confirmacion-premium-acciones button{width:100%}.confirmacion-premium-acciones .confirmacion-conservar{order:2}}
body.vista-publica .cabecera-cancion>div:nth-child(2){min-width:0;flex:1}
body.vista-publica .cabecera-cancion h2{max-width:100%;overflow-wrap:anywhere}
body.vista-publica .pestanas,body.vista-publica .selector-recursos{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
body.vista-publica .panel,body.vista-publica .medios,body.vista-publica .medio{min-width:0;max-width:100%}
body .letra-enriquecida{white-space:pre-wrap;overflow-wrap:anywhere}
body.vista-publica .medio video,body.vista-publica .medio audio,body.vista-publica .video-social,body.vista-publica .youtube{display:block;width:100%!important;max-width:100%!important}
body.vista-publica .medio video,body.vista-publica .video-social,body.vista-publica .youtube{height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}
body.vista-publica .visor{width:100%;max-width:100%;min-width:0}

/* Pantalla completa del repertorio: ocupar todo el lienzo. No alcanza a .cancion.modo-ensayo. */
body.sistema-pantalla-completa:not(:has(.cancion.modo-ensayo)) #contenido,
body.vista-publica:fullscreen #contenido{width:100vw;max-width:none!important;margin:0!important;padding:clamp(4px,.8vw,14px)!important}
body.sistema-pantalla-completa:not(:has(.cancion.modo-ensayo)) .grupo,
body.vista-publica:fullscreen .grupo{width:100%;max-width:none!important}

@media(max-width:800px){
 body.vista-publica main{grid-template-rows:auto minmax(0,1fr)}
 body.vista-publica main>header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:8px;padding:calc(8px + env(safe-area-inset-top,0px)) calc(8px + env(safe-area-inset-right,0px)) 9px calc(8px + env(safe-area-inset-left,0px));min-height:0}
 body.vista-publica main>header>.boton-menu-principal{grid-column:1;grid-row:1;display:grid;place-items:center;margin:0}
 body.vista-publica .encabezado{grid-column:2;grid-row:1;align-self:center}
 body.vista-publica .acciones{grid-column:3;grid-row:1;align-self:start;margin:0;display:flex;max-width:min(45vw,190px);padding-bottom:2px}
 body.vista-publica .acciones .icono{flex:0 0 42px;width:42px;height:42px}
 body.vista-publica .enlace-publico-cabecera{max-width:100%;width:100%;margin-top:5px}
 body.vista-publica .enlace-publico-cabecera a{min-width:0;flex:1}
 body.vista-publica #contenido{padding:7px 5px 72px!important}
 body.vista-publica .titulo-grupo{border-radius:12px;margin-bottom:7px}
 body.vista-publica .cabecera-cancion{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:10px 9px}
 body.vista-publica .cabecera-cancion .alternar-cancion,body.vista-publica .cabecera-cancion .expandir{margin:0;width:40px;height:40px;min-width:40px}
 body.vista-publica .pestanas{padding:0 4px}
 body.vista-publica .pestanas button{flex:0 0 auto;padding:11px 12px}
 body.vista-publica .panel{padding:9px}
 body.vista-publica .medio{padding:7px}
}

@media(hover:none),(pointer:coarse){
 button,.icono,.pestanas button,.seccion{min-height:44px}
 body.vista-publica aside{width:min(92vw,380px);padding-left:env(safe-area-inset-left,0px)}
}

@media(max-width:520px){
 body.vista-publica main>header{grid-template-columns:42px minmax(0,1fr);gap:7px;padding-bottom:58px}
 body.vista-publica .acciones{position:absolute;right:8px;bottom:8px;display:flex;width:auto;max-width:calc(100% - 16px);margin:0}
 body.vista-publica .acciones{z-index:4!important;visibility:visible!important;opacity:1!important;transform:none!important;overflow:visible!important}
 body.vista-publica .acciones .icono{display:grid!important;place-items:center}
 body.vista-publica .cabecera-cancion h2{white-space:normal!important;line-height:1.22}
 body.vista-publica .encabezado strong{white-space:normal;line-height:1.15;font-size:clamp(18px,5.3vw,23px)}
 body.vista-publica .encabezado span{white-space:normal;line-height:1.35}
 body.vista-publica .enlace-publico-cabecera{grid-column:1/-1}
 body.vista-publica .cabecera-cancion{grid-template-columns:auto minmax(0,1fr) auto}
 body.vista-publica .cabecera-cancion .expandir{grid-column:3;grid-row:1}
 body.vista-publica .cabecera-cancion .alternar-cancion{grid-column:3;grid-row:1}
 body.vista-publica .cabecera-cancion .alternar-cancion+.expandir{grid-row:2}
 body.vista-publica .codigo{padding:6px 7px}
 body.vista-publica .recursos-resumen{gap:3px}
 body.vista-publica .pestanas button{font-size:14px;padding:10px 11px}
 body.vista-publica .barra-recurso{flex-wrap:wrap}
}

@media(min-width:1800px){
 body.vista-publica #contenido{padding-inline:clamp(18px,1.4vw,34px)!important}
 body.vista-publica .cabecera-cancion h2{font-size:clamp(18px,1.05vw,23px)}
}

@supports not selector(:has(*)){
 body.sistema-pantalla-completa #contenido{width:100vw;max-width:none!important;margin:0!important}
}