.elementor-571 .elementor-element.elementor-element-02dc197{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-571 .elementor-element.elementor-element-15b848a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-571 .elementor-element.elementor-element-772568a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-571 .elementor-element.elementor-element-55b75b2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-571 .elementor-element.elementor-element-45dcc4c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-571 .elementor-element.elementor-element-c749ae5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-571 .elementor-element.elementor-element-a7172a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-571 .elementor-element.elementor-element-5738b00{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-571 .elementor-element.elementor-element-2d9d075{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-571 .elementor-element.elementor-element-9b85a34{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-571 .elementor-element.elementor-element-45dcc4c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-15b848a */.inovar-newhero{
  --inovar-red:#ff002b;
  --inovar-blue:#052b72;
  --inovar-blue-dark:#031b3b;
  --inovar-blue-light:#75b9e8;
  --inovar-white:#ffffff;

  position:relative;
  overflow:hidden;

  width:100%;

  min-height:clamp(760px, 100vh, 1010px);

  background:var(--inovar-blue-dark);

  font-family:
    var(--font-text, 'Inter', Arial, sans-serif);
}

.inovar-newhero *,
.inovar-newhero *::before,
.inovar-newhero *::after{
  box-sizing:border-box;
}

.inovar-newhero-video{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  z-index:0;

  display:block;

  object-fit:cover;
  object-position:center center;

  filter:
    saturate(1.02)
    contrast(1.02);

  pointer-events:none;
}

.inovar-newhero-overlay{
  position:absolute;
  inset:0;

  z-index:1;

  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      rgba(3,27,59,.82) 0%,
      rgba(3,27,59,.68) 22%,
      rgba(3,27,59,.44) 45%,
      rgba(3,27,59,.48) 70%,
      rgba(3,27,59,.62) 100%
    );
}

.inovar-newhero-overlay-bottom{
  position:absolute;

  left:0;
  right:0;
  bottom:0;

  height:50%;

  z-index:1;

  pointer-events:none;

  background:
    linear-gradient(
      to top,
      rgba(3,27,59,1) 0%,
      rgba(3,27,59,1) 16%,
      rgba(3,27,59,.985) 32%,
      rgba(3,27,59,.93) 48%,
      rgba(3,27,59,.78) 64%,
      rgba(3,27,59,.48) 82%,
      rgba(3,27,59,0) 100%
    );
}

.inovar-newhero-curve{
  position:absolute;

  left:50%;
  bottom:-88px;

  transform:translateX(-50%);

  width:130%;
  height:180px;

  background:#ffffff;

  border-radius:
    50% 50% 0 0 /
    100% 100% 0 0;

  z-index:2;

  pointer-events:none;
}

.inovar-newhero-container{
  position:relative;

  z-index:3;

  width:min(
    1280px,
    calc(100% - 80px)
  );

  min-height:clamp(760px, 100vh, 1010px);

  margin:0 auto;

  display:flex;
  flex-direction:column;
}

.inovar-newhero-content{
  position:relative;

  max-width:690px;

  padding-top:
    clamp(
      130px,
      20vh,
      205px
    );
}

.inovar-newhero-mobile-fog{
  display:none;
}

.inovar-newhero-intro{
  position:relative;

  z-index:2;

  display:flex;
  align-items:flex-start;

  gap:16px;

  margin-bottom:28px;
}

.inovar-newhero-intro-line{
  width:3px;
  min-width:3px;

  height:52px;

  margin-top:3px;

  border-radius:100px;

  background:
    linear-gradient(
      180deg,
      #ff002b,
      #ff3854
    );

  box-shadow:
    0 0 16px
    rgba(255,0,43,.18);
}

.inovar-newhero-intro-text{
  display:flex;

  flex-direction:column;

  gap:6px;
}

.inovar-newhero-intro-mini{
  display:block;

  color:var(--inovar-blue-light);

  font-family:
    var(--font-text, 'Inter', Arial, sans-serif);

  font-size:22px;

  line-height:1.05;

  font-weight:600;

  letter-spacing:1.4px;

  text-transform:uppercase;

  text-shadow:
    0 2px 10px
    rgba(0,0,0,.18);
}

.inovar-newhero-intro-text p{
  margin:0;

  color:#ffffff;

  font-family:
    var(--font-text, 'Inter', Arial, sans-serif);

  font-size:20px;

  line-height:1.25;

  font-weight:300;

  letter-spacing:0;

  text-shadow:
    0 2px 10px
    rgba(0,0,0,.20);
}

.inovar-newhero-title{
  position:relative;

  z-index:2;

  margin:0;

  display:flex;

  flex-direction:column;

  align-items:flex-start;

  gap:4px;

  font-family:
    var(
      --font-display,
      'Barlow Condensed',
      'Arial Narrow',
      Arial,
      sans-serif
    );

  font-size:82px;

  line-height:.90;

  letter-spacing:-2.6px;

  font-weight:900;

  text-transform:uppercase;
}

.inovar-newhero-title-line{
  display:block;
}

.inovar-title-white{
  color:#ffffff;
}

.inovar-title-red{
  color:var(--inovar-red);
}

.inovar-title-and{
  display:inline-block;
}

.inovar-newhero-description{
  position:relative;

  z-index:2;

  max-width:620px;

  margin:
    26px
    0
    0;

  color:#ffffff;

  font-size:20px;

  line-height:1.42;

  font-weight:600;
}

.inovar-newhero-accent{
  display:block;

  width:44px;

  height:4px;

  margin-top:18px;

  border-radius:999px;

  background:
    var(--inovar-red);
}

.inovar-newhero-ctas{
  position:relative;

  z-index:3;

  display:flex;

  align-items:center;

  gap:16px;

  margin-top:28px;
}

.inovar-newhero-btn{
  position:relative;

  overflow:hidden;

  min-height:62px;

  padding:
    0
    28px;

  border-radius:999px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:14px;

  font-family:
    var(--font-text, 'Inter', Arial, sans-serif);

  font-size:18px;

  font-weight:700;

  white-space:nowrap;

  text-decoration:none;

  transition:
    transform .28s ease,
    box-shadow .28s ease,
    background .28s ease;
}

.inovar-newhero-btn-icon{
  width:24px;
  height:24px;

  flex:none;

  display:flex;

  align-items:center;

  justify-content:center;
}

.inovar-newhero-btn-icon svg{
  display:block;

  width:24px;
  height:24px;
}

.inovar-whatsapp-icon{
  width:28px;
  height:28px;

  flex:none;

  display:flex;

  align-items:center;

  justify-content:center;

  color:#14c96f;
}

.inovar-whatsapp-icon svg{
  display:block;

  width:28px;
  height:28px;

  max-width:none;

  overflow:visible;
}

.inovar-newhero-btn-text{
  position:relative;

  z-index:2;
}

.inovar-newhero-btn-arrow{
  position:relative;

  z-index:2;

  font-size:24px;

  line-height:1;
}

.inovar-btn-primary{
  color:#ffffff;

  background:
    linear-gradient(
      135deg,
      #ff0030 0%,
      #ff002b 55%,
      #ff214c 100%
    );

  box-shadow:
    0 18px 36px
      rgba(255,0,43,.22),
    inset 0 1px 0
      rgba(255,255,255,.18);
}

.inovar-btn-primary::before{
  content:"";

  position:absolute;

  top:-20%;
  left:-40%;

  width:28%;
  height:140%;

  transform:
    rotate(24deg);

  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0),
      rgba(255,255,255,.14),
      rgba(255,255,255,.52),
      rgba(255,255,255,.14),
      rgba(255,255,255,0)
    );

  animation:
    inovarShine
    3.6s
    linear
    infinite;

  pointer-events:none;
}

@keyframes inovarShine{

  0%{
    left:-45%;
  }

  100%{
    left:130%;
  }

}

.inovar-btn-primary:hover{
  transform:
    translateY(-2px);

  box-shadow:
    0 22px 42px
      rgba(255,0,43,.28),
    inset 0 1px 0
      rgba(255,255,255,.22);
}

.inovar-btn-secondary{
  color:#062657;

  background:
    rgba(255,255,255,.98);

  box-shadow:
    0 16px 32px
      rgba(0,0,0,.10),
    inset 0 1px 0
      rgba(255,255,255,.9);
}

.inovar-btn-secondary:hover{
  transform:
    translateY(-2px);

  background:#ffffff;
}

.inovar-newhero-features{
  position:relative;

  z-index:3;

  width:min(
    770px,
    100%
  );

  margin:
    clamp(
      55px,
      10vh,
      110px
    )
    auto
    0;

  display:grid;

  grid-template-columns:
    repeat(4,1fr);
}

.inovar-newhero-feature{
  position:relative;

  display:flex;

  flex-direction:column;

  align-items:center;

  justify-content:flex-start;

  text-align:center;

  padding:
    0
    18px;

  color:#ffffff;
}

.inovar-newhero-feature:not(:last-child)::after{
  content:"";

  position:absolute;

  top:8px;
  right:0;

  width:1px;

  height:58px;

  background:
    rgba(
      255,
      255,
      255,
      .24
    );
}

.inovar-newhero-feature-icon{
  width:38px;

  height:38px;

  margin-bottom:12px;

  display:flex;

  align-items:center;

  justify-content:center;
}

.inovar-newhero-feature-icon svg{
  width:34px;

  height:34px;

  display:block;
}

.inovar-newhero-feature span{
  color:#ffffff;

  font-family:
    var(--font-text, 'Inter', Arial, sans-serif);

  font-size:12px;

  line-height:1.22;

  font-weight:700;

  letter-spacing:.3px;
}

.inovar-newhero-brazil{
  position:relative;

  z-index:3;

  width:720px;

  max-width:100%;

  height:66px;

  min-height:66px;

  margin:
    clamp(
      16px,
      3vh,
      28px
    )
    auto
    0;

  padding:
    0
    28px;

  color:#ffffff;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      .50
    );

  border-radius:14px;

  background:
    linear-gradient(
      180deg,
      rgba(7,38,80,.54) 0%,
      rgba(3,27,59,.82) 100%
    );

  box-shadow:
    inset
    0
    1px
    0
    rgba(
      255,
      255,
      255,
      .07
    );

  backdrop-filter:
    blur(3px);

  -webkit-backdrop-filter:
    blur(3px);

  display:flex;

  align-items:center;

  justify-content:center;
}

