/* Reusable photographic header, scoped by the staging-only body class.
   A hero may override --inser-photo-hero-overlay for its own composition. */
body.inser-integrated-hero-page {
  --inser-photo-nav-space:85px;
  overflow-x:clip;
}
body.inser-integrated-hero-page #header-space {display:none!important;height:0!important}
body.inser-integrated-hero-page #header-outer,
body.inser-integrated-hero-page #header-outer.small-nav {
  position:fixed!important;
  top:var(--inser-photo-admin-offset,0px)!important;
  transform:none!important;
  background:rgba(247,249,248,.78)!important;
  box-shadow:none!important;
  border-bottom:1px solid rgba(255,255,255,.22);
  transition:background-color .18s ease,box-shadow .18s ease!important;
}
body.inser-integrated-hero-page #header-outer.inser-photo-header-solid,
body.inser-integrated-hero-page.material-ocm-open #header-outer {
  background:#fff!important;
  box-shadow:0 2px 12px rgba(18,38,58,.08)!important;
}
body.inser-integrated-hero-page #header-outer #top {background:transparent!important}

/* The main transition ends at 58%; no filter or blur is applied to photos. */
body.inser-integrated-hero-page .inser-photo-hero {
  --inser-photo-hero-overlay:linear-gradient(90deg,
    rgba(247,249,248,.96) 0%,rgba(247,249,248,.94) 24%,
    rgba(247,249,248,.84) 34%,rgba(247,249,248,.52) 43%,
    rgba(247,249,248,.18) 52%,rgba(247,249,248,0) 58%);
}
body.inser-integrated-hero-page .qs-hero::before,
body.inser-integrated-hero-page .nm-method__hero::after,
body.inser-integrated-hero-page .inser-blog-hero::before {
  background:var(--inser-photo-hero-overlay)!important;
  pointer-events:none;
}
body.inser-integrated-hero-page.page-id-6914 .qs-hero {
  padding-top:calc(var(--inser-photo-nav-space) + 54px);
  min-height:calc(470px + var(--inser-photo-nav-space));
}
body.inser-integrated-hero-page.page-id-6608 .nm-method__hero,
body.inser-integrated-hero-page.page-id-6608 .nm-method__hero-grid {
  min-height:calc(500px + var(--inser-photo-nav-space));
}
body.inser-integrated-hero-page.page-id-6608 .nm-method__hero-grid {
  padding-top:calc(var(--inser-photo-nav-space) + 56px);
}

/* Full-width Blog cover. Article navigation, cards and pagination keep their shell. */
body.inser-integrated-hero-page.page-id-175 #inser-blog-main.inser-blog-page {padding-top:0!important}
body.inser-integrated-hero-page.page-id-175 .inser-blog-hero {
  display:flex;align-items:center;isolation:isolate;
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);
  min-height:565px;border-radius:0;background:#f7f9f8;
  padding:calc(var(--inser-photo-nav-space) + 56px) 0 56px;
}
body.inser-integrated-hero-page.page-id-175 .inser-blog-hero::before {
  position:absolute;inset:0;z-index:1;content:"";
}
body.inser-integrated-hero-page.page-id-175 .inser-blog-hero__copy {
  display:block;z-index:2;box-sizing:border-box;
  width:min(1280px,calc(100% - 64px));margin:0 auto;padding:0;
}
body.inser-integrated-hero-page.page-id-175 #inser-blog-title {
  max-width:510px;font-size:clamp(40px,4.3vw,60px)!important;
  line-height:1.04!important;
}
body.inser-integrated-hero-page.page-id-175 .inser-blog-hero__intro {max-width:440px;font-size:18px!important}
body.inser-integrated-hero-page.page-id-175 .inser-blog-hero__image {
  position:absolute;inset:0;z-index:0;width:100%;height:100%;min-height:0;
  margin:0;background:transparent;
}
body.inser-integrated-hero-page.page-id-175 .inser-blog-hero__image::before {display:none}
body.inser-integrated-hero-page.page-id-175 .inser-blog-hero__image img {object-position:65% center}

