.VueTables__search__input {
    margin-bottom: 15px; /* separa el buscador de la tabla */
    margin-left: 15px; /*separa el texto "Buscar"*/
}

/* permite que se desborde el modal, esto para que funcione el vue-select */
.vm--modal,
.vm--modal .card,
.vm--modal .card-body {
    overflow: visible !important;
}

/* Contenedores frecuentes que suelen recortar el menú de v-select */
.app-content .card:has(.v-select),
.card.card-outline:has(.v-select),
.card:has(.v-select),
.card-body:has(.v-select),
.card-widget:has(.v-select),
.modal-content:has(.v-select),
.modal-body:has(.v-select) {
    overflow: visible !important;
}

/*
 * Base de apilamiento: cada card es un contexto.
 * Sin esto, el card-header de la card siguiente tapa el dropdown.
 */
.app-content .card,
.vm--modal .card,
.card.card-widget,
.card.card-outline {
    position: relative;
    z-index: 1;
}

/* Card con v-select abierto: por encima de cards hermanas (y sus headers) */
.card:has(.v-select.vs--open) {
    z-index: 1050 !important;
    overflow: visible !important;
}

/* Cards que vienen después quedan por debajo mientras el menú esté abierto */
.card:has(.v-select.vs--open) ~ .card {
    z-index: 1 !important;
}

.v-select.vs--open {
    position: relative;
    z-index: 1060;
}

.v-select .vs__dropdown-menu {
    z-index: 1061;
    max-height: 260px; /* altura maxima; scroll interno si hay más opciones */
    overflow-y: auto;
}

/*Esta columna deberian tener todas las tablas con este formato*/
.columna-acciones {
    width: 150px; /* ancho fijo */
    white-space: nowrap; /* para que no se parta en varias líneas */
}