/*post-lite*/
.post-lite-item {position: relative;min-height: 100px;display: flex;flex-direction: column;justify-content: center}
.post-lite-item .img{height: 270px;border-radius: 10px; overflow: hidden;background-color: var(--cl)}
.post-lite-item img {border-radius:10px;width: 110%; height: 110%;margin-top: -5%; object-fit: cover; transition: all 0.5s 0s; }
.post-lite-item:hover img{width: 100%; height: 100%;margin-top: 0;}
.post-lite-item:hover{background-color: var(--cl)}
.post-lite-item .name {font-weight: 500;font-size: 18px; margin: 1rem 0;text-align: center;display: block;color: var(--ct)}
/*END post-lite*/

/*post*/
.post-item {background: white;height: 100%;    display: flex;flex-direction: column;border: 1px solid var(--cl2);border-radius: 10px;overflow: hidden;position: relative;transition: all 0.1s 0s;}
.post-item:hover img {width: 100%; height: 100%;}
.post-item .img {min-height: 200px; height: 200px; overflow: hidden;background-color: var(--cl)}
.post-item img {width: 105%; height: 105%; object-fit: cover}
.post-item a {color: var(--ct);font-size: 18px;font-weight: 500;line-height: 24px;}
.post-item .autor {color: var(--c3);font-size: 14px;}
.post-item .info {padding: 1.5rem;display: flex; margin-bottom: 0; flex-direction: column; grid-gap: 0.5rem;justify-content: space-between;height: 100%;}
.post-item .bottom {display: flex; margin-top: auto; justify-content: space-between;font-size: 14px;color: var(--cl3)}
/*END post*/

/*post*/
.post-big-item {z-index: 1; font-size: 20px; color: white; position: relative; background-size: cover; background-position: center; padding: 2rem 40% 2rem 2rem; color: white; min-height: 480px; display: flex; flex-direction: column; justify-content: end; border-radius: 10px;overflow: hidden;transition: all 0.1s 0s;}
.post-big-item:before {content: ""; width: 100%; height: 100%; position: absolute;z-index: -1;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.4)}
.post-big-item a {font-size: 36px;font-weight: 500;color: white;margin: 1rem 0;line-height: 40px;}
@media (max-width:576px){
    .post-big-item {padding: 1.5rem !important;min-height: 380px}
    .post-big-item a {font-size: 30px;    line-height: 30px; }
}
/*END post*/

/*review*/
.review-item { background-color: var(--cl); transition: all 0.5s 0s; border-radius: 20px; padding: 2rem; position: relative; display: flex; flex-direction: column; grid-gap: 1rem; }
.review-item:hover{background-color: var(--cl2)}
.review-item .name {display: flex; column-gap: 1rem;font-weight: 500}
.review-item .img {border-radius:45px; position: relative; text-transform: uppercase; overflow:hidden;width:45px;height: 45px; min-width: 45px; text-align: center; line-height: 45px; color: white; font-weight: 500;    background-color: var(--c3); }
.review-item img {position: absolute; left: 0;top: 0;width: 100%; height: 100%;}
.review-item a {margin:auto 0;color:var(--ct)}
.review-item .text {font-size: 14px}
.review-item time {font-size: 14px}
.review-item .btn-link {pointer-events: none;justify-content: start}
/*END review*/

/*services*/
.services-item {position: relative;transition: all 0.5s 0s; height: 100%; min-height: 300px;border-radius: 5px }
.services-item.noimg {min-height: unset;background-color: white}
.services-item .img{height: 240px;border-radius: 5px 5px 0 0 ; overflow: hidden;   }
.services-item .info {padding: 1rem; row-gap: 1rem;   display: flex;flex-direction: column;}
.services-item img {width: 100%; height: 100%;margin-top: 0; object-fit: cover; transition: all 0.5s 0s;}
.services-item:hover { box-shadow: 0 10px 100px rgb(0 0 0 / 10%); opacity: 1 !important;}
.services-item:hover img{height: 110%;filter: none;opacity: 1}
.services-item .name {font-weight: 500; border-bottom: 1px dashed var(--cl3); display: inline-block; font-size: 20px;text-align: center;margin: 0 auto; color: var(--ct)}
.services-item .childs a {color: var(--ct); position: relative; z-index: 1; display: block; border-bottom: 1px solid var(--cl);padding: 0.5rem 0;text-align: center}
.services-item .childs a:hover {background-color: var(--cl)}

.owl-carousel .services-item {min-height: 500px;opacity: 0.6}
.owl-carousel .center .services-item {box-shadow: 0 11px 100px rgb(0 0 0 / 10%);opacity: 1}
/*END services*/

/*cases*/
.portfolio-item {position: relative; background-color: white;   border-radius: 10px; transition: all 0.3s 0s;box-shadow: 0 10px 100px rgb(0 0 0 / 10%); }
.portfolio-item:hover {box-shadow: 0 10px 50px rgb(0 0 0 / 10%);}
.portfolio-item .img{height: 240px;border-radius: 10px 10px 0 0 ; overflow: hidden;background-color: var(--cl)}
.portfolio-item img {border-radius:10px 10px 0 0 ;width: 110%; height: 110%;margin-top: -5%; object-fit: cover; transition: all 0.5s 0s; }
.portfolio-item:hover img{width: 100%; height: 100%;margin-top: 0;}
.portfolio-item .info {font-weight: 500;font-size: 18px; padding: 1rem 0;text-align: center;color: var(--ct);display: flex;flex-direction: column;row-gap: 0.5rem}
.portfolio-item .info a {color: var(--ct)}
.portfolio-item .info span {font-size: 14px; font-weight: 100; opacity: 0.5;}
@media (max-width:576px){
    .portfolio-item .img{height: 220px;}
}
/*END cases*/