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

header{position: absolute; width: 100%; z-index: 1; top: 0;}

.navbar-expand-lg .navbar-nav .nav-link{color: var(--light);}
.navbar-expand-lg .navbar-nav .nav-link:hover{color: var(--secondary-color);}
.navbar-expand-lg .navbar-nav .nav-link:not(.dropdown-toggle) {
  position: relative;
  overflow: hidden;
}

.navbar-expand-lg .navbar-nav .nav-link:not(.dropdown-toggle)::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 2px;
  background:var(--secondary-color);
  transition: width 0.3s ease, right 0.3s ease;
}

.navbar-expand-lg .navbar-nav .nav-link:not(.dropdown-toggle):hover::after {
  width: 100%;
  right: auto;
  left: 0;
}

@media screen and (max-width: 768px) {
 header{position: relative;}
 .nav-link{color: var(--dark) !important;}
 header{background-color: var(--primary-color);}
 .navbar-toggler{background-color: var(--light);}
}


.headerFixed {background-color: var(--primary-color) !important;}
/* FOOTER */
footer{border-top: 2px solid  #EEE;
background: linear-gradient(0deg, #141515 0%, #282828 100%);}
footer .logo-desktop{max-width:200px;}
footer h3{margin-top:0;font-size:1.125rem;color:#BCBCBC; text-transform: uppercase;}
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)}
footer .address :is(span,a):not(.btn){color:var(--light);font-size:.875rem;line-height:25px;transition:.3s; display: flex !important; gap: 10px; align-items: center;}
footer .address a:not(.btn):hover{color:var(--secondary-color)}

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

.icons-footer{
    width: 2rem;
    height: 2rem;
    display: flex;
    color: var(--secondary-color);
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid var(--secondary-color);
    transition: .3s ease-in-out;
  }

  .icons-footer:hover{
    background-color: var(--secondary-color);
    color: var(--light);
  }

.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{display:block;font-size:.9rem;color:#000;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}

.btn-gradient{
  border-radius: 40px;
background: var(--degrad-degrad-horizontal, linear-gradient(270deg, #FF7A00 0%, #FD0 100%));
}

.btn-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    border-radius: 16px;
    border: 1px solid var(--Cores-do-Projeto-Blue-Light, #E6EAEE);
    background: #FFF;
    box-shadow: 0 0 8px rgba(176, 189, 201, 0.40);
    font-size: 16px;
    color: #777;
}

.btn-icon::before {
    content: "";
    width: 22px;
    height: 22px;
    background-image: url("../imagens/icon-btn.png");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

.diferenciais-card {
    border-radius: 8px;
    border: 1px solid  #E4E4E4;
    background: #FCFCFC;
    transition: all 0.25s ease-in-out;
}

.diferenciais-card .card-body img {
    max-width: 40px;
    height: auto;
}

.diferenciais-card:hover {
    border-radius: 8px;
    border: 1px solid #FF7A00;
    background: #012B51;
    transform: translateY(-2px);
}

.diferenciais-card:hover h3,
.diferenciais-card:hover p {
    color: #FFFFFF;
}


  .top-right-arrows .splide__arrow--next,
  .top-right-arrows .splide__arrow--prev {
    top: -5.2rem;
    transform: none;
    left: initial;
  }
  
  .top-right-arrows .splide__arrow--prev {
    right: 64px;
    left: initial;
  }
  
  .top-right-arrows .splide__arrow--next {
    right: 24px;
    left: initial;
  }
  
.top-right-arrows .splide__arrow--prev, .top-right-arrows .splide__arrow--next {
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    background: none;
    justify-content: center;
    border-radius: 50%;
    color: var(--primary-color);
    font-size: 14px;
    border: 1px solid var(--primary-color);
}

.top-right-arrows .splide__arrow svg {
    fill: var(--primary-color);
    height: 1.2em;
    width: 1.2em;
}
.card-24{
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 8px 0px
}
.card-24__header{
    width: 100%;
    height: 260px;
}
.card-24__image{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-24__body{
    padding: 20px;
    background-color: var(--white, #fff);
}
.card-24__title{
    font-size: 20px;
    font-weight: 600;
    color: var(--dark, #080808);
}
.card-24__text{
    font-size: 14px;
    color: var(--grey, #454545);
    margin-top: 8px;
}

/* wrapper do grid com radius */
.segment-grid {
    border-radius: 16px;
    overflow: hidden;
}

.segment-card {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

/* imagem do card */
.segment-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
    display: block;
}

/* overlay que receberá o gradient no hover */
.segment-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent; /* começa transparente */
    z-index: 2;
    transition: background .45s ease;
}

/* título */
.segment-card__title {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0);
    opacity: 0;
    transition: all .45s ease;
    font-size: 1.35rem;
    font-weight: 600;
    z-index: 3;
}

.segment-card:hover::before {
    background: 
        linear-gradient(
            180deg,
            rgba(2, 39, 72, 0.00) 36.19%,
            rgba(2, 39, 72, 0.40) 81.59%
        ),
        rgba(5, 5, 5, 0.60);
}

.segment-card:hover .segment-card__image {
    transform: scale(1.06);
}

.segment-card:hover .segment-card__title {
    width: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    text-align: center;
    background: var(--Degrad-Degrad, linear-gradient(0deg, #FF7A00 0%, #FD0 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card-depoimento {
    border-radius: 16px;
    border: 1px solid var(--cores-do-projeto-branco-normal-hover, #E4E4E4);
    background: var(--Cores-do-Projeto-Branco-Light, #FAFAFA);
    padding: 20px 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    transition: all .3s ease;
}

.card-depoimento__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.card-depoimento__avatar {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.card-depoimento__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.card-depoimento__text {
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0;
    color: #555;
}

.card-depoimento__empresa {
    font-weight: 600;
    font-size: 0.95rem;
    color: #222;
}

/* HOVER */
.card-depoimento:hover {
    border-radius: 16px;
    border: 1px solid var(--Degrad-Degrad, #FF7A00);
    background: var(--Primria-Normal, #012B51);
    transform: translateY(-2px);
}

.card-depoimento:hover .card-depoimento__text,
.card-depoimento:hover .card-depoimento__empresa {
    color: #ffffff;
}

.mvv-wrapper {
    border-radius: 16px;
    overflow: hidden;
}

/* estado normal */
.mvv-card {
    border-radius: 16px;
    border: 1px solid var(--cores-do-projeto-branco-normal-hover, #E4E4E4);
    background: #FCFCFC;
    padding: 24px 24px 20px;
    height: 100%;
    transition: all .3s ease;
}

.mvv-card__icon img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: block;
    margin-bottom: 12px;
}

.mvv-card__title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
}

.mvv-card__text {
    font-size: 0.95rem;
    line-height: 1.5;
    color: #555;
}

/* hover */
.mvv-card:hover {
    border-radius: 16px;
    border: 1px solid var(--Degrad-Degrad, #FF7A00);
    background: var(--Primria-Normal, #012B51);
    box-shadow: 0 6px 12px 0 rgba(5, 5, 5, 0.05);
    transform: translateY(-2px);
}

.mvv-card:hover .mvv-card__title,
.mvv-card:hover .mvv-card__text {
    color: #FFFFFF;
}

 .galeria-1{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

/* responsivo opcional */
@media (max-width: 991px){
    .galeria-1{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 767px){
    .galeria-1{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 480px){
    .galeria-1{
        grid-template-columns: 1fr;
    }
}

.galeria-1__thumb{
    display: flex !important;
    width: 100%;
    height: 180px;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

.galeria-1__thumb::before{
    content: '\f002';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.7);
    font-size: 2.2rem;
    color: #fff;
    border-radius: 100%;
    scale: 0;
    opacity: 0;
    transition: all 0.4s ease;
}

.galeria-1__thumb:hover::before{
    scale: 1;
    opacity: 1;
    border-radius: 0;
}

.galeria-1__image{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.bg-contact{
border-radius: 16px;
background: var(--degrad-degrade-blue, linear-gradient(180deg, #012B51 0%, #000E1A 100%));
}

.icon-contact{
    width: 4rem;
    height: 4rem;
    display: flex;
    color: var(--secondary-color);
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid var(--secondary-color);
    transition: .3s ease-in-out;
    font-size: 24px;
  }

  .icon-contact:hover{
    background-color: var(--secondary-color);
    color: var(--light);
  }
  .bg-form{
    border-radius: 16px;
border: 1px solid  #E1E2E2;
background: #FCFCFC;
  }

  .social-contact{
    width: 2rem;
    height: 2rem;
    display: flex;
    color: var(--secondary-color);
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid var(--secondary-color);
    transition: .3s ease-in-out;
    font-size: 18px;
  }

  .social-contact:hover{
    background-color: var(--secondary-color);
    color: var(--light);
  }
  .h-mapa{
    height: 12rem;
  }