.inovar-newhero-brazil-left{
  position:absolute;

  left:28px;

  top:50%;

  transform:
    translateY(-50%);

  display:flex;

  align-items:center;

  gap:20px;
}

.inovar-newhero-brazil-icon{
  width:72px;

  height:40px;

  color:#ffffff;

  display:flex;

  align-items:center;

  justify-content:center;
}

.inovar-newhero-brazil-icon svg{
  display:block;

  width:72px;

  height:auto;
}

.inovar-newhero-brazil-divider{
  width:1px;

  height:34px;

  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(255,255,255,.55),
      transparent
    );
}

.inovar-newhero-brazil-text{
  position:absolute;

  left:50%;

  top:50%;

  transform:
    translate(-50%,-50%);

  width:max-content;

  color:#ffffff;

  font-family:
    var(--font-text, 'Inter', Arial, sans-serif);

  font-size:13px;

  line-height:1;

  font-weight:700;

  letter-spacing:3px;

  white-space:nowrap;

  text-transform:uppercase;

  text-align:center;

  text-shadow:
    0 2px 8px
    rgba(0,0,0,.20);
}

/* =========================================================
   DESKTOP GRANDE
========================================================= */

@media(min-width:1600px) and (min-height:900px){

  .inovar-newhero{
    min-height:1060px;
  }

  .inovar-newhero-container{
    min-height:1060px;
  }

  .inovar-newhero-content{
    padding-top:220px;
  }

  .inovar-newhero-title{
    font-size:88px;
  }

  .inovar-newhero-description{
    font-size:22px;
  }

  .inovar-newhero-intro-mini{
    font-size:24px;
  }

  .inovar-newhero-intro-text p{
    font-size:21px;
  }

  .inovar-newhero-features{
    margin-top:118px;
  }

  .inovar-newhero-brazil{
    margin-top:34px;
  }

}

/* =========================================================
   DESKTOP ALTURA MÉDIA
========================================================= */

@media(min-width:1025px) and (max-height:850px){

  .inovar-newhero{
    min-height:760px;

    height:100vh;
  }

  .inovar-newhero-container{
    min-height:760px;

    height:100%;
  }

  .inovar-newhero-content{
    padding-top:120px;
  }

  .inovar-newhero-intro{
    margin-bottom:18px;
  }

  .inovar-newhero-intro-mini{
    font-size:17px;
  }

  .inovar-newhero-intro-text p{
    font-size:16px;
  }

  .inovar-newhero-title{
    font-size:62px;

    line-height:.94;

    gap:3px;
  }

  .inovar-newhero-description{
    margin-top:18px;

    font-size:16px;

    max-width:540px;
  }

  .inovar-newhero-accent{
    margin-top:13px;
  }

  .inovar-newhero-ctas{
    margin-top:18px;
  }

  .inovar-newhero-btn{
    min-height:52px;

    font-size:15px;

    padding:
      0
      24px;
  }

  .inovar-newhero-features{
    margin-top:42px;

    width:720px;
  }

  .inovar-newhero-feature-icon{
    width:32px;

    height:32px;

    margin-bottom:8px;
  }

  .inovar-newhero-feature-icon svg{
    width:30px;

    height:30px;
  }

  .inovar-newhero-feature span{
    font-size:10px;
  }

  .inovar-newhero-feature:not(:last-child)::after{
    height:48px;
  }

  .inovar-newhero-brazil{
    margin-top:16px;

    height:58px;

    min-height:58px;
  }

  .inovar-newhero-brazil-icon{
    width:60px;
  }

  .inovar-newhero-brazil-icon svg{
    width:60px;
  }

  .inovar-newhero-brazil-text{
    font-size:11px;
  }

}

/* =========================================================
   DESKTOP BAIXO
========================================================= */

@media(min-width:1025px) and (max-height:700px){

  .inovar-newhero{
    min-height:660px;

    height:100vh;
  }

  .inovar-newhero-container{
    min-height:660px;

    height:100%;
  }

  .inovar-newhero-content{
    padding-top:92px;
  }

  .inovar-newhero-intro{
    margin-bottom:14px;
  }

  .inovar-newhero-intro-line{
    height:40px;
  }

  .inovar-newhero-intro-mini{
    font-size:15px;
  }

  .inovar-newhero-intro-text p{
    font-size:14px;
  }

  .inovar-newhero-title{
    font-size:52px;

    line-height:.95;
  }

  .inovar-newhero-description{
    margin-top:14px;

    font-size:14px;

    line-height:1.35;
  }

  .inovar-newhero-accent{
    margin-top:10px;
  }

  .inovar-newhero-ctas{
    margin-top:14px;
  }

  .inovar-newhero-btn{
    min-height:46px;

    font-size:14px;
  }

  .inovar-newhero-features{
    margin-top:28px;

    width:660px;
  }

  .inovar-newhero-feature-icon{
    width:27px;

    height:27px;

    margin-bottom:6px;
  }

  .inovar-newhero-feature-icon svg{
    width:25px;

    height:25px;
  }

  .inovar-newhero-feature span{
    font-size:8.5px;
  }

  .inovar-newhero-feature:not(:last-child)::after{
    height:42px;
  }

  .inovar-newhero-brazil{
    margin-top:12px;

    width:650px;

    height:52px;

    min-height:52px;
  }

  .inovar-newhero-brazil-icon{
    width:52px;
  }

  .inovar-newhero-brazil-icon svg{
    width:52px;
  }

  .inovar-newhero-brazil-text{
    font-size:10px;

    letter-spacing:2px;
  }

}

/* =========================================================
   TABLET
========================================================= */

