table {
    &>thead {
        background-color: var(--componet-primary-color);
        color: var(--componet-primary-color-text);

        &>tr {
            &>th {
                border: 1px solid white;
                padding: 18px 36px;

                &>div {
                    display: flex;
                    justify-content: space-around;
                }
            }
        }
    }

    &>tbody {
        &>tr {
            &>td {
                border: 1px solid white;
                padding: 12px;
                vertical-align: middle;
                color: #050505;

                /* Font-Caption */
                font-family: "DM Sans";
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 20px;
                /* 142.857% */
                letter-spacing: -0.028px;

            }

            &>.fecha {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-content: center;
                flex-direction: column;
                gap: 5px;

                &>div:nth-child(1) {
                    color: #666;
                    font-variant-numeric: lining-nums proportional-nums;
                    font-family: Syne;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 20px;
                    /* 142.857% */
                    letter-spacing: -0.028px;
                    text-transform: uppercase;
                }

                &>div:nth-child(2) {
                    color: #050505;
                    font-variant-numeric: lining-nums proportional-nums;
                    font-family: Syne;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 20px; /* 142.857% */
                    letter-spacing: -0.028px;
                    text-transform: uppercase;
                }                
            }

            &>.boton-col {
                display: flex;
                justify-content: space-around;
            }
        }

        &>tr:nth-child(odd) {
            background-color: var(--main-bg-color);
        }

        &>tr:nth-child(even) {
            background-color: var(--main-content-color);
        }

    }
}