/* INGEAR - capa de ingenieria animada sobre el banner de la portada (15/10/2026). Solo la carga index.html. */
.ig-slider__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:0;transition:opacity 1.2s ease;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.45) 38%,#000 62%);mask-image:linear-gradient(90deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.45) 38%,#000 62%)}
.ig-slider__canvas.is-on{opacity:1}
@media (max-width:899px){.ig-slider__canvas.is-on{opacity:.45}.ig-slider__canvas{-webkit-mask-image:none;mask-image:none}}

/* Banner azul de las paginas internas: la capa va sobre la foto y debajo del texto */
.ig-hero{position:relative;isolation:isolate;overflow:hidden}
.ig-hero__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity 1.2s ease;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.55) 40%,#000 60%);mask-image:linear-gradient(90deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.55) 40%,#000 60%)}
.ig-hero__canvas.is-on{opacity:.9}
.ig-hero .ig-wrap>div:first-child{position:relative;z-index:2}
.ig-hero__img{position:relative;z-index:0}
@media (max-width:899px){.ig-hero__canvas.is-on{opacity:.5}.ig-hero__canvas{-webkit-mask-image:none;mask-image:none}}