@media(max-width:1024px) and (min-width:768px){

  .inovar-newhero{
    min-height:920px;
  }

  .inovar-newhero-container{
    width:min(
      100%,
      calc(100% - 40px)
    );

    min-height:920px;
  }

  .inovar-newhero-content{
    max-width:620px;

    padding-top:180px;
  }

  .inovar-newhero-title{
    font-size:68px;

    line-height:.91;

    letter-spacing:-2px;
  }

  .inovar-newhero-description{
    max-width:560px;

    font-size:18px;
  }

  .inovar-newhero-features{
    width:100%;

    margin-top:96px;
  }

  .inovar-newhero-brazil{
    width:640px;
  }

}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

  .inovar-newhero{
    height:760px;

    min-height:760px;

    background:#031b3b;
  }

  .inovar-newhero-container{
    width:
      calc(100% - 28px);

    height:760px;

    min-height:760px;
  }

  .inovar-newhero-video{
    object-position:
      72%
      center;

    filter:
      saturate(.92)
      contrast(1.03)
      brightness(.86);
  }

  .inovar-newhero-overlay{
    background:
      linear-gradient(
        180deg,

        rgba(3,27,59,.26) 0%,

        rgba(3,27,59,.30) 18%,

        rgba(3,27,59,.38) 38%,

        rgba(3,27,59,.52) 58%,

        rgba(3,27,59,.74) 76%,

        rgba(3,27,59,.96) 100%
      );
  }

  .inovar-newhero-overlay::after{
    content:"";

    position:absolute;

    inset:0;

    background:
      rgba(5,43,114,.12);

    pointer-events:none;
  }

  .inovar-newhero-overlay-bottom{
    height:44%;

    background:
      linear-gradient(
        to top,

        rgba(3,27,59,1) 0%,

        rgba(3,27,59,.98) 24%,

        rgba(3,27,59,.90) 48%,

        rgba(3,27,59,.66) 68%,

        rgba(3,27,59,.26) 88%,

        rgba(3,27,59,0) 100%
      );
  }

  .inovar-newhero-mobile-fog{
    display:none !important;
  }

  .inovar-newhero-content{
    max-width:100%;

    padding-top:70px;
  }

  .inovar-newhero-intro{
    gap:10px;

    margin-bottom:17px;

    align-items:center;
  }

  .inovar-newhero-intro-line{
    width:2px;

    min-width:2px;

    height:39px;

    margin-top:0;

    box-shadow:none;
  }

  .inovar-newhero-intro-text{
    gap:4px;
  }

  .inovar-newhero-intro-mini{
    color:#8bc7ee;

    font-family:
      var(--font-text, 'Inter', Arial, sans-serif);

    font-size:12.5px;

    line-height:1.15;

    font-weight:400;

    letter-spacing:2.7px;

    text-transform:uppercase;

    text-shadow:
      0 1px 5px
      rgba(0,0,0,.15);
  }

  .inovar-newhero-intro-text p{
    color:
      rgba(
        255,
        255,
        255,
        .95
      );

    font-size:13px;

    line-height:1.25;

    font-weight:300;

    letter-spacing:.05px;

    text-shadow:
      0 1px 6px
      rgba(0,0,0,.18);
  }

  .inovar-newhero-title{
    gap:4px;

    font-size:44px;

    line-height:1;

    letter-spacing:-1.25px;
  }

  .inovar-newhero-title-line{
    display:block;

    line-height:1;
  }

  .inovar-title-white{
    color:#ffffff;
  }

  .inovar-title-red{
    color:#ff002b;
  }

  .inovar-title-and{
    display:inline-block;

    margin-left:5px;

    color:#ffffff;
  }

  .inovar-newhero-description{
    max-width:270px;

    margin-top:18px;

    color:#ffffff;

    font-size:13.5px;

    line-height:1.42;

    font-weight:400;
  }

  .inovar-newhero-accent{
    width:38px;

    height:2px;

    margin-top:12px;
  }

  .inovar-newhero-ctas{
    width:100%;

    max-width:300px;

    margin-top:16px;

    flex-direction:column;

    align-items:flex-start;

    gap:9px;
  }

  .inovar-newhero-btn{
    width:100%;

    min-height:48px;

    padding:
      0
      17px;

    justify-content:
      space-between;

    font-size:13.2px;
  }

  .inovar-newhero-btn-icon{
    width:19px;

    height:19px;
  }

  .inovar-newhero-btn-icon svg{
    width:19px;

    height:19px;
  }

  .inovar-newhero-btn-arrow{
    font-size:19px;
  }

  .inovar-whatsapp-icon{
    position:relative;

    width:31px;

    height:31px;

    min-width:31px;

    border-radius:50%;

    background:#19cc72;

    display:flex;

    align-items:center;

    justify-content:center;

    flex:none;

    color:#ffffff;

    box-shadow:
      0 3px 10px
      rgba(25,204,114,.20);
  }

  .inovar-whatsapp-icon svg{
    display:none !important;
  }

  .inovar-whatsapp-icon::before{
    content:"";

    display:block;

    width:19px;

    height:19px;

    background-repeat:
      no-repeat;

    background-position:
      center;

    background-size:
      contain;

    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M16.02 5.33c-5.86 0-10.62 4.74-10.62 10.59 0 1.87.49 3.7 1.42 5.3L5.3 26.75l5.68-1.49a10.62 10.62 0 0 0 5.03 1.28h.01c5.85 0 10.61-4.75 10.61-10.6 0-2.83-1.1-5.49-3.1-7.49a10.52 10.52 0 0 0-7.51-3.12Zm0 19.42h-.01a8.82 8.82 0 0 1-4.49-1.23l-.32-.19-3.37.88.9-3.28-.21-.34a8.78 8.78 0 0 1-1.34-4.67c0-4.87 3.97-8.82 8.85-8.82a8.78 8.78 0 0 1 6.26 2.59 8.77 8.77 0 0 1 2.59 6.25c-.01 4.86-3.98 8.81-8.86 8.81Zm4.84-6.6c-.27-.13-1.57-.77-1.81-.86-.24-.09-.42-.13-.6.13-.18.27-.69.86-.85 1.04-.15.18-.31.2-.57.07-.27-.13-1.12-.41-2.13-1.31a7.93 7.93 0 0 1-1.47-1.83c-.15-.27-.02-.41.12-.54.12-.12.26-.31.4-.46.13-.16.17-.27.26-.45.09-.18.05-.33-.02-.46-.07-.13-.6-1.44-.82-1.98-.22-.52-.44-.45-.6-.46h-.51c-.18 0-.46.07-.71.33-.24.27-.93.91-.93 2.22 0 1.31.95 2.57 1.08 2.75.13.18 1.87 2.86 4.54 4.01.63.27 1.13.44 1.51.56.64.2 1.21.17 1.67.1.51-.08 1.57-.64 1.79-1.26.22-.62.22-1.15.15-1.26-.06-.11-.24-.18-.5-.31Z'/%3E%3C/svg%3E");
  }

  .inovar-newhero-features{
    width:100%;

    margin-top:38px;

    grid-template-columns:
      repeat(4,1fr);
  }

  .inovar-newhero-feature{
    padding:
      0
      4px;
  }

  .inovar-newhero-feature:not(:last-child)::after{
    top:1px;

    height:53px;

    background:
      rgba(
        255,
        255,
        255,
        .25
      );
  }

  .inovar-newhero-feature-icon{
    width:32px;

    height:32px;

    margin-bottom:8px;
  }

  .inovar-newhero-feature-icon svg{
    width:30px;

    height:30px;
  }

  .inovar-newhero-feature span{
    font-family:
      var(--font-text, 'Inter', Arial, sans-serif);

    font-size:6.8px;

    line-height:1.32;

    font-weight:400;

    letter-spacing:.12px;
  }

  .inovar-newhero-brazil{
    width:100%;

    height:60px;

    min-height:60px;

    margin-top:21px;

    padding:
      0
      14px;

    border-radius:11px;

    border:
      1px solid
      rgba(
        255,
        255,
        255,
        .44
      );

    background:
      rgba(
        3,
        27,
        59,
        .48
      );

    box-shadow:
      inset
      0
      1px
      0
      rgba(
        255,
        255,
        255,
        .04
      );
  }

  .inovar-newhero-brazil-left{
    left:16px;

    gap:11px;
  }

  .inovar-newhero-brazil-icon{
    width:52px;

    height:34px;
  }

  .inovar-newhero-brazil-icon svg{
    width:52px;

    height:auto;
  }

  .inovar-newhero-brazil-divider{
    height:30px;

    background:
      rgba(
        255,
        255,
        255,
        .32
      );
  }

  .inovar-newhero-brazil-text{
    left:55%;

    color:#ffffff;

    font-size:8.5px;

    line-height:1;

    font-weight:400;

    letter-spacing:2.7px;

    text-shadow:none;
  }

  .inovar-newhero-curve{
    display:block;

    position:absolute;

    left:0;

    bottom:0;

    transform:none;

    width:100%;

    height:48px;

    background:#ffffff;

    border-radius:0;

    z-index:2;

    overflow:visible;
  }

  .inovar-newhero-curve::before{
    content:"";

    position:absolute;

    left:50%;

    top:-34px;

    transform:
      translateX(-50%);

    width:155%;

    height:68px;

    background:#031b3b;

    border-radius:
      0 0 50% 50% /
      0 0 100% 100%;
  }

}

/* =========================================================
   IPHONE PRO MAX
========================================================= */

@media(max-width:440px){

  .inovar-newhero{
    height:760px;

    min-height:760px;
  }

  .inovar-newhero-container{
    height:760px;

    min-height:760px;

    width:
      calc(100% - 28px);
  }

  .inovar-newhero-content{
    padding-top:68px;
  }

  .inovar-newhero-intro{
    margin-bottom:16px;
  }

  .inovar-newhero-intro-mini{
    font-size:12px;

    font-weight:400;

    letter-spacing:2.6px;
  }

  .inovar-newhero-intro-text p{
    font-size:12.5px;

    font-weight:300;
  }

  .inovar-newhero-title{
    font-size:43px;

    line-height:1;

    gap:4px;

    letter-spacing:-1.2px;
  }

  .inovar-newhero-description{
    max-width:255px;

    margin-top:17px;

    font-size:13px;

    line-height:1.4;
  }

  .inovar-newhero-accent{
    margin-top:11px;
  }

  .inovar-newhero-ctas{
    max-width:300px;

    margin-top:15px;

    gap:9px;
  }

  .inovar-newhero-btn{
    min-height:48px;

    font-size:13px;
  }

  .inovar-whatsapp-icon{
    width:31px;

    height:31px;

    min-width:31px;
  }

  .inovar-whatsapp-icon::before{
    width:19px;

    height:19px;
  }

  .inovar-newhero-features{
    margin-top:38px;
  }

  .inovar-newhero-feature-icon{
    width:31px;

    height:31px;

    margin-bottom:7px;
  }

  .inovar-newhero-feature-icon svg{
    width:29px;

    height:29px;
  }

  .inovar-newhero-feature span{
    font-size:6.6px;

    font-weight:400;

    line-height:1.28;
  }

  .inovar-newhero-brazil{
    height:59px;

    min-height:59px;

    margin-top:20px;
  }

  .inovar-newhero-brazil-icon{
    width:50px;
  }

  .inovar-newhero-brazil-icon svg{
    width:50px;
  }

  .inovar-newhero-brazil-text{
    font-size:8.1px;

    font-weight:400;

    letter-spacing:2.5px;
  }

  .inovar-newhero-curve{
    height:46px;
  }

  .inovar-newhero-curve::before{
    top:-33px;

    height:66px;
  }

}

