.elementor-567 .elementor-element.elementor-element-a3fdccb{--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-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-96ffaa0 *//* ==========================================================
   INOVAR
   HEADER HOME V3
   INTEGRADO AO HERO
   TIPOGRAFIA PADRONIZADA
========================================================== */

.inovar-home-header{
  --ih-blue:#061d49;
  --ih-dark:#04152f;
  --ih-red:#ed0025;

  width:100%;

  position:absolute;
  top:0;
  left:0;

  z-index:9999;

  font-family:
    var(--font-text, 'Inter', Arial, sans-serif);

  transition:
    background .3s ease,
    box-shadow .3s ease;
}


.inovar-home-header *,
.inovar-home-header *::before,
.inovar-home-header *::after{
  box-sizing:border-box;
}


/* ==========================================================
   CONTAINER
========================================================== */

.inovar-home-header-inner{
  width:min(1340px,92%);

  height:120px;

  margin:0 auto;

  display:flex;

  align-items:center;

  position:relative;

  gap:32px;
}


/* ==========================================================
   LOGO
========================================================== */

.inovar-home-logo{
  width:275px;

  flex:0 0 275px;

  display:flex;

  align-items:center;

  text-decoration:none;

  position:relative;

  z-index:3;
}


.inovar-home-logo img{
  width:240px;

  max-width:100%;

  height:auto;

  display:block;

  object-fit:contain;
}


/* ==========================================================
   MENU DESKTOP
========================================================== */

.inovar-home-menu{
  flex:1;

  display:flex;

  justify-content:center;

  align-items:center;

  gap:38px;
}


.inovar-home-menu a{
  position:relative;

  padding:13px 0;

  color:#fff !important;

  text-decoration:none;

  font-family:
    var(--font-text, 'Inter', Arial, sans-serif);

  font-size:16px;

  line-height:1;

  font-weight:700;

  letter-spacing:-.15px;

  text-shadow:
    0 2px 12px rgba(0,0,0,.20);

  transition:
    opacity .25s ease,
    transform .25s ease;
}


.inovar-home-menu a::after{
  content:"";

  position:absolute;

  left:50%;
  bottom:2px;

  width:0;
  height:2px;

  background:var(--ih-red);

  transform:translateX(-50%);

  transition:
    width .25s ease;
}


.inovar-home-menu a:hover{
  opacity:.86;

  transform:translateY(-1px);
}


.inovar-home-menu a:hover::after{
  width:26px;
}


/* ==========================================================
   BOTÃO COTAÇÃO DESKTOP
========================================================== */

.inovar-home-quote{
  height:62px;

  min-width:265px;

  padding:0 28px;

  display:flex;

  align-items:center;

  justify-content:center;

  gap:20px;

  border-radius:999px;

  position:relative;

  overflow:hidden;

  flex:none;

  background:var(--ih-red);

  color:#fff !important;

  text-decoration:none;

  font-family:
    var(--font-text, 'Inter', Arial, sans-serif);

  font-size:16px;

  line-height:1;

  font-weight:800;

  letter-spacing:-.2px;

  box-shadow:
    0 14px 35px rgba(237,0,37,.24);

  transition:
    background .3s ease,
    transform .3s ease,
    box-shadow .3s ease;
}


.inovar-home-quote:hover{
  background:#ff092b;

  transform:translateY(-2px);

  box-shadow:
    0 18px 40px rgba(237,0,37,.32);
}


/* ==========================================================
   BRILHO PASSANDO
========================================================== */

.inovar-home-quote::before{
  content:"";

  position:absolute;

  top:-50%;

  left:-120px;

  width:70px;
  height:200%;

  transform:rotate(20deg);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.17),
      transparent
    );

  animation:
    inovarHomeShine 3.8s infinite;
}


@keyframes inovarHomeShine{

  0%{
    left:-130px;
  }

  40%,
  100%{
    left:120%;
  }

}


/* ==========================================================
   TEXTO DO CTA
========================================================== */

.inovar-home-quote > span:first-child{
  position:relative;

  z-index:2;

  white-space:nowrap;
}


/* ==========================================================
   SETAS ANIMADAS
========================================================== */

