.elementor-9856 .elementor-element.elementor-element-8bcd66d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9856 .elementor-element.elementor-element-06a8891{--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;}.elementor-9856 .elementor-element.elementor-element-31c6f95{--grid-row-gap:30px;--grid-column-gap:30px;}.elementor-9856 .elementor-element.elementor-element-31c6f95 .elementor-portfolio__filter:not(:last-child){margin-right:calc(10px/2);}.elementor-9856 .elementor-element.elementor-element-31c6f95 .elementor-portfolio__filter:not(:first-child){margin-left:calc(10px/2);}.elementor-9856 .elementor-element.elementor-element-31c6f95 .elementor-portfolio__filters{margin-bottom:10px;}@media(min-width:768px){.elementor-9856 .elementor-element.elementor-element-06a8891{--width:100%;}}/* Start custom CSS for portfolio, class: .elementor-element-31c6f95 *//* === FILTRI PORTFOLIO (tabs) ============================== */
#portfolio-cal .elementor-portfolio__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;     /* centrarli */
  margin-bottom: 24px;
}

/* stile base pulsanti */
#portfolio-cal .elementor-portfolio__filter {
  background: #f5f7fa;
  color: #2b65af;
  border: 1px solid rgba(43,101,175,0.2);
  border-radius: 9999px;      /* pill */
  padding: 6px 16px;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0.2px;
  transition: all 0.2s ease;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* hover */
#portfolio-cal .elementor-portfolio__filter:hover {
  background: #2b65af;
  color: #fff;
  border-color: #2b65af;
  box-shadow: 0 4px 10px rgba(43,101,175,0.25);
  transform: translateY(-1px);
}

/* attivo (filtro selezionato) */
#portfolio-cal .elementor-portfolio__filter.elementor-active {
  background: #2b65af;
  color: #fff;
  border-color: #2b65af;
  box-shadow: 0 6px 14px rgba(43,101,175,0.25);
}

/* effetto focus/tocco mobile */
#portfolio-cal .elementor-portfolio__filter:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(43,101,175,0.3);
}/* End custom CSS */