/* =========================================================
   MOBILE PEQUENO
========================================================= */

@media(max-width:390px){

  .inovar-newhero{
    height:735px;

    min-height:735px;
  }

  .inovar-newhero-container{
    height:735px;

    min-height:735px;
  }

  .inovar-newhero-content{
    padding-top:58px;
  }

  .inovar-newhero-intro-mini{
    font-size:10.8px;

    letter-spacing:2.3px;
  }

  .inovar-newhero-intro-text p{
    font-size:11.5px;
  }

  .inovar-newhero-title{
    font-size:39px;

    gap:3px;
  }

  .inovar-newhero-description{
    max-width:238px;

    font-size:12px;
  }

  .inovar-newhero-ctas{
    max-width:280px;
  }

  .inovar-newhero-btn{
    min-height:45px;

    font-size:12.3px;
  }

  .inovar-whatsapp-icon{
    width:29px;

    height:29px;

    min-width:29px;
  }

  .inovar-whatsapp-icon::before{
    width:18px;

    height:18px;
  }

  .inovar-newhero-features{
    margin-top:31px;
  }

  .inovar-newhero-feature span{
    font-size:6.1px;

    font-weight:400;
  }

  .inovar-newhero-brazil{
    height:54px;

    min-height:54px;

    margin-top:16px;
  }

  .inovar-newhero-brazil-text{
    font-size:7.2px;

    letter-spacing:2px;

    font-weight:400;
  }

}

/* =========================================================
   LEGADO LOGO MOBILE
========================================================= */

@media(max-width:767px){

  .inovar-premium-header .inovar-logo img,
  .inovar-nav-logo img,
  .inovar-header-logo img,
  .inovar-logo img{
    width:185px !important;

    max-width:185px !important;

    height:auto !important;
  }

}

@media(max-width:440px){

  .inovar-premium-header .inovar-logo img,
  .inovar-nav-logo img,
  .inovar-header-logo img,
  .inovar-logo img{
    width:175px !important;

    max-width:175px !important;

    height:auto !important;
  }

}

/* =========================================================
   CURVA MOBILE — TRANSPARÊNCIA REAL
========================================================= */

@media(max-width:767px){

  .inovar-newhero{

    --inovar-arc-radius:68px;
    --inovar-arc-center:-2px;

    -webkit-mask-image:
      linear-gradient(
        #000,
        #000
      ),
      radial-gradient(
        ellipse
        77.5% var(--inovar-arc-radius)
        at 50% var(--inovar-arc-center),
        #000 calc(100% - .5px),
        transparent 100%
      );

    mask-image:
      linear-gradient(
        #000,
        #000
      ),
      radial-gradient(
        ellipse
        77.5% var(--inovar-arc-radius)
        at 50% var(--inovar-arc-center),
        #000 calc(100% - .5px),
        transparent 100%
      );

    -webkit-mask-size:
      100% calc(100% - 79px),
      100% 80px;

    mask-size:
      100% calc(100% - 79px),
      100% 80px;

    -webkit-mask-position:
      top center,
      bottom center;

    mask-position:
      top center,
      bottom center;

    -webkit-mask-repeat:
      no-repeat;

    mask-repeat:
      no-repeat;

    -webkit-mask-composite:
      source-over;

    mask-composite:
      add;
  }

  .inovar-newhero
  .inovar-newhero-curve{
    display:none !important;
  }

}

@media(max-width:440px){

  .inovar-newhero{
    --inovar-arc-radius:66px;
    --inovar-arc-center:1px;
  }

}

/* =========================================================
   MOTION DESIGN PREMIUM
========================================================= */

.inovar-newhero{
  --hero-motion-ease:
    cubic-bezier(.16,1,.3,1);

  --hero-title-y:34px;
}

/* estado inicial */

.inovar-newhero.inovar-motion-ready
.inovar-newhero-intro-line{
  opacity:0;

  transform:
    scaleY(0);

  transform-origin:
    top center;
}

.inovar-newhero.inovar-motion-ready
.inovar-newhero-intro-text{
  opacity:0;

  transform:
    translateY(16px);

  filter:
    blur(7px);
}

.inovar-newhero.inovar-motion-ready
.inovar-newhero-title-line{
  opacity:0;

  transform:
    translateY(
      var(--hero-title-y)
    );

  clip-path:
    inset(
      100%
      0
      0
      0
    );

  filter:
    blur(5px);
}

.inovar-newhero.inovar-motion-ready
.inovar-newhero-description{
  opacity:0;

  transform:
    translateY(18px);

  filter:
    blur(5px);
}

.inovar-newhero.inovar-motion-ready
.inovar-newhero-accent{
  opacity:0;

  transform:
    scaleX(0);

  transform-origin:
    left center;
}

.inovar-newhero.inovar-motion-ready
.inovar-newhero-ctas{
  opacity:0;

  transform:
    translateY(22px);

  filter:
    blur(4px);
}

.inovar-newhero.inovar-motion-ready
.inovar-newhero-feature{
  opacity:0;

  transform:
    translateY(22px)
    scale(.97);

  filter:
    blur(4px);
}

.inovar-newhero.inovar-motion-ready
.inovar-newhero-brazil{
  opacity:0;

  transform:
    translateY(18px)
    scale(.985);

  filter:
    blur(4px);
}

/* intro */

.inovar-newhero.inovar-motion-start
.inovar-newhero-intro-line{
  animation:
    inovarHeroIntroLine
    .72s
    var(--hero-motion-ease)
    .06s
    both;
}

.inovar-newhero.inovar-motion-start
.inovar-newhero-intro-text{
  animation:
    inovarHeroIntroText
    .82s
    var(--hero-motion-ease)
    .10s
    both;
}

/* headline */

.inovar-newhero.inovar-motion-start
.inovar-newhero-title-line:nth-child(1){
  animation:
    inovarHeroTitleReveal
    .86s
    var(--hero-motion-ease)
    .20s
    both;
}

.inovar-newhero.inovar-motion-start
.inovar-newhero-title-line:nth-child(2){
  animation:
    inovarHeroTitleReveal
    .86s
    var(--hero-motion-ease)
    .29s
    both;
}

.inovar-newhero.inovar-motion-start
.inovar-newhero-title-line:nth-child(3){
  animation:
    inovarHeroTitleReveal
    .86s
    var(--hero-motion-ease)
    .38s
    both;
}

/* descrição */

.inovar-newhero.inovar-motion-start
.inovar-newhero-description{
  animation:
    inovarHeroFadeUp
    .80s
    var(--hero-motion-ease)
    .50s
    both;
}

/* traço */

.inovar-newhero.inovar-motion-start
.inovar-newhero-accent{
  animation:
    inovarHeroAccent
    .68s
    var(--hero-motion-ease)
    .58s
    both;
}

/* CTAs */

.inovar-newhero.inovar-motion-start
.inovar-newhero-ctas{
  animation:
    inovarHeroCtas
    .82s
    var(--hero-motion-ease)
    .64s
    both;
}

/* diferenciais */

.inovar-newhero.inovar-motion-start
.inovar-newhero-feature:nth-child(1){
  animation:
    inovarHeroFeature
    .72s
    var(--hero-motion-ease)
    .78s
    both;
}

.inovar-newhero.inovar-motion-start
.inovar-newhero-feature:nth-child(2){
  animation:
    inovarHeroFeature
    .72s
    var(--hero-motion-ease)
    .86s
    both;
}

.inovar-newhero.inovar-motion-start
.inovar-newhero-feature:nth-child(3){
  animation:
    inovarHeroFeature
    .72s
    var(--hero-motion-ease)
    .94s
    both;
}

.inovar-newhero.inovar-motion-start
.inovar-newhero-feature:nth-child(4){
  animation:
    inovarHeroFeature
    .72s
    var(--hero-motion-ease)
    1.02s
    both;
}

/* Brasil */

.inovar-newhero.inovar-motion-start
.inovar-newhero-brazil{
  animation:
    inovarHeroBrazil
    .85s
    var(--hero-motion-ease)
    1.10s
    both;
}

/* =========================================================
   KEYFRAMES
========================================================= */

@keyframes inovarHeroIntroLine{

  0%{
    opacity:0;

    transform:
      scaleY(0);
  }

  100%{
    opacity:1;

    transform:
      scaleY(1);
  }

}

@keyframes inovarHeroIntroText{

  0%{
    opacity:0;

    transform:
      translateY(16px);

    filter:
      blur(7px);
  }

  100%{
    opacity:1;

    transform:
      translateY(0);

    filter:
      blur(0);
  }

}

@keyframes inovarHeroTitleReveal{

  0%{
    opacity:0;

    transform:
      translateY(
        var(--hero-title-y)
      );

    clip-path:
      inset(
        100%
        0
        0
        0
      );

    filter:
      blur(5px);
  }

  40%{
    opacity:1;
  }

  100%{
    opacity:1;

    transform:
      translateY(0);

    clip-path:
      inset(
        0
        0
        0
        0
      );

    filter:
      blur(0);
  }

}

@keyframes inovarHeroFadeUp{

  0%{
    opacity:0;

    transform:
      translateY(18px);

    filter:
      blur(5px);
  }

  100%{
    opacity:1;

    transform:
      translateY(0);

    filter:
      blur(0);
  }

}

