/* Official artwork kept as separate images so every mark remains sharp. */
.syn-funding-strip {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 1.25%;
  width: 100%;
  min-width: 0;
  overflow: visible;
}
.syn-funding-strip .syn-funding-support {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 0;
  flex: 0 0 17%;
}
.syn-funding-strip .syn-funding-eu { flex: 0 0 18%; max-width: none; }
.syn-funding-strip .syn-funding-plan { flex: 0 0 25%; max-width: none; }
.syn-funding-strip .syn-funding-nextgen { flex: 0 0 18%; max-width: none; }
.syn-funding-strip .syn-funding-empresa { flex: 0 0 17%; max-width: none; }
.syn-funding-strip .syn-funding-generalitat,
.syn-funding-strip .syn-funding-eu,
.syn-funding-strip .syn-funding-plan,
.syn-funding-strip .syn-funding-nextgen,
.syn-funding-strip .syn-funding-empresa { display: block; width: 100%; min-width: 0; }
.syn-funding-strip img { display: block; width: 100%; height: auto; object-fit: contain; }
.syn-funding-strip .syn-funding-caption {
  color: #0a0a33;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}
#brx-footer .syn-funding-strip { margin-top: 42px; }
@media (max-width: 900px) {
  .syn-funding-strip {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    justify-items: center;
    gap: 18px 12px;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  .syn-funding-strip > * { width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
}
@media (max-width: 700px) {
  #brx-footer .syn-institutional-logos {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 26px 18px !important;
  }
  #brx-footer .syn-institutional-logo { width: 100%; max-width: 200px !important; }
  #brx-footer .syn-funding-strip { margin-top: 42px; }
  .syn-funding-strip { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 22px 12px; }
  .syn-funding-strip > :nth-child(-n+3) { grid-column: span 2; }
  .syn-funding-strip > :nth-child(n+4) { grid-column: span 3; max-width: 170px !important; }
  .syn-funding-strip .syn-funding-caption { font-size: 9px; }
}