@charset "utf-8";
/* CSS Document */
html, body {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  background-color: #e4e4e2;
	
}
a,
a:link,
a:visited {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

a:active,
a:focus {
  text-decoration: none;
  color: inherit;
}

.galeria {
  position: relative;
  width: 95%;
  margin: 32px auto;
}

.item {
  position: absolute;
  width: calc(33.333% - 6.66px);
  margin-bottom: 10px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease;
}

/* Animación al aparecer */
.item.visible {
  opacity: 1;
  transform: translateY(0);
}

.item img {
  width: 100%;
  display: block;
  border-radius: 6px;
}

.item:hover {
  transform: scale(1.02);
  z-index: 2;
}

/* img {
  filter: blur(10px);
  transition: filter 0.3s;
}

img.loaded {
  filter: blur(0);
} */

.item:hover {
  transform: scale(1.02);
  z-index: 2;
}

/* Responsive */
@media (max-width: 1023px) {
  .item {
    width: calc(50% - 5px);
  }
}

@media (max-width: 599px) {
  .item {
    width: 100%;
  }
}

/* encabezado móviles */ 
.encabezado { 
	display: inline-flex;
    align-items: center; /* Vertically center children */
    gap: 10px;
	height:20%;
	margin: 20px auto 0;
}

.encabezado > img {
	height:auto;
	width:40%;
	padding: 20px;
}

.encabezado > p {
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 80px;
	color:white;
}

.pie {
	display: block;
	position:fixed !important;
	width: 100%;
	height:245px;
	left: 0px;
	bottom: 0px;
	background: black;
	z-index: 9000;
}

.pie > p {
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 40px;
	color:white;
	padding: 20px 20px 0px 40px;
}

.pie > a {
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 40px;
	color:white;
	padding: 20px 20px 20px 40px;
}