/* Product */
.productEnfDelPeru{
    width:325px;
    height:auto;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius:25px;
    overflow: hidden;
    transition: all ease .3s;
    position: relative;
    cursor: pointer;
    padding:30px;
    border:1px solid rgb(236, 236, 236);
}

.productEnfDelPeru .absolutePlus{
    width:100px;
    height:100px;
    overflow: hidden;
    position: absolute;
    background-color: transparent;
    top:0;
    right:0;
}

.productEnfDelPeru .absolutePlus .fondoCurvo{
    width:150px;
    height:150px;
    overflow: hidden;
    position: absolute;
    border-bottom-left-radius:50%;
    background-color: var(--principal);
    opacity:0.1;
    top:-70px;
    right:-75px;
    transition: all ease .3s;
}

.productEnfDelPeru .absolutePlus .iconAbsolutePlus{
    overflow: hidden;
    position: absolute;
    border-bottom-left-radius:50%;
    top:30px;
    right:30px;
    color: var(--white);
    opacity:7;
    font-size:25px;
    transition: all ease .3s;
    width:45px;
    height:44px;
    border-radius:50%;
    background-color:var(--principal);
    display:flex;
    justify-content: center;
    align-items: center;
    transition: all ease .3s;
}
.iconAbsolutePlus i{
    font-size:22px;
}


.flexImgVac{
    display:flex;
    justify-content: space-between;
    width:100%;
}

.flexImgVac .containerImgProduct{
    width:100%;
    height:auto;
    background-color:transparent;
    overflow: hidden;
    transition: all ease .3s;
}

    .containerImgProduct img{
        margin-top:50px;
        width:80px;
        height:80px;
        transform: scale(1.0);
        transition: all ease .3s;
    }


.productEnfDelPeru:hover .containerImgProduct img{
    transform: scale(1.05);
}

.productEnfDelPeru:hover .absolutePlus .fondoCurvo{
    width:160px;
    height:160px;
}

.productEnfDelPeru:hover .absolutePlus .iconAbsolutePlus{
    top:30px;
    right:40px;
    font-size:50px;
    transform: rotate(320deg);
    width:48px;
    height:48px;
    opacity:1;
}

.containerInfoProduct h4{
    width:100%;
    color:var(--silver);
    padding-top:20px;
    font-size:18px;
    line-height:1.2;
    transition: all ease .3s;
    min-height:80px;
}

.containerInfoProduct p{
    color:var(--silver);
    font-size:14px;
    padding:10px 0px;
    margin-bottom:10px;
    transition: all ease .3s;
}

.productEnfDelPeru:hover .containerInfoProduct h4{
    color:var(--principal);
}


/* -- PROYECTO -- */
.proyectEnfDelPeru{
    width:325px;
    height:auto;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius:25px;
    overflow: hidden;
    transition: all ease .3s;
    position: relative;
    cursor: pointer;
    border:1px solid rgb(236, 236, 236);
    background-color:var(--silver);
}
.containerImgProyect{
    width:100%;
    height:250px;
    overflow: hidden;
}
.containerImgProyect img{
    width:100%;
    height:100%;
    transition: all ease .3s;
}

.containerInfoProyect{
    width:100%;
    height:auto;
    padding:15px;
    background-color:var(--white);
    position: relative;
}

.containerOkInfoProyect{
    width:100%;
    height: auto;
    margin-top:-50px;
    padding:15px;
    border-radius:25px;
    background-color:var(--white);
}

.containerOkInfoProyect h4{
    font-size:20px;
    color:var(--principal);
    line-height:1.2;
}

.flexIconClient{
    display:flex;
    justify-content:start;
    align-items: center;
    padding-top:15px;
    padding-bottom:20px;
    gap:10px;
}

.flexIconClient i{
    font-size:14px;
    color:var(--principal);
}

.flexIconClient p{
    color:var(--silver);
}




/* sección productos */
.flexDivsControl{
    padding-top: 50px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content:center;
    margin-bottom: 20px;
}


.productHomeGeneral{
    color:var(--black);
    background-color:var(--white);
    text-align:center;
    width:32%;
    border-radius:25px;
    overflow: hidden;
    flex-direction:column;
    padding-bottom:35px;
    transition: all ease .3s;
    margin-bottom:5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

    .containImgCategory{
        width:100%;
        overflow: hidden;
        display: block;
        height:auto;
        transition: all ease .3s;
     }

    .containImgCategory img{
        width:100%;
        height:100%;
        object-fit: cover;
        transition: all ease .3s;
     }

     .productHomeGeneral h4{
        font-size:22px;
        color:var(--silver);
        line-height:1.2;
        padding:30px;
        transition: all ease .3s;
     }

     .altoControlH4{
        height:auto;
        min-height:112px;
        display:flex;
        justify-content:center;
        align-content:center;
     }

      .productHomeGeneral:hover .containImgCategory img{
        transform: scale(1.05);
      }



       .btnLinkEnProGeneral a button{
        border: 1.5px solid var(--principal);
        color: var(--principal);
        background-color: var(--silverLight);
        padding: 10px 42px;
        width:85%;
        border-radius: 25px;
        font-size:18px;
        font-weight:500;
        cursor: pointer;
        transition: all ease .3s;

    }

     .btnLinkEnProGeneral a button:hover{
        background-color:var(--principal);
        color:var(--white);
     }

     .productHomeGeneral:hover .btnLinkEnProGeneral a button{
        background-color:var(--principal);
        color:var(--white);
     }



@media(max-width:900px){
    .productHomeGeneral{
        width:48%;
    }
}


@media(max-width:500px){
    .productHomeGeneral{
        width:100%;
    }
}








@media (max-width:600px) {
    .h3subtitle,.h3subtitleTwo{
        font-size:35px;
    }
    .wBtnGeneralWebTwoT{
        flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;
    }
    /* Servicios */
    .productEnfDelPeru,.proyectEnfDelPeru{
        width:90%;
    }
    /* Fin de Servicios */

    /* Proyectos */
    .containerImgProyect{
        width:100%;
        height:auto;
    }

    .containerInfoProyect{
        padding:0px;
    }
    .containerOkInfoProyect h4{
        font-size:16px;
    }
    .flexIconClient p{
        font-size:13px;
    }
    /* Fin de Proyectos */

    .containerOkInfoProyect{
        width:250px;
    }
}


@media (max-width:600px) {
.h3subtitle, .h3subtitleTwo{
    font-size:28px;
}
}