* {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: "Montserrat", sans-serif!important;
      min-height: 100vh;
    }

     .cursos-card {
       background-color: #e9e9e9; 
       border-radius: 12px; 
       font-size: 14px;
    }

    a {
        cursor: pointer!important;
        z-index: 3;
    }

    /* TAB */
        .tab-section-admin{
          width: fit-content;
        }
        .tab-item-section-admin {
          font-size: 14px;
          font-weight: 600;
          cursor: pointer;
          padding: 5px 10px;
          border: solid black 1px;
          background-color: #c3c3c3;
        }
        .border-r-left {
          border-radius: 12px 0 0 12px;
        }
        .border-r-right {
          border-radius: 0 12px 12px 0;
        }

        .tab-button.active {
          background: #060c23;
          color: white;
        }

        .tab-content {
          display: none!important;
        }

        .tab-content.active {
          display: flex!important;
        }
        

    /* TAB */
    
        .card-aluno {
            background-color: lightcyan;
        }

        .btn-green {
            background-color: #6AE464;
            border: 1px solid #55c54f;
            color: #055700;
            border-radius: 8px;
        }

        .btn-yellow {
            color: #6F760F;
            background-color: #F2F8A7;
            border: 1px #E6ED86 solid;
            border-radius: 8px;
        }

        .btn-red {
            color: #971D1D;
            background-color: #FBBABA;
            border: 1px #FEB3B3 solid;
            border-radius: 8px;
        }
        .btn-purple {
            color: #423c83;
            background-color: #bfbaf7;
            border: 1px #aaa4e7 solid;
            border-radius: 8px;
        }
        .btn-border {
            border: solid 2px black;
            border-radius: 8px;
        }
        .btn-violet { 
            color: white;
            background-color: #6326d9;
            border: 1px #2e0381 solid;
            border-radius: 8px;
        }
        .btn-blue-claro {
            color: white;
            background-color: #41b5b5;
            border: 1px #228888 solid;
            border-radius: 8px;
        }

        .card-informacao {
            background-color: lightgray;
        }
        .card-azul {
          background-color: #227777;
          color: white;
        }
        .card-azul-escuro {
          background-color: #223355;
          color: white;
        }

        .card-azul-claro {
        background-color: #ddfafa;
        }
        
        .card-cinza {
          background-color: #535353;
          color: white;
        }
        .card-verde {
          background-color: #1B6D1B;
          color: white;
          
        }
        .card-verde-claro {
            background-color: #ddffdd;
            color: black;
        }
        .card-branco {
          background-color: white;
          color: black;
          border: 2px solid black;
        }
        .card-roxo-claro {
            background-color: #e2c8ed;
        }
        .header-box {
          background-color: #223757;
          color: white;
        }
        .border-box {
          border: solid 1px #101e33!important;
        }
        .border-list {
          border-bottom: solid 1px #101e331f!important;
        }
        #hr-confirmar-presenca{
          color: green;
          height: 2px;
          width: 30%;
          margin: 0;
        }

        .checkbox {
          width: 20px;
          height: 20px;
          border: 2px solid black !important;
          z-index: 3;
        }

        .input-select-admin {
        width: 100%; 
        height: 40px; 
        border-radius: 12px; 
        padding: 0 10px; 
        font-size: 18px; 
        color: #000; 
        background-color: #fff; 
        border: 1px solid #ccc;
        }
        .button-admin {
        width: 100%;
        height: 40px;
        border-radius: 12px;
        padding: 0 10px;
        font-size: 18px;
        color: #fff;
        background-color: #115511;
        border: none;
        cursor: pointer;
    }

    /* Tela de ALUNOS */
    * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        ul, li {
            list-style: none;
        }
        h2{
            margin-bottom:20px;
        }

        .tab-button {
            padding: 5px 17px;
            margin: 0 5px;
            border-radius: 13px;
            background: white;
            cursor: pointer;
            font-size:16px
        }
        .tab-button.active {
             background-color: #000;
            color: white;
        }
        .tab-content {
            display: none;
        }
        .tab-content.active {
            display: flex;
        }
        .menu-toggle {
            display: none;
            position: fixed;
            top: 15px;
            left: 15px;
            font-size: 24px;
            background-color: #2c3e50;
            color: white;
            border: none;
            padding: 10px 15px;
            cursor: pointer;
            z-index: 1100;
        }
        .overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            height: 100vh;
            width: 100vw;
            background-color: rgba(0,0,0,0.5);
            z-index: 999;
        }
        .container {
            width: 100%;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .filters {
            display: flex;
            justify-content: center;
            margin-bottom: 10px;
        }
        .filters button {
            padding: 5px 10px;
            margin: 0 5px;
            background-color: #ddd;
            border: none;
            cursor: pointer;
        }
        .filters button.active {
            background-color: #bbb;
        }
        .search {
            margin: 10px 0;
            text-align: center;
           
        }
        .search input {
            padding: 6px;
            width: 250px;
            text-align: center;
             border-radius:5px;
             border-color:black;
        }

        /* NOVO: Filtro por idade */
        .age-filters {
            display: flex;
            justify-content: center;
            margin-top: 25px;
            margin-bottom: 10px;
        }
        .age-button {
            padding: 5px 15px;

            background-color: #ccc;
            cursor: pointer;
            font-weight: 500;
        }
        .age-button.active {
            background-color: #000;
            color: white;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
            text-align: center;
        }
        th, td {
        
            padding: 8px;
            text-align: center;
            border: 2px solid black; 
            
        }
        th {
            background-color: #18335f;
            color: white;
            
            
            
        }
        tr:nth-child(even) {
            background-color: gray !important;
          
            
        }

        @media (max-width: 768px) {
            .sidebar {
                transform: translateX(-100%);
            }
            .sidebar.active {
                transform: translateX(0);
            }
            .menu-toggle {
                display: block;
            }
            .content {
                margin-left: 0;
                width: 100%;
            }
            .overlay.active {
                display: block;
            }
        }

    /* Tela de ALUNOS*/