.inovar-home-quote-arrows{
  display:flex;

  align-items:center;

  gap:5px;

  position:relative;

  z-index:2;
}


.inovar-home-quote-arrows i{
  width:10px;
  height:10px;

  border-top:3px solid #fff;
  border-right:3px solid #fff;

  transform:rotate(45deg);

  opacity:.20;

  animation:
    inovarHomeArrow 1.3s infinite ease-in-out;
}


.inovar-home-quote-arrows i:nth-child(2){
  animation-delay:.14s;
}


.inovar-home-quote-arrows i:nth-child(3){
  animation-delay:.28s;
}


.inovar-home-quote-arrows i:nth-child(4){
  animation-delay:.42s;
}


@keyframes inovarHomeArrow{

  0%{
    opacity:.15;

    transform:
      translateX(-6px)
      rotate(45deg);
  }

  50%{
    opacity:1;

    transform:
      translateX(0)
      rotate(45deg);
  }

  100%{
    opacity:.15;

    transform:
      translateX(6px)
      rotate(45deg);
  }

}


/* ==========================================================
   HAMBURGUER
========================================================== */

.inovar-home-toggle{
  display:none;

  width:56px;
  height:56px;

  padding:0;

  border:0;

  background:transparent;

  cursor:pointer;

  flex:none;

  align-items:center;

  justify-content:center;

  flex-direction:column;

  gap:7px;

  position:relative;

  z-index:10002;
}


.inovar-home-toggle span{
  width:31px;
  height:3px;

  display:block;

  border-radius:50px;

  background:#fff;

  box-shadow:
    0 2px 8px rgba(0,0,0,.15);

  transition:
    transform .3s ease,
    opacity .3s ease;
}


/* ==========================================================
   HAMBURGUER → X
========================================================== */

.inovar-home-toggle.is-active span:nth-child(1){
  transform:
    translateY(10px)
    rotate(45deg);
}


.inovar-home-toggle.is-active span:nth-child(2){
  opacity:0;
}


.inovar-home-toggle.is-active span:nth-child(3){
  transform:
    translateY(-10px)
    rotate(-45deg);
}


/* ==========================================================
   MENU MOBILE
========================================================== */

.inovar-home-mobile{
  display:none;
}


/* ==========================================================
   HEADER APÓS SCROLL
========================================================== */

.inovar-home-header.is-scrolled{
  position:fixed;

  background:
    rgba(6,29,73,.97);

  box-shadow:
    0 10px 35px rgba(0,10,35,.20);

  backdrop-filter:
    blur(12px);

  -webkit-backdrop-filter:
    blur(12px);
}


.inovar-home-header.is-scrolled
.inovar-home-header-inner{
  height:88px;
}


.inovar-home-header.is-scrolled
.inovar-home-logo img{
  width:195px;
}


/* ==========================================================
   TABLET / DESKTOP MENOR
========================================================== */

@media(max-width:1200px){

  .inovar-home-header-inner{
    width:94%;

    gap:22px;
  }


  .inovar-home-logo{
    width:225px;

    flex-basis:225px;
  }


  .inovar-home-logo img{
    width:195px;
  }


  .inovar-home-menu{
    gap:24px;
  }


  .inovar-home-menu a{
    font-size:14px;
  }


  .inovar-home-quote{
    min-width:220px;

    height:58px;

    padding:0 20px;

    gap:16px;

    font-size:14px;
  }


  .inovar-home-quote-arrows{
    gap:4px;
  }


  .inovar-home-quote-arrows i{
    width:8px;
    height:8px;

    border-width:2px;
  }

}


/* ==========================================================
   TABLET MAIS ESTREITO
========================================================== */

