.hero-oficiu {
   background: #f5f6fa;
   padding: clamp(3rem, 5vw, 4.5rem) 0 2.5rem;
 }

 .hero-oficiu-img {
   height: 500px;
   width: auto;
   max-width: 100%;
   object-fit: contain;
 }

 .oficiu-page {
   padding: 2.5rem 0 4rem;
 }

 .oficiu-shell {
   display: flex;
   gap: 2rem;
   align-items: flex-start;
 }

 .oficiu-filters {
   flex: 0 0 250px;
   background: #fff;
   border: 1px solid #e4e6ed;
   border-radius: 1rem;
   padding: 1.4rem 1.2rem 1.1rem;
   position: sticky;
   top: 110px;
 }

 .oficiu-title {
   font-size: 1.05rem;
   font-weight: 600;
   margin-bottom: 1rem;
 }

 .oficiu-filter-block {
   margin-bottom: 1rem;
 }

 .oficiu-btn {
   background: #c40621;
   border-color: #c40621;
   font-weight: 500;
   min-width: 120px;
 }

 .oficiu-help {
   font-size: .75rem;
   color: #6b7280;
   margin-top: .6rem;
 }

 .oficiu-results {
   flex: 1 1 auto;
 }

 .oficiu-results-head h2 {
   font-size: 1.1rem;
 }

 .oficiu-count {
   font-size: .8rem;
   color: #6b7280;
 }

 .oficiu-list {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }

 .oficiu-item {
   background: #fff;
   border: 1px solid #e4e6ed;
   border-radius: .75rem;
   padding: 1rem 1.1rem .75rem;
 }

 .oficiu-item h3 {
   font-size: 1rem;
   margin-bottom: .25rem;
 }

 .oficiu-item p {
   margin-bottom: .25rem;
   font-size: .82rem;
 }

 @media (max-width: 991.98px) {
   .oficiu-shell {
     flex-direction: column;
   }

   .oficiu-filters {
     position: static;
     width: 100%;
   }
 }

 .oficiu-tabs {
   display: flex;
   gap: 0;
   background: #efefef;
   border: 1px solid #d8d8d8;
   border-radius: .3rem;
   overflow: hidden;
   margin-bottom: 1rem;
 }

 .oficiu-tab-btn {
   flex: 1 1 0;
   border: none;
   background: transparent;
   padding: .6rem .75rem;
   text-align: center;
   font-size: .8rem;
   color: #333;
   transition: .15s;
 }

 .oficiu-tab-btn.active {
   background: #777;
   color: #fff;
 }

 .oficiu-panel {
   display: none;
   background: #fff;
   border: 1px solid #d8d8d8;
   border-radius: .35rem;
   padding: .75rem;
   margin-bottom: 1rem;
 }

 .oficiu-panel.active {
   display: block;
 }

 .oficiu-form-row {
   display: flex;
   gap: .6rem;
   align-items: center;
 }

 .oficiu-form-row .form-select,
 .oficiu-form-row .form-control {
   min-width: 180px;
 }

 .oficiu-hint {
   font-size: .7rem;
   color: #6b7280;
   margin-top: .35rem;
 }

 .oficiu-results-table h2 {
   font-size: 1rem;
   margin-bottom: .5rem;
 }

 .oficiu-results-table h3 {
   font-size: .85rem;
   margin-bottom: .4rem;
 }

 .oficiu-table th {
   font-size: .74rem;
 }

 .oficiu-table td {
   font-size: .74rem;
   vertical-align: middle;
 }

 .oficiu-detail-link {
   color: #d82929;
   text-decoration: none;
   font-weight: 500;
 }

 .oficiu-detail-link:hover {
   text-decoration: underline;
 }

 .oficiu-head {
   border-bottom: 1px solid #e2e2e2;
   margin-bottom: 1rem;
 }

 .oficiu-head h2 {
   font-size: 1.5rem;
   margin-bottom: .25rem;
 }

 .oficiu-head p {
   font-size: .8rem;
   color: #555;
   margin-bottom: .7rem;
 }

 @media (max-width: 991.98px) {
   .oficiu-form-row {
     flex-direction: column;
     align-items: flex-start;
   }

   .oficiu-form-row .form-select,
   .oficiu-form-row .form-control {
     max-width: 100%;
     width: 100%;
   }

   .oficiu-tab-btn {
     text-align: center;
   }

   .oficiu-tabs {
     flex-wrap: wrap;
   }
 }

 @media (max-width: 768px) {
   .oficiu-tabs {
     flex-wrap: wrap;
   }

   .oficiu-form-row {
     flex-direction: column;
     align-items: stretch;
   }

   .oficiu-form-row .form-select,
   .oficiu-form-row .form-control,
   .oficiu-btn {
     width: 100%;
   }
 }