.elementor-6679 .elementor-element.elementor-element-f8d8473{--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:0px;--padding-bottom:0px;--padding-left:110px;--padding-right:110px;}.elementor-6679 .elementor-element.elementor-element-f8d8473:not(.elementor-motion-effects-element-type-background), .elementor-6679 .elementor-element.elementor-element-f8d8473 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202024;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6679 .elementor-element.elementor-element-22650e3{padding:10% 0% 3% 0%;}.elementor-6679 .elementor-element.elementor-element-22650e3 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:120px;font-weight:100;color:#D7D8E1;}.elementor-6679 .elementor-element.elementor-element-a856a57{--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:0px;--padding-bottom:0px;--padding-left:110px;--padding-right:110px;}.elementor-6679 .elementor-element.elementor-element-a856a57:not(.elementor-motion-effects-element-type-background), .elementor-6679 .elementor-element.elementor-element-a856a57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202024;}.elementor-6679 .elementor-element.elementor-element-19adc2d{--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:40px;--padding-bottom:40px;--padding-left:110px;--padding-right:110px;}.elementor-6679 .elementor-element.elementor-element-19adc2d:not(.elementor-motion-effects-element-type-background), .elementor-6679 .elementor-element.elementor-element-19adc2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202024;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-6679 .elementor-element.elementor-element-a31ea33{--grid-columns:2;--grid-row-gap:40px;--load-more-message-color:#D7D8E1;--load-more-spinner-color:#D7D8E1;--grid-column-gap:50px;}.elementor-6679 .elementor-element.elementor-element-a31ea33 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-6679 .elementor-element.elementor-element-a31ea33 .e-loop-item > .elementor-section, .elementor-6679 .elementor-element.elementor-element-a31ea33 .e-loop-item > .elementor-section > .elementor-container, .elementor-6679 .elementor-element.elementor-element-a31ea33 .e-loop-item > .e-con, .elementor-6679 .elementor-element.elementor-element-a31ea33 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-6679 .elementor-element.elementor-element-a31ea33{--grid-columns:2;}}@media(max-width:767px){.elementor-6679 .elementor-element.elementor-element-f8d8473{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6679 .elementor-element.elementor-element-22650e3 .elementor-heading-title{font-size:75px;}.elementor-6679 .elementor-element.elementor-element-19adc2d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6679 .elementor-element.elementor-element-a31ea33{--grid-columns:1;}}/* Start custom CSS *//* 1. Filtro de categorías */
.portfolio-filter {
  display: flex;
  gap: 1.5rem;
  margin: 2rem 0;
  padding: 0;
  list-style: none;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #D7D8E1;
}

.portfolio-filter li {
  cursor: pointer;
  opacity: 0.6;
  position: relative;
  transition: opacity .25s ease, color .25s ease;
}

.portfolio-filter li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 1px;
  background: #e53935; /* color subrayado activo */
  transition: width .25s ease;
}

.portfolio-filter li:hover {
  opacity: 1;
}

.portfolio-filter li.active {
  opacity: 1;
}

.portfolio-filter li.active::after {
  width: 100%;
}

/* TARJETA DEL PORFOLIO: sin fondo negro */
.portfolio-card,
.elementor-widget-posts .elementor-post,
.elementor-loop-container .e-loop-item {
  position: relative;
  overflow: hidden;
  background: transparent;   /* antes era #000, esto quitaba el “rectángulo” */
}

/* Imagen */
.portfolio-card img,
.elementor-post .elementor-post__thumbnail img,
.e-loop-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease, filter .5s ease;
}

/* TARJETA DEL PORFOLIO: contenedor con la imagen de fondo */
.portfolio-card,
.elementor-widget-posts .elementor-post,
.elementor-loop-container .e-loop-item {
  position: relative;
  overflow: hidden;
  background: transparent;
}

/* Asegura que la imagen de fondo de .portfolio-card se comporta bien */
.portfolio-card {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Capa oscura sobre la tarjeta (solo al hover) */
.portfolio-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.92),
    rgba(0, 0, 0, 0.5)
  );
  opacity: 0;
  transition: opacity .4s ease;
}

.portfolio-card:hover::before {
  opacity: 1;
}

/* CONTENIDO INFERIOR: oculto por defecto, visible sólo en hover */
.portfolio-card-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2.5rem 2.25rem;
  z-index: 2;
  color: #fff;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .4s ease, transform .4s ease;
}

.portfolio-card:hover .portfolio-card-content {
  opacity: 1;
  transform: translateY(0);
}

/* Título + flecha */
.portfolio-card-title {
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
}

.portfolio-card-title .elementor-heading-title,
.portfolio-card-title .elementor-post__title,
.portfolio-card-title h2,
.portfolio-card-title h3 {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 200;
  font-size: 50px;
  line-height: 1.05;
  margin: 0;
}

/* Flecha */
.custom-arrow-inter.custom-arrow-next {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 200;
  font-size: 40px;
  display: inline-block;
  opacity: 0.8;
  transition: transform .3s ease, opacity .3s ease;
}

.portfolio-card:hover .custom-arrow-inter {
  transform: translateX(10px);
  opacity: 1;
}/* End custom CSS */