/* De su visión a una pieza terminada · banner editorial con texto sobre imagen */
#proceso-privado .process-stage-display{
  position:relative!important;
  display:block!important;
  min-height:560px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:30px!important;
  background:#241910!important;
  isolation:isolate!important;
}

#proceso-privado .process-stage-media{
  position:absolute!important;
  inset:0!important;
  min-height:0!important;
  height:100%!important;
  width:100%!important;
  overflow:hidden!important;
  z-index:0!important;
  background:#241910!important;
}

#proceso-privado .process-stage-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  transform:scale(1.001)!important;
  transition:opacity .42s ease, transform .8s ease!important;
}

/* Contraste sofisticado para mantener el texto legible sin ocultar la fotografía */
#proceso-privado .process-stage-display::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,
      rgba(18,12,8,.76) 0%,
      rgba(18,12,8,.60) 32%,
      rgba(18,12,8,.28) 58%,
      rgba(18,12,8,.08) 78%,
      rgba(18,12,8,.03) 100%)!important;
}

#proceso-privado .process-stage-display::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,
    rgba(18,12,8,.05) 0%,
    rgba(18,12,8,.08) 52%,
    rgba(18,12,8,.30) 100%)!important;
}

#proceso-privado .process-stage-copy{
  position:relative!important;
  z-index:2!important;
  width:min(650px,58%)!important;
  min-height:560px!important;
  padding:62px 54px 52px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  color:#fff!important;
}

#proceso-privado .process-stage-kicker{
  color:#f0d0a4!important;
  font-size:12px!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  margin-bottom:12px!important;
  text-shadow:0 2px 14px rgba(0,0,0,.24)!important;
}

#proceso-privado .process-stage-title{
  color:#fff8ef!important;
  font-size:clamp(38px,4.6vw,64px)!important;
  line-height:1.02!important;
  max-width:620px!important;
  margin:0 0 18px!important;
  text-shadow:0 4px 24px rgba(0,0,0,.28)!important;
}

#proceso-privado .process-stage-text{
  color:#f5eadc!important;
  font-size:18px!important;
  line-height:1.72!important;
  max-width:600px!important;
  margin:0!important;
  text-shadow:0 3px 18px rgba(0,0,0,.30)!important;
}

#proceso-privado .process-stage-bgmark{
  position:absolute!important;
  z-index:2!important;
  right:30px!important;
  top:18px!important;
  color:rgba(255,239,214,.16)!important;
  font-size:120px!important;
  text-shadow:none!important;
}

@media(max-width:900px){
  #proceso-privado .process-stage-display{
    min-height:500px!important;
  }
  #proceso-privado .process-stage-copy{
    width:74%!important;
    min-height:500px!important;
    padding:46px 34px 38px!important;
  }
  #proceso-privado .process-stage-display::before{
    background:linear-gradient(90deg,
      rgba(18,12,8,.74) 0%,
      rgba(18,12,8,.56) 46%,
      rgba(18,12,8,.18) 100%)!important;
  }
}

@media(max-width:640px){
  #proceso-privado .process-stage-display{
    min-height:480px!important;
    border-radius:22px!important;
  }
  #proceso-privado .process-stage-copy{
    width:100%!important;
    min-height:480px!important;
    padding:34px 22px 28px!important;
    justify-content:flex-end!important;
  }
  #proceso-privado .process-stage-display::before{
    background:linear-gradient(180deg,
      rgba(18,12,8,.10) 0%,
      rgba(18,12,8,.22) 38%,
      rgba(18,12,8,.72) 72%,
      rgba(18,12,8,.88) 100%)!important;
  }
  #proceso-privado .process-stage-title{
    font-size:36px!important;
  }
  #proceso-privado .process-stage-text{
    font-size:16px!important;
    line-height:1.65!important;
  }
  #proceso-privado .process-stage-bgmark{
    font-size:88px!important;
    right:16px!important;
    top:12px!important;
  }
}