/* ? ==================== TOPO ==================== */
header .logo-desktop,header .logo-mobile-menu{width:220px;margin:1rem 0}
@media screen and (min-width: 992px) {
  header .nav-link {font-size: 1.125rem;}
  header .nav-link:hover, header .nav-link:focus-visible, header .nav-link.active {background: rgba(176, 190, 205, 0.20);}
  /* ? HOME */
  header.header-home:not(.headerFixed) {position: absolute;top: 0;left: 0;width: 100%;z-index: 999;}
  header.header-home:not(.headerFixed) #header-nav {background: rgba(23, 19, 14, 0.45);}
  header.header-home:is(.headerFixed) #header-nav {background-color: var(--primary-color);}
  header.header-home .logo-desktop,header .logo-mobile-menu{filter: brightness(0) invert(1);}
  .header-home .nav-link {color: #fff;}
  .header-home .nav-link:hover, .header-home .nav-link:focus-visible, .header-home .nav-link.active {color: #1AFAFA;}
  .header-home .widget__cart a{color: #fff; transition: var(--transition);}
  .header-home .widget__cart a:hover, .header-home .widget__cart a:focus-visible {color: #1AFAFA; background: rgba(176, 190, 205, 0.20);}
  
  /* ? PAGES */
  header.header-pages:is(.headerFixed) #header-nav {background-color: var(--light);}
}
@media screen and (max-width: 768px) { 
  header {position: sticky; top: 0; z-index: 999; background: var(--dark);}
  header .logo-desktop,header .logo-mobile-menu{width:160px;margin:1rem 0}
  header .widget__cart a {color: #fff; }

}
/* ? ================== FIM TOPO ================== */

/* ? ==================== FOOTER ==================== */
.bg-footer{background-color: #17130E;}
footer .logo-desktop{width:220px;}
footer .logo-text {color: #C3C3C3;}
footer h3{margin-top:0;font-size:1rem;color: #6C6C6C;font-family: var(--primary-font);}
footer .footer__nav li a:not(.btn){display:block;padding:5px 0;font-size:.875rem;color:var(--light);transition:.3s}
footer .footer__nav li a i{font-size:.625rem}
footer .footer__nav li a:hover{color:var(--secondary-color-light)}
footer .address :is(span,a):not(.btn){color:var(--light);font-size:.875rem;line-height:25px;transition:.3s}
footer .address a:not(.btn):hover{color:var(--secondary-color-light)}

.copyright-footer .btn.selos { min-height: unset; }
@media screen and (max-width: 992.05px) {
  footer .social { justify-content: center; }
}
/* ? ================== FIM FOOTER ================== */

.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:not(.no-subtitle){display:block;font-size:.9rem;color:#000;line-height:1rem;letter-spacing:.25rem;text-transform:uppercase}

.sub-title-list {color: #A39E99; font-size: 1rem; display: block; margin-bottom: 1rem; padding-left: 1rem; position: relative;}
.sub-title-list::after {content: ''; width: 8px;  height: 8px; background: #A39E99; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.text-center .sub-title-list {width: fit-content; margin: 1rem auto;}

.bg-lighter {background-color: #EEE;}

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

.fs-48{font-size: clamp(2rem, 0.6659rem + 3.7647vw, 3rem);}

.text-grey {color: #6C6C6C;}

/* * ==================== BLOG ==================== */
.nav-blog-categ.nav-pills .nav-link.active, .nav-blog-categ.nav-pills .show>.nav-link {--bs-nav-pills-link-active-color: var(--primary-color-darker);--bs-nav-pills-link-active-bg: rgba(49, 41, 30, 0.08);}
.nav-blog-categ.nav-pills .nav-link:hover {background: rgba(49, 41, 30, 0.08);color: var(--primary-color-darker);}

/* ? CARD */
.card-blog {background: #FAFAFA;border: 1px solid #EEE;}
.card-blog .card-img {height: 340px;}
.card-blog img {transition: var(--transition);}
.card-blog .card-title {color: #6C6C6C; transition: var(--transition);}
.card-blog .btn-categ {background: rgba(49, 41, 30, 0.08);color: var(--primary-color-darker);}
.card-blog .btn-categ:hover, .card-blog .btn-categ:focus-visible, .card-blog:hover .btn-categ, .card-blog:focus-within .btn-categ{background:#B7CDC0;color: var(--secondnary-color-dark);}
.card-blog .btn-categ:focus-visible{box-shadow: 0 0 0 .25rem rgba(183, 205, 192, .5);}
.card-blog:hover img, .card-blog:focus-within img{transform: scale(1.1);}
.card-blog:hover .card-title, .card-blog:focus-within .card-title{color: #4A4848;}
.card-blog:hover .btn-card, .card-blog:focus-within .btn-card{background: rgba(49, 41, 30, 0.08);}
.card-blog .btn-card:focus-visible{box-shadow: 0 0 0 .25rem rgba(49, 41, 30, .5);}
/* * ================== FIM BLOG ================== */

/* * ==================== PRODUTOS ==================== */
.aside-personalizado {background: #f6f6f6;}
.aside-personalizado .aside-sig-fixed .aside__nav li a{color: #000;  border: none; background: none;}
.aside-personalizado .aside-sig-fixed .aside__nav li a:hover{color: var(--secondary-color);}

/* ? CARD */
.card-prod {height: 460px;}
.card-prod img {transition: var(--transition);}
.card-prod::after, .card-prod::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;transition: var(--transition);z-index: 1;}
.card-prod::after {background: linear-gradient(180deg, rgba(36, 36, 36, 0.68) 5.12%, rgba(138, 138, 138, 0.00) 37.22%), linear-gradient(0deg, rgba(36, 36, 36, 0.68) 15.86%, rgba(138, 138, 138, 0.00) 45.71%); opacity: 1;}
.card-prod::before {background: linear-gradient(0deg, rgba(10, 10, 10, 0.45) 0%, rgba(10, 10, 10, 0.45) 100%), linear-gradient(180deg, rgba(36, 36, 36, 0.68) 5.12%, rgba(138, 138, 138, 0.00) 37.22%), linear-gradient(0deg, rgba(36, 36, 36, 0.68) 15.86%, rgba(138, 138, 138, 0.00) 45.71%); opacity: 0;}
.card-prod .card-title {left: 50%; transform: translateX(-50%); bottom: 5%; width: 95%;transition: var(--transition);}
.card-prod .btn-card {left: 50%; transform: translateX(-50%); bottom: -50%; ;--bs-btn-color:#1AFAFA;--bs-btn-bg: rgba(176, 190, 205, 0.20);--bs-btn-border-color: rgba(176, 190, 205, 0.20);--bs-btn-hover-color:#1AFAFA;--bs-btn-hover-bg:rgba(176, 190, 205, .5);--bs-btn-hover-border-color:rgba(176, 190, 205, .5);--bs-btn-focus-shadow-rgb:176, 190, 205;--bs-btn-active-color:#000;--bs-btn-active-bg:rgba(176, 190, 205, .5);--bs-btn-active-border-color:rgba(176, 190, 205, .5);--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg: rgba(176, 190, 205, 0.20);--bs-btn-disabled-border-color: rgba(176, 190, 205, 0.20)}
.card-prod:hover img, .card-prod:focus-within img {transform: scale(1.1);}
.card-prod:hover::after, .card-prod:focus-within::after {opacity: 0;}
.card-prod:hover::before, .card-prod:focus-within::before {opacity: 1;}
.card-prod:hover .card-title, .card-prod:focus-within .card-title {bottom: 15%;}
.card-prod:hover .btn-card, .card-prod:focus-within .btn-card {bottom: 5%;}
@media screen and (max-width: 768px) {
  .card-prod img, .card-prod:hover img, .card-prod:focus-within img {transform: scale(1.1);}
  .card-prod::after, .card-prod:focus-within::after {opacity: 0;}
  .card-prod::before, .card-prod:focus-within::before {opacity: 1;}
  .card-prod .card-title, .card-prod:focus-within .card-title {bottom: 15%;}
  .card-prod .btn-card, .card-prod:focus-within .btn-card {bottom: 5%;}
}
/* * ================== FIM PRODUTOS ================== */

/* * ==================== SOBRE NOS ==================== */
.card-expertise {background: #95B4A2;}
.card-expertise .card-header::after{content: ''; position: absolute; bottom: -40%; left: 0; display: block; width: 50px; height: 1px; background: #eee}
.bg-logo {background: url(../imagens/bg-logo.webp) no-repeat  bottom left/contain;}
@media screen and (min-width: 992px) { 
  .row-sobre {background-image: url(../imagens/sobre-nos.webp); background-repeat: no-repeat; background-position: bottom left; background-size: contain; background-position-x: 100%;}
}
/* * ================== FIM SOBRE NOS ================== */

/* * ==================== HOME ==================== */
@media screen and (min-width: 992px) {.container-home .row-sobre {margin-top: -200px; z-index: 3; position: relative;}}
/* * ================== FIM HOME ================== */

/* ? ==================== BANNER-VIDEO ==================== */
.video-banner {position: relative;width: 100%;max-width: 100%;height: 800px;overflow: hidden;}
.video-banner::after {content: "";position: absolute;top: 0;left: 0;z-index: 0;width: 100%;background: linear-gradient(0deg, rgba(38, 32, 23, 0.80) 0%, rgba(38, 32, 23, 0.80) 100%);height: 100%;}
.video-banner .title__banner {font-size: 3.5rem;font-weight: 900; line-height: 1.1em;}
.video-banner .title__banner>span {color: var(--secondary-color-light);}
.video-banner p {font-size: 1.375rem;}
.video-banner .text-video {width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 99;}
.video-banner .btn-banner {color: #fff;}
.video-banner .btn-banner:hover, .video-banner .btn-banner:focus-visible {border-bottom: 1px solid currentColor;}
/* ? ================== FIM BANNER-VIDEO ================== */