/* Etapa 15.13 — banner da unidade e pares de cartoes na mesma linha. */
/* A foto original da Usina da Paz ocupa o banner, com texto contrastante. */
.sbfcp-library-11 .sbfcp-unit-hero::before {
  background-image:linear-gradient(90deg,rgba(3,31,54,.91) 0%,rgba(3,31,54,.72) 37%,rgba(3,31,54,.13) 100%),var(--unit-photo)!important;
  background-size:cover,cover!important;
  background-position:center,center 42%!important;
  background-repeat:no-repeat!important;
}
/* Layout em duas colunas, como a referencia original: um card em cada lado. */
@media (min-width:801px) {
  .sbfcp-library-11 .sbfcp-timeline {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:32px;
    row-gap:16px;
    align-items:start;
  }
  .sbfcp-library-11 .sbfcp-timeline > .sbfcp-month {
    grid-column:1/-1;
    margin:16px 0 0!important;
  }
  .sbfcp-library-11 .sbfcp-timeline > .sbfcp-time-item,
  .sbfcp-library-11 .sbfcp-timeline > .sbfcp-time-item + .sbfcp-time-item {
    width:100%!important;
    min-width:0;
    margin:0!important;
    padding:14px 0 0!important;
  }
  .sbfcp-library-11 .sbfcp-timeline > .sbfcp-time-item.left {grid-column:1;padding-right:8px!important}
  .sbfcp-library-11 .sbfcp-timeline > .sbfcp-time-item.right {grid-column:2;padding-left:8px!important}
  .sbfcp-library-11 .sbfcp-time-card {max-width:none!important;width:100%!important;height:auto!important}
  .sbfcp-library-11 .sbfcp-time-item.left .sbfcp-time-dot {right:-24px}
  .sbfcp-library-11 .sbfcp-time-item.right .sbfcp-time-dot {left:-24px}
}
/* No celular, mantem-se uma unica coluna e fotos proporcionais. */
@media (max-width:800px) {
  .sbfcp-library-11 .sbfcp-timeline {display:block!important}
  .sbfcp-library-11 .sbfcp-time-item {margin-top:0!important}
  .sbfcp-library-11 .sbfcp-unit-hero::before {background-position:center,60% center!important}
}