@keyframes inovarHeroAccent{

  0%{
    opacity:0;

    transform:
      scaleX(0);
  }

  100%{
    opacity:1;

    transform:
      scaleX(1);
  }

}

@keyframes inovarHeroCtas{

  0%{
    opacity:0;

    transform:
      translateY(22px);

    filter:
      blur(4px);
  }

  100%{
    opacity:1;

    transform:
      translateY(0);

    filter:
      blur(0);
  }

}

@keyframes inovarHeroFeature{

  0%{
    opacity:0;

    transform:
      translateY(22px)
      scale(.97);

    filter:
      blur(4px);
  }

  100%{
    opacity:1;

    transform:
      translateY(0)
      scale(1);

    filter:
      blur(0);
  }

}

@keyframes inovarHeroBrazil{

  0%{
    opacity:0;

    transform:
      translateY(18px)
      scale(.985);

    filter:
      blur(4px);
  }

  100%{
    opacity:1;

    transform:
      translateY(0)
      scale(1);

    filter:
      blur(0);
  }

}

/* =========================================================
   MICROINTERAÇÕES
========================================================= */

.inovar-newhero-feature-icon{
  transition:
    transform
    .35s
    var(--hero-motion-ease),

    opacity
    .35s
    ease;
}

.inovar-newhero-feature:hover
.inovar-newhero-feature-icon{
  transform:
    translateY(-4px)
    scale(1.06);
}

.inovar-newhero-feature span{
  transition:
    opacity .30s ease,
    transform .30s ease;
}

.inovar-newhero-feature:hover span{
  opacity:.92;

  transform:
    translateY(-1px);
}

.inovar-newhero-brazil{
  transition:
    border-color .35s ease,
    background .35s ease,
    box-shadow .35s ease;
}

.inovar-newhero-brazil:hover{
  border-color:
    rgba(
      255,
      255,
      255,
      .72
    );

  background:
    linear-gradient(
      180deg,
      rgba(8,46,96,.64) 0%,
      rgba(3,27,59,.90) 100%
    );

  box-shadow:
    inset
    0
    1px
    0
    rgba(
      255,
      255,
      255,
      .10
    ),

    0
    12px
    32px
    rgba(
      0,
      0,
      0,
      .10
    );
}

/* movimento menor no mobile */

@media(max-width:767px){

  .inovar-newhero{
    --hero-title-y:24px;
  }

}

/* acessibilidade */

@media(prefers-reduced-motion:reduce){

  .inovar-newhero.inovar-motion-ready
  .inovar-newhero-intro-line,

  .inovar-newhero.inovar-motion-ready
  .inovar-newhero-intro-text,

  .inovar-newhero.inovar-motion-ready
  .inovar-newhero-title-line,

  .inovar-newhero.inovar-motion-ready
  .inovar-newhero-description,

  .inovar-newhero.inovar-motion-ready
  .inovar-newhero-accent,

  .inovar-newhero.inovar-motion-ready
  .inovar-newhero-ctas,

  .inovar-newhero.inovar-motion-ready
  .inovar-newhero-feature,

  .inovar-newhero.inovar-motion-ready
  .inovar-newhero-brazil{

    opacity:1 !important;

    transform:none !important;

    filter:none !important;

    clip-path:none !important;

    animation:none !important;
  }

  .inovar-btn-primary::before{
    animation:none !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02dc197 *//* ===== HERO INOVAR V2 FINAL PREMIUM ===== */

.inovar-hero-v2{
  width:100vw;
  margin-left:calc(50% - 50vw);
  position:relative;
  min-height:820px;
  background:#03112D;
  color:#fff;
  overflow:hidden;
  padding-top:120px;
  padding-bottom:170px;
  font-family:'Inter', Arial, sans-serif;
}

.inovar-hero-v2-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 75% 40%, rgba(255,255,255,.08), transparent 35%),
    linear-gradient(
      90deg,
      rgba(3,17,45,.90) 0%,
      rgba(3,17,45,.72) 28%,
      rgba(3,17,45,.35) 55%,
      rgba(3,17,45,.08) 80%,
      rgba(3,17,45,0) 100%
    ),
    url('https://inovartransportes.com.br/wp-content/uploads/2026/04/back_hero.png');
  background-size:cover;
  background-position:72% center;
  background-repeat:no-repeat;
  transform:scale(1.03);
  animation:heroZoom 14s ease-in-out infinite alternate;
}

.inovar-hero-v2::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:140px;
  background:linear-gradient(180deg, transparent, rgba(3,17,45,.6));
  z-index:1;
  pointer-events:none;
}

.inovar-hero-v2-container{
  width:min(1180px,90%);
  margin:0 auto;
  position:relative;
  z-index:3;
  min-height:590px;
  display:flex;
  align-items:center;
}

.inovar-hero-v2-content{
  max-width:610px;
  transform:translateY(-30px);
  animation:heroTextIn .9s ease forwards;
}

.inovar-hero-v2-content::before{
  content:"LOGÍSTICA INTELIGENTE PARA EMPRESAS";
  display:block;
  margin-bottom:14px;
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
  opacity:.9;
}

.inovar-hero-v2 h1{
  margin:0;
  font-family:'Barlow', Arial, sans-serif;
  font-size:clamp(46px,4.6vw,68px);
  line-height:1.02;
  font-weight:900;
  letter-spacing:-1px;
  text-transform:uppercase;
  color:#fff;
  text-shadow:0 10px 35px rgba(0,0,0,.35);
}

.inovar-hero-v2 h1 span{
  color:#E8001D;
}

.inovar-hero-v2 p{
  max-width:500px;
  margin:24px 0 0;
  font-size:17px;
  line-height:1.55;
  color:rgba(255,255,255,.9);
  font-weight:500;
}

.inovar-hero-v2-actions{
  margin-top:30px;
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}

.hero-btn-red,
.hero-btn-white{
  min-height:54px;
  padding:0 28px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:14px;
  font-weight:900;
  transition:.3s ease;
  position:relative;
  overflow:hidden;
}

.hero-btn-red{
  background:#E8001D;
  color:#fff;
  box-shadow:0 18px 40px rgba(232,0,29,.35);
}

.hero-btn-red::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.3), transparent);
  transform:translateX(-120%);
  animation:heroBtnShine 3s infinite;
}

.hero-btn-white{
  background:#fff;
  color:#071B44;
  box-shadow:0 16px 38px rgba(0,0,0,.2);
}

.hero-btn-red:hover,
.hero-btn-white:hover{
  transform:translateY(-4px);
}

@keyframes heroZoom{
  from{
    transform:scale(1.03);
  }
  to{
    transform:scale(1.08);
  }
}

@keyframes heroTextIn{
  from{
    opacity:0;
    transform:translateY(20px);
  }
  to{
    opacity:1;
    transform:translateY(-30px);
  }
}

@keyframes heroBtnShine{
  0%{
    transform:translateX(-120%);
  }
  45%,100%{
    transform:translateX(120%);
  }
}

@media(max-width:900px){
  .inovar-hero-v2{
    min-height:auto;
    padding:130px 0 100px;
  }

  .inovar-hero-v2-container{
    min-height:500px;
  }

  .inovar-hero-v2 h1{
    font-size:42px;
  }

  .inovar-hero-v2 p{
    font-size:16px;
  }
}

@media(max-width:600px){
  .inovar-hero-v2-bg{
    background-position:65% center;
  }

  .hero-btn-red,
  .hero-btn-white{
    width:100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-772568a *//* ===== HERO INOVAR V2 FINAL PREMIUM ===== */

.inovar-hero-v2{
  width:100vw;
  margin-left:calc(50% - 50vw);
  position:relative;
  min-height:820px;
  background:#03112D;
  color:#fff;
  overflow:hidden;
  padding-top:120px;
  padding-bottom:170px;
  font-family:'Inter', Arial, sans-serif;
}

.inovar-hero-v2-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 75% 40%, rgba(255,255,255,.08), transparent 35%),
    linear-gradient(
      90deg,
      rgba(3,17,45,.90) 0%,
      rgba(3,17,45,.72) 28%,
      rgba(3,17,45,.35) 55%,
      rgba(3,17,45,.08) 80%,
      rgba(3,17,45,0) 100%
    ),
    url('https://inovartransportes.com.br/wp-content/uploads/2026/04/back_hero.png');
  background-size:cover;
  background-position:72% center;
  background-repeat:no-repeat;
  transform:scale(1.03);
  animation:heroZoom 14s ease-in-out infinite alternate;
}

.inovar-hero-v2::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:140px;
  background:linear-gradient(180deg, transparent, rgba(3,17,45,.6));
  z-index:1;
  pointer-events:none;
}

.inovar-hero-v2-container{
  width:min(1180px,90%);
  margin:0 auto;
  position:relative;
  z-index:3;
  min-height:590px;
  display:flex;
  align-items:center;
}

.inovar-hero-v2-content{
  max-width:610px;
  transform:translateY(-30px);
  animation:heroTextIn .9s ease forwards;
}

.inovar-hero-v2-content::before{
  content:"LOGÍSTICA INTELIGENTE PARA EMPRESAS";
  display:block;
  margin-bottom:14px;
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
  opacity:.9;
}

