/* Estilos específicos para tablas de multimedia y repertorio */

/* Tabla más condensada - Multimedia */
#tablaMultimediaVer tr,
#tablaMultimediaEditar tr,
#cuerpoTablaMultimediaEditar tr {
    line-height: 1.2 !important;
}

#tablaMultimediaVer td,
#tablaMultimediaEditar td,
#cuerpoTablaMultimediaEditar td {
    padding: 0.4rem 0.75rem !important;
    vertical-align: middle !important;
}

/* Tabla más condensada - Repertorio */
#tablaRepertorioVer tr,
#tablaRepertorioEditar tr,
#cuerpoTablaRepertorioEditar tr {
    line-height: 1.2 !important;
}

#tablaRepertorioVer td,
#tablaRepertorioEditar td,
#cuerpoTablaRepertorioEditar td {
    padding: 0.4rem 0.75rem !important;
    vertical-align: middle !important;
}

/* Tabla más condensada - Componentes */
#tablaComponentesVer tr,
#tablaComponentesEditar tr,
#cuerpoTablaComponentesVer tr,
#cuerpoTablaComponentesEditar tr {
    line-height: 1.2 !important;
}

#tablaComponentesVer td,
#tablaComponentesEditar td,
#cuerpoTablaComponentesVer td,
#cuerpoTablaComponentesEditar td {
    padding: 0.4rem 0.75rem !important;
    vertical-align: middle !important;
}

/* Reducir separación entre título y subtítulo - Multimedia */
#tablaMultimediaVer .text-muted,
#tablaMultimediaEditar .text-muted,
#cuerpoTablaMultimediaEditar .text-muted {
    margin-top: 2px !important;
    line-height: 1.1 !important;
    display: block !important;
}

/* Reducir separación entre título y subtítulo - Repertorio */
#tablaRepertorioVer .text-muted,
#tablaRepertorioEditar .text-muted,
#cuerpoTablaRepertorioEditar .text-muted {
    margin-top: 2px !important;
    line-height: 1.1 !important;
    display: block !important;
}

/* Botón de audio naranja personalizado */
.btn-outline-warning.btn-audio {
    border-color: #fd7e14 !important;
    color: #fd7e14 !important;
}

.btn-outline-warning.btn-audio:hover {
    background-color: #fd7e14 !important;
    border-color: #fd7e14 !important;
    color: white !important;
}

/* Badges con colores consistentes */
.badge.bg-multimedia-foto {
    background-color: #198754 !important;
}

.badge.bg-multimedia-documento {
    background-color: #0dcaf0 !important;
}

.badge.bg-multimedia-audio {
    background-color: #fd7e14 !important;
}

.badge.bg-multimedia-video {
    background-color: #dc3545 !important;
}

/* Mejorar espaciado general de la tabla - Multimedia */
.table-multimedia {
    margin-bottom: 0 !important;
}

.table-multimedia tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.025) !important;
}

/* Mejorar espaciado general de la tabla - Repertorio */
.table-repertorio {
    margin-bottom: 0 !important;
}

.table-repertorio tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.025) !important;
}

/* Mejorar espaciado general de la tabla - Componentes */
.table-componentes {
    margin-bottom: 0 !important;
}

.table-componentes tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.025) !important;
}

/* Separación mínima entre título y subtítulo */
.table-multimedia .subtitle {
    margin-top: 2px;
    font-size: 0.85rem;
    color: #6c757d;
    font-style: italic;
}

/* Separación entre icono y texto en botones de multimedia (solo celdas de contenido, no acciones) */
.table-multimedia td:not(.acciones-columna) .btn-sm i {
    margin-right: 5px !important;
}

/* Columna de acciones: evitar saltos y reservar espacio */
.table-multimedia td.acciones-columna,
.table-multimedia th.acciones-columna {
    white-space: nowrap !important;
}

/* Badges del tipo más grandes - Multimedia, Repertorio y Componentes */
.table-multimedia .badge,
.table-repertorio .badge,
.table-componentes .badge {
    font-size: 0.8rem !important;
    padding: 0.35em 0.7em !important;
}