.elementor-553 .elementor-element.elementor-element-a14b770{--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;--margin-top:130px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-portfolio a .elementor-portfolio-item__overlay{background-color:var( --e-global-color-accent );}.elementor-widget-portfolio .elementor-portfolio-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-primary );}.elementor-553 .elementor-element.elementor-element-4b322df .elementor-post__thumbnail__link{padding-bottom:calc( 0.66 * 100% );}.elementor-553 .elementor-element.elementor-element-4b322df:after{content:"0.66";position:absolute;color:transparent;}.elementor-553 .elementor-element.elementor-element-4b322df{--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-553 .elementor-element.elementor-element-4b322df a .elementor-portfolio-item__overlay{background-color:#00000012;}.elementor-553 .elementor-element.elementor-element-4b322df a .elementor-portfolio-item__title{color:#686868;}.elementor-553 .elementor-element.elementor-element-4b322df .elementor-portfolio-item__title{font-family:"Instrument", Sans-serif;font-size:14px;font-weight:400;}.elementor-553 .elementor-element.elementor-element-4b322df .elementor-portfolio__filter{color:#B8B8B8;font-family:"Instrument", Sans-serif;font-size:16px;font-weight:400;}.elementor-553 .elementor-element.elementor-element-4b322df .elementor-portfolio__filter.elementor-active{color:#505050;}.elementor-553 .elementor-element.elementor-element-4b322df .elementor-portfolio__filter:not(:last-child){margin-right:calc(17px/2);}.elementor-553 .elementor-element.elementor-element-4b322df .elementor-portfolio__filter:not(:first-child){margin-left:calc(17px/2);}.elementor-553 .elementor-element.elementor-element-4b322df .elementor-portfolio__filters{margin-bottom:5px;}/* Start custom CSS *//* =========================
   Layout cabecera + filtros
========================= */

.elementor-widget-portfolio .elementor-widget-container {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
}

.portfolio-custom-head {
  grid-column: 1 / 2;
  width: 100%;
  min-height: 200px;
  margin-bottom: 0;
  padding: 45px 75px;
  border-top: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}

.elementor-widget-portfolio .elementor-portfolio__filters {
  grid-column: 2 / 3;
  width: 100%;
  min-height: 200px;
  border-bottom: 1px solid #ececec;
}

.elementor-portfolio__filters {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-553 .elementor-element.elementor-element-4b322df .elementor-portfolio__filters {
  margin-bottom: 0;
  padding: 45px 75px;
  border-top: 1px solid #ececec;
}

.elementor-portfolio__filter {
  margin-right: 0;
  margin-left: 0 !important;
  padding: 0;
}


/* =========================
   Grid portfolio
========================= */

.elementor-widget-portfolio .elementor-portfolio {
  grid-column: 1 / -1;
  width: 100%;
}

.elementor-portfolio.elementor-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-flow: dense;
  gap: 1px;
  background: #ececec;
  border-left: none;
  border-right: none;
}

.elementor-portfolio.elementor-grid > article {
  width: auto !important;
  aspect-ratio: 1 / 1;
  background: #fff;
  grid-column: auto;
  grid-row: auto;
}

/* Item grande izquierda */
.elementor-portfolio.elementor-grid > article:nth-child(18n + 1) {
  grid-column: 1 / span 2;
  grid-row: span 2;
}

/* Item grande derecha */
.elementor-portfolio.elementor-grid > article:nth-child(18n + 10) {
  grid-column: 3 / span 2;
  grid-row: span 2;
}


/* =========================
   Imagen / thumbnail
========================= */

.elementor-widget-portfolio a .elementor-portfolio-item__overlay {
  aspect-ratio: 1;
}

.elementor-portfolio.elementor-has-item-ratio .elementor-post__thumbnail {
  aspect-ratio: 1;
  width: calc(100% - 140px);
  margin: 70px;
}


/* =========================
   Overlay
========================= */

.elementor-portfolio-item__overlay {
  position: absolute;
  padding: 30px;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  transition: opacity 0.5s;
}


/* =========================
   Fade portfolio
========================= */

.elementor-portfolio.elementor-grid.portfolio-fade-out {
  animation: fadeOut 350ms ease forwards;
}

.elementor-portfolio.elementor-grid.portfolio-hidden {
  opacity: 0;
}

.elementor-portfolio.elementor-grid.portfolio-fade-in {
  animation: fadeIn 700ms ease forwards;
}

@keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}


/* =========================
   Excerpt hover
========================= */

.portfolio-excerpt-hover {
  margin-top: 8px;
  max-width: 9420px;
  opacity: 0.85;
  font-family: "Instrument", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #686868;
}

.portfolio-excerpt-hover p {
  margin: 0;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Instrument';
	font-display: auto;
	src: url('http://iratzoki.studio/wp-content/uploads/2026/04/InstrumentSans-Italic-VariableFont_wdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */