.container {
            margin-top: 50px;
            max-width: 90%; /* Ajusta el ancho máximo del container */
        }
        .card {
            margin-top: 20px;
            margin-bottom: 20px; /* Espacio entre las cajas */
        }
        .alert {
            font-size: 1.2em; /* Hacer el texto de la alerta más grande */
            text-align: center; /* Centrando el texto */
        }
        .aprobado {
            color: green;
            font-weight: bold;
        }
        .no-aprobado {
            color: red;
            font-weight: bold;
        }
        .spinner-border {
            display: none; /* Oculto por defecto */
        }
        .header {
            background-color: #fefefe;
            padding: 10px 0;
            border-bottom: 1px solid #e0e0e0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .header img {
            max-height: 100px;
        }
        .header .logout-button {
            margin-right: 20px;
        }
.btn-boton {
  background: #4b3c8c;
  color: white;
  border-radius: 3px;
  border: none;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transiciones suaves */
  padding: 5px 30px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); /* Efecto de sombra */
  transform: translateZ(0); /* Hace que el botón parezca estar por encima de la pantalla */
}

.btn-boton:hover {
  transform: scale(1.05); /* Cambio de escala al hacer hover */
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); /* Cambio de sombra al hacer hover */
  text-decoration: none;
  color: white;
}

.boton {
  background-color: #4b3c8c;
  border: none;
}
.labelpillderecha {
  background-color: #4b3c8c;
  border: none;
  color: white;
  padding: 0.7rem;
  padding-left: 2%;
  padding-right: 2%;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 3px;
}

    .custom-modal-header {
        background-color: #4b3c8c; /* Color personalizado */
        color: white; /* Texto blanco */
    }

    .modal-title {
        font-weight: bold;
    }

    .list-group-item {
        font-size: 1.1em; /* Tamaño de texto más grande para mejorar la legibilidad */
    }

        /* Estilo personalizado para la barra superior */
        .barra-superior {
            background-color: #4b3c8c;
            padding: 10px;
        }
        .logo-gov {
            height: 40px;
        }