/* Definición del nuevo color primario (Turquesa) */
:root {
    --bs-primary: #20c997;
    --bs-primary-rgb: 32, 201, 151;
    --bs-link-color: #20c997;
    --bs-link-hover-color: #17a276;
}

/* Sobrescribir clases de Bootstrap */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover {
    background-color: #17a276;
    border-color: #17a276;
}

.text-primary {
    color: var(--bs-primary) !important;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}

/* Estilo para los enlaces de la barra de navegación */
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: #ffffff;
}

/* Mejoras generales */
.card {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.table {
    font-size: 0.9rem;
}

/* Custom action button style */
.btn-custom-action {
    background-color: #f0f0f0; /* Light grey background */
    border-color: #ccc;      /* Slightly darker grey border */
    color: #333;             /* Darker text/icon color by default */
    transition: all 0.2s ease-in-out; /* Smooth transition for hover effects */
}

.btn-custom-action:hover {
    background-color: #e0e0e0; /* Darker grey on hover */
    border-color: #bbb;
}