body {
        background-color: #f1f3f5;
        font-family: 'Inter', system-ui, sans-serif;
    }

    .student-data {
      margin-top:80px;
    }

    .bg-primary {
      background-color: #4A5E8A  !important; /* tono empresarial oscuro */
    }

    .scroll-container::-webkit-scrollbar {
      width: 6px;
    }

    .scroll-container::-webkit-scrollbar-thumb {
      background-color: #ccc;
      border-radius: 10px;
    }

    .card-header {
      min-height: 60px;
    }

    .section-title {
      font-weight: 600;
      font-size: 1.2rem;
      margin-bottom: 1rem;
      color: #343a40;
    }

    .scroll-container {
      max-height: 300px;
      overflow-y: auto;
    }

    .dashboard-container {
      padding-top: 2rem;
      padding-bottom: 5rem;
    }

    .list-group-item {
      border: none;
    }
   
    .required_field {
        color: #ffb300;
        font-size: 12px;
    }

  .statistics-payed {
    background-color:#D4EDDA !important;
    color:#155724 !important;
  }
              
    .embed-responsive-1by1 {
        max-height: 400px;
    }

    .mt-10 {
      margin-top:75px !important;
    }

    .login {
      background-color: #f8f9fa;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .login-card {
      width: 100%;
      max-width: 400px;
      padding: 2rem;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      background-color: #ffffff;
    }

    .toggle-password {
      cursor: pointer;
    }

    .row {
      text-align:center;
    }