.elementor-221 .elementor-element.elementor-element-9ac6c38{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-221 .elementor-element.elementor-element-57d0e32{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-221 .elementor-element.elementor-element-17f0568{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-221 .elementor-element.elementor-element-f1770d9 .elementor-icon-wrapper{text-align:center;}.elementor-221 .elementor-element.elementor-element-f1770d9.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-221 .elementor-element.elementor-element-f1770d9.elementor-view-framed .elementor-icon, .elementor-221 .elementor-element.elementor-element-f1770d9.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-221 .elementor-element.elementor-element-f1770d9.elementor-view-framed .elementor-icon, .elementor-221 .elementor-element.elementor-element-f1770d9.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-221 .elementor-element.elementor-element-0f3d45d{text-align:center;}.elementor-221 .elementor-element.elementor-element-0f3d45d .elementor-heading-title{font-size:18px;font-weight:700;letter-spacing:0.4px;color:#FFFFFF;}.elementor-221 .elementor-element.elementor-element-1872efd{text-align:center;}.elementor-221 .elementor-element.elementor-element-1872efd .elementor-heading-title{font-size:13px;font-weight:400;letter-spacing:0.4px;color:#FFFFFF;}.jet-listing-item.single-jet-engine.elementor-page-221 > .elementor{width:350px;margin-left:auto;margin-right:auto;}/* Start custom CSS for container, class: .elementor-element-9ac6c38 *//* 1) container pai */
.portfolio-item {
  position: relative;
  overflow: hidden;
}

/* 2) a imagem */
.portfolio-item .portfolio-image {
  display: block;
  width: 100%;
  height: auto;
  transition: transform .3s ease, filter .3s ease;
}

/* 3) overlay sem conteúdo, só pra reforçar a camada escura */
/*    (você pode até removê-lo se não precisar) */
.portfolio-item .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity .3s ease;
  z-index: 3;    /* acima da imagem */
}

/* 4) conteúdo (ícone + título) */
.portfolio-item .overlay-content {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%) translateY(20px);
  text-align: center;
  color: #fff;
  opacity: 0;
  transition: opacity .3s ease, transform .3s ease;
  z-index: 4;    /* sempre por cima de tudo */
}

/* 5) ícone com transição de rotação */
.portfolio-item .overlay-content .icon {
  font-size: 2.5rem;
  margin-bottom: .5rem;
  display: inline-block;
  transition: transform .5s ease;
}

/* 6) hover geral */
.portfolio-item:hover .portfolio-image {
  transform: scale(1.05);
  /* escurece a própria imagem */
  filter: brightness(30%);
}
.portfolio-item:hover .overlay {
  opacity: 1;
}
.portfolio-item:hover .overlay-content {
  opacity: 1;
  transform: translate(-50%, -50%) translateY(0);
}
.portfolio-item:hover .overlay-content .icon {
  transform: rotate(360deg);
}
/* wrapper que esconde o excesso */
.portfolio-item .img-wrapper {
  overflow: hidden;
}

/* imagem: define origem e transição */
.portfolio-item .portfolio-image {
  display: block;
  width: 100%;
  height: auto;
  transition: transform .5s ease, filter .3s ease;
  transform-origin: center center;
}

/* no hover, só a imagem escala */
.portfolio-item:hover .portfolio-image {
  transform: scale(1.2);     /* aumenta mais, mas dentro do wrapper */
  filter: brightness(30%);    /* mantém o darken */
}/* End custom CSS */