/* ---------- Galería ---------- */
.lb-ig {
	--lb-ig-gap: 8px;
	--lb-ig-radius: 4px;
	--lb-ig-ratio: 4 / 5;
}
.lb-ig__grid {
	display: grid;
	grid-template-columns: repeat(var(--lb-ig-cols, 3), minmax(0, 1fr));
	gap: var(--lb-ig-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}
@media (max-width: 600px) {
	.lb-ig__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.lb-ig__item { margin: 0; }
.lb-ig__open {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: #eee;
	border-radius: var(--lb-ig-radius);
	overflow: hidden;
	cursor: pointer;
	aspect-ratio: var(--lb-ig-ratio);
}
.lb-ig__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: opacity .2s;
}
.lb-ig__open:hover .lb-ig__img { opacity: .85; }
.lb-ig__open:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.lb-ig__badge {
	position: absolute;
	top: 8px;
	right: 8px;
	color: #fff;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
	line-height: 0;
}

/* ---------- Lightbox ---------- */
html.lb-ig-lock { overflow: hidden; }

.lb-ig-box {
	width: 100vw;
	height: 100vh;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 24px 64px;
	border: 0;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lb-ig-box:not([open]) { display: none; }
.lb-ig-box::backdrop { background: rgba(0, 0, 0, .82); }

.lb-ig-box__inner {
	display: flex;
	width: min(1040px, 100%);
	max-height: 100%;
	background: #fff;
	color: #222;
	border-radius: 6px;
	overflow: hidden;
}
.lb-ig-box__media {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lb-ig-box__img,
.lb-ig-box__video {
	display: block;
	max-width: 100%;
	max-height: calc(100vh - 48px);
	width: auto;
	height: auto;
	object-fit: contain;
}
.lb-ig-box__media [hidden] { display: none; }
.lb-ig-box__side {
	flex: 0 0 320px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	overflow-y: auto;
	max-height: calc(100vh - 48px);
}
.lb-ig-box__date { margin: 0; font-size: .85em; opacity: .6; }
.lb-ig-box__cap { white-space: pre-line; font-size: .95em; line-height: 1.5; flex: 1; }
.lb-ig-box__link { font-size: .9em; }

.lb-ig-box button {
	border: 0;
	cursor: pointer;
	color: #fff;
	background: rgba(0, 0, 0, .45);
	line-height: 1;
	padding: 0;
}
.lb-ig-box button[hidden] { display: none; }
.lb-ig-box__close {
	position: fixed;
	top: 12px;
	right: 16px;
	width: 40px;
	height: 40px;
	font-size: 28px;
	border-radius: 50%;
}
.lb-ig-box__nav {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	font-size: 32px;
	border-radius: 50%;
}
.lb-ig-box__nav--prev { left: 12px; }
.lb-ig-box__nav--next { right: 12px; }
.lb-ig-box__slide {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	font-size: 24px;
	border-radius: 50%;
}
.lb-ig-box__slide--prev { left: 10px; }
.lb-ig-box__slide--next { right: 10px; }
.lb-ig-box__dots {
	position: absolute;
	top: 12px; /* arriba para no tapar los controles del vídeo */
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	gap: 6px;
}
.lb-ig-box__dots span {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .5);
}
.lb-ig-box__dots span.is-active { background: #fff; }

@media (max-width: 782px) {
	.lb-ig-box { padding: 56px 0 0; align-items: flex-start; }
	.lb-ig-box__inner { flex-direction: column; border-radius: 0; height: 100%; }
	.lb-ig-box__media { flex: 0 0 auto; }
	.lb-ig-box__img,
	.lb-ig-box__video { max-height: 60vh; }
	.lb-ig-box__side { flex: 1 1 auto; max-height: none; }
	.lb-ig-box__nav { display: none; } /* en móvil se navega con swipe */
}