/* ET Tolima v29.20 · Visor editorial de fotografías */

/* Reutiliza la tira existente pero sustituye enlaces por botones accesibles. */
.thumb-strip .et-article-thumb{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  overflow:hidden;
  border:1px solid #e2e7ee;
  border-radius:8px;
  background:#eef2f7;
  cursor:zoom-in;
  appearance:none;
  box-shadow:none;
}

.thumb-strip .et-article-thumb img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  object-fit:cover;
  transition:transform .2s ease,filter .2s ease;
}

.thumb-strip .et-article-thumb>span{
  position:absolute;
  right:8px;
  bottom:8px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.62);
  border-radius:999px;
  color:#fff;
  background:rgba(6,24,49,.72);
  opacity:0;
  transform:translateY(3px);
  transition:opacity .2s ease,transform .2s ease;
  font-size:17px;
  font-weight:800;
}

.thumb-strip .et-article-thumb:hover img,
.thumb-strip .et-article-thumb:focus-visible img{
  transform:scale(1.025);
  filter:brightness(.92);
}

.thumb-strip .et-article-thumb:hover>span,
.thumb-strip .et-article-thumb:focus-visible>span{
  opacity:1;
  transform:none;
}

.thumb-strip .et-article-thumb:focus-visible{
  outline:3px solid rgba(20,87,167,.22);
  outline-offset:3px;
}

/* Visor */
.et-article-viewer[hidden]{display:none !important}

.et-article-viewer{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:clamp(14px,3vw,34px);
}

.et-article-viewer-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(4,12,25,.88);
  backdrop-filter:blur(8px);
  cursor:zoom-out;
}

.et-article-viewer-panel{
  position:relative;
  z-index:1;
  width:min(1180px,100%);
  max-height:calc(100vh - 40px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:#0a1423;
  box-shadow:0 30px 90px rgba(0,0,0,.42);
}

.et-article-viewer-toolbar{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 14px 0 18px;
  border-bottom:1px solid rgba(255,255,255,.09);
  color:#dce6f4;
  font-size:12px;
  font-weight:750;
}

.et-article-viewer-toolbar button{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.14);
  border-radius:9px;
  color:#fff;
  background:rgba(255,255,255,.06);
  cursor:pointer;
  font-size:24px;
  line-height:1;
}

.et-article-viewer-stage{
  min-height:0;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 54px;
  align-items:center;
  gap:8px;
  padding:14px;
}

.et-article-viewer-stage figure{
  min-width:0;
  min-height:0;
  margin:0;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  gap:10px;
  justify-items:center;
}

.et-article-viewer-stage figure img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:calc(100vh - 150px);
  object-fit:contain;
  border-radius:10px;
  background:#050b13;
}

.et-article-viewer-stage figcaption{
  min-height:18px;
  max-width:900px;
  color:#b8c5d7;
  font-size:12px;
  line-height:1.45;
  text-align:center;
}

.et-article-viewer-nav{
  width:44px;
  height:54px;
  display:grid;
  place-items:center;
  justify-self:center;
  padding:0;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  color:#fff;
  background:rgba(255,255,255,.06);
  cursor:pointer;
  font-size:34px;
  line-height:1;
}

.et-article-viewer-nav:hover,
.et-article-viewer-toolbar button:hover{
  background:rgba(255,255,255,.12);
}

body.et-viewer-open{
  overflow:hidden;
}

@media(max-width:700px){
  .et-article-viewer{
    padding:8px;
  }

  .et-article-viewer-panel{
    max-height:calc(100vh - 16px);
    border-radius:12px;
  }

  .et-article-viewer-stage{
    grid-template-columns:38px minmax(0,1fr) 38px;
    gap:4px;
    padding:8px;
  }

  .et-article-viewer-nav{
    width:34px;
    height:46px;
    font-size:28px;
  }

  .et-article-viewer-stage figure img{
    max-height:calc(100vh - 132px);
  }
}