.content-list-profile-talents{ align-items: center; background-color: rgba(0, 0, 0, .4); display: flex; height: calc( 100vh - 70px ); left: 0; position: fixed; top: 70px; visibility: hidden; width: 0%; z-index: 9; transition-duration: .2s; }

.content-list-profile-talents.show{ transition-duration: .3s; visibility: visible; width: 100%; }

.content-list-profile-talents .list-talents{ background-color: #fff; height: 100%; width: 25%; }

.content-list-profile-talents .list-talents .header{ align-items: center; color: #fff; display: flex; background-color: var(--primary-text-color); height: 45px; padding: 10px; position: relative; width: 100%; border-radius: 12px;}

.content-list-profile-talents .list-talents .header .icon{ position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }

.content-list-profile-talents .list-talents .body{ height: calc( 100% - 60px); overflow-y: auto; }

.content-list-profile-talents .list-talents .body .content-filter-list{ align-items: center; display: flex; height: 42px; justify-content: center; padding: 0px 10px 0px 10px;; position: relative; background: #cbddff; border-radius: 12px;}

.content-list-profile-talents .list-talents .body .content-filter-list .icon{ align-items: center; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; width: 35px; }

.content-list-profile-talents .list-talents .body .content-filter-list .filter-list{ background-color: #eee; border-radius: 0; padding-left: 35px; height: 100%; }

.content-list-profile-talents .list-talents .body .talent{ align-items: center; border-bottom: 1px solid #eee; color: #000; display: flex; justify-content: space-between; padding: 10px; }

.content-list-profile-talents .list-talents .body .talent.show, .content-list-profile-talents .list-talents .body .talent.show:hover{ background-color: rgb(203 221 255);  }

.content-list-profile-talents .list-talents .body .talent.show p, .content-list-profile-talents .list-talents .body .talent.show:hover p{ color: #000; }

.content-list-profile-talents .list-talents .body .talent:hover{ background-color: #EFEFEF; }

.content-list-profile-talents .list-talents .body .talent:hover p{ color: #056769; }

.content-list-profile-talents .list-talents .body .talent:last-child{ border-bottom: none; }

.content-list-profile-talents .list-talents .body .talent .image{ text-align: center; width: 20%; }

.content-list-profile-talents .list-talents .body .talent .image img{ border-radius: 50%; width: 80%; }

.content-list-profile-talents .list-talents .body .talent .data{ width: 60%; }
.content-list-profile-talents .list-talents .body .talent .likes{ width: 20%; text-align: center;}

.content-list-profile-talents .profile-talent{ background-color: #ffffff; height: 100%; overflow-y: auto; width: 75%; }

img.logotype {
  max-height: 60px;
}

@media (max-width: 575px) {
  li.img-header {
    width: 100% !important;
    justify-content: center !important;
    margin-top: -97px;
  }

  .nav-feria {
    height: 150px !important;
  }

  .container-header {
    height: 100px;
  }
}