.inovar-hero-v2 h1{
  margin:0;
  font-family:'Barlow', Arial, sans-serif;
  font-size:clamp(46px,4.6vw,68px);
  line-height:1.02;
  font-weight:900;
  letter-spacing:-1px;
  text-transform:uppercase;
  color:#fff;
  text-shadow:0 10px 35px rgba(0,0,0,.35);
}

.inovar-hero-v2 h1 span{
  color:#E8001D;
}

.inovar-hero-v2 p{
  max-width:500px;
  margin:24px 0 0;
  font-size:17px;
  line-height:1.55;
  color:rgba(255,255,255,.9);
  font-weight:500;
}

.inovar-hero-v2-actions{
  margin-top:30px;
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}

.hero-btn-red,
.hero-btn-white{
  min-height:54px;
  padding:0 28px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:14px;
  font-weight:900;
  transition:.3s ease;
  position:relative;
  overflow:hidden;
}

.hero-btn-red{
  background:#E8001D;
  color:#fff;
  box-shadow:0 18px 40px rgba(232,0,29,.35);
}

.hero-btn-red::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.3), transparent);
  transform:translateX(-120%);
  animation:heroBtnShine 3s infinite;
}

.hero-btn-white{
  background:#fff;
  color:#071B44;
  box-shadow:0 16px 38px rgba(0,0,0,.2);
}

.hero-btn-red:hover,
.hero-btn-white:hover{
  transform:translateY(-4px);
}

@keyframes heroZoom{
  from{
    transform:scale(1.03);
  }
  to{
    transform:scale(1.08);
  }
}

@keyframes heroTextIn{
  from{
    opacity:0;
    transform:translateY(20px);
  }
  to{
    opacity:1;
    transform:translateY(-30px);
  }
}

@keyframes heroBtnShine{
  0%{
    transform:translateX(-120%);
  }
  45%,100%{
    transform:translateX(120%);
  }
}

@media(max-width:900px){
  .inovar-hero-v2{
    min-height:auto;
    padding:130px 0 100px;
  }

  .inovar-hero-v2-container{
    min-height:500px;
  }

  .inovar-hero-v2 h1{
    font-size:42px;
  }

  .inovar-hero-v2 p{
    font-size:16px;
  }
}

