/* SITE034 — Modal de fotos da frota 2300/2100; não altera estilos das demais páginas. */
.frota-integrada .photo-grid figure a,
.frota-integrada .feature-image img[data-lightbox-ready] {cursor:zoom-in;}
.frota-integrada .photo-grid figure img {
  display:block;
  object-fit:cover;
  background:#141922;
  transition:transform .2s ease,opacity .2s ease;
}
.frota-integrada .photo-grid figure a:hover img {transform:scale(1.015);opacity:.94;}
.frota-integrada .photo-grid figure a:focus-visible,
.frota-integrada .feature-image img:focus-visible {
  outline:2px solid #ed3237;
  outline-offset:3px;
}
html.ft-fleet-lightbox-active {overflow:hidden;}
dialog.ft-fleet-lightbox {
  position:fixed;
  inset:0;
  box-sizing:border-box;
  width:100vw;
  max-width:none;
  height:100dvh;
  max-height:none;
  margin:0;
  padding:clamp(10px,2vw,24px);
  border:0;
  background:rgba(7,11,17,.97);
  color:#fff;
  overflow:auto;
}
dialog.ft-fleet-lightbox::backdrop {background:rgba(0,0,0,.88);}
.ft-fleet-lightbox-panel {
  max-width:1240px;
  min-height:min(760px,calc(100dvh - 48px));
  margin:auto;
  display:flex;
  flex-direction:column;
}
.ft-fleet-lightbox-header,
.ft-fleet-lightbox-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.ft-fleet-lightbox-header {min-height:53px;}
.ft-fleet-lightbox-label {
  color:#f7f8fa;
  font-size:clamp(14px,1.3vw,18px);
  font-weight:800;
  letter-spacing:.01em;
}
.ft-fleet-lightbox-counter {
  color:#b9c7d6;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
  margin-left:auto;
}
.ft-fleet-lightbox-close {
  display:grid;
  place-items:center;
  background:#ed3237;
  border:0;
  border-radius:12px;
  color:#fff;
  font-size:27px;
  line-height:1;
  width:45px;
  height:45px;
  cursor:pointer;
}
.ft-fleet-lightbox-stage {
  display:grid;
  grid-template-columns:clamp(38px,6vw,64px) minmax(0,1fr) clamp(38px,6vw,64px);
  align-items:center;
  gap:clamp(3px,1vw,14px);
  flex:1;
}
.ft-fleet-lightbox-imagebox {
  display:grid;
  place-items:center;
  position:relative;
  min-width:0;
  min-height:180px;
  height:clamp(220px,calc(100dvh - 165px),780px);
  background:#0b1017;
  overflow:hidden;
  border-radius:12px;
  touch-action:pan-y;
}
.ft-fleet-lightbox-image {
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  opacity:0;
  transition:opacity .15s ease;
  user-select:none;
  -webkit-user-drag:none;
}
.ft-fleet-lightbox-image.is-ready {opacity:1;}
.ft-fleet-lightbox-status {
  position:absolute;
  inset:auto;
  z-index:1;
  padding:12px 17px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:10px;
  background:rgba(25,32,43,.95);
  color:#fff;
  font-size:13px;
  font-weight:600;
  text-align:center;
}
.ft-fleet-lightbox-status[hidden] {display:none;}
.ft-fleet-lightbox-arrow {
  display:grid;
  place-items:center;
  width:100%;
  min-height:64px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:13px;
  color:#fff;
  background:rgba(255,255,255,.08);
  font-size:25px;
  cursor:pointer;
}
.ft-fleet-lightbox-arrow:hover {border-color:#ed3237;background:rgba(237,50,55,.28);}
.ft-fleet-lightbox-footer {
  min-height:53px;
  color:#cbd2dc;
  font-size:12px;
}
.ft-fleet-lightbox-tip {color:#8895a8;}
.ft-fleet-lightbox button:focus-visible {outline:2px solid #fff;outline-offset:3px;}
@media(max-width:600px){
  dialog.ft-fleet-lightbox {padding:7px;}
  .ft-fleet-lightbox-panel {min-height:calc(100dvh - 14px);}
  .ft-fleet-lightbox-header {gap:8px;min-height:52px;}
  .ft-fleet-lightbox-label {font-size:13px;}
  .ft-fleet-lightbox-counter {font-size:12px;}
  .ft-fleet-lightbox-close {width:41px;height:41px;}
  .ft-fleet-lightbox-stage {grid-template-columns:36px minmax(0,1fr) 36px;gap:3px;}
  .ft-fleet-lightbox-arrow {min-height:52px;font-size:19px;border-radius:10px;}
  .ft-fleet-lightbox-imagebox {height:calc(100dvh - 140px);border-radius:8px;}
  .ft-fleet-lightbox-tip {display:none;}
  .ft-fleet-lightbox-caption {font-size:11px;}
}
@media(prefers-reduced-motion:reduce){
 .frota-integrada .photo-grid figure img,
 .ft-fleet-lightbox-image {transition:none;}
}
