/* Integración visual ASIC: conserva el contenido y usa las imágenes aprobadas solo como fondos. */
.asic-bg {
  position: relative;
  isolation: isolate;
  background-position: center;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.asic-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(5,17,33,.96) 0%, rgba(5,17,33,.88) 42%, rgba(5,17,33,.38) 72%, rgba(5,17,33,.18) 100%);
}
.asic-bg > * { position: relative; }
.asic-bg-portada { background-image: url("fondos/portada.webp") !important; background-position: 72% center; }
.asic-bg-portada {
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* Inicio: la fotografía principal termina con la portada; SICMO vuelve a su fondo azul original. */
#sicmo {
  background-image: none !important;
  background-color: #0F2440 !important;
}
.asic-bg-firma { background-image: url("fondos/firma.webp") !important; }
.asic-bg-firma > div:last-child {
  max-width: 1280px !important;
}
.asic-bg-ecosistema { background-image: url("fondos/blindaje.webp") !important; }
.asic-bg-sicmo {
  background-image: url("fondos/sicmo-auditor.webp") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
}
.asic-bg-sicmo .asic-duplicate-visual { display: none !important; }
.asic-bg-sicmo > div:last-child { max-width: 1280px !important; }
.asic-bg-sectores { background-image: url("fondos/sectores.webp") !important; }
.asic-bg-experiencias { background-image: url("fondos/experiencias.webp") !important; background-position:center; }
.asic-bg-diagnostico { background-image: url("fondos/diagnostico.webp") !important; }
.asic-bg-contacto { background-image: url("fondos/contacto.webp") !important; }

/* Inicio · Ecosistema: la imagen aprobada funciona como fondo y sustituye la lámina anterior. */
.asic-ecosistema-inicio-bg {
  position: relative;
  isolation: isolate;
  background-image: url("fondos/auditoria.webp") !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.asic-ecosistema-inicio-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(246,245,242,.76) 0%, rgba(246,245,242,.64) 48%, rgba(246,245,242,.38) 100%);
}
.asic-ecosistema-inicio-bg > * { position: relative; }
.asic-ecosistema-lamina-anterior { display: none !important; }

.asic-sectores-contenido {
  width: min(1450px, 100%) !important;
  max-width: 1450px !important;
}

@media (min-width: 900px) {
  .asic-ecosistema-resumen {
    grid-template-columns: minmax(300px, .72fr) minmax(420px, 1.28fr) !important;
    align-items: center !important;
  }
  .asic-ecosistema-cuadros {
    order: 1;
    width: 100%;
    max-width: 430px;
    justify-self: start;
    align-self: center !important;
  }
  .asic-ecosistema-texto {
    order: 2;
    max-width: 560px;
    justify-self: end;
  }
  .asic-ecosistema-cuadro {
    padding: 18px 20px !important;
    grid-template-columns: 34px 1fr !important;
    gap: 12px !important;
  }
}

/* En la portada la fotografía aprobada sustituye visualmente al panel anterior, sin borrarlo del HTML. */
.asic-bg-portada > div:last-child > div:last-child { visibility: hidden; }

/* Fondos claros: velo blanco para conservar todos los colores y la lectura originales. */
.asic-bg-experiencias::before {
  background: linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.92) 58%, rgba(255,255,255,.60) 100%);
}

/* Tarjetas originales: únicamente se les agrega la foto aprobada detrás. */
.asic-service-bg { position:relative; isolation:isolate; overflow:hidden; background-size:cover !important; background-position:center !important; }
.asic-service-bg::before { content:""; position:absolute; inset:0; z-index:-1; background:rgba(255,255,255,.90); transition:background .25s ease; }
.asic-service-bg:hover::before { background:rgba(255,255,255,.82); }
.asic-service-siroc { background-image:url("fondos/siroc.webp") !important; }
.asic-service-correccion { background-image:url("fondos/correccion.webp") !important; }
.asic-service-blindaje { background-image:url("fondos/blindaje.webp") !important; }
.asic-service-auditoria { background-image:url("fondos/auditoria.webp") !important; }

@media (max-width: 760px) {
  .asic-bg::before { background:rgba(5,17,33,.82); }
  .asic-bg-portada { background-position:64% center; }
  .asic-bg-firma,.asic-bg-ecosistema,.asic-bg-sicmo,.asic-bg-contacto,.asic-bg-diagnostico { background-position:62% center; }
  .asic-bg-experiencias::before { background:rgba(255,255,255,.89); }
  .asic-bg-experiencias { background-position:62% center; }
}

@media (prefers-reduced-motion: reduce) {
  .asic-service-bg::before { transition:none; }
}