.acuerdos .tabla{
    display: none;
}

.tarjeta a{
    /* background: #ff4f1f; */
    background: var(--color1);
    padding: 5px;
    color: white;
    display: block;
    text-align: center;
}

#acuerdos a{
    margin: 10px;
    border: 1px solid rgb(45,96,86);
    /* border: 1px solid #99BD43; */
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-block;
    width: fit-content;
    text-decoration: none;
    font-weight: bold;
    color: white;
    background-color: rgb(45,96,86);
}

#acuerdos a:hover{
    color: rgb(45,96,86);
    /* background-color: black; */
    background-color: white;
}


@media (min-width: 768px){
    .acuerdos .tarjeta{
        display:none;
    }

    .acuerdos .tabla{
        display: block;
        /* border: 1px solid gray; */
    }

    .tabla .primerafila{
        /* background: #ff4f1f; */
        background: var(--color1);
        color: white;
    }

    .tabla .primerafila, .segundafila{
        display: grid;
        /* grid-template-columns: repeat(5, 1fr); */
        grid-template-columns: 35% 35% repeat(2,1fr);
    }
    .tabla .celda{
        border: 1px solid gray;
        padding: 1px 2px;
    }
}