@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;700&display=swap');

.domingo-cultural {
	margin:auto;		

	width:760px;

	font-family:Arial, Helvetica, sans-serif;
}

.domingo-cultural > ul {
	margin:0;
	padding:0;
}

.domingo-cultural > ul > li:nth-child(1) {
	margin:0;
	padding:0;

	width:75%;

	float:left;
	list-style:none;
}

.domingo-cultural > ul > li:nth-child(1) > ul {
	margin:0;
	padding:0;

	text-align:left;
}

.domingo-cultural > ul > li:nth-child(1) > ul > li {
	margin:0;
	padding:0;

	width:48%;

	list-style:none;
}

.domingo-cultural > ul > li:nth-child(1) > ul > li:nth-child(1) {
	float:left;
}

.domingo-cultural > ul > li:nth-child(1) > ul > li:nth-child(2) {
	float:right;
}

.domingo-cultural > ul > li:nth-child(2) {
	margin:0;
	padding:0;

	width:23%;

	float:right;
	list-style:none;
}

.domingo-cultural > ul > li:nth-child(2) img {
	margin: 0 0 10px 0;

	width:100%;
	height: 15.833333333333333%;

	border-radius:15px;
	box-shadow:0 0 8px #CCC;

	object-fit: cover;
}

.columna {
	height: 1100px;
}

.domingo-cultural > ul > li:nth-child(3) {
	margin:30px 0 0 0;
	padding:0;

	width:100%;

	float:left;
	list-style:none;
}

.domingo-cultural > ul > li:nth-child(3) img {
	margin:0 5% 30px 0;

	width:21.25%;
	height:180px;

	float:left;

	border-radius:15px;
	box-shadow:0 0 8px #CCC;

	-o-object-fit: cover;
	object-fit: cover;
}

.domingo-cultural > ul > li:nth-child(3) img:nth-child(4n+0) { margin:0 0 30px 0; }
.domingo-cultural > ul > li:nth-child(3) img:nth-child(4n+1) { clear:both; }


/* publicaciones */

.domingo {
	margin: 0 0 100px 0;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 24px;
	color: #333;
}

.domingo strong {
	font-weight: 700;
}

.domingo div {
	font-weight: 700;
	text-transform: uppercase;
	color: #FF0004;
}

.domingo span {
	display: block;

	margin: 10px auto 0 auto;
	padding: 20px;
	
	background: #FF0004;
	border-radius: 5px;
	
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}

.domingo span a {
	color: #fff;
}

.domingo span a:hover {
	color: #000;
}

.domingo img {
	display: block;
	
	margin: 10px auto;
	
	width: 300px;
	height: auto;
	
	box-shadow: 0 0 20px 0 #999;
}