label.required::after {
    content: " *";
    color: red;
}

/** Estilos para resaltar el card al seleccionar el producto */
.article-card {
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s;
}

.form-check-input:checked ~ strong,
.form-check-input:checked ~ p {
    color: #0d6efd;
}

/* Usamos :has() para resaltar el card completo si su checkbox está checked */
.article-card:has(.form-check-input:checked) {
    border-color: #0d6efd;
    background-color: #e9f3ff;
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.25);
}
/** Fin - Estilos para resaltar el card al seleccionar el producto */

.empty-message {
    text-align: center;
    font-size: 1.2rem;
    color: #888;
    margin-top: 2rem;
}