figure.galeria {
	float:left;
	margin:0 16px 16px 0;
	padding:0;
	width:222px;
}

figure.galeria a {
	display: inline-block;
	border-radius: var(--radius-base-8);
	outline-offset: 2px;
	/*outline: 2px solid var(--focus);*/
    
}

figure.galeria img {
	display: block;
	padding:0;
	margin:0;
	width:222px;
	height:148px;
	/*border:1px solid #034ea1;*/
	border-radius: var(--radius-base-8);
}

figure.galeria figcaption {
	padding:5px 0 0 0;
	margin:0;
	width:222px;
	height:36px;
	font-size:13px;
	line-height:16px;
	text-align:center;
	vertical-align:top;
}

figure.galeria figcaption a {
	text-decoration: none;
	border-radius: var(--radius-base-4);
}



@media all and (min-width:0px) {

	figure.galeria {
		float:none;
		margin:0 0 16px 0;
		width:100%;
	}

	figure.galeria img {
		width:100%;
		height:auto;
	}

	figure.galeria figcaption {
		width:100%;
		height:auto;
		text-align:left;
	}

}

@media all and (min-width:500px) {
	
	figure.galeria {
		float:left;
		margin:0 16px 16px 0;
		width:46%;
	}

	figure.galeria img {
		width:100%;
		width:43vw;
		height:auto;
		height:28vw;
	}

	figure.galeria figcaption {
		width:100%;
		width:43vw;
		height:36px;
		text-align:center;
	}

}

@media all and (min-width:770px) {

	figure.galeria {
		float:left;
		margin:0 16px 16px 0;
		width:222px;
	}

	figure.galeria img {
		width:222px;
		height:148px;
	}

	figure.galeria figcaption {
		width:222px;
		height:36px;
		text-align:center;
	}

}


@media all and (min-width:1260px) {

	figure.galeria {
		float:left;
		margin:0 25px 20px 0;
		width:260px;
	}

	figure.galeria img {
		width:260px;
		height:174px;
	}

	figure.galeria figcaption {
		width:260px;
		height:36px;
		text-align:center;
	}

}