.section--header{
	font-size: 1.2em;
	font-weight: 600;
}
.perfil--content{
	padding: .3em;
}
.section--body {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: .5em;
}
.perfil--content img{
	width: 100%;
	object-fit: cover;
}
.perfil--info {
    font-size: .8em;
    width: 9em;
    line-height: 1em;
    height: 2em;
    white-space: nowrap;
}
.perfil--info h4{
    text-overflow: ellipsis;
	font-weight: 400;
	height: inherit;
}
.perfil--img,.perfil--info h4{
    overflow: hidden;
}
a._left {
    display: block;
}
/*################# pagination ##################*/
.pags a{
	margin: .3em;
}
.pags,.pre{
	display: flex;
	justify-content: center;
	align-items: center;
}
.pags ul{
	display: flex;
	align-items: center;
	padding:0;
	flex-wrap: wrap;
}
/**/
/*##### responsive #####*/
/**/

@media(min-width:660px) and (max-width:800px){
	.section--body{
		grid-template-columns: repeat(5,1fr);
	}
}

@media(min-width:530px) and (max-width:659px){
	.section--body{
		grid-template-columns:repeat(4,1fr);
	}
}
@media(min-width:370px) and (max-width:529px){
	.section--body{
		grid-template-columns:repeat(3,1fr);
	}
}
@media(min-width:291px) and (max-width:369px){
	.section--body{
		grid-template-columns:repeat(2,1fr);
	}
}
@media(max-width:290px){
	.section--body{
		grid-template-columns: 1fr;
	}
}
/*##### BROWSER SUPORT #####*/
.perfil--content img{
	/*Firefox*/
	-moz-aspect-ratio: 12/17;

	/*Edge/Internet Explorer*/
	-ms-aspect-ratio: 12/17;

	/*Opera*/
	-o-aspect-ratio: 12/17;

	/*Chrome e Safari*/
	-webkit-aspect-ratio: 12/17;
	aspect-ratio: 12/17;
}