.elementor-2877 .elementor-element.elementor-element-92f0d96{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2877 .elementor-element.elementor-element-92f0d96:not(.elementor-motion-effects-element-type-background), .elementor-2877 .elementor-element.elementor-element-92f0d96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2877 .elementor-element.elementor-element-92f0d96.e-con{--align-self:center;}.elementor-2877 .elementor-element.elementor-element-7b8a7c9 .jet-listing-dynamic-link__link{align-self:flex-start;font-family:"Poppins", Sans-serif;font-size:25px;font-weight:300;color:#FFFFFF;flex-direction:row;}.elementor-2877 .elementor-element.elementor-element-7b8a7c9 .jet-listing-dynamic-link__icon{order:1;}@media(min-width:768px){.elementor-2877 .elementor-element.elementor-element-92f0d96{--content-width:400px;}}/* Start custom CSS for container, class: .elementor-element-92f0d96 *//* Container principal */
.portfolio-card {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 400px; /* ajuste conforme necessário */
  cursor: pointer;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Título escondido inicialmente */
.portfolio-card .project-title {
  color: white;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

/* Efeito ao passar o mouse */
.portfolio-card:hover .project-title {
  opacity: 1;
}

/* Overlay escuro opcional para contraste */
.portfolio-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.4); /* pode ajustar o nível de escurecimento */
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.portfolio-card:hover::before {
  opacity: 1;
}/* End custom CSS */