/* OFyV Web 2026 · Fase 02D · Imágenes reales/renderizadas de oficinas */
.office-card-v2 .office-visual.has-photo{
  position:relative; min-height:230px; padding:0; overflow:hidden;
  background:#073b70;
}
.office-card-v2 .office-visual.has-photo>img{
  width:100%; height:230px; display:block; object-fit:cover;
}
.office-card-v2 .office-visual.has-photo .office-photo-overlay{
  position:absolute; inset:0;
  display:flex; flex-direction:column; justify-content:space-between;
  padding:16px 18px;
  background:linear-gradient(180deg,rgba(2,27,52,.12) 30%,rgba(2,27,52,.84) 100%);
  color:#fff;
}
.office-card-v2 .office-visual.has-photo .office-code{
  align-self:flex-start; background:rgba(255,255,255,.92); color:#073b70;
  padding:6px 9px; border-radius:9px; font-size:11px; font-weight:900;
  letter-spacing:1.1px;
}
.office-card-v2 .office-visual.has-photo strong{
  font-size:22px; line-height:1.08; color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.35);
}
.office-detail-grid .photo-hero.office-photo img{
  width:100%; height:100%; min-height:430px; object-fit:cover;
}
@media(max-width:760px){
  .office-card-v2 .office-visual.has-photo,
  .office-card-v2 .office-visual.has-photo>img{min-height:210px;height:210px}
  .office-detail-grid .photo-hero.office-photo img{min-height:320px}
}