body {
    --modo-fecha: "desktop";
}

.borrador {
    background-color: rgb(151, 151, 151);
}

@media (max-width: 768px) {
    .desaparecer {
        display: none;
    }

    table td:nth-child(1) {
        position: relative;
        padding-left: 25px !important;
    }

    table td:nth-child(1)::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 6px;
        background-color: var(--color-estado, #ccc);
    }

    table tr:has(.pendiente) {
        --color-estado: lightsalmon;
    }

    table tr:has(.aprobado) {
        --color-estado: #36c436;
    }

    table tr:has(.rechazado) {
        --color-estado: lightcoral;
    }

    table tr:has(.en_proceso) {
        --color-estado: #fff67a;
    }

    table tr:has(.completado) {
        --color-estado: #164616;
    }
}