.updateButton{
    background-color:rgb(132, 213, 60);
    border-color: rgb(132, 213, 60);
}
.star-radio {
      display: none;
}

.star-label {
    font-size: 2rem;
    color: #ccc;
    cursor: pointer;
    transition: color 0.3s;
    margin-right: 0.5rem;
}

.star-radio:checked + .star-label .bi {
    color: #ffc107; /* Amarillo */
}
.custom-cb {
    border: 2px solid #C52110;
}
.custom-cb:checked {
    background-color: #C52110;
    border-color: #C52110;
}
.container.border.compact-card-row.col.mb-5.mt-2.p-3{
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* sombra suave */
  transition: box-shadow 0.3s ease; /* para que la sombra tenga transición suave si quieres animar */
}

/* .tablec es solo un hook de JS — no debe tener estilos.
   El estilo de las tablas ahora se aplica vía clases Bootstrap
   (table, table-hover, table-bordered) como en yugioh/cardDetails. */