/* CSS personalizado para el sistema de gestión de turismo de Granada */

/* Corrección de colores en progress bars para mejor legibilidad */
.progress-bar {
    color: #000 !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}

/* Asegurar que los números en las progress bars sean siempre visibles */
.progress-bar.bg-danger,
.progress-bar.bg-warning,
.progress-bar.bg-success,
.progress-bar.bg-primary,
.progress-bar.bg-info,
.progress-bar.bg-secondary {
    color: #000 !important;
}

/* Mejorar contraste en badges */
.badge {
    font-weight: bold;
}

/* Estilo para badges con mejor contraste */
.badge-primary {
    background-color: #007bff !important;
    color: #fff !important;
}

.badge-success {
    background-color: #28a745 !important;
    color: #fff !important;
}

.badge-warning {
    background-color: #ffc107 !important;
    color: #000 !important;
}

.badge-danger {
    background-color: #dc3545 !important;
    color: #fff !important;
}

.badge-info {
    background-color: #17a2b8 !important;
    color: #fff !important;
}

.badge-secondary {
    background-color: #6c757d !important;
    color: #fff !important;
}

/* Mejorar legibilidad en tablas */
.table th {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
}

/* Estilo para números importantes en estadísticas */
.card-body h3 {
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

/* Mejorar el contraste en alertas */
.alert {
    border-left: 4px solid;
}

.alert-success {
    border-left-color: #28a745;
}

.alert-danger {
    border-left-color: #dc3545;
}

.alert-warning {
    border-left-color: #ffc107;
}

.alert-info {
    border-left-color: #17a2b8;
}

/* Mejorar botones */
.btn {
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Responsividad mejorada para dispositivos móviles */
@media (max-width: 768px) {
    .card-body h3 {
        font-size: 1.5rem;
    }
    
    .progress {
        height: 20px !important;
    }
    
    .progress-bar {
        font-size: 0.85rem;
    }
}