/* ? ==================== HEADER ==================== */
header .logo-desktop,header .logo-mobile-menu{width:160px;margin:1rem 0}
header .nav-link {font-weight: 600; --bs-navbar-active-color: var(--primary-color);--bs-navbar-hover-color: var(--primary-color); }
header .nav-link:hover {color: var(--primary-color)}

/* ? ================== FIM HEADER ================== */

/* ? ==================== FOOTER ==================== */
footer{border-top: 1px solid #C2C3C3; background: linear-gradient(180deg, #FFF 0%, #C9CFD1 100%);}
footer .logo-desktop{max-width:300px;}
footer h3{margin-top:0;font-size:1.25rem;color: #393C3C}
footer .footer__nav li a:not(.btn){display:block;padding:5px 0;font-size:0.875rem;color: #393C3C;transition:.3s}
footer .footer__nav li a i{font-size:10px}
footer .footer__nav li a:hover{color:var(--primary-color-light)}
footer .contato__info-icon {height: 44px; width: 44px;min-height: 44px; min-width: 44px;}
footer .contato__info-icon i {font-size: 1.25rem; color: #fff;}
footer .contato__info a {color: #393C3C; transition: .3s; position: relative;}
footer .contato__info a:hover {color: #000;}
footer .footer-mapa iframe{width: 100%; max-width: 280px; height: 200px;}
@media screen and (max-width: 768px) {footer .logo-desktop{max-width:200px;}}
/* ? ================== FIM FOOTER ================== */

.card.card--23{all:unset;display:flex;flex-flow:column nowrap;gap:1rem;align-items:flex-start;justify-content:space-between;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;float:unset}
.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:not(.no-subtitle){display:block;font-size:.9rem;color:#000;line-height:1rem;letter-spacing:.25rem;text-transform:uppercase}
.title-subtitle span.badge{background: linear-gradient(180deg, #FFF 0%, #C9CFD1 100%); padding: .5rem; color: var(--grey); text-transform: none; letter-spacing:0; width: fit-content; font-size: 1rem; margin: 1rem 0;}
@media screen and (max-width: 768px) {.title-subtitle span.badge {margin: 1rem auto; white-space: normal;}}

/* ? ==================== CARD PROD ==================== */
.card-produto {height: 450px; position: relative; overflow: hidden; border-radius: 4px; border-color: rgba(83, 103, 108, 0.15);}
.card-produto .card-header, .card-produto .card-body, .card-produto .card-img {position: absolute; bottom: -100%; left: 0; width: 100%; transition: all .5s cubic-bezier(0.68,-0.55,0.27,1.55);}
.card-produto .card-header i {transition: all .5s cubic-bezier(0.68,-0.55,0.27,1.55);  color: #BCBCBC; font-size: 20px;}
.card-produto .card-img {top: 0%; height: 350px;}
.card-produto .card-img img {height: 100%; width: 100%; object-fit: contain;}
.card-produto .card-header{ bottom: 0; height: 100px;}
.card-produto .card-body {height: 50%;}
.card-produto:hover .card-img, .card-produto:focus .card-img,.card-produto:focus-within .card-img{top: -50%;}
.card-produto:hover .card-header, .card-produto:focus .card-header,.card-produto:focus-within .card-header{bottom: 50%;}
.card-produto:hover .card-header i, .card-produto:focus .card-header i,.card-produto:focus-within .card-header i{transform: rotate(-180deg); color: var(--dark);}
.card-produto:hover .card-body, .card-produto:focus .card-body,.card-produto:focus-within .card-body{bottom: 0%;}

@media screen and (max-width: 768px) {
  .card-produto .card-img, .card-produto:hover .card-img,.card-produto:focus .card-img,.card-produto:focus-within .card-img{top: -50%;}
  .card-produto .card-header, .card-produto:hover .card-header,.card-produto:focus .card-header,.card-produto:focus-within .card-header{bottom: 50%;}
  .card-produto .card-header i, .card-produto:hover .card-header i,.card-produto:focus .card-header i,.card-produto:focus-within .card-header i{transform: rotate(-180deg); color: var(--dark);}
  .card-produto .card-body, .card-produto:hover .card-body,.card-produto:focus .card-body,.card-produto:focus-within .card-body{bottom: 0%;}
}

/* ? ================== FIM CARD PROD ================== */

/* * ==================== QUEM SOMOS ==================== */
.img-quem-somos {height: 650px; border-radius: 12px;}
/* * ================== FIM QUEM SOMOS ================== */

/* * ==================== HOME ==================== */
/* ? PROD */
.bg-prod-home {background: radial-gradient(39.14% 50% at 50% 50%, #FFF 0%, rgba(201, 207, 209, 0.20) 100%); position: relative; overflow: hidden;}
.bg-prod-home::after, .bg-prod-home::before {content: '';border-radius: 100%; opacity: 0.5; background: rgba(83, 103, 108, 0.10); width: 800px; height: 800px; position: absolute; z-index: 1;}
.bg-prod-home::after {top: -300px; left: -300px;}
.bg-prod-home::before {bottom: -300px; right: -300px;}
#prod-tab * {font-family: var(--primary-font);}
#prod-tab .nav-link {color: var(--dark); font-weight: 600;}
#prod-tab .nav-link.active {color: var(--primary-color);}

/* ? CARD MEKTON */
.card-mekton {position: relative; height: 400px; transition: .3s;}
.card-mekton::after, .card-mekton::before {content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: .3s;}
.card-mekton::after {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 36.19%, rgba(0, 0, 0, 0.40) 81.59%), rgba(5, 5, 5, 0.20); opacity: 1;}
.card-mekton::before {content:"\f002";padding-top:20px;color:#fff;font-family:FontAwesome;font-size:1.75rem;display:flex;justify-content:center;align-items:center;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 36.19%, rgba(0, 0, 0, 0.60) 81.59%), rgba(5, 5, 5, 0.70); opacity:0;}
.card-mekton:hover, .card-mekton:focus {transform: translateY(-15px);}
.card-mekton:hover::after, .card-mekton:focus::after {opacity: 0;}
.card-mekton:hover::before,.card-mekton:focus::before {opacity: 1; padding-top: 0;}
/* * ================== FIM HOME ================== */

/* ? ==================== BANNER ==================== */
.splide-banner-custom {background: linear-gradient(252deg, #FFF 0.92%, #C9CFD1 99.08%);}
.splide-banner-custom .row{--bs-gutter-x: 117px}
.splide-banner-custom .banner-title{font-size: 2.5rem;}
.splide-banner-custom .banner-img img {height: 700px; width: 80%; object-fit: contain;}
.splide-banner-custom .banner-img::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 500px; width: 500px; border-radius: 100%; background: linear-gradient(161deg, #800000 17.41%, rgba(128, 0, 0, 0.00) 81.58%); box-shadow: 0 0 13.043px 4.348px rgba(128, 0, 0, 0.15), 0 0 21.739px 8.695px rgba(255, 255, 255, 0.40) inset; z-index: -1;}

/* ? CARD */
.card-diferencias { width: 200px;border-radius: 12px; border: 0.711px solid rgba(128, 0, 0, 0.45); background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(201, 207, 209, 0.65) 100%); box-shadow: 0 0 10.661px 0 rgba(128, 0, 0, 0.20), 0 0 14.214px 0 rgba(128, 0, 0, 0.10) inset; backdrop-filter: blur(6px);}
.card-diferencias .card-title {font-size: 1rem;}
.card-diferencias .card-text {font-size: 0.75rem;}
.card-diferencias-0 {top: 20%; left: -5%;}
.card-diferencias-1 {top: 10%; right: 5%;}
.card-diferencias-2 {bottom: 0; left: 30%;}
/* ? ================== FIM BANNER ================== */