/* ? ==================== TOPO ==================== */
header .logo-desktop,
header .logo-mobile-menu {
  width: 160px;
  margin: 1rem 0
}

@media screen and (min-width: 992px) {
  header {
    background: rgba(250, 250, 250, 0.90);
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.04);
    backdrop-filter: blur(5px);
    position: relative;
    z-index: 1;
  }

  header .navbar-nav {
    --bs-nav-link-color: #fff
  }

  header .navbar-nav .nav-link {
    color: var(--dark);
  }
  
  header .navbar-nav .nav-link:hover {
    color: var(--primary-color);
  }
  
  header .navbar-nav .nav-link.active {
    color: var(--primary-color);
    border-radius: 20px;
    background: rgba(1, 76, 60, 0.15);
  }
}

@media screen and (max-width: 768px) {
  header {
    background: var(--bs-body-bg);
  }
}

/* FOOTER */
footer {
  background-color: #1A1A1A;
  border-radius: 50px 50px 0 0;
}

footer .logo-desktop {
  max-width: 200px;
  filter: brightness(100);
}

footer h3 {
  margin-top: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--light);
  font-family: var(--primary-font);
}

footer .footer__nav li a:not(.btn) {
  display: block;
  padding: 5px 0;
  font-size: 1rem;
  color: var(--light);
  transition: .3s
}

footer .footer__nav li a i {
  font-size: 1rem;
}

footer .footer__nav li a:hover {
  color: var(--primary-color)
}

footer .address :is(span, a):not(.btn) {
  color: var(--light);
  font-size: 1rem;
  line-height: 25px;
  transition: .3s
}

footer .address a:not(.btn):hover {
  color: var(--primary-color)
}

.copyright-footer {
    background-color: #1A1A1A;

}

.copyright-footer .btn.selos {
  min-height: unset;
}

@media screen and (max-width: 992.05px) {
  footer .social {
    justify-content: center;
  }
}


.card.card--23{all:unset;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:space-between;flex-flow:column nowrap;gap:1rem;background-color:var(--dark);background-image:linear-gradient(-45deg,var(--dark),var(--grey)),var(--card-background);background-size:cover;background-repeat:no-repeat;background-position:center;background-blend-mode:multiply,normal;border-radius:1rem;padding:1rem;position:relative;height:100%}
.card.card--23:focus-within,.card.card--23:hover{box-shadow:0 0 0 2px var(--secondary-color)}
.card.card--23 .card__title{color:#fff;font-size:1.25rem;text-shadow:0 0 .25rem var(--dark);margin:0;min-height:calc(1.25rem * 2 * 1.3)}
.card.card--23 .card__link{z-index:1;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;flex-flow:row nowrap;padding:.5rem .75rem;font-size:.875rem;text-transform:uppercase;transition:var(--transition);color:var(--light);font-weight:600;border:2px solid currentColor;border-radius:99px}
.card.card--23 .card__link>span{width:0;max-width:fit-content;opacity:0;transition:var(--transition)}
.card.card--23 .card__link:focus>span,.card.card--23 .card__link:hover>span{width:100px;opacity:1;margin-right:.5rem}
.card.card--23 .card__link::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;backface-visibility:visible}
.card.card--23 .card__link:focus,.card.card--23 .card__link:hover{border-color:var(--primary-color);background-color:var(--primary-color)}

.shadow-19{box-shadow:rgba(50,50,93,.25) 0 2px 5px -1px,rgba(0,0,0,.3) 0 1px 3px -1px}

.title-subtitle{margin-bottom:0}
.title-subtitle span{display:block;font-size:.9rem;color:#000;line-height:1rem;letter-spacing:.25rem;text-transform:uppercase}

/* ================= CLIENTES ================= */
.clientes .clientes__item{display:grid;place-items:center;padding:1rem;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);overflow:hidden}
.clientes .clientes__item img{width:100%;aspect-ratio:1/1;object-fit:contain;margin:0 auto;opacity:.75;border-radius:var(--bs-border-radius-sm);transition:opacity var(--transition)}
.clientes .clientes__item:hover img{opacity:1}

/* ================= DEPOIMENTOS ================= */
.testimonial .testimonial-author-image {
  width: 100%;
  max-width: 64px;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 999px;
}

.product-card {
  overflow: hidden;
  height: 350px;
}

.product-card img {
  overflow: hidden;
  height: 350px;
}

.product-card .card-title {
  font-size: 1.125rem;
  text-align: center;
  margin: 0;
  font-family: var(--secondary-font);
}

.product-card:hover .card-title {
  color: var(--primary-color);
}

.product-card .card-body {
  transition: all .35s ease;
}

.product-card .card-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all .35s ease;
}

.product-card .card-content p {
  font-size: 1rem;
  color: var(--grey);
  text-align: center;
}

.product-card:hover .card-content {
  opacity: 1;
  max-height: 160px;
}

.product-card:hover .card-body {
  transform: translateY(-5px);
}

.contato-img {
    height: 100%;
    width: auto;
    position: relative;
    left: 11rem;
    top: 4rem;
}

@media screen and (max-width: 768px) {
  .contato-img{
    left: 0;
  }
}
