body {
            font-family: Arial, sans-serif;
            margin:0px;
            padding:0px;
            box-sizing: border-box;
        }
        .search-bar {
            margin-bottom: 10px;
            margin-top: 10px;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 20px;
        }
        thead{
            background-color: black;
            color: white;
            font-weight: bold;
            height: 40px;
        }
        tr td {
            padding: 10px;
            border-bottom: 2px solid #ddd;
            color: black;
        }
        tr th{
            color: white;
        }

        .todo-item {
            display: flex;
            align-items: center;
            margin: 10px 0;
        }
        .download-link {
            text-decoration: none;
            color: white;
            background-color: #007bff;
            padding: 5px 10px;
            border-radius: 5px;
            margin-left: 10px;
        }
        .download-link:hover {
            background-color: #0056b3;
        }
        ul {
            list-style-type: none; /* Remove bullet points */
            padding: 0;
        }
        header{
            width: 100%;
            height: 90px;
            background-color:#f8b20b;
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            display: inline-flex;
        }
        header img{
            height: 90%;
            align-items: center;
            margin-right: 25px;
        }
        header h2{
            margin-left: 10px;
            position: relative;
            top: 10px;
            color: #3f4254;
        }
        header h6{
            color: black;
            align-items: flex-end;
        }
        section{
            margin-top: 5%;
            margin-left: 20%;
            margin-right: 20%;
            border-radius: 4px;
            display: grid;
            background-color: #cecece;
        }
        aside{
            background-color: #262626;
        }
        aside div{
            align-items: center;
            text-align: center;
            margin-left: 3.5rem;
            margin-right: 3.5rem;
        }
        aside div img{
            width: 75px;
            margin-top: 15px;
            color: #f8b20b;
        }
        aside div h5{
            color: #f8b20b;
            font-size: 1rem;
            font-weight: 500;
        }
        .paso1{
            display: flex;
            justify-content: center;
        }
        .box{
            flex: 0 0 58.33333%;
        }
        .paso1 .linea{
            border-bottom: 1px solid white;
            text-align: center;
        }
        .paso1 h3{
            color: black;
        }
        .paso1 p{
            font-size: 13px;
        }
        .buscador{
            width: 100%;
            padding: 0.825rem 1.42rem;
            font-size: 1rem;
            border-radius: 0.42rem;
            background-color: #F3F6F9;
            border: 1px solid #E4E6EF;
        }
        .paso1 button{
            background-color:  #f8b20b;
            color: black;
            margin: 5px;
            border-radius: 8px;
            border: none;
            padding: 15px;
            margin-top: 20px;
            margin-left: 90%;
        }
        .paso2{
            margin-left: 20%;
            margin-right: 20%;
        }
        .paso2 checkbox{
            border-radius: 24px;
            background-color: #EBEDF3;
            border: 1px solid transparent;
            height: 18px;
            width: 18px;
            border-radius: 0.42rem;
        }
        .botones button{
            background-color:  #f8b20b;
            color: black;
            margin: 5px;
            text-align: left;
            border-radius: 4px;
            border: none;
            padding: 15px;
        }
        .botones .btnDescargar{
           margin-left: 60%;
       }
       .botones{
        display: flex;
    }
    button{
        cursor: pointer;
    }


    @media (max-width: 990px) {

        header img{
            height: 100%;
            width: 65%;
            object-fit: contain
        }
        header h2{
            font-size: 13px;
            width: 30%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        section{
            margin-top: 25%;
            margin-left: 5%;
            margin-right: 5%;
        }
        aside div{
            align-items: center;
            text-align: center;
            margin-left: 3.5rem;
            margin-right: 3.5rem;
        }
        aside div img{
            width: 35px;
        }
        aside div h5{
            font-size: 0rem;
        }
        .paso1{
            display: block;
            justify-content: none;
             margin:5%;
        }
        .box{
            width: 80%;
        }
        .paso1 .linea{
            border-bottom: 1px solid white;
            text-align: center;
        }
        .paso1 h3{
            font-size: 13px;
        }
        .paso1 p{
            font-size: 12px;
        }
        .buscador{
            padding: 0.825rem 1.42rem;
            font-size: 0.8rem;
        }
        .paso1 button{
            padding: 10px;
        }
         tr th{
            font-size: 13px;
        }
        .paso2{
            margin-left: 5%;
            margin-right: 5%;
        }
        .paso2 h2{
            font-size: 13px;
        }
        .botones button{
            margin: 5px;
            padding: 10px;
        }
        .botones .btnDescargar{
           margin-left: 40%;
       }
}
@media (max-width: 700px) {
    section {
        margin-top: 30%;
    }
    .botones .btnDescargar {
        margin-left: 30%;
    }
}