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

/* FOOTER */
footer{background-color:var(--dark);}
footer .logo-desktop{max-width:200px;filter:brightness(0) invert(1)}
footer h3{margin-top:0;font-size:1.125rem;color:var(--light)}
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(--primary-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(--primary-color-light)}

.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:var(--white);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:var(--black);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}

/* ================= DEPOIMENTOS ================= */
.testimonial .testimonial-author-image {
  width: 100%;
  max-width: 64px;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 999px;
}

/******************** PERSONALIZADO ********************/

p {
  color: var(--text-body);
}

.bread {
  padding: 2rem 0;
  margin-bottom: 0;
}

.bread .container {
  padding: 0 !important;
}

.container {
  max-width: calc(1920px * 0.75) !important; /* multiplica por 75% para chegar aos 1440px da seção do figma */
  width: 75% !important;
  margin: 0 auto !important;
}

main .container {
	padding: 5rem 0 !important;
}

@media (max-width: 991.98px) {

	.container{
		width: 100% !important;
	}
	
	main .container {
		padding: 3rem !important;
	}

}

.subtitle-line {
  width: 2rem;
  height: 2px;
  opacity: 1;
  background-color: var(--light-grey);
  border: none;
}

.btn-lg {
	border-radius: .2rem !important;
}

/******************** PERSONALIZADO ********************/

/******************** BANNER ********************/

header {
	background-color: var(--primary-color) !important;
}

/******************** BANNER ********************/

/******************** BANNER ********************/

.splide-banner .splide__content {
  align-items: start !important;
  gap: 1rem !important;
}

.splide-banner .splide__content p,
.splide-banner .splide__content h2 {
  color: var(--white);
  width: 40%;
  margin: 0 !important;
  padding: 0 !important;
}

/******************** BANNER ********************/

/******************** HOME ********************/

/* SEGMENTOS */
.segmento-card {
  padding: 1.5rem 1rem;
  border-bottom: 2px solid var(--primary-color-light);
}

.segmento-card__icone {
  object-fit: contain;
  height: 48px;
}

/* PRODUTOS */
.produtos-home {
  background-color: var(--primary-color);
}

.produtos-home .card {
    background-color: transparent;
    border-color: var(--border-on-dark);
}

.produtos-home .card-title,
.produtos-home .card-text {
    color: var(--bs-light);
}

.produtos-home .btn-lg {
	padding: 1rem 1.5rem;
	border-radius: .25rem;
	font-size: 1.125rem;
	font-weight: 500;
}

