@media (max-width: 768px) {


    /*    .btn-cancelar {
        margin-top: 42px;
    }*/
    .container {
        flex: 1;
    }

    .container-fluid {
        padding-bottom: 38px;
    }
}

.circular-checkbox {
    width: 20px;
    height: 20px;
    border-radius: 50%; /* Hace que el checkbox sea circular */
    border: 1px solid lightgray; /* Borde del checkbox */
    background-color: lightgray; /* Fondo plomo */
    position: relative;
    margin-right: 10px;
}

    .circular-checkbox input {
        display: none; /* Oculta el input del checkbox */
    }

    /* Para centrar elementos dentro de circular-checkbox si es necesario */
    .circular-checkbox label {
        cursor: pointer;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /* Cuando se cumple la condición, fondo verde con check visible */
    .circular-checkbox.checked {
        background-color: green; /* Fondo verde para indicar que cumple */
    }

        .circular-checkbox.checked::after {
            opacity: 1; /* Muestra el check */
            color: lightgray; /* Cambio a check blanco en los no cumplidos*/
        }

    .circular-checkbox::after {
        content: "✔"; /* Marca de verificación */
        color: white; /* Check blanco */
        font-size: 14px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        /*     opacity: 0; /* Oculta el check al inicio */ */
    }

a[disabled] {
    pointer-events: none; /* Deshabilita el clic */
    opacity: 0.5; /* Reduce la opacidad */
    cursor: not-allowed; /* Cambia el cursor */
}