@media(max-width:600px){
  .inovar-hero-v2-bg{
    background-position:65% center;
  }

  .hero-btn-red,
  .hero-btn-white{
    width:100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88a37bf *//* =========================================================
   INOVAR — RESULTADOS QUE GERAM CONFIANÇA

   DESKTOP:
   - visual azul/vermelho removido
   - composição limpa e premium

   MOBILE:
   - mantém arcos azul + vermelho
   - headline maior
   - textos auxiliares maiores
   - menos espaço vazio

   TIPOGRAFIA:
   - Barlow Condensed = headlines
   - Inter = textos auxiliares / interface
========================================================= */

.inovar-results-head-panel{
  position:relative;
  width:100%;
  overflow:hidden;

  background:#ffffff;

  font-family:
    var(
      --font-text,
      'Inter',
      Arial,
      sans-serif
    );
}


.inovar-results-head-panel *,
.inovar-results-head-panel *::before,
.inovar-results-head-panel *::after{
  box-sizing:border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.inovar-results-head-inner{
  position:relative;

  width:min(
    1280px,
    calc(100% - 80px)
  );

  min-height:390px;

  margin:0 auto;

  display:flex;

  align-items:center;
}


/* =========================================================
   BLOCO DE TEXTO
========================================================= */

.inovar-results-copy{
  position:relative;

  z-index:10;

  width:100%;
  max-width:800px;

  padding:
    68px
    0
    70px;
}


/* =========================================================
   LINHA SUPERIOR
========================================================= */

.inovar-results-top-line{
  display:block;

  width:46px;
  height:4px;

  margin-bottom:16px;

  border-radius:999px;

  background:#ee0029;
}


/* =========================================================
   INOVAR TRANSPORTES
========================================================= */

.inovar-results-eyebrow{
  display:block;

  margin-bottom:14px;

  color:#9da4ae;

  font-family:
    var(
      --font-text,
      'Inter',
      Arial,
      sans-serif
    );

  font-size:14px;

  line-height:1.15;

  font-weight:400;

  letter-spacing:4.5px;

  text-transform:uppercase;
}


/* =========================================================
   HEADLINE
========================================================= */

.inovar-results-title{
  margin:0;
  padding:0;

  display:flex;

  flex-direction:column;

  align-items:flex-start;

  color:#052b72;

  font-family:
    var(
      --font-display,
      'Barlow Condensed',
      'Barlow',
      'Arial Narrow',
      sans-serif
    );

  font-size:72px;

  line-height:.82;

  font-weight:900;

  letter-spacing:-2.5px;

  text-transform:uppercase;
}


.inovar-results-title span{
  display:block;
}


.inovar-results-red{
  color:#ee0029;
}


/* =========================================================
   LINHA INFERIOR
========================================================= */

.inovar-results-bottom-line{
  display:block;

  width:46px;
  height:4px;

  margin-top:22px;
  margin-bottom:16px;

  border-radius:999px;

  background:#ee0029;
}


/* =========================================================
   PARA EMPRESAS...
========================================================= */

.inovar-results-subtitle{
  display:block;

  color:#9097a2;

  font-family:
    var(
      --font-text,
      'Inter',
      Arial,
      sans-serif
    );

  font-size:12px;

  line-height:1.4;

  font-weight:400;

  letter-spacing:3px;

  text-transform:uppercase;
}


/* =========================================================
   VISUAL DIREITO
   BASE
========================================================= */

.inovar-results-visual{
  position:absolute;

  z-index:1;

  top:0;
  right:0;
  bottom:0;

  width:52%;

  overflow:hidden;

  pointer-events:none;
}


/* =========================================================
   ARCO VERMELHO
========================================================= */

.inovar-results-visual::before{
  content:"";

  position:absolute;

  z-index:2;

  width:720px;
  height:610px;

  top:85px;
  right:-355px;

  border-radius:50%;

  background:
    linear-gradient(
      145deg,
      #ef002f 0%,
      #df0028 100%
    );

  transform:
    rotate(-18deg);

  pointer-events:none;
}


/* =========================================================
   ARCO AZUL
========================================================= */

.inovar-results-visual::after{
  content:"";

  position:absolute;

  z-index:3;

  width:820px;
  height:710px;

  top:38px;
  right:-520px;

  border-radius:50%;

  transform:
    rotate(-17deg);

  background:
    linear-gradient(
      145deg,
      #17448f 0%,
      #0b337a 42%,
      #052b72 68%,
      #031d4f 100%
    );

  pointer-events:none;
}


/* =========================================================
   TEXTO SOBRE O AZUL
========================================================= */

.inovar-results-visual-text{
  position:absolute;

  z-index:6;

  right:7%;
  bottom:18%;

  display:flex;

  flex-direction:column;

  color:rgba(255,255,255,.94);

  font-family:
    var(
      --font-text,
      'Inter',
      Arial,
      sans-serif
    );

  font-size:12px;

  line-height:1.55;

  font-weight:400;

  letter-spacing:2.8px;

  text-transform:uppercase;
}


/* =========================================================
   DESKTOP
   REMOVE COMPLETAMENTE A ARTE DA DIREITA
========================================================= */

@media(min-width:1025px){

  .inovar-results-head-panel{
    min-height:390px;
  }


  .inovar-results-head-inner{
    min-height:390px;
  }


  .inovar-results-visual{
    display:none !important;
  }


  .inovar-results-copy{
    width:100%;

    max-width:830px;

    padding-top:72px;

    padding-bottom:72px;
  }


  .inovar-results-title{
    font-size:76px;

    line-height:.83;
  }


  .inovar-results-eyebrow{
    font-size:14px;

    letter-spacing:4.5px;
  }


  .inovar-results-subtitle{
    font-size:12px;

    letter-spacing:3px;
  }

}


/* =========================================================
   DESKTOP GRANDE
========================================================= */

@media(min-width:1600px){

  .inovar-results-head-inner{
    min-height:420px;
  }


  .inovar-results-copy{
    max-width:900px;

    padding-top:80px;

    padding-bottom:80px;
  }


  .inovar-results-title{
    font-size:82px;
  }


  .inovar-results-eyebrow{
    font-size:15px;
  }


  .inovar-results-subtitle{
    font-size:13px;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1024px) and (min-width:768px){

  .inovar-results-head-inner{
    width:
      calc(100% - 50px);

    min-height:390px;
  }


  .inovar-results-copy{
    width:58%;

    max-width:560px;

    padding:
      56px
      0
      54px;
  }


  .inovar-results-title{
    font-size:60px;
  }


  .inovar-results-eyebrow{
    font-size:12px;

    letter-spacing:3.8px;
  }


  .inovar-results-subtitle{
    font-size:10px;

    letter-spacing:2.5px;
  }


  .inovar-results-visual{
    display:block;

    width:53%;
  }


  .inovar-results-visual::before{
    width:620px;
    height:530px;

    top:80px;
    right:-320px;
  }


  .inovar-results-visual::after{
    width:720px;
    height:620px;

    top:38px;
    right:-470px;
  }


  .inovar-results-visual-text{
    font-size:10px;

    letter-spacing:2.4px;
  }

}


/* =========================================================
   MOBILE
   MAIOR DESTAQUE E MENOS ESPAÇO VAZIO
========================================================= */

@media(max-width:767px){

  .inovar-results-head-panel{
    height:205px;

    min-height:205px;
  }


  .inovar-results-head-inner{
    width:100%;

    height:205px;

    min-height:205px;

    margin:0;

    display:block;
  }


  /* =====================================================
     BLOCO ESQUERDO
  ====================================================== */

  .inovar-results-copy{
    position:relative;

    z-index:10;

    width:100%;

    max-width:none;

    padding:
      12px
      120px
      6px
      24px;
  }


  /* LINHA SUPERIOR */

  .inovar-results-top-line{
    width:32px;

    height:2px;

    margin-bottom:8px;
  }


  /* INOVAR TRANSPORTES */

  .inovar-results-eyebrow{
    margin-bottom:8px;

    color:#9ba3af;

    font-size:10px;

    line-height:1.1;

    font-weight:400;

    letter-spacing:2.1px;

    white-space:nowrap;
  }


  /* =====================================================
     HEADLINE MOBILE
  ====================================================== */

  .inovar-results-title{
    font-size:37px;

    line-height:.80;

    font-weight:900;

    letter-spacing:-1.25px;
  }


  /* LINHA INFERIOR */

  .inovar-results-bottom-line{
    width:32px;

    height:2px;

    margin-top:12px;

    margin-bottom:8px;
  }


  /* =====================================================
     SUBHEADLINE MOBILE
  ====================================================== */

  .inovar-results-subtitle{
    width:245px;

    color:#858e9c;

    font-size:8.5px;

    line-height:1.35;

    font-weight:400;

    letter-spacing:1.45px;

    white-space:nowrap;
  }


  /* =====================================================
     VISUAL DIREITO
  ====================================================== */

  .inovar-results-visual{
    display:block;

    top:0;

    right:0;

    bottom:auto;

    width:58%;

    height:100%;

    overflow:hidden;
  }


  /* VERMELHO */

  .inovar-results-visual::before{
    width:410px;

    height:350px;

    top:59px;

    right:-205px;

    border-radius:50%;

    transform:
      rotate(-21deg);

    background:#e9002d;
  }


  /* AZUL */

  .inovar-results-visual::after{
    width:485px;

    height:425px;

    top:25px;

    right:-335px;

    border-radius:50%;

    transform:
      rotate(-19deg);

    background:
      linear-gradient(
        140deg,
        #16458f 0%,
        #0a347d 40%,
        #052b72 68%,
        #031d50 100%
      );
  }


  /* =====================================================
     TEXTO NO ARCO
  ====================================================== */

  .inovar-results-visual-text{
    right:5%;

    bottom:13%;

    font-size:8px;

    line-height:1.5;

    font-weight:400;

    letter-spacing:1.35px;
  }

}


/* =========================================================
   IPHONE 14 / 15 / 16 PRO MAX
========================================================= */

@media(max-width:440px){

  .inovar-results-head-panel{
    height:200px;

    min-height:200px;
  }


  .inovar-results-head-inner{
    height:200px;

    min-height:200px;
  }


  .inovar-results-copy{
    padding:
      11px
      112px
      6px
      23px;
  }


  /* LINHA */

  .inovar-results-top-line{
    width:31px;

    margin-bottom:8px;
  }


  /* INOVAR TRANSPORTES */

  .inovar-results-eyebrow{
    margin-bottom:8px;

    font-size:9.5px;

    line-height:1.1;

    letter-spacing:1.9px;
  }


  /* =====================================================
     TÍTULO — MAIOR
  ====================================================== */

  .inovar-results-title{
    font-size:36px;

    line-height:.80;

    letter-spacing:-1.15px;
  }


  /* LINHA INFERIOR */

  .inovar-results-bottom-line{
    width:31px;

    margin-top:11px;

    margin-bottom:7px;
  }


  /* =====================================================
     PARA EMPRESAS...
  ====================================================== */

  .inovar-results-subtitle{
    width:245px;

    font-size:8.2px;

    line-height:1.35;

    letter-spacing:1.3px;
  }


  /* =====================================================
     ÁREA VISUAL
  ====================================================== */

  .inovar-results-visual{
    width:59%;
  }


  /* VERMELHO */

  .inovar-results-visual::before{
    width:400px;

    height:345px;

    top:57px;

    right:-200px;

    transform:
      rotate(-21deg);
  }


  /* AZUL */

  .inovar-results-visual::after{
    width:475px;

    height:415px;

    top:23px;

    right:-327px;

    transform:
      rotate(-19deg);
  }


  /* =====================================================
     LOGÍSTICA INTELIGENTE...
  ====================================================== */

  .inovar-results-visual-text{
    right:5.5%;

    bottom:12%;

    font-size:7.8px;

    line-height:1.48;

    letter-spacing:1.2px;
  }

}


/* =========================================================
   MOBILE PEQUENO
========================================================= */

@media(max-width:390px){

  .inovar-results-head-panel{
    height:192px;

    min-height:192px;
  }


  .inovar-results-head-inner{
    height:192px;

    min-height:192px;
  }


  .inovar-results-copy{
    padding:
      9px
      98px
      5px
      20px;
  }


  /* =====================================================
     EYEBROW
  ====================================================== */

  .inovar-results-eyebrow{
    font-size:8.8px;

    letter-spacing:1.65px;
  }


  /* =====================================================
     HEADLINE
  ====================================================== */

  .inovar-results-title{
    font-size:33px;

    line-height:.81;

    letter-spacing:-1px;
  }


  /* =====================================================
     SUBHEADLINE
  ====================================================== */

  .inovar-results-subtitle{
    width:220px;

    font-size:7.5px;

    line-height:1.35;

    letter-spacing:1.05px;
  }


  /* =====================================================
     VISUAL
  ====================================================== */

  .inovar-results-visual{
    width:60%;
  }


  .inovar-results-visual::before{
    width:365px;

    height:315px;

    top:54px;

    right:-184px;
  }


  .inovar-results-visual::after{
    width:435px;

    height:380px;

    top:23px;

    right:-300px;
  }


  /* =====================================================
     TEXTO NO AZUL
  ====================================================== */

  .inovar-results-visual-text{
    font-size:7.1px;

    line-height:1.45;

    letter-spacing:1px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36d4ccc *//* =========================================================
   INOVAR — ÁREAS DE ATUAÇÃO

   PADRÃO TIPOGRÁFICO:
   BARLOW = títulos
   INTER  = textos / tags / interface

   ÍCONE:
   Ícone oficial da Inovar
========================================================= */

.inovar-areas{
  background:#f7f8fb;

  padding:
    110px
    20px;

  font-family:
    var(
      --font-text,
      'Inter',
      Arial,
      sans-serif
    );
}


.inovar-areas *,
.inovar-areas *::before,
.inovar-areas *::after{
  box-sizing:border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.inovar-areas-container{
  max-width:1280px;

  margin:
    0
    auto;

  display:grid;

  grid-template-columns:
    360px
    1fr;

  gap:40px;

  align-items:start;
}


/* =========================================================
   COLUNA ESQUERDA
========================================================= */

.inovar-areas-left{
  position:relative;
}


/* =========================================================
   TAG
========================================================= */

.inovar-tag{
  display:inline-block;

  margin-bottom:18px;

  color:#ef001d;

  font-family:
    var(
      --font-text,
      'Inter',
      Arial,
      sans-serif
    );

  font-size:13px;

  line-height:1;

  font-weight:800;

  letter-spacing:1.5px;

  text-transform:uppercase;
}


/* =========================================================
   HEADLINE PRINCIPAL
========================================================= */

.inovar-areas-left h2{
  margin:0;

  color:#071d49;

  font-family:
    var(
      --font-title,
      'Barlow',
      Arial,
      sans-serif
    );

  font-size:48px;

  line-height:1.05;

  font-weight:900;

  letter-spacing:-2px;
}


/* =========================================================
   DESCRIÇÃO PRINCIPAL
========================================================= */

.inovar-areas-left p{
  max-width:320px;

  margin:
    24px
    0
    34px;

  color:#667085;

  font-family:
    var(
      --font-text,
      'Inter',
      Arial,
      sans-serif
    );

  font-size:16px;

  line-height:1.8;

  font-weight:400;
}


/* =========================================================
   BOTÃO
========================================================= */

.inovar-areas-btn{
  min-height:54px;

  padding:
    0
    26px;

  display:inline-flex;

  align-items:center;

  gap:12px;

  border:
    2px
    solid
    #ef001d;

  border-radius:14px;

  color:#ef001d;

  text-decoration:none;

  font-family:
    var(
      --font-text,
      'Inter',
      Arial,
      sans-serif
    );

  font-size:14px;

  font-weight:700;

  transition:
    background .25s ease,
    color .25s ease,
    transform .25s ease;
}


.inovar-areas-btn:hover{
  background:#ef001d;

  color:#ffffff;

  transform:
    translateY(-2px);
}


/* =========================================================
   GRID DE CARDS
========================================================= */

.inovar-areas-grid{
  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:24px;
}


/* =========================================================
   CARD
========================================================= */

.inovar-area-card{
  position:relative;

  overflow:hidden;

  background:#ffffff;

  border-radius:22px;

  box-shadow:
    0
    10px
    40px
    rgba(
      7,
      29,
      73,
      .06
    );

  transition:
    transform .35s ease,
    box-shadow .35s ease;
}


.inovar-area-card:hover{
  transform:
    translateY(-8px);

  box-shadow:
    0
    20px
    60px
    rgba(
      7,
      29,
      73,
      .14
    );
}


/* =========================================================
   IMAGEM PRINCIPAL
========================================================= */

.inovar-area-image{
  height:190px;

  overflow:hidden;
}


.inovar-area-image img{
  width:100%;

  height:100%;

  display:block;

  object-fit:cover;

  transition:
    transform .5s ease;
}


.inovar-area-card:hover
.inovar-area-image img{
  transform:
    scale(1.08);
}


/* =========================================================
   CONTEÚDO DO CARD
========================================================= */

.inovar-area-content{
  position:relative;

  padding:26px;
}


/* =========================================================
   ÍCONE OFICIAL INOVAR
========================================================= */

.inovar-area-icon{
  position:absolute;

  top:-30px;
  left:26px;

  width:60px;
  height:60px;

  display:flex;

  align-items:center;

  justify-content:center;

  padding:10px;

  border:
    2px
    solid
    #eef1f6;

  border-radius:50%;

  background:#ffffff;

  overflow:hidden;

  box-shadow:
    0
    10px
    25px
    rgba(
      0,
      0,
      0,
      .08
    );

  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}


/* IMAGEM DO ÍCONE */

.inovar-area-icon img{
  width:100%;

  height:100%;

  display:block;

  object-fit:contain;

  object-position:center;

  transition:
    transform .35s ease;
}


/* EFEITO PREMIUM */

.inovar-area-card:hover
.inovar-area-icon{
  transform:
    translateY(-3px);

  border-color:
    rgba(
      232,
      0,
      29,
      .18
    );

  box-shadow:
    0
    14px
    30px
    rgba(
      7,
      29,
      73,
      .14
    );
}


.inovar-area-card:hover
.inovar-area-icon img{
  transform:
    scale(1.08);
}


/* =========================================================
   TÍTULOS DOS CARDS
========================================================= */

.inovar-area-content h3{
  margin:
    18px
    0
    10px;

  color:#071d49;

  font-family:
    var(
      --font-title,
      'Barlow',
      Arial,
      sans-serif
    );

  font-size:20px;

  line-height:1.1;

  font-weight:800;

  letter-spacing:-.35px;
}


/* =========================================================
   TEXTO DOS CARDS
========================================================= */

.inovar-area-content p{
  margin:0;

  color:#667085;

  font-family:
    var(
      --font-text,
      'Inter',
      Arial,
      sans-serif
    );

  font-size:14px;

  line-height:1.7;

  font-weight:400;
}


/* =========================================================
   RESPONSIVO — 1180
========================================================= */

@media(max-width:1180px){

  .inovar-areas-container{
    grid-template-columns:
      1fr;
  }


  .inovar-areas-left p{
    max-width:100%;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1024px){

  .inovar-areas-grid{
    grid-template-columns:
      repeat(2,1fr);
  }


  .inovar-areas-left h2{
    font-size:40px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

  .inovar-areas{
    padding:
      80px
      20px;
  }


  .inovar-areas-grid{
    grid-template-columns:
      1fr;
  }


  .inovar-areas-left h2{
    font-size:34px;

    letter-spacing:-1px;
  }


  .inovar-area-image{
    height:220px;
  }


  /* ÍCONE UM POUCO MAIOR NO MOBILE */

  .inovar-area-icon{
    width:64px;

    height:64px;

    top:-32px;

    padding:10px;
  }


  .inovar-area-content h3{
    margin-top:20px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-198d363 */.inovar-cta-strip {
  width: 100%;
  background: linear-gradient(135deg, #e8001d 0%, #ff001f 45%, #d60019 100%);
  font-family: 'Montserrat', sans-serif;
  padding: 34px 20px;
  color: #ffffff;
}

.inovar-cta-strip-container {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.inovar-cta-strip-left {
  display: flex;
  align-items: center;
  gap: 22px;
}

.inovar-cta-strip-icon {
  width: 62px;
  height: 62px;
  border: 2px solid rgba(255,255,255,0.85);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.inovar-cta-strip-icon i {
  font-size: 28px;
  color: #ffffff;
}

.inovar-cta-strip h2 {
  margin: 0;
  color: #ffffff;
  font-size: 28px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -0.6px;
}

.inovar-cta-strip p {
  margin: 6px 0 0;
  color: rgba(255,255,255,0.85);
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}

.inovar-cta-strip-btn {
  min-width: 260px;
  height: 58px;
  padding: 0 32px;
  border-radius: 14px;
  background: #ffffff;
  color: #e8001d;
  text-decoration: none;
  font-size: 14px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: 0 16px 35px rgba(0,0,0,0.18);
  transition: 0.25s ease;
}

.inovar-cta-strip-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 45px rgba(0,0,0,0.22);
}

@media (max-width: 767px) {
  .inovar-cta-strip {
    padding: 34px 20px;
  }

  .inovar-cta-strip-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .inovar-cta-strip-left {
    align-items: flex-start;
  }

  .inovar-cta-strip h2 {
    font-size: 24px;
  }

  .inovar-cta-strip-btn {
    width: 100%;
    min-width: unset;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   INOVAR TRANSPORTES
   CSS GLOBAL
   PADRÃO TIPOGRÁFICO + CORES + RESET
========================================================= */

:root{

  /* =====================================================
     CORES
  ====================================================== */

  --azul:#031b4f;
  --azul-dark:#021233;
  --vermelho:#e30613;
  --branco:#ffffff;
  --cinza:#6b7280;


  /* =====================================================
     TIPOGRAFIA OFICIAL

     BARLOW
     = títulos gerais

     BARLOW CONDENSED
     = títulos especiais / impacto

     INTER
     = textos / interface
  ====================================================== */

  --font-title:
    'Barlow',
    Arial,
    sans-serif;

  --font-display:
    'Barlow Condensed',
    'Arial Narrow',
    Arial,
    sans-serif;

  --font-text:
    'Inter',
    Arial,
    sans-serif;

}


/* =========================================================
   RESET GLOBAL
========================================================= */

html{
  margin:0;
  padding:0;
}


body{
  margin:0;
  padding:0;

  font-family:
    var(--font-text);

  color:#111;

  background:#ffffff;

  -webkit-font-smoothing:
    antialiased;

  -moz-osx-font-smoothing:
    grayscale;
}


/* =========================================================
   BOX SIZING
========================================================= */

*,
*::before,
*::after{
  box-sizing:border-box;
}


/* =========================================================
   TÍTULOS GERAIS

   Agora todos os títulos comuns usam BARLOW.
   Removemos totalmente SPACE GROTESK.
========================================================= */

h1,
h2,
h3,
h4,
h5,
h6{
  margin:0;

  font-family:
    var(--font-title);

  font-weight:700;
}


/* =========================================================
   TEXTOS / LINKS / INTERFACE
========================================================= */

p,
a,
button,
input,
textarea,
select,
label{
  font-family:
    var(--font-text);
}


/* =========================================================
   CONTAINER GLOBAL
========================================================= */

.inovar-container{
  width:
    min(
      1180px,
      92%
    );

  margin:
    0
    auto;
}


/* =========================================================
   FOOTER
========================================================= */

.inovar-footer h1,
.inovar-footer h2,
.inovar-footer h3,
.inovar-footer h4,
.inovar-footer h5,
.inovar-footer h6{
  color:#ffffff !important;

  font-family:
    var(--font-title) !important;
}


/* =========================================================
   TÍTULOS ESPECÍFICOS DO FOOTER
========================================================= */

.inovar-footer .footer-title{
  color:#ffffff !important;

  font-family:
    var(--font-title) !important;

  font-weight:600;

  letter-spacing:-0.3px;
}


/* =========================================================
   TEXTOS DO FOOTER
========================================================= */

.inovar-footer p,
.inovar-footer a,
.inovar-footer li{
  color:
    rgba(
      255,
      255,
      255,
      .75
    );

  font-family:
    var(--font-text);
}


/* =========================================================
   HOVER FOOTER
========================================================= */

.inovar-footer a:hover{
  color:#ffffff;
}


/* =========================================================
   ANIMAÇÃO GLOBAL
========================================================= */

.reveal{
  opacity:0;

  transform:
    translateY(40px);

  transition:
    opacity .8s cubic-bezier(.22,.61,.36,1),
    transform .8s cubic-bezier(.22,.61,.36,1);
}


.reveal.active{
  opacity:1;

  transform:
    translateY(0);
}


/* =========================================================
   DELAYS
========================================================= */

.delay-1{
  transition-delay:.1s;
}


.delay-2{
  transition-delay:.2s;
}


.delay-3{
  transition-delay:.3s;
}


.delay-4{
  transition-delay:.4s;
}/* End custom CSS */