/* =========================================================
   Proyecto detail
   ========================================================= */

.tla-proyecto-hero { padding-top: 70px; padding-bottom: 60px; }

.tla-proyecto-hero__back {
  cursor: pointer;
  font: 500 13px var(--font-body);
  color: var(--green-400);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 20px;
  text-decoration: none;
}
.tla-proyecto-hero__back:hover { color: var(--green-300); }
.tla-rotate-180 { transform: rotate(180deg); }

.tla-proyecto-hero__meta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
  align-items: center;
}
.tla-proyecto-hero__loc {
  font: 500 13px var(--font-body);
  color: var(--fg-on-dark-muted);
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

/* Cuerpo del proyecto (the_content) — columna de lectura centrada */
.tla-proyecto-content {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.tla-proyecto-cover { padding-top: 0; }
.tla-proyecto-cover__wrap {
  aspect-ratio: 16 / 9;
  border-radius: 20px;
  overflow: hidden;
}
.tla-proyecto-cover__wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tla-proyecto-gallery {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 160px;
  gap: 14px;
}
.tla-proyecto-gallery__cell {
  margin: 0;
  grid-column: span 4;
  grid-row: span 2;
  border-radius: 14px;
  overflow: hidden;
  background: #e5e5e5;
}
.tla-proyecto-gallery__cell--big {
  grid-column: span 8;
}
.tla-proyecto-gallery__cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 720px) {
  .tla-proyecto-gallery { grid-template-columns: 1fr; }
  .tla-proyecto-gallery__cell,
  .tla-proyecto-gallery__cell--big { grid-column: span 1; grid-row: auto; aspect-ratio: 4 / 3; }
}

/* ---------- Lightbox (galerías) ---------- */
.tla-proyecto-gallery__link {
  display: block;
  width: 100%;
  height: 100%;
  cursor: zoom-in;
  border-radius: inherit;
  overflow: hidden;
}
.tla-proyecto-gallery__link img { transition: transform .4s ease; }
.tla-proyecto-gallery__link:hover img { transform: scale(1.04); }

.tla-lightbox {
  border: 0;
  padding: 0;
  background: transparent;
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  margin: 0;
  position: fixed;
  inset: 0;
}
.tla-lightbox::backdrop {
  background: rgba(10, 12, 10, 0.94);
  backdrop-filter: blur(4px);
}
.tla-lightbox__img {
  display: block;
  max-width: 92vw;
  max-height: 88vh;
  width: auto;
  height: auto;
  margin: auto;
  position: absolute;
  inset: 0;
  border-radius: 12px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6);
}
.tla-lightbox__close,
.tla-lightbox__nav {
  position: fixed;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border: 0;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background .2s ease;
}
.tla-lightbox__close:hover,
.tla-lightbox__nav:hover { background: rgba(255, 255, 255, 0.24); }
.tla-lightbox__close { top: 16px; right: 16px; font-size: 32px; }
.tla-lightbox__nav--prev { left: 16px; top: 50%; transform: translateY(-50%); }
.tla-lightbox__nav--next { right: 16px; top: 50%; transform: translateY(-50%); }
.tla-lightbox__nav[hidden] { display: none; }