.card-header.bg-warning:first-child {
        padding-top: 1rem !important;
        padding-bottom: 0.75rem !important;
      }
    
    
      h1.fw-bold.hero-interna-titulo {
    font-size: 56px !important;
  }
    
      .row {
        margin-right: unset;
        margin-left: unset;
      }
    
    
      .card-header.bg-warning {
        height: 70px;
        max-height: 70px;
        border-radius: 5px;
        background: #f2b90c;
        padding: 1.5rem 1.25rem 0.2rem 1.25rem !important;
        min-height: 70px;
        display: flex;
  flex-direction: column;
  justify-content: center;
      }
    
      .container {
        padding: 15px 0px !important;
      }
    
      .hidden {
        display: none;
        visibility: hidden;
      }
    
      .subtitle-bold {
        color: #000;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
      }
    
      .subtitle3-bold {
        color: var(--Base-Colors-Primary, #252525);
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 26.4px;
      }
    
      .title-bold {
        color: var(--Base-Colors-Primary, #252525);
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 44px;
      }
    
      .vancardbody {
        border: 1px solid #252525;
        border-radius: 6px;
        margin-top: 16px;
        padding: 0.7rem !important;
      }
    
      .vancard {
        max-width: 430px;
        padding-left: 0px;
      }
    
      .alg-card {
        max-width: 20em;
        border: 1px solid #d9d9d9 !important;
        padding-bottom: 16px;
      }
    
      .btn-black {
        border: 2px solid #fff;
        background-color: #000;
        color: #fff;
      }
    
      .btn-black:hover {
        border: 2px solid #000;
        background-color: #fff;
        color: #000;
      }
    
      .notalink {
        text-decoration: none;
        color: unset !important;
      }
    
      .notalink:hover {
        text-decoration: underline;
        color: unset !important;
      }
    
      .sotreqlink-btn {
        color: #ffc107 !important;
      }
    
      .circle {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        background-color: #ffd126;
        color: #000;
      }
    
      .circle:hover {
        color: #fff;
        cursor: pointer;
      }
    
      .body-text {
        text-align: left;
        font: normal normal normal 16px Univers LT Std;
        letter-spacing: 0;
        color: #000;
        opacity: 1;
      }
    
      a {
        text-decoration: none;
      }
    
      img {
        overflow: hidden;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        max-height: 95%;
        max-width: 95%;
      }
    
      .border-top {
        border-top: 1px solid #000;
        padding-top: 1em !important;
      }
    
      button {
        border-radius: 0;
        border: 3px solid #fff;
        background-color: rgba(0, 0, 0, 0.4);
        color: #fff;
      }
    
      button:hover {
        background-color: rgba(0, 0, 0, 0.8);
      }
    
      .bar {
        margin-top: -20px;
        height: 5px;
        background-color: #ffcb11;
        width: 100px;
      }
    
      .hero-img {
        height: 70vh;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        max-height: 500px;
      }
    
      .hero-text {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
      }
    
      .herohome {
        margin-top: -80px;
        position: relative;
      }
    
      .hero-overlay {
        height: 100%;
        background-color: #000;
        position: absolute;
        width: 100%;
        opacity: 0.3;
      }
    
      .lh-sm {
        line-height: 62px !important;
      }
    
      .link-black {
        color: #000;
      }
    
      button,
      input {
        margin: 0;
      }
    
      button,
      input {
        background-color: rgba(0, 0, 0, 0);
        color: #000;
        font-size: inherit;
        line-height: inherit;
      }
    
      button,
      input {
        overflow: visible;
      }
    
      button {
        text-transform: none;
      }
    
      [type="submit"],
      button {
        -webkit-appearance: button;
      }
    
      [type="submit"]::-moz-focus-inner,
      button::-moz-focus-inner {
        border-style: none;
        padding: 0;
      }
    
      [type="submit"]:-moz-focusring,
      button:-moz-focusring {
        outline: 1px dotted ButtonText;
      }
    
      [type="search"] {
        -webkit-appearance: textfield;
        outline-offset: -2px;
      }
    
      [tabindex],
      a,
      button,
      input,
      label {
        -ms-touch-action: manipulation;
        touch-action: manipulation;
      }
    
      * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
    
      .right {
        float: right;
      }
    
      @media (min-width: 0) and (max-width: 47.9375rem) {
        .container {
          padding: 0 10px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
      }
    

      @media (max-width: 1000px) {
        .hero-logo {
          width: 65%;
        }
    
        .row.collapse {
          margin-left: 0 !important;
          left: 0 !important;
          overflow: visible;
        }
    
        .mob-brand {
          height: 56px;
          display: flex;
          align-items: center;
          flex-direction: row;
          justify-content: space-between;
        }
    
        .fa-bars {
          align-self: center;
          font-size: 2.333em !important;
          color: #fff !important;
        }
    
        .header-logo {
          width: 150px;
        }
    
        .mob-search {
          color: #fff;
          margin-right: 1em;
        }
    
        .mob-card {
          background-color: #ececec;
          color: #fff;
        }
    
        .mob-card-header {
          background-color: #ececec;
        }
    
        .btn-outline-warning {
          color: #ffc107 !important;
        }
    
        .btn-outline-warning:hover {
          color: #fff !important;
        }
    
        .mob-internal-link {
          color: #000;
        }
    
        .btn.btn-link.btn-block.text-left.collapsed {
          color: #000;
          font-size: 24px;
        }
    
        .btn.btn-link.btn-block.text-left.collapsed:focus {
          box-shadow: none;
          text-decoration: none;
        }
    
        .btn.btn-link.btn-block.text-left.collapsed:hover {
          box-shadow: none;
          text-decoration: none;
        }
    
        .btn:focus {
          outline: 0;
          box-shadow: none;
          text-decoration: none;
        }
    
        .btn.btn-link.btn-block.text-left {
          color: #4a4a4a;
          font-size: 24px;
        }
    
        .btn.btn-link.btn-block.text-left:hover {
          color: #4a4a4a;
          text-decoration: none;
          font-size: 24px;
        }
    
        .mob-menu-card-body {
          text-align: left;
        }
    
        .mob-menu-list {
          list-style: none;
          padding-inline-start: 15px !important;
        }
      }
    
      @media (max-width: 538px) {
        .internal-link h6 {
          color: #fff;
        }
    
        li.nav-item {
          margin-bottom: 1em;
        }
    
        .upcaret {
          width: 1.5em;
        }
    
        .container {
          padding: 0px 15px !important;
        }
    
        .row {
          margin: unset !important;
        }
      }
    
      i.fa.fa-angle-right {
        margin-left: 1em;
      }
    
      #collapsemObs1 {
        padding-left: 0.7em;
      }
    
      .btn.btn-link.btn-block.text-left.cool-link:not(.collapsed)>i.fa.fa-angle-right {
        transform: rotate(90deg);
      }
    
      #app {
        -webkit-font-smoothing: antialiased;
        text-align: center;
      }
    
      .bar {
        margin-top: -5px;
        margin-bottom: 10px;
        height: 5px;
        background-color: #ffcb11;
        width: 100px;
      }
    
    
    
    
    
      #collapseExample {
        height: 80vh;
        min-height: 80vh;
        position: absolute;
        z-index: 10001;
        min-width: 100%;
        background-color: #fafafa;
        overflow: visible;
        left: 0;
        max-height: 81vh;
        margin-top: 4em;
      }
    
      .p1rem {
        padding: 0rem;
      }
    
      @media (max-width: 755px) {
        .border-md-0 {
          border: 1px solid rgba(0, 0, 0, 0.125) !important;
        }
    
        .modal-body {
          height: 100vh;
        }
    
        .bg-mobnav {
          background-color: #000;
        }
      }
    
      .grid-container {
        flex-direction: column;
      }
    
      .card-grid {
        flex-direction: column;
      }
    
      .w-100.card.card-body {
        height: 100vh;
      }
    
      @media (max-width: 991.98px) {
        .offcanvas-collapse {
          position: fixed;
          top: 56px;
          /* Height of navbar */
          bottom: 0;
          left: 100%;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          overflow-y: auto;
          visibility: hidden;
          background-color: #343a40;
          transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out,
            -webkit-transform 0.3s ease-in-out;
        }
    
        .facet-card {
          width: 100% !important;
          max-width: 100% !important;
        }
    
        .vancard {
          margin-bottom: 1em;
    
        }
    
        .subtext {
          font-size: 14px;
          white-space: nowrap;
        }
      }
    
      @media (min-width: 758px) {
        .border-md-0 {
          border: none !important;
        }
    
        .grid-container {
          flex-direction: row;
        }
    
        .card-grid {
          flex-direction: row;
        }

 div.hero-img.active > div > div {
  padding-top: 100px;
 }
  h1.fw-bold.hero-interna-titulo {
    font-size: 56px !important;
  }
        
      }
    
      .lh-100 {
        line-height: 1;
      }
    
      .lh-125 {
        line-height: 1.25;
      }
    
      .lh-150 {
        line-height: 1.5;
      }
    
      .icon-placeholder {
        width: 48px;
        height: 48px;
        background-color: #ddd;
        display: inline-block;
        margin-right: 10px;
        border-radius: 4px;
      }
    
      .card-footer {
        border-top: none;
      }
    
      /* Additional styles for custom grid menu */
    
      .grid-container {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 10px;
      }
    
      /*
    
    .facet-card {
      border: 1px solid #d9d9d9;
      border-radius: 4px;
      cursor: pointer;
      flex: 1 0 30%;
      box-sizing: border-box;
      transition: background-color 0.3s, border-color 0.3s;
      width: 33%;
      max-width: 300px;
      padding: 0 10px 0 3px;
      font-size: 16px;
    }
    
    .facet-card.active {
      background-color: #f8f9fa;
      border-color: #007bff;
    }
    */
    
      .facet-card {
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 10px;
        cursor: pointer;
        flex: 1 0 30%;
        box-sizing: border-box;
        transition: background-color 0.3s, border-color 0.3s;
        width: 33%;
        max-width: 33%;
      }
    
      .facet-card.active {
        background-color: #f8f9fa;
        border-color: #007bff;
      }
    
      .refinement-search-input {
        width: 100%;
        padding: 5px;
        margin-bottom: 10px;
        box-sizing: border-box;
      }
    
      .hit-table table {
        width: 100%;
        border-collapse: collapse;
      }
    
      /* Style for view toggle buttons */
    
      #view-toggle .toggle-button.active {
        background-color: #007bff;
        color: #fff;
      }
    
      .card-grid {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
      }
    
      #equipamento-grid-facet>div>div>div>span {
        vertical-align: middle;
        display: flex;
        align-items: center;
        border-left: 2px solid #000;
        padding: 0px 16px;
      }
    
      #equipamento-grid-facet.facet.grid-facet.col-12.mb-3 div.grid-container div.facet-card.active {
        background-color: #cbcbcbe6;
      }
    
      #equipamento-grid-facet.facet.grid-facet.col-12.mb-3 div.grid-container div.facet-card.active div.row span.col-7 {
        border-left: 3px solid #ffcd11;
        font-weight: 600;
      }
    
      #tip_system-facet>div>div>div>span {
        vertical-align: middle;
        display: flex;
        align-items: center;
      }
    
      #tip_system-facet.facet.grid-facet.col-12.mb-3 div.grid-container div.facet-card.active {
        background-color: #cbcbcbe6;
        font-weight: 600;
      }
    
      #controls.container.my-3 div#view-toggle.btn-group {
        display: flex;
        justify-content: end;
      }
    
      div#view-toggle.btn-group.btn-group-toggle button {
        width: 50px;
        max-width: 50px;
        background-color: #eaeaea;
        color: #a6a6a6;
        border: none;
        margin-left: 3px;
      }
    
      div#view-toggle.btn.group.btn-group-toggle button.active {
        width: 50px;
        max-width: 50px;
        background-color: #eaeaea;
        color: #229ed9;
        border: none;
        margin-left: 3px;
        box-shadow: none;
      }
    
      .hitcardbtn {
        width: -webkit-fill-available;
        margin: 0px 16px 0px 16px;
        width: fill-available;
      }
    
      .btn-warning:hover {
        background-color: #d9d9d9;
        border-color: #d9d9d9;
      }
    
      /* Custom Clear Refinements Button */
    
      .custom-clear-refinements {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 1rem;
      }
    
      .custom-clear-refinements button {
        background-color: #b9b9b9;
        border: none;
        padding: 8px 16px;
        border-radius: 4px;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: background-color 0.3s;
      }
    
      .custom-clear-refinements button:hover {
        background-color: #e0a800;
      }
    
      .custom-clear-refinements button:disabled {
        background-color: #e9ecef;
        cursor: not-allowed;
      }
    
    
      @media (min-width: 1445px) {
        .container {
          max-width: 1320px;
        }
      }
    
      .font-weight-regular {
        font-weight: 400;
      }
    
      .rescard {
        max-height: 200px;
        max-width: 200px;
        margin: auto;
      }
    
      .rescard-body {
        padding-bottom: 0px !important;
      }
      .text-white {
       color: #ffffff !important;
    opacity: 1;
      }