* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
.logo {
	width: 300px;
	max-width: 90%;
	height: auto;
	margin: 20px 0;
}
.local {
	width: 400px;
	max-width: 90%;
	aspect-ratio: 1440 / 1920;
	display: block;
}
.col-center {
	height: calc(100vh - 80px);
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Header */

/* Footer */
.footer {
	height: 80px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 40px;
	/* border-top: 1px solid #ddd; */
	font-size: 14px;
}
.footer a {
	margin-left: 15px;
	text-decoration: none;
	color: #000;
}
.footer a:hover{
	color: #f00;
}
.footer-right a:hover img {
	filter: drop-shadow(0 0 12px rgba(0,0,0,0.7));
}

/* Animaciones */

/* Galeria */
.gallery{
	height: calc(100vh - 80px);
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
    overflow: hidden;
    box-sizing: border-box;
}
.column{
    display:flex;
    flex-direction:column;
    gap:16px;
}
.column:nth-child(1){animation:up 24s linear infinite;}
/* .column:nth-child(2){animation:down 30s linear infinite;} */
.column:nth-child(3){animation:down 27s linear infinite;}
.card {
    aspect-ratio:3/4;
    border-radius:12px;
    overflow:hidden;
    flex-shrink:0;
}
.card img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
@keyframes up {
    from{transform:translateY(0);}
    to{transform:translateY(-50%);}
}
@keyframes down {
    from{transform:translateY(-50%);}
    to{transform:translateY(0);}
}