.ul-catalogo{
    background: url(../img/Quem_somos_10.jpg) no-repeat center center;
    background-size: cover;
    padding: clamp(50px, 9.98vw, 190px) 0 clamp(40px, 9.46vw, 180px);
    text-align: center;
    position: relative;
    z-index: 1;
}
.ul-section-title{
    font-weight: 800;
    font-size: clamp(20px, 2.63vw, 50px);
    color: var(--ul-black);
    letter-spacing: -0.04em;
    font-family: var(--font-quicksand);
}
.ul-section-title-top{
    font-weight: 800;
    font-size: clamp(20px, 2.63vw, 50px);
    color: var(--ul-black);
    margin-bottom: 1px !important;
    letter-spacing: -0.04em;
    font-family: var(--font-quicksand);
}
.ul-section-descr {
    font-size: clamp(13px, 0.95rem, 16px);
    font-weight: 500;
    margin-bottom: 0px;
    color: var(--ul-p);
}
.ul-about-imgs .img-wrapper img {
  width: 100%;
  max-width: 900px;
  max-height: 750px; 
  min-height: 600px;   
  object-fit: cover;  
  object-position: center center; 
  border-radius: 20px; 
  display: block;
  margin-inline: auto; 
  }
  @media (max-width: 768px) {
  .ul-about-imgs .img-wrapper img {
    min-height: 300px;
  }
    .ul-section-descr {
    font-size: 0.85rem;
  }
   .ul-section-title .ul-section-title-top {
    font-size: clamp(24px, 6vw, 36px);
  }
}
.ul-about {
    background-image: url(...assets/img/background-wavy.jpg); 
    background-size: cover;
    background-repeat: no-repeat;}
.ul-about-imgs .img-wrapper {
  overflow: hidden;
  border-radius: 20px;
}

.ul-about-imgs .img-wrapper img {
  transform: scale(1.75);
  transition: transform 0.3s ease;
}
@media (max-width: 768px) {
  .ul-about-imgs .img-wrapper {
    overflow: hidden;
  }

  .ul-about-imgs .img-wrapper img {
    transform: scale(1.95);
    transition: transform 0.3s ease;
  }
}
.container-xxl {
  max-width: none;
}
#filosofiaTabs {
  display: flex;
  width: 100%;
  margin-inline: auto;
  padding: 0;
}
#filosofiaTabs .nav-item {
  flex: 1;
}
.about-us {
  font-family: var(--font-quicksand);
  margin-top: 5vh;
  margin-bottom: 10vh;
}
.filosofia-tab {
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: white;
  background-color: transparent !important;
  border: none !important;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.filosofia-tab .tab-label {
  font-weight: 700!important;
  margin-bottom: 1.4rem;
  transition: color 0.3s ease;
}
.filosofia-tab .tab-underline {
  width: 100%;
  height: 1.75px;
  background-color: rgb(156, 155, 155);
  transition: background-color 0.3s ease;
}
.filosofia-tab {
  font-size: 1.45rem;
  font-weight: 500;  
}
.filosofia-tab:hover .tab-label,
.filosofia-tab.active .tab-label {
  color: #43526e;
}
.filosofia-tab:hover .tab-underline,
.filosofia-tab.active .tab-underline {
  background-color: #43526e;
}
h2.text-white {
  margin-bottom: 3.5rem;
  font-size: 3.0rem!important;
  font-weight: 700!important;
}
@media (min-width: 1200px) {
  h2.text-white {
    margin-bottom: 6rem!important;
  }
}
#filosofiaTabs {
  margin-bottom: 5rem;
}
.tab-pane .row {
  align-items: center;
}
#filosofiaTabsContent {
  min-height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem !important;
}
#filosofiaTabsContent .tab-pane {
  width: 100%;
}
#filosofiaTabsContent h3 {
  font-size: 2.2rem!important;
  font-weight: 800!important;
  color: #43526e!important;
  margin-bottom: 1.2rem;
}
#filosofiaTabsContent p {
  font-size: 1.1rem!important;
  color: #000!important;
  font-weight: 350;
  }
  .filosofia-img {
  width: 32rem;
  height: 28rem;
  max-width: 100%;
  object-fit: cover;
  border-radius: 20px;
  margin-right: 2rem;
}
@media (max-width: 768px) {
  .filosofia-img {
    width: 100%;
    height: auto;
    max-height: 17rem;  
    margin-right: 0;
    margin-bottom: 1.5rem;
  }
}
.col-12.col-xl-11 {
  max-width: 1500px;
  margin-inline: auto;
}
#filosofiaTabsContent strong {
  font-weight: 600;
}