@media(max-width:1000px) and (min-width:901px){

  .inovar-home-header-inner{
    gap:16px;
  }


  .inovar-home-logo{
    width:190px;

    flex-basis:190px;
  }


  .inovar-home-logo img{
    width:170px;
  }


  .inovar-home-menu{
    gap:17px;
  }


  .inovar-home-menu a{
    font-size:13px;
  }


  .inovar-home-quote{
    min-width:195px;

    padding:0 17px;

    font-size:13px;
  }

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:900px){

  /*
   * Mantemos o header integrado ao Hero.
  */

  .inovar-home-header{
    position:absolute;

    background:transparent;

    box-shadow:none;
  }


  .inovar-home-header-inner{
    width:100%;

    height:105px;

    margin:0;

    padding:
      15px
      28px
      0;

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:15px;
  }


  /* ======================================================
     ESCONDE DESKTOP
  ====================================================== */

  .inovar-home-menu,
  .inovar-home-quote{
    display:none;
  }


  /* ======================================================
     LOGO MOBILE
  ====================================================== */

  .inovar-home-logo{
    width:auto;

    flex:1;

    display:flex;

    align-items:flex-start;
  }


  .inovar-home-logo img{
    /*
     * Mantemos praticamente o tamanho
     * que já estava aprovado no mobile.
    */

    width:220px;

    max-width:72vw;

    height:auto;
  }


  /* ======================================================
     HAMBURGUER MOBILE
  ====================================================== */

  .inovar-home-toggle{
    display:flex;

    width:58px;
    height:58px;

    margin-top:1px;
  }


  .inovar-home-toggle span{
    width:34px;

    height:3px;

    background:#fff;
  }


  /* ======================================================
     DROPDOWN
  ====================================================== */

  .inovar-home-mobile{
    display:block;

    position:absolute;

    top:105px;
    left:0;

    width:100%;

    max-height:0;

    overflow:hidden;

    opacity:0;

    visibility:hidden;

    background:
      rgba(4,21,47,.98);

    backdrop-filter:
      blur(16px);

    -webkit-backdrop-filter:
      blur(16px);

    box-shadow:
      0 25px 50px rgba(0,0,0,.30);

    transition:
      max-height .45s ease,
      opacity .25s ease,
      visibility .25s ease;

    z-index:10000;
  }


  .inovar-home-mobile.is-open{
    max-height:650px;

    opacity:1;

    visibility:visible;
  }


  .inovar-home-mobile-inner{
    padding:
      14px
      26px
      28px;
  }


  /* ======================================================
     LINKS MOBILE
  ====================================================== */

  .inovar-home-mobile-inner > a{
    min-height:54px;

    display:flex;

    align-items:center;

    color:#fff !important;

    text-decoration:none;

    font-family:
      var(--font-text, 'Inter', Arial, sans-serif);

    font-size:15px;

    font-weight:600;

    border-bottom:
      1px solid rgba(255,255,255,.09);
  }


  .inovar-home-mobile-inner > a span{
    margin-left:auto;

    color:
      rgba(255,255,255,.45);

    font-size:18px;
  }


  .inovar-home-mobile-divider{
    height:10px;
  }


  .inovar-home-mobile-track{
    color:
      rgba(255,255,255,.78) !important;
  }


  /* ======================================================
     CTA MOBILE
  ====================================================== */

  .inovar-home-mobile-inner
  .inovar-home-mobile-quote{
    min-height:58px;

    margin-top:16px;

    padding:
      0
      22px;

    border:0;

    border-radius:999px;

    background:
      var(--ih-red);

    color:#fff !important;

    font-size:15px;

    font-weight:800;

    box-shadow:
      0
      14px
      30px
      rgba(237,0,37,.25);
  }


  .inovar-home-mobile-quote strong{
    margin-left:auto;

    font-size:20px;
  }


  /* ======================================================
     HEADER MOBILE APÓS SCROLL
  ====================================================== */

  .inovar-home-header.is-scrolled{
    position:fixed;

    background:
      rgba(6,29,73,.97);
  }


  .inovar-home-header.is-scrolled
  .inovar-home-header-inner{
    height:78px;

    padding-top:10px;

    align-items:center;
  }


  .inovar-home-header.is-scrolled
  .inovar-home-logo img{
    width:155px;
  }


  .inovar-home-header.is-scrolled
  .inovar-home-toggle{
    width:52px;
    height:52px;

    margin-top:0;
  }


  .inovar-home-header.is-scrolled
  .inovar-home-mobile{
    top:78px;
  }

}


/* ==========================================================
   MOBILE 480
========================================================== */

