.elementor-214355 .elementor-element.elementor-element-c206280{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.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-17b0271 */.pc *, .pc *::before, .pc *::after { box-sizing: border-box; margin: 0; padding: 0; }

  .pc {
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 60%, #111111 100%) !important;
    width: 100% !important;
    font-family: inherit !important;
    color: #fff !important;
  }

  .pc__inner {
    position: relative !important;
    max-width: 1220px !important;
    margin: 0 auto !important;
    padding: 0 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 68px !important;
    gap: 20px !important;
  }

  /* ── Logo ── */
  .pc__logo { flex-shrink: 0 !important; line-height: 0 !important; }
  .pc__logo img { height: 44px !important; width: auto !important; display: block !important; }

  /* ── Nav ── */
  .pc__nav {
    display: flex !important;
    align-items: stretch !important;
    list-style: none !important;
    flex: 1 !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .pc__nav > li {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .pc__nav > li > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 8px 14px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    transition: color .18s !important;
    height: 100% !important;
    background: none !important;
    border: none !important;
  }

  .pc__nav > li > a:hover { color: #E4002B !important; }
  .pc__nav > li.drop-open > a { color: #E4002B !important; }

  /* ── Seta ── */
  .pc__arrow {
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    border: 5px solid transparent !important;
    border-top: 6px solid #fff !important;
    border-bottom: 0 !important;
    margin-top: 2px !important;
    transition: transform .2s, border-top-color .18s !important;
  }
  .pc__nav > li.drop-open .pc__arrow {
    transform: rotate(180deg) !important;
    border-top-color: #E4002B !important;
  }

  /* ── Mega-menu ── */
  .pc__drop {
    display: none !important;
    position: fixed !important;
    /* top/left/width definidos via JS em _pcPosition() */
    background: #fff !important;
    color: #111 !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 8px 28px rgba(0,0,0,.14) !important;
    padding: 28px 28px 26px !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 12px !important;
    z-index: 99999 !important;
  }

  .pc__nav > li.drop-open .pc__drop { display: grid !important; }

  /* ── Colunas ── */
  .pc__col-head {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    padding-bottom: 10px !important;
    margin-bottom: 11px !important;
    border-bottom: 1.5px solid #ececec !important;
  }
  .pc__col-head img {
    width: 28px !important;
    height: 28px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
    margin-top: 1px !important;
  }
  .pc__col-title {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #111 !important;
    line-height: 1.25 !important;
  }

  .pc__col-list { list-style: none !important; display: flex !important; flex-direction: column !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; }
  .pc__col-list li { display: flex !important; align-items: baseline !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; border: none !important; border-left: none !important; background: none !important; box-shadow: none !important; list-style: none !important; }
  .pc__col-list li::marker { display: none !important; content: "" !important; }
  .pc__col-list li::before { content: "•" !important; color: #555 !important; font-size: 13px !important; flex-shrink: 0 !important; }
  .pc__col-list a {
    font-size: 13px !important;
    color: #444 !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
    transition: color .15s !important;
    background: none !important;
    padding: 0 !important;
  }
  .pc__col-list a:hover { color: #E4002B !important; }

  /* ── Botão CTA ── */
  .pc__cta {
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: #E4002B !important;
    border: 2px solid #E4002B !important;
    color: #fff !important;
    text-decoration: none !important;
    padding: 13px 26px !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    transition: filter .18s !important;
  }
  .pc__cta:hover {
    filter: brightness(.85) !important;
    color: #fff !important;
  }
  .pc__cta svg { flex-shrink: 0 !important; width: 17px !important; height: 17px !important; }

  /* oculto no desktop */
  .pc__nav > li.pc__mobile-cta-wrap { display: none !important; }
  .pc__mobile-cta { display: none !important; }
  .pc__sub-back { display: none !important; }

  /* ── Burger ── */
  .pc__burger {
    display: none !important;
    background: none !important;
    border: none !important;
    cursor: pointer;
    padding: 6px !important;
    gap: 5px !important;
    flex-direction: column !important;
    flex-shrink: 0 !important;
    z-index: 1001 !important;
    position: relative !important;
  }
  .pc__burger span {
    display: block !important;
    width: 25px !important;
    height: 2px !important;
    background: #fff !important;
    border-radius: 2px !important;
    transition: transform .3s ease, opacity .2s ease !important;
    transform-origin: center !important;
    will-change: transform !important;
  }
  .pc__burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg) !important; }
  .pc__burger.is-open span:nth-child(2) { opacity: 0 !important; transform: scaleX(0) !important; }
  .pc__burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg) !important; }

  /* ── Animação overlay ── */
  @keyframes pcFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
  }
  @keyframes pcSlideUp {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  @media (max-width: 960px) {
    .pc { z-index: 1000 !important; }
    .pc__cta { display: none !important; }
    .pc__burger { display: flex !important; }
    .pc__inner { padding: 0 20px !important; height: 78px !important; }
    .pc__logo img { height: 34px !important; }
    .pc__nav { top: 78px !important; }
    .pc__drop { top: 78px !important; }

    /* ── Overlay fullscreen ── */
    .pc__nav {
      display: none !important;
      position: fixed !important;
      top: 68px !important;
      left: 0 !important; right: 0 !important; bottom: 0 !important;
      background: #141414 !important;
      flex-direction: column !important;
      align-items: stretch !important;
      overflow-y: auto !important;
      z-index: 999 !important;
      border-top: 1px solid rgba(255,255,255,.07) !important;
      padding-bottom: 0 !important;
    }
    .pc__nav.is-open {
      display: flex !important;
      animation: pcFadeIn .25s ease both !important;
    }

    /* ── Links principais ── */
    .pc__nav > li {
      display: block !important;
      border-bottom: 1px solid rgba(255,255,255,.06) !important;
    }
    .pc__nav > li.is-open {
      border-bottom-color: transparent !important;
    }
    .pc__nav > li > a {
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
      height: auto !important;
      padding: 20px 28px !important;
      font-size: 20px !important;
      font-weight: 700 !important;
      color: #fff !important;
      letter-spacing: -.01em !important;
      background: none !important;
      border: none !important;
      transition: color .18s !important;
    }
    .pc__nav > li > a:hover { color: #E4002B !important; }
    .pc__nav > li.is-open > a { color: #E4002B !important; }

    /* Animação escalonada nos links */
    .pc__nav > li:nth-child(1) > a { animation: pcSlideUp .3s .04s ease both; }
    .pc__nav > li:nth-child(2) > a { animation: pcSlideUp .3s .08s ease both; }
    .pc__nav > li:nth-child(3) > a { animation: pcSlideUp .3s .12s ease both; }
    .pc__nav > li:nth-child(4) > a { animation: pcSlideUp .3s .16s ease both; }
    .pc__nav > li:nth-child(5) > a { animation: pcSlideUp .3s .20s ease both; }
    .pc__nav > li:nth-child(6) > a { animation: pcSlideUp .3s .24s ease both; }
    .pc__nav > li:nth-child(7) > a { animation: pcSlideUp .3s .28s ease both; }
    .pc__nav > li:nth-child(8) > a { animation: pcSlideUp .3s .32s ease both; }

    /* ── Seta ── */
    .pc__arrow {
      width: 0 !important; height: 0 !important;
      border-left: 5px solid transparent !important;
      border-right: 5px solid transparent !important;
      border-top: 6px solid rgba(255,255,255,.4) !important;
      border-bottom: 0 !important;
      margin-top: 0 !important;
      transition: transform .3s ease, border-top-color .2s !important;
    }
    .pc__nav > li.is-open .pc__arrow {
      transform: rotate(180deg) !important;
      border-top-color: #E4002B !important;
    }

    /* ── Sub-screen: botão voltar ── */
    .pc__sub-back {
      display: none !important;
      align-items: center !important;
      gap: 8px !important;
      width: 100% !important;
      background: none !important;
      border: none !important;
      border-bottom: 1px solid rgba(255,255,255,.08) !important;
      padding: 18px 28px !important;
      color: #fff !important;
      font-size: 16px !important;
      font-weight: 700 !important;
      cursor: pointer !important;
      text-align: left !important;
    }
    .pc__sub-back svg { flex-shrink: 0 !important; }

    /* Sub-screen ativo: esconde todos os li menos o has-drop */
    .pc__nav.sub-open > li { display: none !important; }
    .pc__nav.sub-open > li.has-drop { display: block !important; }
    .pc__nav.sub-open > li.has-drop > a { display: none !important; }
    .pc__nav.sub-open > li.has-drop .pc__sub-back { display: flex !important; }
    .pc__nav.sub-open > li.has-drop .pc__drop { display: grid !important; }

    /* ── Services: painel de categorias ── */
    .pc__drop {
      position: static !important;
      display: none !important;
      grid-template-columns: 1fr !important;
      gap: 0 !important;
      padding: 0 !important;
      background: #141414 !important;
      color: #bbb !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      border-top: none !important;
    }

    /* Cada categoria */
    .pc__col {
      padding: 18px 28px 16px !important;
      border: none !important;
      border-bottom: 1px solid rgba(255,255,255,.06) !important;
      border-left: 3px solid #E4002B !important;
      margin: 0 !important;
    }
    .pc__col:last-child { border-bottom: none !important; }

    .pc__col-head {
      display: flex !important;
      align-items: center !important;
      gap: 8px !important;
      margin-bottom: 10px !important;
      padding-bottom: 8px !important;
      border-bottom: 1px solid rgba(255,255,255,.07) !important;
    }
    .pc__col-head img { width: 20px !important; height: 20px !important; opacity: .85 !important; }
    .pc__col-title { color: #fff !important; font-size: 13px !important; font-weight: 700 !important; }

    .pc__col-list { gap: 8px !important; padding: 0 !important; }
    .pc__col-list li {
      border: none !important; border-left: none !important;
      background: none !important; padding: 0 !important; margin: 0 !important;
      box-shadow: none !important; outline: none !important;
      list-style: none !important;
    }
    .pc__col-list li::before { color: #444 !important; }
    .pc__col-list a {
      color: #888 !important; font-size: 13px !important;
      padding: 0 !important; border: none !important; background: none !important;
    }
    .pc__col-list a:hover { color: #E4002B !important; }

    /* CTA aparece no sub-screen também */
    .pc__nav.sub-open > li.pc__mobile-cta-wrap { display: block !important; }

    /* ── CTA fixo no rodapé ── */
    .pc__nav > li.pc__mobile-cta-wrap {
      display: block !important;
      margin-top: auto !important;
      border-bottom: none !important;
      border-top: 1px solid rgba(255,255,255,.08) !important;
      padding: 20px 24px 30px !important;
      position: sticky !important;
      bottom: 0 !important;
      background: #141414 !important;
    }
    .pc__nav > li.pc__mobile-cta-wrap > a.pc__mobile-cta {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 10px !important;
      height: auto !important;
      width: 100% !important;
      padding: 16px 20px !important;
      background: #E4002B !important;
      border: 2px solid #E4002B !important;
      color: #fff !important;
      text-decoration: none !important;
      border-radius: 0 !important;
      font-size: 14px !important;
      font-weight: 700 !important;
      letter-spacing: .06em !important;
      text-transform: uppercase !important;
      transition: filter .18s !important;
    }
    .pc__nav > li.pc__mobile-cta-wrap > a.pc__mobile-cta:hover {
      filter: brightness(.85) !important;
    }
    .pc__nav > li.pc__mobile-cta-wrap > a.pc__mobile-cta svg {
      width: 17px !important; height: 17px !important; flex-shrink: 0 !important;
    }
  }/* End custom CSS */