body{
    background: url(imagenes/portada.png);   
    background-size: cover;
}

.card{
    background-color: #1515bb00;
}

.card-logo{
    background-color: #7f7f8f00;
    background-position: center;

}

.card-logo:hover{
    box-shadow: 0 0 30px rgba(146, 148, 153, 0.192);
}

#dinte:hover{
    box-shadow: 0 0 30px rgba(11, 147, 192, 0.5)
}

.form-control-c{
    background-color: #1515bb00;
}


#logo:hover{
    background-color: #eff1f1;
    color: hsl(352, 94%, 49%);
    text-shadow: 0 0 30px rgb(20, 20, 20);
    box-shadow: 0 0 20px rgb(50, 116, 170);
}


.card-img-top{
    transition: transform 0.7s;
    box-shadow: 0 0 30px rgba(15, 58, 167, 0.192);
}

.card-img-top:hover {
    transform: translate(1px, 25px); /* Mueve la imagen 10px a la derecha */
}

.titulo:hover{
    box-shadow: 0 0 30px rgba(0,140,186,0.5)
}


.alert.alert {
    padding: 10px;
    color: hsl(352, 94%, 49%);
    text-shadow: 0 0 30px rgb(233, 234, 238);

}

.textPol{
    box-align: center;


}