.fotos-historicas .foto-historica {
	padding: 2rem;
}

.foto-historica {
	aspect-ratio: 1.6;
	overflow: hidden;
	position: relative;
  }
  
.foto-historica img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.fotos-historicas div.foto-historica:nth-of-type(odd) {
	transform: rotate(-2deg);
}

.fotos-historicas div.foto-historica:nth-of-type(even) {
	transform: rotate(2deg);
}

.fotos-historicas div.foto-historica:nth-of-type(3n) {
	transform: none;
	position: relative;
	top: -5px;
}

.fotos-historicas div.foto-historica:nth-of-type(5n) {
	transform: rotate(5deg);
	position: relative;
	right: 5px;
}

.fotos-historicas div.foto-historica:nth-of-type(8n) {
	position: relative;
	top: 8px;
	right: 5px;
}

.fotos-historicas div.foto-historica:nth-of-type(11n) {
	position: relative;
	top: 3px;
	left: -5px;
}
.img-thumbnail {
    padding: .35rem;
}

.foto-historica p {
	text-align: center;
	color: #646464;
}

.modal .btn-close {
	background-color:  rgb(146, 128, 69);
}

.fotos-historicas h3  {
	text-align: center;
	font-size: 22px;
	letter-spacing: 0em;
	word-spacing: 0em;
	font-weight: normal;
	color: #999;
	text-transform: uppercase;
	border-bottom: 1px dotted #999;
	margin-top: 10px;
	position: relative;
	top: -11px;
}

.fotos-historicas  h3 span  {
	background-color: #f4f4f4;
	position: relative;
	top: 16px;
	padding: 0 10px;
}

.foto-historica {
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.6s ease 1s; /* <--- 1s delay */
  }
  
  .foto-historica.visible {
	opacity: 1;
	transform: translateY(0);
  }