/* DEVARTIVA HERO COMPOSICION FASE3D FIX1
   Objetivo: recuperar la composicion de referencia:
   contenido anclado a la izquierda + fotografia a sangre + equipo visual a la derecha.
*/
@media (min-width:901px){
  .dev-home-v17 .hero.wrap{
    position:relative;
    display:block;
    max-width:none;
    width:100%;
    min-height:590px;
    padding:0;
    overflow:hidden;
    background:#edf2f6;
  }

  .dev-home-v17 .hero > div:first-child{
    position:relative;
    z-index:2;
    width:min(100%,1520px);
    max-width:1520px;
    margin:0 auto;
    padding:82px 56px 68px;
    pointer-events:none;
  }

  .dev-home-v17 .hero > div:first-child > *{
    max-width:500px;
    pointer-events:auto;
  }

  .dev-home-v17 .hero h1{
    max-width:500px;
    font-size:clamp(40px,4.15vw,62px);
    line-height:1.06;
  }

  .dev-home-v17 .hero .intro{
    max-width:500px;
  }

  .dev-home-v17 .hero .actions{
    max-width:550px;
  }

  .dev-home-v17 .dev-workspace{
    position:absolute;
    inset:0;
    margin:0;
    z-index:1;
  }

  .dev-home-v17 .dev-workspace img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center 60%;
  }

  .dev-home-v17 .dev-workspace:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
      90deg,
      rgba(247,249,252,.99) 0%,
      rgba(247,249,252,.98) 20%,
      rgba(247,249,252,.91) 31%,
      rgba(247,249,252,.67) 42%,
      rgba(247,249,252,.20) 54%,
      rgba(247,249,252,0) 66%
    );
    pointer-events:none;
  }
}

@media (min-width:1550px){
  .dev-home-v17 .hero > div:first-child{
    padding-left:72px;
    padding-right:72px;
  }
  .dev-home-v17 .dev-workspace img{
    object-position:center 65%;
  }
}

@media (max-width:900px) and (min-width:641px){
  .dev-home-v17 .hero.wrap{
    display:block;
    position:relative;
    max-width:none;
    padding:0;
    min-height:560px;
  }
  .dev-home-v17 .hero > div:first-child{
    position:relative;
    z-index:2;
    max-width:100%;
    padding:60px 36px;
  }
  .dev-home-v17 .hero > div:first-child > *{
    max-width:430px;
  }
  .dev-home-v17 .dev-workspace{
    position:absolute;
    inset:0;
    margin:0;
  }
  .dev-home-v17 .dev-workspace img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:62% center;
  }
  .dev-home-v17 .dev-workspace:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(247,249,252,.98) 0%,rgba(247,249,252,.93) 42%,rgba(247,249,252,.15) 100%);
  }
}

@media (max-width:640px){
  .dev-home-v17 .hero.wrap{
    display:flex;
    flex-direction:column;
    max-width:none;
    padding:0;
    min-height:0;
  }
  .dev-home-v17 .hero > div:first-child{
    width:100%;
    max-width:none;
    padding:40px 24px 26px;
  }
  .dev-home-v17 .dev-workspace{
    position:relative;
    inset:auto;
    height:260px;
    order:2;
    margin:0;
  }
  .dev-home-v17 .dev-workspace img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:70% center;
  }
  .dev-home-v17 .dev-workspace:after{
    background:linear-gradient(180deg,#edf2f6,transparent 30%);
  }
}