.itororo-external-gallery{
  width:100%;
  min-width:0;
  position:relative;
  contain:layout paint;
}

.itororo-gallery-canvas{
  width:100%;
  min-height:360px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
}

.itororo-gallery-row{
  display:flex;
  width:100%;
  gap:10px;
  overflow:hidden;
}

.itororo-gallery-item{
  flex:0 0 auto;
  display:block;
  position:relative;
  overflow:hidden;
  border:0;
  padding:0;
  margin:0;
  background:#e8e0d2;
  cursor:zoom-in;
  border-radius:2px;
}

.itororo-gallery-item img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1);
  transition:transform .55s cubic-bezier(.16,1,.3,1), opacity .25s ease;
}

.itororo-gallery-item:hover img{
  transform:scale(1.025);
}

.itororo-gallery-empty{
  min-height:340px;
  display:grid;
  place-items:center;
  border:1px solid rgba(21,49,36,.15);
  font:14px/1.4 Arial,sans-serif;
  color:#153124;
}

/* Pagination — same visual language as Camera Trap */
.itororo-gallery-page-indicator{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:14px;
  min-height:18px;
}

.itororo-gallery-page-indicator[hidden]{
  display:none !important;
}

.itororo-gallery-page-dot{
  width:7px;
  height:7px;
  padding:0;
  margin:0;
  border:0;
  border-radius:999px;
  background:rgba(46,65,39,.28);
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transition:width .2s ease, background-color .2s ease, opacity .2s ease;
}

.itororo-gallery-page-dot:hover{
  background:rgba(46,65,39,.60);
}

.itororo-gallery-page-dot.is-active{
  width:22px;
  background:#B99A62;
}

.itororo-gallery-page-dot:focus-visible{
  outline:2px solid #2E4127;
  outline-offset:3px;
}

/* Full-screen lightbox is injected into the WordPress document. */
.itororo-lightbox{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(4,12,8,.95);
  padding:28px;
  box-sizing:border-box;
}

.itororo-lightbox.is-open{display:flex}

.itororo-lightbox-stage{
  position:relative;
  width:min(94vw,1600px);
  height:min(91vh,1050px);
  display:flex;
  align-items:center;
  justify-content:center;
}

.itororo-lightbox-image{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}

.itororo-lightbox-close,
.itororo-lightbox-prev,
.itororo-lightbox-next{
  position:absolute;
  border:0;
  color:#fff;
  background:rgba(0,0,0,.28);
  cursor:pointer;
  display:grid;
  place-items:center;
  z-index:2;
}

.itororo-lightbox-close{
  top:0;
  right:0;
  width:46px;
  height:46px;
  font-size:28px;
}

.itororo-lightbox-prev,
.itororo-lightbox-next{
  top:50%;
  transform:translateY(-50%);
  width:54px;
  height:72px;
  font-size:42px;
}

.itororo-lightbox-prev{left:0}
.itororo-lightbox-next{right:0}

.itororo-lightbox-count{
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  color:#fff;
  font:13px/1.2 Arial,sans-serif;
  letter-spacing:.08em;
}

body.itororo-lightbox-open{overflow:hidden}

@media(max-width:767px){
  .itororo-gallery-canvas{min-height:320px;gap:8px}
  .itororo-gallery-row{gap:8px}
  .itororo-lightbox{padding:10px}
  .itororo-lightbox-stage{width:100%;height:92vh}
  .itororo-lightbox-prev,
  .itororo-lightbox-next{
    width:44px;
    height:60px;
    font-size:34px;
  }
}


/* =========================================
   LIGHTBOX — SETAS E BOTÃO FECHAR
   ========================================= */

.itororo-lightbox-close,
.itororo-lightbox-prev,
.itororo-lightbox-next {
    color: #DAD0BF !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    transition: color 0.2s ease !important;
}

.itororo-lightbox-close:hover,
.itororo-lightbox-prev:hover,
.itororo-lightbox-next:hover {
    color: #2E4127 !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .itororo-gallery-item img,
  .itororo-gallery-page-dot {
    transition: none;
  }
}