/* ? ==================== MENU ==================== */
@media screen and (min-width: 992px) {
    header:not(.headerFixed) {position: absolute;top: 0;left: 0;width: 100%;z-index: 999;}
    header:not(.headerFixed) #header-nav {background-color: transparent;}
    header:is(.headerFixed) #header-nav {background-color: var(--dark);}
    header .nav-link {font-size: 14px; font-style: normal; font-weight: 600; line-height: 120%; letter-spacing: 1.6px; text-transform: uppercase; color: #fff; position: relative;}
    header .navbar-nav .nav-link.active, header .nav-link:hover, header .nav-link:focus-visible {color: #fff;}
    header .nav-link::before {content: ''; width: 0; height: 2px; display: block; background: var(--primary-color); position: absolute; bottom: 0; left: 5%; transition: .3s;}
    header .nav-link:hover::before, header .nav-link:focus-visible::before, header .nav-link.active::before {width: 90%;}
}
header .logo-desktop,header .logo-mobile-menu{width:120px;margin:1rem 0;}
@media screen and (max-width: 768px) {
    header {position: sticky; top: 0; z-index: 999; background: var(--dark);}
}
/* ? ================== FIM MENU ================== */

/* ? ==================== FOOTER ==================== */
footer {background-color: #050505;padding-top: 25px; position: relative; overflow: hidden;}
footer .container {margin-bottom: 0px; padding-bottom: 0px;}
footer .title-barra::after {width: 40px; height: 2px;}
footer .logo-desktop {width: 220px; }
footer h3 {margin-top: 0;font-size: 23px;color: var(--light);}
footer .footer__nav li a:not(.btn) {display: block;padding: 5px 0;font-size: 14px;color: var(--light);transition: .3s; text-transform: uppercase; letter-spacing: 1.6px;} 
footer .footer__nav li a i {font-size: 10px;}
footer .footer__nav li a:hover,footer .footer__nav li a:focus, footer .footer__nav li a:active {color: var(--primary-color);}
footer .address :is(span, a):not(.btn) {color: var(--light);font-size: 14px;line-height: 25px;transition: .3s;}
footer .address a:not(.btn):hover, footer .address a:not(.btn):focus, footer .address a:not(.btn):active {color: var(--primary-color);}
footer .social__icon i {color: #fff;}
@media screen and (max-width: 768px) {footer .title-barra::after {margin: 5px auto;}}
@media screen and (max-width: 992px) {footer .social {justify-content: center;}}
@media only screen and (max-width:768px) {footer h3:after {margin-left: auto;margin-right: auto;}footer .address .btn {display: inline-block;margin: 1rem auto;width: auto;}}
.bg-copy {background: #0A7394;}
.copyright-footer .selos {font-size: 0.8rem;letter-spacing: 0.05rem;}
.copyright-footer img {width: 40px;}
/* ? ================== 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{display:block;font-size:.9rem;line-height:1rem;letter-spacing:.25rem;text-transform:uppercase}

.title-barra::after {content: ''; width: 89px; height: 4px; display: block; background: var(--primary-color); margin: 5px 0;}
.text-center.title-barra:after {margin: 5px auto;}

/* ? ==================== CARD SERVICOS ==================== */
.card-serv, .card-serv * {transition: .3s;}
.card-serv {height: 700px; overflow: hidden;}
.card-serv .card-body {position: absolute; bottom: -13%;}
.card-serv .card-body * {position: relative; z-index: 3;}
.card-serv .card-title {font-size: 29px; }
.card-serv::after, .card-serv::before {content: ''; position: absolute; left: 0; bottom: 0; transition: .3s; width: 100%; height: 100%;}
.card-serv::after {  opacity: 1; background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 78.51%, rgba(0, 0, 0, 0.75) 100%);}
.card-serv::before { opacity: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.67) 35.88%);}
.card-serv:hover .card-body, .card-serv:focus-within .card-body {bottom: 0;}
.card-serv:hover::before, .card-serv:focus-within::before {opacity: 1; }
.card-serv:hover::after, .card-serv:focus-within::after {opacity: 0;}
@media screen and (max-width: 768px) {
  .card-serv:hover .card-body, .card-serv:focus-within .card-body, .card-serv .card-body {bottom: 0;}
  .card-serv:hover::before, .card-serv:focus-within::before, .card-serv::before {opacity: 1; }
  .card-serv:hover::after, .card-serv:focus-within::after, .card-serv::after {opacity: 0;}
}
/* ? ================== FIM CARD SERVICOS ================== */

/* * ==================== EMPRESA ==================== */
.img-empresa {height: 500px; width: 100%; object-fit: cover;}
.effect-elipse {position: relative; overflow: hidden;}
.effect-elipse::after {content: ''; width: 600px; height: 600px; position: absolute; top: 50%; transform: translateY(-50%); right: -300px; border-radius: 100%;opacity: 0.12;background: #FAB600;filter: blur(100px);}
.container-diferenciais {border-radius: 10px; box-shadow: 0 1px 4px 0 rgba(25, 33, 61, 0.08);}
.container-diferenciais .link {color: var(--light); transition: .3s;}
.container-diferenciais .link:hover, .container-diferenciais .link:focus {color: var(--primary-color);}
.container-diferenciais .list {margin-bottom: 0;}
.container-diferenciais li::marker {color: var(--light);}
.container-politica{background: #0A7394; height: 330px;}
.container-automotivo {background: #0390B7; height: 250px;}
.container-produtos {background: linear-gradient(0deg, rgba(5, 5, 5, 0.70) 0%, rgba(5, 5, 5, 0.70) 100%), linear-gradient(180deg, rgba(41, 44, 126, 0.00) 0%, rgba(0, 0, 0, 0.80) 73.37%), url('../imagens/bg-produtos.webp') no-repeat center/cover;background-blend-mode: hard-light, normal, normal;}
@media screen and (max-width: 768px) { .container-diferenciais {height: fit-content;}}
/* * ================== FIM EMPRESA ================== */

/* ? ==================== CARD CATEG HOME ==================== */
.bg-categ-home {background: #F0F8FF;}
.card-categ-home, .card-categ-home * {transition: .3s;}
.card-categ-home {overflow: hidden; height: 480px;}
.card-categ-home::after,.card-categ-home::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: .3s; z-index: 0;}
.card-categ-home::after {background: rgba(5, 5, 5, 0.40); opacity: 1;}
.card-categ-home::before {background: rgba(5, 5, 5, 0.60); opacity: 0;backdrop-filter: blur(5px);}
.card-categ-home img {width: 100%; height: 100%; object-fit: cover;}
.card-categ-home .card-title, .card-categ-home .card-text, .card-categ-home .btn {position: absolute; text-align: center; left: 50%; transform: translateX(-50%); bottom: -50%; z-index: 1;}
.card-categ-home .card-title {bottom: 50%;font-size: 23px; color: #fff; width: 95%;}
.card-categ-home .card-title::after {content: ''; width: 140px; height: 2px; background: var(--primary-color); display: block; margin: 5px auto;}
.card-categ-home .card-text {color: #fff; font-size: 16px; width: 95%;}
.card-categ-home .btn { width: 70%;}
.card-categ-home:hover .card-title, .card-categ-home:focus-within .card-title {bottom: 65%;}
.card-categ-home:hover .card-text, .card-categ-home:focus-within .card-text {bottom: 50%;}
.card-categ-home:hover .btn, .card-categ-home:focus-within .btn {bottom: 35%;}
.card-categ-home:hover:after, .card-categ-home:focus-within:after {opacity: 0;}
.card-categ-home:hover:before, .card-categ-home:focus-within:before {opacity: 1;}
@media screen and (max-width: 768px) {
  .card-categ-home .card-title, .card-categ-home:hover .card-title, .card-categ-home:focus-within .card-title {bottom: 65%;}
  .card-categ-home .card-text, .card-categ-home:hover .card-text, .card-categ-home:focus-within .card-text {bottom: 50%;}
  .card-categ-home .btn, .card-categ-home:hover .btn, .card-categ-home:focus-within .btn {bottom: 35%;}
  .card-categ-home:after, .card-categ-home:hover:after, .card-categ-home:focus-within:after {opacity: 0;}
  .card-categ-home:before, .card-categ-home:hover:before, .card-categ-home:focus-within:before {opacity: 1;}
}
/* ? ================== FIM CARD CATEG HOME ================== */

/* ? ==================== CARD DIFERENCIAS HOME ==================== */
.card-dif-home {border-radius: 2px; border: 1px solid #E7E7E7;background: #F6F6F6;}
/* ? ================== FIM CARD DIFERENCIAS HOME ================== */

/* ? ==================== BANNER ==================== */
.splide-banner::after {content: ''; position: absolute; bottom: 0; left: 0; background: url('../imagens/slider/banner-effect.webp') no-repeat bottom; width: 100%; height: 124px; z-index: 0;}
/* ? ================== FIM BANNER ================== */