.ssp:not(.liferay-instance) #ssp-breadcrumb {

  background-color: var(--color-neutral-25);
  color: var(--color-neutral-700) !important;
  padding: var(--espaco-40) 0;

  .breadcrumb {
      padding: 0;
  }

  .breadcrumb-link {
      text-decoration: none;
  }

  .container {
      max-width: 1216px !important;
      margin: 0 auto !important;
  }

  .breadcrumb-item {
      font-size: var(--ssp-p-p-font-size);
      line-height: var(--ssp-p-p-line-height);
      font-weight: var(--ssp-p-p-font-weight);
      display: flex;
      align-items: center;
  }

  .breadcrumb-item+.breadcrumb-item::before {
      color: var(--color-neutral-500) !important;
      top: 0 !important;
      font-weight: 900;
  }

  .breadcrumb-text-truncate {
      color: var(--color-neutral-700) !important;
      text-wrap: auto;
      max-width: 100%;
  }

  @media (max-width: 1200px) {
      .container {
        max-width: 90%!important;
  }
  }

  @media (max-width:768px) {

    display: block;
    padding-top: 40px;
    padding-bottom: 0;


  }

}