.hover-up {
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

    .hover-up:hover {
        transform: translateY(-8px);
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
        border-color: #0d6efd;
    }

.bg-light {
    background-color: #f8f9fa !important;
}

:root {
    --codexa-dark: #1e293b; /* Reemplaza al negro */
    --codexa-blue: #0284c7; /* Un azul más profesional que el de Bootstrap */
    --codexa-light: #f1f5f9;
}

.text-codexa-dark {
    color: var(--codexa-dark) !important;
}

.text-codexa-blue {
    color: var(--codexa-blue) !important;
}

.btn-primary {
    background-color: var(--codexa-blue) !important;
    border-color: var(--codexa-blue) !important;
}

.hover-up:hover {
    border-color: var(--codexa-blue) !important;
}