body {
}

/* VALIDACIONE*/

.validacion {
    color: red;
}

/* FAVORITOS*/
.tamaño-img-card {
    height: 350px;
    object-fit: contain;
    width: 100%;
    background-color: white;
}

.tamaño-fav-star {
    height: 350px;
    object-fit: contain;
    width: 100%;
    background-color: white;
}



.btn-check:not(:checked) + .btn .bi-star-fill {
    display: none;
}

.btn-check:not(:checked) + .btn .bi-star {
    display: inline-block;
}

.btn-check:checked + .btn .bi-star {
    display: none;
}

.btn-check:checked + .btn .bi-star-fill {
    display: inline-block;
}

/*CHECKBOX ELIMINAR  */
.check-fantasma input[type="checkbox"] {
    display: none;
}

/* Dale estilo de botón al texto del checkbox */
.check-fantasma label {
    cursor: pointer;
    color: #dc3545;
    font-weight: bold;
    text-decoration: underline;
    transition: 0.2s;
    user-select: none;
    margin-bottom: 0;
}

/* Magia: Cuando el checkbox oculto se tilda, el texto se pinta de rojo */
.check-fantasma input[type="checkbox"]:checked + label {
    color: #842029;
    text-decoration: none;
}