/* NCCM V47 — FIX FUERTE: quitar fondos oscuros/franjas en imágenes del website
   Esta hoja va al final y gana sobre reglas viejas de contain/background café. */

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

/* Home / Nosotros / secciones split: foto debe llenar, no contain */
html body:not(.app-body) .feature-photo > img,
html body:not(.app-body) .feature-photo img[data-setting-src],
html body.home-page .feature-photo > img,
html body.home-page .feature-photo img[data-setting-src],
html body.about-page .feature-photo > img,
html body.about-page .feature-photo img[data-setting-src]{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  background:transparent !important;
  display:block !important;
}

/* Mantener el alto visual existente sin mostrar fondo café */
html body:not(.app-body) .split .feature-photo{
  min-height:520px !important;
}
html body:not(.app-body) .split .feature-photo > img{
  min-height:520px !important;
}

/* Proyectos y Galería dinámicos */
html body:not(.app-body) [data-dyn-projects-list] .project-card img,
html body:not(.app-body) .project-card.dynamic-project-card img,
html body:not(.app-body) .gallery-grid.dynamic-gallery-grid img,
html body:not(.app-body) [data-dyn-gallery-list] .clean-catalog-media img,
html body:not(.app-body) .masonry .clean-catalog-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  background:transparent !important;
  display:block !important;
}

html body:not(.app-body) [data-dyn-projects-list] .project-card img,
html body:not(.app-body) .project-card.dynamic-project-card img{
  height:260px !important;
}
html body:not(.app-body) [data-dyn-gallery-list] .clean-catalog-media,
html body:not(.app-body) .masonry .clean-catalog-media{
  height:280px !important;
}

/* No tocar portadas/hero ni catálogo showroom: solo tarjetas y bloques visuales */

@media (max-width:760px){
  html body:not(.app-body) .split .feature-photo,
  html body:not(.app-body) .split .feature-photo > img{
    min-height:330px !important;
  }
}