/* Solo las fuentes y colores básicos necesarios */
        .ubuntu-font { font-family: 'Ubuntu', sans-serif !important; }
        .oswald-font { font-family: 'Oswald', sans-serif !important; }
        .bg-bucaramanga { background-color: #43883D !important; }
        .text-bucaramanga { color: #43883D !important; }
   

        body { 
            font-family: 'Ubuntu', sans-serif; 
            margin: 0;
            padding: 0;
        }

        /* Estilos para los tabs de sistema */
        .sistema-tab {
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .sistema-tab:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.05);
        }
        
        .tab-content {
            display: none;
        }
        
        .tab-content.active {
            display: block;
        }

        /* ESTILOS PARA CHIPS DE FILTRADO */
        .chip {
            display: inline-block;
            background-color: #E6F0E5;
            color: #285F19;
            padding: 5px 14px;
            margin: 3px;
            border-radius: 20px;
            font-family: 'Ubuntu', sans-serif;
            font-weight: 500;
            border: none;
            cursor: pointer;
        }

        .chip.active {
            background-color: #43883d;
            color: white;
        }

        .order-option {
            margin-right: 10px;
            font-weight: 500;
            color: #6c757d;
            cursor: pointer;
        }

        .order-option.active {
            color: #285F19;
            font-weight: 700;
        }

        .toggle-advanced {
            color: #285F19;
            font-size: 0.9rem;
            cursor: pointer;
            text-decoration: none;
        }

        /* ESTILOS MEJORADOS PARA PAGINACIÓN */
        .pagination-container {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            padding: 25px;
            margin-top: 40px;
            border-radius: 15px;
            border: 1px solid #e9ecef;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        }

        .pagination-info {
            background-color: white;
            padding: 15px 20px;
            border-radius: 10px;
            border: 1px solid #e3e6ea;
            margin-bottom: 20px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }

        .pagination-info .badge {
            background-color: #43883d !important;
            color: white;
            font-size: 0.9rem;
            padding: 8px 12px;
            border-radius: 8px;
        }

        .pagination {
            justify-content: center;
            margin: 0;
            gap: 5px;
        }

        .pagination .page-item {
            margin: 0 2px;
        }

        .pagination .page-link {
            color: #43883d;
            border: 2px solid #e9ecef;
            border-radius: 10px !important;
            padding: 12px 16px;
            font-weight: 600;
            font-size: 0.95rem;
            transition: all 0.3s ease;
            background-color: white;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
            min-width: 45px;
            text-align: center;
        }

        .pagination .page-link:hover {
            background-color: #43883d;
            border-color: #43883d;
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(67, 136, 61, 0.3);
        }

        .pagination .page-item.active .page-link {
            background-color: #43883d;
            border-color: #43883d;
            color: white;
            transform: translateY(-1px);
            box-shadow: 0 6px 16px rgba(67, 136, 61, 0.4);
        }

        .pagination .page-item.disabled .page-link {
            color: #9ca3af;
            background-color: #f3f4f6;
            border-color: #e5e7eb;
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }

        /* Solo CSS mínimo para complementar Bootstrap */
.card {
    transition: all 0.3s ease !important;
}

.stretched-link:hover {
    transition: color 0.3s ease;
}

/* Responsive adicional para móviles pequeños */
@media (max-width: 576px) {

     .pagination-container {
        padding: 15px 10px; /* Menos padding horizontal */
        margin-top: 20px;
    }
    
    .pagination .page-link {
        padding: 6px 10px; /* Más compacto */
        font-size: 0.8rem; /* Texto más pequeño */
        min-width: 32px; /* Botones más pequeños */
        margin: 0 1px; /* Menos espaciado */
    }
    
    .pagination .page-item {
        margin: 0 1px; /* Reducir margen entre elementos */
    }
    
    .pagination-info {
        text-align: center;
        padding: 10px 12px; /* Más compacto */
    }
    
    .pagination-info .badge {
        font-size: 0.75rem; /* Badge más pequeño */
        padding: 6px 10px;
    }
    
    /* Ocultar algunos números en móvil para que no se desborde */
    .pagination .page-item:not(.active):not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-last-child(2)) {
        display: none;
    }
    
    /* Mostrar solo: primera, anterior, actual, siguiente, última */
    .pagination .page-item:first-child,
    .pagination .page-item:last-child,
    .pagination .page-item.active,
    .pagination .page-item:has(.page-link[rel="prev"]),
    .pagination .page-item:has(.page-link[rel="next"]) {
        display: inline-block !important;
    }
    .badge {
        font-size: 0.75rem !important;
        padding: 0.25rem 0.5rem !important;
    }
    
    .card-body {
        padding: 1rem !important;
    }
    
    .gap-3 {
        gap: 0.75rem !important;
    }
    
    .gap-2 {
        gap: 0.5rem !important;
    }
}

        /* Responsive para móviles */
        @media (max-width: 576px) {
            .pagination-container {
                padding: 15px;
                margin-top: 20px;
            }
            
            .pagination .page-link {
                padding: 8px 12px;
                font-size: 0.85rem;
                min-width: 35px;
            }
            
            .pagination-info {
                text-align: center;
                padding: 12px 15px;
            }
        }