/* CTA */
.cta-home {
    padding-block: 120px;
    background-image: linear-gradient(rgba(var(--primary-color-medium-rgb), .8), rgba(var(--primary-color-medium-rgb), .8)), url(../imagens/bg-cta.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/******************** HOME ********************/

/******************** SOBRE-NOS ********************/

/* QUEM_SOMOS */
.quem-somos-sobre__row {
    --bs-gutter-x: 4rem;
}

.quem-somos-sobre__divisor {
    width: 2rem;
    border-top: 1px solid var(--bs-border-color);
}

.quem-somos-sobre__eyebrow {
    color: var(--secondary-color);
    letter-spacing: .125rem;
    font-family: var(--secondary-font);
}

.quem-somos-sobre__titulo {
  color: var(--primary-color);
  font-family: var(--secondary-font);
}

.card-mvv {
  background-color: var(--surface-muted);
  border: 0;
  border-bottom: 2px solid var(--primary-color-medium);
}


/******************** SOBRE_NOS ********************/

/******************** CONTATO ********************/

.contato-form-section {
  background-color: var(--surface-light);
}

.contato-form-section__row {
  --bs-gutter-x: 6rem;
}

.contato-mapa__img {
  border-radius: 2px;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.contato-item__icon {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: var(--primary-color);
  background-color: var(--surface-soft);
  border: 1px solid var(--border-soft);
  border-radius: .5rem;
}

.contato-item__label {
  letter-spacing: 2px;
  color: var(--text-soft);
}

.contato-form-card {
  background-color: var(--surface-soft);
  border: 1px solid var(--border-soft);
  border-radius: .5rem;
  padding: 2.25rem;
}

.contato-form__row {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 2rem;
}

.contato-form__label {
  color: var(--text-soft);
}

.contato-form-card .form-control,
.contato-form-card .form-select {
  padding: 1rem .75rem;
  border-radius: .5rem;
  border-color: var(--border-input);
}

.contato-form__submit {
  padding: 1rem 1.5rem;
  border: 1px solid var(--primary-color-light);
  border-radius: .25rem;
  background-color: var(--primary-color-light);
  color: var(--surface-light);
}

.contato-form__submit:hover,
.contato-form__submit:focus {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--surface-light);
}

/******************** CONTATO ********************/

/******************** FONTES_ADAPTADAS ********************/

/* ADAPTACAO DE 75% DO TAMANHO ENTRE AS TELAS 1920 E 992 */

.fsz-8  { font-size: clamp(6px,    calc(6px    + (8  - 6)    * ((100vw - 992px) / (1920 - 992))), 8px); }
.fsz-10 { font-size: clamp(7.5px,  calc(7.5px  + (10 - 7.5)  * ((100vw - 992px) / (1920 - 992))), 10px); }
.fsz-12 { font-size: clamp(9px,    calc(9px    + (12 - 9)    * ((100vw - 992px) / (1920 - 992))), 12px); }
.fsz-14 { font-size: clamp(10.5px, calc(10.5px + (14 - 10.5) * ((100vw - 992px) / (1920 - 992))), 14px); }
.fsz-16 { font-size: clamp(12px,   calc(12px   + (16 - 12)   * ((100vw - 992px) / (1920 - 992))), 16px); }
.fsz-18 { font-size: clamp(13.5px, calc(13.5px + (18 - 13.5) * ((100vw - 992px) / (1920 - 992))), 18px); }
.fsz-20 { font-size: clamp(15px,   calc(15px   + (20 - 15)   * ((100vw - 992px) / (1920 - 992))), 20px); }
.fsz-22 { font-size: clamp(16.5px, calc(16.5px + (22 - 16.5) * ((100vw - 992px) / (1920 - 992))), 22px); }
.fsz-24 { font-size: clamp(18px,   calc(18px   + (24 - 18)   * ((100vw - 992px) / (1920 - 992))), 24px); }
.fsz-26 { font-size: clamp(19.5px, calc(19.5px + (26 - 19.5) * ((100vw - 992px) / (1920 - 992))), 26px); }
.fsz-28 { font-size: clamp(21px,   calc(21px   + (28 - 21)   * ((100vw - 992px) / (1920 - 992))), 28px); }

/* ADAPTACAO DE 55% DO TAMANHO ENTRE AS TELAS 1920 E 992 */

.fsz-30 { font-size: clamp(16.5px, calc(16.5px + (30 - 16.5) * ((100vw - 992px) / (1920 - 992))), 30px); }
.fsz-32 { font-size: clamp(17.6px, calc(17.6px + (32 - 17.6) * ((100vw - 992px) / (1920 - 992))), 32px); }
.fsz-34 { font-size: clamp(18.7px, calc(18.7px + (34 - 18.7) * ((100vw - 992px) / (1920 - 992))), 34px); }
.fsz-36 { font-size: clamp(19.8px, calc(19.8px + (36 - 19.8) * ((100vw - 992px) / (1920 - 992))), 36px); }
.fsz-38 { font-size: clamp(20.9px, calc(20.9px + (38 - 20.9) * ((100vw - 992px) / (1920 - 992))), 38px); }
.fsz-40 { font-size: clamp(22px,   calc(22px + (40 - 22) * ((100vw - 992px) / (1920 - 992))), 40px); }
.fsz-42 { font-size: clamp(23.1px, calc(23.1px + (42 - 23.1) * ((100vw - 992px) / (1920 - 992))), 42px); }
.fsz-44 { font-size: clamp(24.2px, calc(24.2px + (44 - 24.2) * ((100vw - 992px) / (1920 - 992))), 44px); }
.fsz-46 { font-size: clamp(25.3px, calc(25.3px + (46 - 25.3) * ((100vw - 992px) / (1920 - 992))), 46px); }
.fsz-48 { font-size: clamp(26.4px, calc(26.4px + (48 - 26.4) * ((100vw - 992px) / (1920 - 992))), 48px); }
.fsz-50 { font-size: clamp(27.5px, calc(27.5px + (50 - 27.5) * ((100vw - 992px) / (1920 - 992))), 50px); }
.fsz-52 { font-size: clamp(28.6px, calc(28.6px + (52 - 28.6) * ((100vw - 992px) / (1920 - 992))), 52px); }
.fsz-54 { font-size: clamp(29.7px, calc(29.7px + (54 - 29.7) * ((100vw - 992px) / (1920 - 992))), 54px); }
.fsz-56 { font-size: clamp(30.8px, calc(30.8px + (56 - 30.8) * ((100vw - 992px) / (1920 - 992))), 56px); }
.fsz-58 { font-size: clamp(31.9px, calc(31.9px + (58 - 31.9) * ((100vw - 992px) / (1920 - 992))), 58px); }
.fsz-60 { font-size: clamp(33px,   calc(33px + (60 - 33) * ((100vw - 992px) / (1920 - 992))), 60px); }
.fsz-62 { font-size: clamp(34.1px, calc(34.1px + (62 - 34.1) * ((100vw - 992px) / (1920 - 992))), 62px); }
.fsz-64 { font-size: clamp(35.2px, calc(35.2px + (64 - 35.2) * ((100vw - 992px) / (1920 - 992))), 64px); }
.fsz-66 { font-size: clamp(36.3px, calc(36.3px + (66 - 36.3) * ((100vw - 992px) / (1920 - 992))), 66px); }
.fsz-68 { font-size: clamp(37.4px, calc(37.4px + (68 - 37.4) * ((100vw - 992px) / (1920 - 992))), 68px); }
.fsz-70 { font-size: clamp(38.5px, calc(38.5px + (70 - 38.5) * ((100vw - 992px) / (1920 - 992))), 70px); }
.fsz-72 { font-size: clamp(39.6px, calc(39.6px + (72 - 39.6) * ((100vw - 992px) / (1920 - 992))), 72px); }
.fsz-74 { font-size: clamp(40.7px, calc(40.7px + (74 - 40.7) * ((100vw - 992px) / (1920 - 992))), 74px); }
.fsz-76 { font-size: clamp(41.8px, calc(41.8px + (76 - 41.8) * ((100vw - 992px) / (1920 - 992))), 76px); }
.fsz-78 { font-size: clamp(42.9px, calc(42.9px + (78 - 42.9) * ((100vw - 992px) / (1920 - 992))), 78px); }
.fsz-80 { font-size: clamp(44px,   calc(44px + (80 - 44) * ((100vw - 992px) / (1920 - 992))), 80px); }
.fsz-82 { font-size: clamp(45.1px, calc(45.1px + (82 - 45.1) * ((100vw - 992px) / (1920 - 992))), 82px); }
.fsz-84 { font-size: clamp(46.2px, calc(46.2px + (84 - 46.2) * ((100vw - 992px) / (1920 - 992))), 84px); }
.fsz-86 { font-size: clamp(47.3px, calc(47.3px + (86 - 47.3) * ((100vw - 992px) / (1920 - 992))), 86px); }
.fsz-88 { font-size: clamp(48.4px, calc(48.4px + (88 - 48.4) * ((100vw - 992px) / (1920 - 992))), 88px); }
.fsz-90 { font-size: clamp(49.5px, calc(49.5px + (90 - 49.5) * ((100vw - 992px) / (1920 - 992))), 90px); }

/* ADAPTACAO DE 80% DO TAMANHO ENTRE AS TELAS 992 E 320 */

@media (max-width: 991.98px) {
	.fsz-8  { font-size: clamp(6.4px,  calc(6.4px  + (8  - 6.4)  * ((100vw - 320px) / (1100 - 320))), 8px); }
	.fsz-10 { font-size: clamp(8px,    calc(8px    + (10 - 8)    * ((100vw - 320px) / (1100 - 320))), 10px); }
	.fsz-12 { font-size: clamp(9.6px,  calc(9.6px  + (12 - 9.6)  * ((100vw - 320px) / (1100 - 320))), 12px); }
	.fsz-14 { font-size: clamp(11.2px, calc(11.2px + (14 - 11.2) * ((100vw - 320px) / (1100 - 320))), 14px); }
	.fsz-16 { font-size: clamp(12.8px, calc(12.8px + (16 - 12.8) * ((100vw - 320px) / (1100 - 320))), 16px); }
	.fsz-18 { font-size: clamp(14.4px, calc(14.4px + (18 - 14.4) * ((100vw - 320px) / (1100 - 320))), 18px); }
	.fsz-20 { font-size: clamp(16px,   calc(16px   + (20 - 16)   * ((100vw - 320px) / (1100 - 320))), 20px); }
	.fsz-22 { font-size: clamp(17.6px, calc(17.6px + (22 - 17.6) * ((100vw - 320px) / (1100 - 320))), 22px); }
	.fsz-24 { font-size: clamp(19.2px, calc(19.2px + (24 - 19.2) * ((100vw - 320px) / (1100 - 320))), 24px); }
	.fsz-26 { font-size: clamp(20.8px, calc(20.8px + (26 - 20.8) * ((100vw - 320px) / (1100 - 320))), 26px); }
	.fsz-28 { font-size: clamp(22.4px, calc(22.4px + (28 - 22.4) * ((100vw - 320px) / (1100 - 320))), 28px); }
	.fsz-30 { font-size: clamp(24px,   calc(24px   + (30 - 24)   * ((100vw - 320px) / (1100 - 320))), 30px); }
	.fsz-32 { font-size: clamp(25.6px, calc(25.6px + (32 - 25.6) * ((100vw - 320px) / (1100 - 320))), 32px); }
	.fsz-34 { font-size: clamp(27.2px, calc(27.2px + (34 - 27.2) * ((100vw - 320px) / (1100 - 320))), 34px); }
	.fsz-36 { font-size: clamp(28.8px, calc(28.8px + (36 - 28.8) * ((100vw - 320px) / (1100 - 320))), 36px); }
	.fsz-38 { font-size: clamp(30.4px, calc(30.4px + (38 - 30.4) * ((100vw - 320px) / (1100 - 320))), 38px); }
	.fsz-40 { font-size: clamp(32px,   calc(32px   + (40 - 32)   * ((100vw - 320px) / (1100 - 320))), 40px); }
	.fsz-42 { font-size: clamp(33.6px, calc(33.6px + (42 - 33.6) * ((100vw - 320px) / (1100 - 320))), 42px); }
	.fsz-44 { font-size: clamp(35.2px, calc(35.2px + (44 - 35.2) * ((100vw - 320px) / (1100 - 320))), 44px); }
	.fsz-46 { font-size: clamp(36.8px, calc(36.8px + (46 - 36.8) * ((100vw - 320px) / (1100 - 320))), 46px); }
	.fsz-48 { font-size: clamp(38.4px, calc(38.4px + (48 - 38.4) * ((100vw - 320px) / (1100 - 320))), 48px); }
	.fsz-50 { font-size: clamp(40px,   calc(40px   + (50 - 40)   * ((100vw - 320px) / (1100 - 320))), 50px); }
	.fsz-52 { font-size: clamp(41.6px, calc(41.6px + (52 - 41.6) * ((100vw - 320px) / (1100 - 320))), 52px); }
	.fsz-54 { font-size: clamp(43.2px, calc(43.2px + (54 - 43.2) * ((100vw - 320px) / (1100 - 320))), 54px); }
	.fsz-56 { font-size: clamp(44.8px, calc(44.8px + (56 - 44.8) * ((100vw - 320px) / (1100 - 320))), 56px); }
	.fsz-58 { font-size: clamp(46.4px, calc(46.4px + (58 - 46.4) * ((100vw - 320px) / (1100 - 320))), 58px); }
	.fsz-60 { font-size: clamp(48px,   calc(48px   + (60 - 48)   * ((100vw - 320px) / (1100 - 320))), 60px); }
	.fsz-62 { font-size: clamp(49.6px, calc(49.6px + (62 - 49.6) * ((100vw - 320px) / (1100 - 320))), 62px); }
	.fsz-64 { font-size: clamp(51.2px, calc(51.2px + (64 - 51.2) * ((100vw - 320px) / (1100 - 320))), 64px); }
	.fsz-66 { font-size: clamp(52.8px, calc(52.8px + (66 - 52.8) * ((100vw - 320px) / (1100 - 320))), 66px); }
	.fsz-68 { font-size: clamp(54.4px, calc(54.4px + (68 - 54.4) * ((100vw - 320px) / (1100 - 320))), 68px); }
	.fsz-70 { font-size: clamp(56px,   calc(56px   + (70 - 56)   * ((100vw - 320px) / (1100 - 320))), 70px); }
	.fsz-72 { font-size: clamp(57.6px, calc(57.6px + (72 - 57.6) * ((100vw - 320px) / (1100 - 320))), 72px); }
	.fsz-74 { font-size: clamp(59.2px, calc(59.2px + (74 - 59.2) * ((100vw - 320px) / (1100 - 320))), 74px); }
	.fsz-76 { font-size: clamp(60.8px, calc(60.8px + (76 - 60.8) * ((100vw - 320px) / (1100 - 320))), 76px); }
	.fsz-78 { font-size: clamp(62.4px, calc(62.4px + (78 - 62.4) * ((100vw - 320px) / (1100 - 320))), 78px); }
	.fsz-80 { font-size: clamp(64px,   calc(64px   + (80 - 64)   * ((100vw - 320px) / (1100 - 320))), 80px); }
	.fsz-82 { font-size: clamp(65.6px, calc(65.6px + (82 - 65.6) * ((100vw - 320px) / (1100 - 320))), 82px); }
	.fsz-84 { font-size: clamp(67.2px, calc(67.2px + (84 - 67.2) * ((100vw - 320px) / (1100 - 320))), 84px); }
	.fsz-86 { font-size: clamp(68.8px, calc(68.8px + (86 - 68.8) * ((100vw - 320px) / (1100 - 320))), 86px); }
	.fsz-88 { font-size: clamp(70.4px, calc(70.4px + (88 - 70.4) * ((100vw - 320px) / (1100 - 320))), 88px); }
	.fsz-90 { font-size: clamp(72px,   calc(72px   + (90 - 72)   * ((100vw - 320px) / (1100 - 320))), 90px); }
}

/******************** FONTES_ADAPTADAS ********************/

.text-justify {
    text-align: justify;
}