/* estilos para la tarjeta del perfil */
.profile-details, .publisher{ background-color: #caddff; border-radius: 20px; /*box-shadow: 0 0 10px #aaa;*/ display: block; height: auto; overflow: hidden; padding: 0; position: relative; width: 100%; }
/* estilos para el cuerpo y cabecera del perfil */
.profile-details .header, .profile-details .body, .publisher .header, .publisher .body{ padding: 10px; }
/* estilos para la cabecera del perfil */
/* .profile-details .header, .publisher .header{ border-bottom: 2px solid #ddd; height: 70px; } */
/* estilos para la cabecera del cuadro de publicación */
.publisher .header{ background-color: #caddff; height: auto; }
/* estilos para que cambie de acuerdo al usuario cliente */
body.bg-orange .profile-details .header{ background-color: var(--color-orange); }
/* estilos para que cambie de acuerdo al usuario aliado */
body.bg-green .profile-details .header{ background-color: var(--color-green); }
/* estilos para el image de perfil del usuario */
.profile-details .header img.img-profile{ border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 10px #aaa; left: 20px; height: 100px; position: absolute; top: 200px; transform: translate( -10px, -200px ); width: 100px; }
/* estilos para el contenido*/
.profile-details .body{ padding-top: 65px; }
/* estilos para los botones de agregar archivos */
.button-add-image, .button-add-video, .button-add-file{ background-color: transparent; border-radius: 50%; color: #666; display: inline-block; height: 40px; line-height: 40px; text-align: center; width: 40px; }
/* estilos para los botones de agregar archivos cuando le hagan hover */
.button-add-image:hover, .button-add-video:hover, .button-add-file:hover{ background-color: rgba(7, 132, 135, .1); color: #333; }


.container-video{ align-items: center; background-color: #000; display: flex; justify-content: center; overflow: hidden; /* min-height: 350px; */ width: 100%; }

.container-video video{ max-height: 100%; max-width: 100%; }

.container-video .profile{ color: var(--color-orange); left: 30px; font-size: 18px; position: absolute; top: 10px; height: 40px; width: auto; }

.container-video .profile img{ border-radius: 50%; box-shadow: 0px 3px 4px #666; height: 40px; margin-right: 5px; width: 40px; }

.user_photo {
    border-radius: 50%; 
    height: 65%; 
    width: 65%;
    border: 10px solid #414544;
}

.profile-info p{
    margin-bottom: 7px;
}