.enfoque{
  width:100%;
  display:flex;
  background-color:#f0efee;
  padding:116px 40px 147px;
  justify-content:center;
  align-items:center;
          overflow-x: hidden;
}

.enfoque .content{
  width:100%;
  display:flex;
  max-width:1295px;
  justify-content:space-between;
  align-items:center;
  gap:5%;
}

      .enfoque .fotoWrapper{
        width:100%;
        height:100%;
        max-width:486px;
        min-width:200px;
        position:relative;
        z-index:2;
        flex-shrink:0;
      }

      .enfoque .foto{
        width:100%;
        aspect-ratio:486/475;
        overflow:hidden;
      }

      .enfoque .foto img{
        width:100%;
        height:100%;
        display:block;
        object-fit:cover;
        object-position:bottom;
        transition:transform 0.45s ease;
      }

      .enfoque .foto:hover img{
        transform:scale(1.04);
      }

      .enfoque .textos{
        width:100%;
        max-width:714px;
        display:flex;
        flex-direction:column;
      }

      .enfoque .textos h4{
        color:#545454;
        font-size:22px;
        line-height:normal;
        margin-bottom:9px;
      }

      .enfoque .textos h3{
        color:#4c4c4c;
        font-size:30px;
        line-height:33px;
        letter-spacing:-0.6px;
        max-width:707px;
        margin-bottom:32px;
      }

      .enfoque .textos h3 .destacado{
        color:#b72323;
      }

      .enfoque .textos p{
        color:#525252;
        font-size:18px;
        line-height:24px;
        max-width:714px;
        margin-top:24px;
      }

.enfoque .line::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 20vw;
    height: 1px;
     background-color:#B7B7B7;
}

      
.enfoque .line {
    width: 100%;
    height: 1px;
  background-color:#B7B7B7;
    position: relative;
}

.enfoque .line::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 100vw;
    height: 1px;
     background-color:#B7B7B7;
}

@media (max-width: 980px){
  .enfoque{
    padding:80px 24px;
  }


  .enfoque .content{
    flex-direction:column;
    gap:40px;
    text-align: center;
  }

  .enfoque .fotoWrapper{
    max-width:486px;
    min-width:0;
  }

  .enfoque .textos h4{
    font-size:20px;
  }

  .enfoque .textos h3{
    font-size:34px;
    line-height:37px;
    margin-bottom:28px;
  }

}

@media (max-width: 560px){
  .enfoque{
    padding:56px 18px;
  }

  .enfoque .textos h4{
    font-size:18px;
  }

  .enfoque .textos h3{
    font-size:28px;
    line-height:31px;
    margin-bottom:24px;
  }

  .enfoque .textos p{
    font-size:16px;
    line-height:22px;
  }
}

@media (prefers-reduced-motion: reduce){
  .enfoque .foto img{
    transition:none;
  }

  .enfoque .foto:hover img{
    transform:none;
  }
}

/* Large viewport proportional scaling */
@media (min-width: 1765px){
  .enfoque{
  width:100%;
  display:flex;
  background-color:#f0efee;
  padding:6.576vw 2.2676vw 8.3333vw;
  justify-content:center;
  align-items:center;
          overflow-x: hidden;
}
  .enfoque .content{
  width:100%;
  display:flex;
  max-width:73.4127vw;
  justify-content:space-between;
  align-items:center;
  gap:5%;
}
  .enfoque .fotoWrapper{
        width:100%;
        height:100%;
        max-width:27.551vw;
        min-width:11.3379vw;
        position:relative;
        z-index:2;
        flex-shrink:0;
      }
  .enfoque .textos{
        width:100%;
        max-width:40.4762vw;
        display:flex;
        flex-direction:column;
      }
  .enfoque .textos h4{
        color:#545454;
        font-size:1.2472vw;
        line-height:normal;
        margin-bottom:0.5102vw;
      }
  .enfoque .textos h3{
        color:#4c4c4c;
        font-size:1.7007vw;
        line-height:1.8707vw;
        letter-spacing:-0.034vw;
        max-width:40.0794vw;
        margin-bottom:1.8141vw;
      }
  .enfoque .textos p{
        color:#525252;
        font-size:1.0204vw;
        line-height:1.3605vw;
        max-width:40.4762vw;
        margin-top:1.3605vw;
      }
  .enfoque .line::before{
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 20vw;
    height: 0.0567vw;
     background-color:#B7B7B7;
}
  .enfoque .line{
    width: 100%;
    height: 0.0567vw;
  background-color:#B7B7B7;
    position: relative;
}
  .enfoque .line::after{
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 100vw;
    height: 0.0567vw;
     background-color:#B7B7B7;
}
}
/* End large viewport proportional scaling */