.post_portada {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 1rem;
}

.user_foto_perfil {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 1rem;
}

.box_send_mp_user {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    padding: 0;
    background-color: #131416;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 1px 2rem 0 rgb(0 0 0 / 30%);
    box-shadow: 0 1px 2rem 0 rgb(0 0 0 / 30%);
    border-top: solid 1px #9191912e;
}

.box_mp_user_header {
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    z-index: 1000;
    padding: 80px 0 0 0;
    background-color: #131416;
}

.player_activo_mp_box {
    padding: 0 0 100px 0 !important;
}

.player_activo_mp_top {
    margin-bottom: 190px !important;
}

.borde_post {
    border: solid 1px #196eed54;
    border-radius: 1rem;padding: 8px;
    box-shadow: 0 0 29px 0 rgb(25 110 237 / 12%);
}

/* AUDIO PLAYER */
audio::-webkit-media-controls-panel {
    background-color: #131416;
}

audio::-webkit-media-controls-play-button {
    color: #fff;
    background-color: #196eed;
    border-color: #000;
    border-radius: 100%;
}

audio::-webkit-media-controls-play-button:hover {
    background-color: rgba(177,212,224, .7);
}

audio::-webkit-media-controls-mute-button {
  background-color: #196eed;
  border-radius: 50%;
}

audio::-webkit-media-controls-mute-button:hover {
  background-color: rgba(177,212,224, .7);
}

audio::-webkit-media-controls-current-time-display {
  color: #fff;
}

audio::-webkit-media-controls-timeline {
  background-color: #131416;
  border-radius: 25px;
  margin-left: 10px;
  margin-right: 10px;
  color: #fff;
}

audio::-webkit-media-controls-volume-slider {
  background-color: #196eed;
  border-radius: 25px;
  padding-left: 8px;
  padding-right: 8px;
}

/* RESPONSIVE */
@media screen and (max-width: 319px) {
    .hidden-mini-cel {
        display: none !important;
    }
    .hidden-xs {
        display: none !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 370px) {
    .hidden-xs {
        display: none !important;
    }
    .hidden-cel-chico {
        display: none !important;
    }
    .flex_unset_small {
        flex: unset !important;
    }
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
    .hidden-xs {
        display: none !important;
    }
    .flex_unset_small {
        flex: unset !important;
    }
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
    .hidden-xs {
        display: none !important;
    }
    .flex_unset_small {
        flex: unset !important;
    }
    .info-list li {
        margin-right: 1.5rem;
    }

}

@media only screen and (min-width: 421px) and (max-width: 760px) {
    .hidden-md {
        display: none !important;
    }
    .flex_unset_small {
        flex: unset !important;
    }
    .info-list li {
        margin-right: 2rem;
    }
}

@media only screen and (min-width: 761px) and (max-width: 990px) {
    .hidden-md {
        display: none !important;
    }
    .flex_unset_small {
        flex: unset !important;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1020px) {
    .hidden-md2 {
        display: none !important;
    }
    .box_send_mp_user {
        margin-left: 17.5rem;
    }
    .box_mp_user_header {
        margin-left: 17.5rem;
    }
}

@media only screen and (min-width: 1021px) and (max-width: 1275px) {
    .hidden-pc {
        display: none !important;
    }
    .box_send_mp_user {
        margin-left: 17.5rem;
    }
    .box_mp_user_header {
        margin-left: 17.5rem;
    }
}

@media only screen and (min-width: 1276px) and (max-width: 1365px) {
    .hidden-pc {
        display: none !important;
    }
    .box_send_mp_user {
        margin-left: 17.5rem;
    }
    .box_mp_user_header {
        margin-left: 17.5rem;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1439px) {
    .hidden-pc {
        display: none !important;
    }
    .box_send_mp_user {
        margin-left: 17.5rem;
    }
    .box_mp_user_header {
        margin-left: 17.5rem;
    }
}

@media screen and (min-width: 1440px) {
    .hidden-pc {
        display: none !important;
    }
    .box_send_mp_user {
        margin-left: 17.5rem;
    }
    .box_mp_user_header {
        margin-left: 17.5rem;
    }
}