header .logo-desktop,header .logo-mobile-menu{width:160px;margin:1rem 0}

.navbar-expand-lg .navbar-nav .nav-link:hover{color: var(--primary-color);}
.navbar-expand-lg .navbar-nav .nav-link:not(.dropdown-toggle) {
  position: relative;
  overflow: hidden;
}

.navbar-expand-lg .navbar-nav .nav-link:not(.dropdown-toggle)::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 2px;
  background:var(--primary-color);
  transition: width 0.3s ease, right 0.3s ease;
}

.navbar-expand-lg .navbar-nav .nav-link:not(.dropdown-toggle):hover::after {
  width: 100%;
  right: auto;
  left: 0;
}
/* FOOTER */
footer{border-top: 1.5px solid var(--Neutral-color-neutral-200, #BDBDBD);
background: var(--Background-color-background-300, #F7F7F7);}
footer .logo-desktop{max-width:200px;}
footer h3{margin-top:0;font-size:1.125rem;color:#C2C3C3;}
footer .footer__nav li a:not(.btn){display:block;padding:5px 0;font-size:.875rem;color:var(--dark);transition:.3s}
footer .footer__nav li a i{font-size:.625rem}
footer .footer__nav li a:hover{color:var(--secondary-color)}
footer .address :is(span,a):not(.btn){color:var(--dark);font-size:.875rem;line-height:25px;transition:.3s}
footer .address a:not(.btn):hover{color:var(--secondary-color)}
footer .icon {
    
    background: var(--Background-color-background-500, #ECECEC);
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;

  }
footer .social__icon{background-color:#ECECEC  !important ; color: var(--primary-color) !important; border-radius: 4px !important;}
.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}

.btn-svg {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px 6px 36px;

  border-radius: var(--Border-radius-4px, 4px);
  background: var(--Primary-color-primary-50, #E7E7ED);

  box-shadow: 
    var(--xs-X, 0)
    var(--xs-Y, 1px)
    var(--xs-Blur, 2px)
    var(--sm-Spread, 0)
    var(--xs-Shadow-color, rgba(83, 83, 83, 0.15));

  font-size: 14px;
  font-weight: 500;
  color: #0C1248;
}

.btn-svg::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);

  width: 20px;
  height: 20px;

  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>\
<path d='M9.92366 2.95165L10.229 3.00254L12.0611 3.91857L13.2316 4.47837L14.3511 5.03817L15.5216 5.59796L16.743 6.20865L17.9135 6.76845L19.2366 7.43003L20 7.78626V8.90585L19.0331 9.41476L17.8117 10.0254L16.8448 10.5344L14.7074 11.6031L13.7405 12.112L11.8066 13.0789L10.8397 13.5878L9.97455 13.9949L8.95674 13.486L7.98982 12.9771L5.75064 11.8575L4.78371 11.3486L2.74809 10.3308L1.78117 9.82188L0.0508906 8.95674L0 8.90585V7.78626L1.67939 6.97201L9.05852 3.35878L9.92366 2.95165Z' fill='%230C1248'/>\
<path d='M0 13.8422L0.305344 13.944L2.23919 14.9109L3.20611 15.4198L5.24173 16.4377L6.20865 16.9466L8.24427 17.9644L9.2112 18.4733L9.92366 18.8295L10.1781 18.7786L12.3155 17.7099L13.2824 17.201L15.3181 16.1832L16.285 15.6743L18.3206 14.6565L19.2875 14.1476L19.8982 13.8422H20V14.9109L18.8804 15.5216L16.2341 16.8448L15.2672 17.3537L13.3333 18.3206L12.3664 18.8295L10.229 19.8982L9.97455 20L7.22646 18.626L6.25954 18.117L4.22392 17.0992L3.257 16.5903L1.22137 15.5725L0.254453 15.0636L0 14.9109V13.8422Z' fill='%230C1248'/>\
<path d='M9.92366 5.85242L10.1781 5.90331L11.8575 6.71756L13.8931 7.73537L14.9618 8.24427V9.31298L14.6565 9.2112L12.6718 8.24427L11.4504 7.63359L10.2799 7.07379L10.0763 6.97201L9.82188 7.0229L8.19338 7.83715L7.0229 8.39695L5.29262 9.26209L5.03817 9.31298V8.29517L5.24173 8.14249L6.41221 7.5827L8.75318 6.41221L9.92366 5.85242Z' fill='%23D03737'/>\
</svg>");

  background-repeat: no-repeat;
  background-size: contain;
}


.card-prod{
position: relative;
}

.card-prod:hover .btn {
  background-color: var(--primary-color);
  color: #fff;
}

.form-cta{
  border-radius: var(--Border-radius-4px, 4px);
border: 1.5px solid rgba(250, 250, 250, 0.15);
background: rgba(232, 241, 235, 0.05);
backdrop-filter: blur(4px);
}

.form-cta input,
.form-cta .form-select {
  border-radius: 16px;
  border: 1px solid rgba(169, 169, 169, 0.25);
  color: var(--light);    
  background: none;         
}

/* Placeholder (pra não ficar apagado) */
.form-cta input::placeholder {
  color: rgba(255, 255, 255, 0.45);
}

/* Options do select */
.form-cta .form-select option {
  color: var(--dark);
  background-color: #fff;
}

/* Quando o select está fechado (alguns browsers) */
.form-cta .form-select:focus {
  background-color: #fff;
  color: var(--dark);
  box-shadow: none;
}