/* NCCM V46 — quitar franjas oscuras arriba/abajo en imágenes website
   Devuelve las fotos visibles en formato premium usando cover en bloques visuales.
   No toca el look del catálogo showroom que ya está bien. */

body:not(.app-body) .feature-photo,
body:not(.app-body) .project-card .media,
body:not(.app-body) .gallery-card .media,
body:not(.app-body) [data-dyn-gallery-list] .clean-catalog-media{
  background:transparent !important;
}

body:not(.app-body) .feature-photo img,
body:not(.app-body) [data-dyn-projects-list] .project-card img,
body:not(.app-body) .project-card.dynamic-project-card img,
body:not(.app-body) .gallery-card img,
body:not(.app-body) .gallery-grid.dynamic-gallery-grid img,
body:not(.app-body) [data-dyn-gallery-list] .clean-catalog-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  background:transparent !important;
  display:block;
}

/* Asegura que el bloque principal de imagen no se vea enmarcado */
body:not(.app-body) .feature-photo{
  background:transparent !important;
}

/* En desktop, mantener proporción elegante sin bandas cafés */
@media (min-width: 761px){
  body:not(.app-body) .feature-photo img{
    min-height:560px;
  }
  body:not(.app-body) .project-card.dynamic-project-card img,
  body:not(.app-body) [data-dyn-gallery-list] .clean-catalog-media img,
  body:not(.app-body) .gallery-card img{
    min-height:260px;
  }
}