.dirigido {
            display: flex;
            width: 100%;
            justify-content: center;
            padding:128px 40px;
            overflow-x: hidden;
            background-color:#f0efee;
        }


        .dirigido .content {
            width: 100%;
            max-width: 1450px;
            display:flex;
            gap:100px;
        }


        .dirigido .imagenesWrapper {
            width:100%;
            height:100%;
            max-width:628px;
          min-width:460px;
        }

      .dirigido .imagenes{
        width:100%;
        aspect-ratio:628/544;
        display:flex;
        position:relative;
      }

        .dirigido .imagenSpace {
            width: 50%;
            height: 100%;
            position: relative;
        }


        .dirigido .imagen1 {
            position: absolute;
            right: 0;
            top: 0;
            width: 110%;
            aspect-ratio: 326/429;
            overflow:hidden;
        }


        .dirigido .imagen2 {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 110%;
            aspect-ratio: 326/429;
            border:1px solid #F0EFEE;
            z-index:2;
            overflow:hidden;
        }

        .dirigido .imagen1 img,
        .dirigido .imagen2 img {
            width:100%;
            height:100%;
            display:block;
            object-fit:cover;
            object-position:center;
            transition:transform 0.45s ease;
        }

        .dirigido .imagen1:hover img,
        .dirigido .imagen2:hover img {
            transform:scale(1.04);
        }


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


        .dirigido .compendio {
            display: flex;
            flex-direction: column;
        }
      
      
        .dirigido .fila {
            width: 100%;
            display: flex;
            align-items:center;
            gap:70px;
        }


        .dirigido .fila p {
            width: 100%;
            max-width:233px;
        }



        .dirigido .textos h4 {
            font-size: 22px;
            line-height: normal;
            letter-spacing: -0.56px;
            color:#575757;
        }



        .dirigido .textos h2 {
            font-size: 30px;
            line-height: 33px;
            letter-spacing: normal;
            color:#4c4c4c;
          padding:7px 0 35px 0;
        }


        .dirigido .textos h2 .destacado {
            color: #B72323;
        }


        .dirigido .fila p {
            font-size: 16px;
            line-height: 23px;
            letter-spacing: normal;
            color: #333;
            padding:20px 0;
        }

      

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

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

@media (max-width: 1100px) {
    .dirigido {
        padding:88px 30px;
    }

    .dirigido .content {
        gap:60px;
    }
}

@media (max-width: 920px) {
    .dirigido {
        padding:72px 24px;
    }

    .dirigido .content {
        flex-direction:column;
        align-items:center;
        gap:40px;
    }

    .dirigido .imagenesWrapper {
        min-width:0;
    }

    .dirigido .textos {
        max-width:659px;
    }

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

    .dirigido .textos h2 {
        font-size:34px;
        line-height:37px;
        padding:7px 0 30px 0;
    }

}

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

    .dirigido .imagenesWrapper {
        max-width:100%;
    }

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

    .dirigido .textos h2 {
        font-size:28px;
        line-height:31px;
        padding-bottom:24px;
    }

    .dirigido .fila {
        flex-direction:column;
        align-items:flex-start;
        gap:0;
    }

    .dirigido .fila p {
        max-width:100%;
        padding:13px 0;
        border-bottom:1px solid #B7B7B7;
    }

    .dirigido .compendio > .line {
        display:none;
    }

    .dirigido .fila:last-child p:last-child {
        border-bottom:none;
    }
}

@media (prefers-reduced-motion: reduce){
    .dirigido .imagen1 img,
    .dirigido .imagen2 img {
        transition:none;
    }

    .dirigido .imagen1:hover img,
    .dirigido .imagen2:hover img {
        transform:none;
    }
}

/* Large viewport proportional scaling */
@media (min-width: 1765px){
  .dirigido{
            display: flex;
            width: 100%;
            justify-content: center;
            padding:7.2562vw 2.2676vw;
            overflow-x: hidden;
            background-color:#f0efee;
        }
  .dirigido .content{
            width: 100%;
            max-width: 82.1995vw;
            display:flex;
            gap:5.6689vw;
        }
  .dirigido .imagenesWrapper{
            width:100%;
            height:100%;
            max-width:35.6009vw;
          min-width:26.0771vw;
        }
  .dirigido .imagen2{
            position: absolute;
            left: 0;
            bottom: 0;
            width: 110%;
            aspect-ratio: 326/429;
            border:0.0567vw solid #F0EFEE;
            z-index:2;
            overflow:hidden;
        }
  .dirigido .textos{
            display: flex;
            width:100%;
            flex-direction: column;
            max-width:37.3583vw;
        }
  .dirigido .fila{
            width: 100%;
            display: flex;
            align-items:center;
            gap:3.9683vw;
        }
  .dirigido .fila p{
            width: 100%;
            max-width:13.2086vw;
        }
  .dirigido .textos h4{
            font-size: 1.2472vw;
            line-height: normal;
            letter-spacing: -0.0317vw;
            color:#575757;
        }
  .dirigido .textos h2{
            font-size: 1.7007vw;
            line-height: 1.8707vw;
            letter-spacing: normal;
            color:#4c4c4c;
          padding:0.3968vw 0 1.9841vw 0;
        }
  .dirigido .fila p{
            font-size: 0.907vw;
            line-height: 1.3039vw;
            letter-spacing: normal;
            color: #333;
            padding:1.1338vw 0;
        }
  .dirigido .line{
    width: 100%;
    height: 0.0567vw;
  background-color:#B7B7B7;
    position: relative;
}
  .dirigido  .line::after{
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 100vw;
    height: 0.0567vw;
     background-color:#B7B7B7;
}
}
/* End large viewport proportional scaling */