/* =============================== HEADER =============================== */
/* MENU */
.headerFixed,
.headerScroll {
  background-color: #fff
}

header .logo-desktop,
header .logo-mobile-menu {
  width: 200px
}



.nav-link,
.widget__cart--btn {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase
}

@media screen and (min-width: 768px) {
  header:not(.headerFixed, .headerScroll) .nav-link,
  header:not(.headerFixed, .headerScroll) .widget__cart--btn {
    color: #fff
  }

  header:not(.headerFixed) .logo-desktop {
  filter: brightness(0) invert(1)
}
}

@media screen and (max-width: 768px) {
  header:not(.headerFixed, .headerScroll) {
    background-color: #000;
  }
}


header .active-menu-topo,
header .nav-link:hover,
header .widget__cart--btn:hover {
  color: var(--primary-color)
}

/* MENU DESKTOP */
@media screen and (min-width: 992px) {
  header .dropdown-item:focus,header .dropdown-item:hover{background-color:var(--secondary-color);color:#fff}
}

/* ================= BREADCRUMB ================= */
.bread{padding:152px 0 2.625rem;background-color:var(--secondary-color);background-image:var(--bread-image, url('../imagens/bread/default.webp'));background-position:center;background-repeat:no-repeat;background-size:cover}

.bread__row{display:flex;justify-content:center;align-items:center;flex-flow:column nowrap;gap:.5rem}
.bread__title{color:#fff;position:relative;font-weight:700;line-height:1.2;margin:unset}
.bread__title::after{content:"";display:block;width:15%;min-width:3rem;height:.25rem;margin:.5rem auto 0;background-color:currentColor}
.bread .bread__column:first-child:before{content:"\e3af";font-family:FontAwesome;font-size:12px;margin-right:4px}
.bread .bread__column:not(:last-child)::after{content:"\f054";font-family:FontAwesome;margin-left:2px;font-size:12px}

#breadcrumb{padding:.625rem;border-radius:10px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px)}
#breadcrumb .bread__column *,#breadcrumb :is(li,a){color:#fff;transition:var(--transition)}
#breadcrumb .bread__column a:hover *,#breadcrumb a:hover{color:var(--tertiary-color);text-decoration:underline}
#breadcrumb .bread__column.active{font-weight:700}

@media screen and (max-width: 768px) {
  .bread{min-height:fit-content;padding:4rem 0}
}

@media screen and (max-width: 576px) {
  .bread__row{flex-flow:column nowrap;justify-content:space-between;gap:1rem}
  #breadcrumb,.bread__title{max-width:unset;text-align:center;justify-content:center}
}

.splide-banner .banner__wave {
  position: absolute;
  bottom: 0;
}

/* CLIENTES */
.clientes {padding: 32px 0;}
.clientes__title {margin: 0 0 30px 0;}
.clientes__item {display: flex !important;justify-content: center;align-items: center;width: 100%;aspect-ratio: 1/1;padding: 8px;margin: 0 10px;background-color: #fff;}
.clientes__carousel {padding: 0 16px;}
.clientes__image {max-width: 100%;max-height: 100%;}
/* FIM CLIENTES */

.card.card--mod-21 {transition: 0.35s; position: relative;border-radius: .25rem;overflow: hidden}
.card.card--mod-21 .card__image {transition: 0.35s; display: block;width: 100%;aspect-ratio: 4/4;object-fit: cover}
.card.card--mod-21 .card__title {transition: 0.35s; margin: 0;padding: .75rem;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;bottom: 0;width: 100%;height: calc((1.125rem * 3)*1.3);font-size: 1.125rem;text-align: center;color: #fff;background-color: var(--primary-color);line-height: 1.3;}
.card.card--mod-21 .card__title::after {transition: 0.35s; content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;border: 2px solid #fffC;opacity: 0;border-radius: .25rem;transition: all .3s ease-out;transition-delay: 0s}
.card.card--mod-21:focus .card__title,
.card.card--mod-21:hover .card__title {transition: 0.35s; height: 100%;}
.card.card--mod-21:hover .card__title::after {transition: 0.35s; width: calc(100% - 2rem);height: calc(100% - 2rem);margin: 1rem;opacity: 1;transition-delay: .2s}

.card--mod-23 {position: relative;background-color: var(--primary-color);border-radius: .5rem;height: 100%;width: 100%;transition: 0.35s;}
.card--mod-23 .card__image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;object-fit: cover;filter: grayscale(1);mix-blend-mode: multiply;transition: .3s ease-out;border-radius: .5rem; }
.card--mod-23:focus-within,
.card--mod-23:hover {background-color: var(--secondary-color);box-shadow: 0 0 0 2px var(--secondary-color);border-radius: .5rem;}
.card--mod-23 .card__description {position: relative;z-index: 1;display: flex;flex-flow: column nowrap;justify-content: space-between;gap: .75rem;padding: 1rem;height: 100%;border-radius: .5rem;}
.card--mod-23 .card__title {color: #fff;font-size: 1.125rem;text-shadow: 0 0 .25rem var(--dark);line-height: 1.3;margin: 0}
.card--mod-23 .card__link {width: 2.5rem;height: 2.5rem;border-radius: 999px;background-color: #fff;color: var(--primary-color);font-size: 1.125rem;display: flex;align-items: center;justify-content: center;border: 2px solid transparent;transition: .3s ease-out;}
.card--mod-23 .card__link:active,
.card--mod-23 .card__link:focus,
.card--mod-23 .card__link:hover {background-color: var(--primary-color);color: #fff;border-color: currentColor}

/* =============================== CARD =============================== */
.card--mod-16 {display: block;color: #fff;outline: transparent solid 2px !important;outline-offset: 1px;border-radius: .5rem;background-color: var(--light);transition: .3s;overflow: hidden}
.card--mod-16:hover {background-color: var(--secondary-color)}
.card--mod-16:active,
.card--mod-16:focus {outline: var(--secondary-color) solid 2px !important;outline-offset: 1px;background-color: var(--secondary-color)}
.card--mod-16 .card__image {aspect-ratio: 1/1;object-fit: cover;width: 100%}
.card--mod-16:hover .card__image {opacity: .8}
.card--mod-16 .card__title {align-items: center;color: inherit;display: flex;font-size: .875rem;line-height: 1.3;min-height: calc((.875rem * 3) * 1.3);justify-content: center;margin: 0;padding: .5rem .75rem;text-align: center;color: #fff;background-color: var(--primary-color);transition: 0.3s;}
.card--mod-16:hover .card__title {background-color: var(--primary-color-dark);}
.shadow-19 {box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.title-subtitle {margin-bottom: 0px;}
.title-subtitle span {display: block;font-size: 0.9rem;color: black;line-height: 1rem;letter-spacing: 0.25rem;text-transform: uppercase;}

.title-upperscore{position:relative}
.title-upperscore::before{content:"";display:block;width:15%;min-width:3rem;height:.25rem;margin-bottom:.5rem;background-color:var(--primary-color)}
.title-upperscore.title-upperscore--full::before{width:100%}
.title-upperscore.text-center::before{margin-left:auto;margin-right:auto}
.title-upperscore.text-right::before{margin-left:auto}

.bg-image{background-image:var(--bg-image);background-position:center;background-size:cover}

.card-11 {
    border-radius: 1.25rem;
    background-color: var(--light);
    transition: var(--transition);
    overflow: hidden;
    min-height: 35rem;
    border: 1px solid var(--Black-100,#e7e7e7);
    box-shadow: 0 1px 4px 0 rgba(25,33,61,.08);
}
.card-11 .card__image{width:100%;height:260px;object-fit:cover;border-radius:inherit}
.card__content{padding:1.5rem}
.card-11 .card__title{min-height:calc(1.125rem * 2 * 1.3);font-size:1.125rem;font-weight:600;color:var(--grey,#606062);text-transform:uppercase}
.card-11 .card__text{font-size:16px;color:var(--grey,#606062);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card-11 .card__btn{color:var(--dark,#333);font-size:14px;text-transform:uppercase;text-decoration:none;letter-spacing:2px;font-weight:600;padding:11px 16px;background-color:transparent;transition:.4s;border-radius:10px}
.card-11 .card__btn:hover{color:var(--light,#fff);background-color:var(--primary-color,#26306d);color:var(--light)}
.card-11 .card__title:hover{color:var(--primary-color,#26306d)}