.division {
    background-color: #fff;
    padding: 0;
    margin: 0 0 1rem;
    height: 0.1rem;
}

a {
    text-decoration: none !important;
    color: white !important;
}

.img_lista {
    padding: 1rem;
    margin: 4rem 0 0;
    width: 100%;
    height: auto;
background-color: #BF0710;

    /* background-image: url("../resources/barra-blanco.jpg");
    background-size: cover; */
    border-radius: 10px;
}

body{
background-color: #242526; 
color:white;

}
.footer{
background-color: #BF0710;

}
.sombra {
    box-shadow: 3px 3px 3px 3px rgba(200, 200, 200, 0.5);
    border-radius: 8px;
    padding: 0.8rem;
}
.btn_pill {
    background-color: transparent;
    margin-left: 1rem;
    padding: 0.5rem;
    text-align: center;
    transition: all 0.4s linear;
    border-radius: 8px;
    border: 2px solid #fff;
    color: white;
}

.btn_pill:hover {
    background-color: white;
    color: #13161F !important;
    padding: 0.5rem;
    border-width: 2px;
    border-color: #131313;
    border-radius: 8px;
}

.cover-cont {
    background-color: gray;
}

.cover-cont img {
    width: 100%;
    height: 14rem;
    align-items: center;
}

.division_perfil{
width: 100%;
height: 0.3rem;
background-color: #fff;

}
.ring_perfil{
position: relative;
top: -6.5rem;
width: 13rem;
height: 13rem;
background-color: #fff;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;

}
.profile-photo {
    width: 12.4rem;
    height: 12.4rem;
    border-radius: 50%;
    margin:auto;
}

/* ESTRELLAS */

.rating {
    /* margin: 30px auto; */
    width: 350px;
} 
.rating > * {
    float: right;
}
@-webkit-keyframes pulse {
    50% {
        color: #5e5e5e;
        text-shadow: 0 0 15px #777777;
    }
}
@keyframes pulse {
    50% {
        color: #5e5e5e;
        text-shadow: 0 0 15px #777777;
    }
}
.rating label {
    height: 15px;
    width: 5%;
    display: block;
    position: relative; 
    cursor: pointer;
}
.rating label:nth-of-type(5):after {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
.rating label:nth-of-type(4):after {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.rating label:nth-of-type(3):after {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}
.rating label:nth-of-type(2):after {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.rating label:nth-of-type(1):after {
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
}
.rating label:after {
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    content: "☆";
    color: #444;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    text-align: center;
    font-size: 22px;
    -webkit-animation: 1s pulse ease;
    animation: 1s pulse ease;
}
.rating label:hover:after {
    color: #5e5e5e;
    text-shadow: 0 0 15px #5e5e5e;
}
.rating input {
    display: none;
}
.rating input:checked + label:after,
.rating input:checked ~ label:after {
    content: "★";
    color: #f9bf3b;
    text-shadow: 0 0 20px #f9bf3b;
}