@media(max-width:480px){

  .inovar-home-header-inner{
    height:100px;

    padding:
      14px
      22px
      0;
  }


  .inovar-home-logo img{
    width:205px;

    max-width:70vw;
  }


  .inovar-home-toggle{
    width:54px;
    height:54px;
  }


  .inovar-home-toggle span{
    width:31px;
  }


  .inovar-home-mobile{
    top:100px;
  }


  .inovar-home-mobile-inner{
    padding-left:22px;

    padding-right:22px;
  }

}


/* ==========================================================
   MOBILE 390
========================================================== */

@media(max-width:390px){

  .inovar-home-header-inner{
    padding-left:18px;

    padding-right:18px;
  }


  .inovar-home-logo img{
    width:185px;
  }


  .inovar-home-toggle{
    width:50px;
    height:50px;
  }


  .inovar-home-toggle span{
    width:28px;
  }

}
/* ==========================================================
   FIX DEFINITIVO — MENU MOBILE
========================================================== */

@media(max-width:900px){

  /* HEADER PRECISA PERMITIR O DROPDOWN */

  .inovar-home-header{
    overflow:visible !important;
  }


  /* ELEMENTOR NÃO PODE CORTAR O MENU */

  .elementor-widget-html:has(.inovar-home-header),
  .elementor-widget-html:has(.inovar-home-header)
  .elementor-widget-container{
    overflow:visible !important;
  }


  .e-con:has(.inovar-home-header),
  .e-con-full:has(.inovar-home-header){
    overflow:visible !important;
  }


  /* MENU FECHADO */

  .inovar-home-mobile{
    display:block !important;

    position:absolute !important;

    left:0 !important;

    width:100% !important;

    max-height:0;

    opacity:0;

    visibility:hidden;

    overflow:hidden;

    pointer-events:none;

    transform:
      translateY(-8px);

    background:
      rgba(4,21,47,.985);

    backdrop-filter:
      blur(18px);

    -webkit-backdrop-filter:
      blur(18px);

    box-shadow:
      0
      28px
      60px
      rgba(0,0,0,.35);

    transition:
      max-height .45s cubic-bezier(.22,.61,.36,1),
      opacity .25s ease,
      transform .35s ease,
      visibility .25s ease;

    z-index:10001 !important;
  }


  /* MENU ABERTO */

  .inovar-home-mobile.is-open{
    max-height:700px !important;

    opacity:1 !important;

    visibility:visible !important;

    pointer-events:auto !important;

    transform:
      translateY(0) !important;
  }


  /* HAMBURGUER */

  .inovar-home-toggle{
    position:relative;

    z-index:10003 !important;
  }


  /* LINKS */

  .inovar-home-mobile-inner{
    position:relative;

    z-index:2;
  }

}


/* ==========================================================
   EVITA SCROLL HORIZONTAL QUANDO MENU ESTÁ ABERTO
========================================================== */

html.inovar-mobile-menu-open,
html.inovar-mobile-menu-open body{
  overflow-x:hidden;
}
/* ==========================================================
   HAMBURGUER MOBILE — ESTADO ATIVO
   IDENTIDADE INOVAR
========================================================== */

@media(max-width:900px){

  /* remove estilos padrão de clique/foco */
  .inovar-home-toggle,
  .inovar-home-toggle:hover,
  .inovar-home-toggle:focus,
  .inovar-home-toggle:focus-visible,
  .inovar-home-toggle:active{
    outline:none !important;
    border:none !important;
    box-shadow:none !important;
    -webkit-tap-highlight-color:transparent;
  }


  /* BOTÃO NORMAL */
  .inovar-home-toggle{
    background:transparent !important;

    transition:
      background .3s ease,
      transform .3s ease;
  }


  /* BOTÃO QUANDO MENU ESTIVER ABERTO */
  .inovar-home-toggle.is-active,
  .inovar-home-toggle.is-active:hover,
  .inovar-home-toggle.is-active:focus,
  .inovar-home-toggle.is-active:active{
    background:#ed0025 !important;

    border-radius:12px;

    box-shadow:
      0 10px 28px
      rgba(237,0,37,.28) !important;
  }


  /* LINHAS DO HAMBURGUER / X */
  .inovar-home-toggle span{
    background:#ffffff !important;
  }


  /* LEVE EFEITO PREMIUM AO ABRIR */
  .inovar-home-toggle.is-active{
    transform:scale(.96);
  }

}/* End custom CSS */