#legal {
    a {
        color: #e87722;
    }
    p {
        font-family: "Inter", sans-serif;
        font-size: 1em;
        margin-bottom: 1rem;
    }
    ul {
        list-style-type: disc;
        font-family: "Inter", serif;
        font-size: 1em;
        line-height: 140%;
        margin: 2em;
        li {
            margin: 1.1em 0;
        }
    }
}

.table-container {
    width: 100%;
    display: grid;



    .table-header {
        height: 5rem;
        color: #878787;
        font-size: 1.5em;
        font-family: Lora;

        div {
            padding: 1.5rem;
        }
    }

    .table-row:nth-of-type(even) {
        background-color: #dadada;
    }
    .table-row:nth-of-type(odd) {
        background-color: #f2f2f2;
    }
    .table-row {
        div {
            padding: 3rem 1.5rem ;
        }
    }

    .table-header, .table-row {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));

        div {
            width: 100%;
        }
        div:first-of-type {
            display: flex;
            align-items: center;
        }
    }

}

.table-container#subvenciones {
    .table-row {
        min-height: 11.625rem;
    }
    .table-header, .table-row {
        grid-template-columns: 9.375rem 15.75rem 28.5rem 9.375rem 15.75rem;
    }
}

.table-container#retribuciones {
    .table-row {
        min-height: 11.625rem;
    }
    .table-header, .table-row {
        grid-template-columns: 9.375rem 44.375rem 25rem;
    }
}






@media (max-width: 600px) {
    .table-header, .table-row {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); /* Ajusta en pantallas más pequeñas */
    }
}


#legal .table#subvenciones {
    .tbody {

        .tr {
            div:nth-of-type(1) {
                max-width: 9.375rem
            }
            div:nth-of-type(2) {
                min-height: 2.75rem;
                max-width: 5.75rem;
            }
            div:nth-of-type(3) {
                max-width: 28.5rem
            }
            div:nth-of-type(4) {
                max-width: 9.375rem
            }
            div:nth-of-type(5) {
                max-width: 15.75rem
            }
        }
    }
}

#legal table#retribuciones {
    tbody {
        tr {
            td:nth-of-type(1) {
                max-width: 9.375rem
            }
            td:nth-of-type(2) {
                max-width: 710rem;
                height: 8.5rem;
            }
            td:nth-of-type(3) {
                max-width: 15rem;
            }
        }
    }
}