/* Estilos personalizados para el panel */
        .arkitec-card {
            border-top: 5px solid #6f42c1; /* Color de Bootstrap 'purple' para el borde superior */
            border-radius: .5rem;
        }
        .form-control:focus {
            border-color: #6f42c1;
            box-shadow: 0 0 0 .2rem rgba(111, 66, 193, .25);
        }
        .btn-purple {
            background-color: #6f42c1;
            border-color: #6f42c1;
            color: white;
        }
        .btn-purple:hover {
            background-color: #5a369e;
            border-color: #5a369e;
            color: white;
        }
        .card-header-arkitec {
            background-color: #f8f9fa; /* Light background for header */
            font-weight: bold;
            color: #495057;
        }
        .card {
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        }