.elementor-403 .elementor-element.elementor-element-705a63e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:9em;--padding-bottom:7em;--padding-left:0em;--padding-right:0em;}.elementor-403 .elementor-element.elementor-element-01d2cec .elementor-post__thumbnail__link{padding-bottom:calc( 0.82 * 100% );}.elementor-403 .elementor-element.elementor-element-01d2cec:after{content:"0.82";position:absolute;color:transparent;}.elementor-403 .elementor-element.elementor-element-01d2cec{--grid-row-gap:65px;--grid-column-gap:70px;}.elementor-403 .elementor-element.elementor-element-01d2cec a .elementor-portfolio-item__overlay{background-color:#02010100;}.elementor-403 .elementor-element.elementor-element-01d2cec a .elementor-portfolio-item__title{color:var( --e-global-color-text );}.elementor-403 .elementor-element.elementor-element-01d2cec .elementor-portfolio-item__title{font-size:14px;font-weight:400;}/* Start custom CSS for portfolio, class: .elementor-element-01d2cec *//* Portfolio en blanco y negro */
.elementor-portfolio-item__img {
  filter: grayscale(100%);
  transition: filter 0.4s ease;
}

/* Hover: vuelve a color */
.elementor-portfolio-item:hover .elementor-portfolio-item__img {
  filter: grayscale(0%);
}

/* Item base */
.elementor-portfolio-item {
  position: relative;
  overflow: hidden;
}

/* Overlay ocupa todo */
.elementor-portfolio-item__overlay {
  position: absolute;
  inset: 0;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end !important; /* 🔑 esto lo baja */
  align-items: center !important;
  padding-bottom: 20px;
  text-align: center;
}

/* Evita centrado raro de Elementor */
.elementor-portfolio-item__overlay-inner {
  width: 100%;
}

/* Texto */
.elementor-portfolio-item__title,
.elementor-portfolio-item__category {
  width: 100%;
  color: #fff;
}

/* Deja visible la parte de abajo si hace falta */
.elementor-portfolio-item {
  overflow: visible;
}

/* Banda inferior tipo caption */
.elementor-portfolio-item__overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  bottom: -55px;          /* 👈 "por fuera" */
  height: 55px;           /* alto de la banda */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff;       /* fondo de la banda (cambiable) */
  padding: 0 12px;
  transition: transform .35s ease, opacity .35s ease;
  opacity: 0;             /* oculto */
  transform: translateY(10px);
}

/* Hover: aparece la banda */
.elementor-portfolio-item:hover .elementor-portfolio-item__overlay{
  opacity: 1;
  transform: translateY(0);
}

/* Texto */
.elementor-portfolio-item__title,
.elementor-portfolio-item__category {
  color: #111;            /* color texto */
  width: 100%;
  text-align: center;
}/* End custom CSS */