@media (min-width:1800px) {
  body.inser-integrated-hero-page.page-id-6914 .qs-hero__image {
    left:auto;right:0;width:1800px;max-width:none;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 180px);
    mask-image:linear-gradient(90deg,transparent,#000 180px);
  }
  body.inser-integrated-hero-page.page-id-175 .inser-blog-hero__image {
    left:auto;right:0;width:1800px;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 180px);
    mask-image:linear-gradient(90deg,transparent,#000 180px);
  }
}
@media (max-width:1100px) {
  body.inser-integrated-hero-page {--inser-photo-nav-space:74px}
  body.inser-integrated-hero-page.page-id-6608 .nm-method__hero,
  body.inser-integrated-hero-page.page-id-6608 .nm-method__hero-grid {min-height:504px}
  body.inser-integrated-hero-page.page-id-6608 .nm-method__hero-grid {padding-top:118px}
  body.inser-integrated-hero-page.page-id-175 .inser-blog-hero__copy {width:calc(100% - 56px)}
  body.inser-integrated-hero-page.page-id-175 #inser-blog-title {max-width:46%;font-size:46px!important}
  body.inser-integrated-hero-page.page-id-175 .inser-blog-hero__intro {max-width:43%}
}
@media (max-width:760px) {
  body.inser-integrated-hero-page {--inser-photo-nav-space:74px}
  body.inser-integrated-hero-page .inser-photo-hero {
    /* A small photo continuation under the menu, a clear text area, then
       the complete scene below: avoid enlarging a portrait crop behind copy. */
    background-color:#f7f9f8;
    background-image:linear-gradient(180deg,rgba(247,249,248,.25),#f7f9f8 112px),var(--inser-hero-mobile-photo)!important;
    background-size:100% 100%,auto 240px!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
  }
  body.inser-integrated-hero-page.page-id-6914 .qs-hero {
    --inser-hero-mobile-photo:url('https://weareinser.es/wp-content/uploads/2024/09/Headers-Quienes.jpg');
  }
  body.inser-integrated-hero-page.page-id-6608 .nm-method__hero {
    --inser-hero-mobile-photo:url('https://weareinser.es/wp-content/uploads/2024/07/nuestro-metodo-hero-limpio.png');
  }
  body.inser-integrated-hero-page.page-id-175 .inser-blog-hero {
    --inser-hero-mobile-photo:url('https://weareinser.es/wp-content/uploads/2018/08/blog-conocimiento-tecnologia.png');
  }
  body.inser-integrated-hero-page.page-id-6914 .qs-hero {
    display:block;min-height:0;padding:112px 0 170px;
  }
  body.inser-integrated-hero-page.page-id-6914 .qs-hero::before {display:none}
  body.inser-integrated-hero-page.page-id-6914 .qs-hero__copy {width:100%;max-width:none}
  body.inser-integrated-hero-page.page-id-6914 .qs-hero__image {
    position:absolute;inset:auto 0 0;margin:0;width:100%;height:230px;object-position:68% center;
  }
  body.inser-integrated-hero-page.page-id-6608 .nm-method__hero,
  body.inser-integrated-hero-page.page-id-6608 .nm-method__hero-grid {min-height:0}
  body.inser-integrated-hero-page.page-id-6608 .nm-method__hero-grid {padding:112px 0 250px;gap:0}
  body.inser-integrated-hero-page.page-id-6608 .nm-method__hero::after {display:none}
  body.inser-integrated-hero-page.page-id-6608 .nm-method__hero-visual {position:absolute;inset:auto 0 0;width:100%;height:230px;margin:0}
  body.inser-integrated-hero-page.page-id-6608 .nm-method__hero-visual img {
    position:absolute!important;width:100%!important;height:100%!important;
    aspect-ratio:auto;object-position:70% center!important;
  }
  body.inser-integrated-hero-page.page-id-175 .inser-blog-hero {min-height:0;padding:112px 0 250px}
  body.inser-integrated-hero-page.page-id-175 .inser-blog-hero__copy {width:calc(100% - 40px)}
  body.inser-integrated-hero-page.page-id-175 #inser-blog-title {max-width:100%;font-size:clamp(38px,10vw,48px)!important}
  body.inser-integrated-hero-page.page-id-175 .inser-blog-hero__intro {max-width:100%;font-size:17px!important}
  body.inser-integrated-hero-page.page-id-175 .inser-blog-hero::before {display:none}
  body.inser-integrated-hero-page.page-id-175 .inser-blog-hero__image {inset:auto 0 0;height:230px;grid-row:auto;aspect-ratio:auto}
  body.inser-integrated-hero-page.page-id-175 .inser-blog-hero__image img {object-position:68% center}
}
@media (prefers-reduced-motion:reduce) {
  body.inser-integrated-hero-page #header-outer {transition:none!important}
}