/* Lagar Editores: carrusel de fotos en las entradas */
.lagar-car { --car-ink: #171412; --car-muted: #5C554E; --car-line: #E7E4DF; --car-accent: #5C1A21; margin: 48px auto !important; max-width: 960px !important; font-family: "Inter", system-ui, sans-serif; }
.lagar-car__stage { position: relative; background: #171412; border-radius: 12px; overflow: hidden; }
.lagar-car__track { display: flex; margin: 0 !important; padding: 0 !important; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; outline: none; }
.lagar-car__track::-webkit-scrollbar { display: none; }
.lagar-car__track:focus-visible { box-shadow: inset 0 0 0 2px #FFFFFF; }
.lagar-car__slide { flex: 0 0 100%; margin: 0 !important; scroll-snap-align: center; aspect-ratio: 4 / 3; display: flex; align-items: center; justify-content: center; }
.lagar-car__zoom { display: block; width: 100%; height: 100%; cursor: zoom-in; }
.lagar-car__img { width: 100% !important; height: 100% !important; object-fit: contain; display: block; border-radius: 0 !important; }

.lagar-car__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 999px; border: 0; background: rgba(255, 255, 255, .92); color: var(--car-ink); display: none; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 16px rgba(0, 0, 0, .25); transition: background-color .15s ease, opacity .15s ease; }
.lagar-car.is-ready .lagar-car__nav { display: flex; }
.lagar-car__nav svg { width: 22px; height: 22px; }
.lagar-car__nav:hover { background: #FFFFFF; }
.lagar-car__nav:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 3px; }
.lagar-car__nav:disabled { opacity: 0; pointer-events: none; }
.lagar-car__nav--prev { left: 16px; }
.lagar-car__nav--next { right: 16px; }
.lagar-car__count { position: absolute; right: 16px; bottom: 14px; margin: 0 !important; padding: 5px 12px; border-radius: 999px; background: rgba(23, 20, 18, .72); color: #FFFFFF; font-size: .8125rem; font-weight: 500; letter-spacing: .04em; }

.lagar-car__thumbs { display: flex; gap: 8px; margin-top: 12px; overflow-x: auto; padding: 4px 2px 8px; scrollbar-width: thin; scroll-snap-type: x proximity; }
.lagar-car__thumb { flex: 0 0 76px; height: 76px; padding: 0; border: 2px solid transparent; border-radius: 10px; overflow: hidden; background: var(--car-line); cursor: pointer; opacity: .6; transition: opacity .15s ease, border-color .15s ease; scroll-snap-align: start; }
.lagar-car__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0 !important; }
.lagar-car__thumb:hover { opacity: .9; }
.lagar-car__thumb.is-active { opacity: 1; border-color: var(--car-ink); }
.lagar-car__thumb:focus-visible { outline: 2px solid var(--car-accent); outline-offset: 2px; }

@media (max-width: 600px) {
	.lagar-car { margin: 32px auto !important; }
	.lagar-car__stage { border-radius: 10px; }
	.lagar-car__slide { aspect-ratio: 1 / 1; }
	.lagar-car__nav { width: 40px; height: 40px; }
	.lagar-car__nav--prev { left: 8px; }
	.lagar-car__nav--next { right: 8px; }
	.lagar-car__thumb { flex-basis: 60px; height: 60px; }
}

/* Vista ampliada */
html.lagar-lb-open { overflow: hidden; }
.lagar-lb { width: 100vw; height: 100vh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(12, 10, 9, .96); color: #FFFFFF; }
.lagar-lb[open] { display: flex; align-items: center; justify-content: center; }
.lagar-lb::backdrop { background: rgba(12, 10, 9, .96); }
.lagar-lb__figure { margin: 0; width: calc(100vw - 160px); height: calc(100vh - 120px); display: flex; align-items: center; justify-content: center; }
.lagar-lb__img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 6px; }
.lagar-lb__close, .lagar-lb__nav { position: absolute; border: 0; border-radius: 999px; background: rgba(255, 255, 255, .12); color: #FFFFFF; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background-color .15s ease; }
.lagar-lb__close:hover, .lagar-lb__nav:hover { background: rgba(255, 255, 255, .24); }
.lagar-lb__close:focus-visible, .lagar-lb__nav:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 3px; }
.lagar-lb__close svg, .lagar-lb__nav svg { width: 22px; height: 22px; }
.lagar-lb__close { top: 20px; right: 20px; }
.lagar-lb__nav { top: 50%; transform: translateY(-50%); }
.lagar-lb__nav--prev { left: 20px; }
.lagar-lb__nav--next { right: 20px; }
.lagar-lb__count { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); margin: 0; font-family: "Inter", system-ui, sans-serif; font-size: .875rem; color: #D9D4CE; }
@media (max-width: 600px) {
	.lagar-lb__figure { width: 100vw; height: calc(100vh - 140px); }
	.lagar-lb__nav { top: auto; bottom: 12px; transform: none; }
	.lagar-lb__count { bottom: 26px; }
}
@media (prefers-reduced-motion: reduce) {
	.lagar-car__track { scroll-behavior: auto; }
}