{"id":2,"date":"2026-07-04T22:50:58","date_gmt":"2026-07-04T22:50:58","guid":{"rendered":"https:\/\/forcebrasil.com\/?page_id=2"},"modified":"2026-08-10T22:52:19","modified_gmt":"2026-08-10T22:52:19","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/forcebrasil.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c98921 e-con-full force-hero-home e-flex e-con e-parent\" data-id=\"2c98921\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a7860f elementor-widget elementor-widget-html\" data-id=\"1a7860f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n  HTML 01 - HEADER \/ MENU STICKY FORCE\r\n  Local: Widget HTML separado acima do Hero\r\n\r\n  CORRE\u00c7\u00c3O WORDPRESS:\r\n  - O header permanece acima do conte\u00fado do site.\r\n  - A barra administrativa e seus submenus permanecem acima do header.\r\n========================================================= -->\r\n\r\n<header class=\"force-header\" id=\"forceHeader\">\r\n  <div class=\"force-header-inner\">\r\n\r\n    <!-- 01. LOGO -->\r\n    <a href=\"#home\" class=\"force-header-logo\" aria-label=\"Force Group\">\r\n      <img decoding=\"async\"\r\n        class=\"force-logo force-logo-white\"\r\n        src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/LOGO.png\"\r\n        alt=\"Force Group\"\r\n      >\r\n\r\n      <img decoding=\"async\"\r\n        class=\"force-logo force-logo-color\"\r\n        src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/LOGO_02.png\"\r\n        alt=\"Force Group\"\r\n      >\r\n    <\/a>\r\n\r\n    <!-- 02. MENU CENTRALIZADO -->\r\n    <nav class=\"force-header-nav\" aria-label=\"Menu principal\">\r\n      <a href=\"#quem-somos\">A FORCE<\/a>\r\n      <a href=\"#por-que-force\">Por que a FORCE<\/a>\r\n      <a href=\"#servicos-comex\">Solu\u00e7\u00f5es<\/a>\r\n      <a href=\"#segmentos\">Segmentos Especializados<\/a>\r\n      <a href=\"#contato\">Fale Conosco<\/a>\r\n    <\/nav>\r\n\r\n    <!-- 03. HAMB\u00daRGUER MOBILE -->\r\n    <button\r\n      class=\"force-menu-toggle\"\r\n      type=\"button\"\r\n      aria-label=\"Abrir menu\"\r\n      aria-expanded=\"false\"\r\n      aria-controls=\"forceMobileMenu\"\r\n    >\r\n      <span><\/span>\r\n      <span><\/span>\r\n      <span><\/span>\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n  <!-- 04. MENU MOBILE -->\r\n  <div class=\"force-mobile-menu\" id=\"forceMobileMenu\">\r\n    <a href=\"#quem-somos\">A FORCE<\/a>\r\n    <a href=\"#por-que-force\">Por que a FORCE<\/a>\r\n    <a href=\"#servicos-comex\">Solu\u00e7\u00f5es<\/a>\r\n    <a href=\"#segmentos\">Segmentos Especializados<\/a>\r\n    <a href=\"#contato\">Fale Conosco<\/a>\r\n  <\/div>\r\n<\/header>\r\n\r\n<style>\r\n  \/* =========================================================\r\n    00. COMPATIBILIDADE COM WORDPRESS \/ ELEMENTOR\r\n\r\n    O header usa uma camada suficiente para ficar acima do hero,\r\n    mas abaixo da barra administrativa do WordPress.\r\n  ========================================================= *\/\r\n\r\n  body.admin-bar #wpadminbar {\r\n    z-index: 999999 !important;\r\n  }\r\n\r\n  body.admin-bar #wpadminbar .ab-sub-wrapper,\r\n  body.admin-bar #wpadminbar .ab-submenu {\r\n    z-index: 1000000 !important;\r\n  }\r\n\r\n  \/* =========================================================\r\n    01. BASE DO HEADER\r\n  ========================================================= *\/\r\n\r\n  .force-header,\r\n  .force-header * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .force-header {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    z-index: 900;\r\n    padding: 24px 42px 0;\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    opacity: 0;\r\n    transform: translateY(-16px);\r\n    animation: forceHeaderIn 0.7s ease forwards;\r\n    pointer-events: none;\r\n    transition:\r\n      padding 0.35s ease,\r\n      transform 0.35s ease;\r\n  }\r\n\r\n  body.admin-bar .force-header {\r\n    top: var(--wp-admin--admin-bar--height, 32px);\r\n  }\r\n\r\n  .force-header.is-scrolled {\r\n    padding: 8px 32px 0;\r\n  }\r\n\r\n  .force-header-inner {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1760px;\r\n    margin: 0 auto;\r\n    min-height: 64px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    pointer-events: auto;\r\n    transition:\r\n      min-height 0.35s ease,\r\n      padding 0.35s ease,\r\n      background 0.35s ease,\r\n      border-color 0.35s ease,\r\n      box-shadow 0.35s ease;\r\n  }\r\n\r\n  .force-header.is-scrolled .force-header-inner {\r\n    min-height: 42px;\r\n  }\r\n\r\n  \/* =========================================================\r\n    02. LOGO COM FUNDO\/SOMBRA\r\n  ========================================================= *\/\r\n\r\n  .force-header-logo {\r\n    position: relative;\r\n    z-index: 3;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    width: 210px;\r\n    height: 60px;\r\n    text-decoration: none !important;\r\n    flex: 0 0 auto;\r\n    transition:\r\n      width 0.35s ease,\r\n      height 0.35s ease;\r\n  }\r\n\r\n  .force-header.is-scrolled .force-header-logo {\r\n    width: 132px;\r\n    height: 38px;\r\n  }\r\n\r\n  .force-header-logo::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -18px;\r\n    right: -20px;\r\n    top: 2px;\r\n    bottom: 2px;\r\n    border-radius: 20px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      rgba(1, 18, 48, 0.70) 0%,\r\n      rgba(1, 30, 75, 0.48) 55%,\r\n      rgba(1, 30, 75, 0.12) 100%\r\n    );\r\n    box-shadow:\r\n      0 14px 34px rgba(0, 10, 35, 0.28),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    opacity: 1;\r\n    transition:\r\n      opacity 0.3s ease,\r\n      background 0.3s ease,\r\n      border 0.3s ease,\r\n      box-shadow 0.3s ease,\r\n      left 0.35s ease,\r\n      right 0.35s ease,\r\n      top 0.35s ease,\r\n      bottom 0.35s ease,\r\n      border-radius 0.35s ease;\r\n  }\r\n\r\n  .force-header.is-scrolled .force-header-logo::before {\r\n    left: -10px;\r\n    right: -10px;\r\n    top: 1px;\r\n    bottom: 1px;\r\n    border-radius: 14px;\r\n    background: rgba(255, 255, 255, 0.90);\r\n    border: 1px solid rgba(220, 232, 248, 0.72);\r\n    box-shadow: 0 8px 20px rgba(0, 24, 64, 0.11);\r\n  }\r\n\r\n  .force-logo {\r\n    position: absolute;\r\n    left: 0;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    transition:\r\n      opacity 0.3s ease,\r\n      transform 0.3s ease,\r\n      width 0.35s ease;\r\n  }\r\n\r\n  .force-logo-white {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .force-logo-color {\r\n    opacity: 0;\r\n    transform: translateY(4px);\r\n  }\r\n\r\n  .force-header.is-scrolled .force-logo-white {\r\n    opacity: 0;\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  .force-header.is-scrolled .force-logo-color {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* =========================================================\r\n    03. MENU DESKTOP CENTRALIZADO NA TELA\r\n  ========================================================= *\/\r\n\r\n  .force-header-nav {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    z-index: 2;\r\n    transform: translate(-50%, -50%);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 22px;\r\n    min-height: 58px;\r\n    padding: 0 26px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(\r\n      180deg,\r\n      rgba(5, 54, 120, 0.64) 0%,\r\n      rgba(3, 35, 82, 0.50) 100%\r\n    );\r\n    border: 1px solid rgba(135, 198, 255, 0.28);\r\n    box-shadow:\r\n      0 16px 42px rgba(0, 20, 60, 0.25),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.16);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    transition:\r\n      background 0.35s ease,\r\n      border-color 0.35s ease,\r\n      box-shadow 0.35s ease,\r\n      min-height 0.35s ease,\r\n      padding 0.35s ease,\r\n      gap 0.35s ease;\r\n  }\r\n\r\n  .force-header.is-scrolled .force-header-nav {\r\n    gap: 15px;\r\n    min-height: 38px;\r\n    padding: 0 20px;\r\n    background: rgba(255, 255, 255, 0.94);\r\n    border-color: rgba(220, 232, 248, 0.95);\r\n    box-shadow: 0 8px 22px rgba(0, 24, 64, 0.12);\r\n  }\r\n\r\n  .force-header-nav a {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    min-height: 58px;\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 11px;\r\n    line-height: 1;\r\n    font-weight: 700;\r\n    letter-spacing: 0.045em;\r\n    text-transform: uppercase;\r\n    white-space: nowrap;\r\n    transition:\r\n      color 0.25s ease,\r\n      opacity 0.25s ease,\r\n      min-height 0.35s ease,\r\n      font-size 0.35s ease,\r\n      letter-spacing 0.35s ease;\r\n  }\r\n\r\n  .force-header.is-scrolled .force-header-nav a {\r\n    color: #082250 !important;\r\n    min-height: 38px;\r\n    font-size: 9px;\r\n    letter-spacing: 0.035em;\r\n  }\r\n\r\n  .force-header-nav a::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: 8px;\r\n    width: 0;\r\n    height: 3px;\r\n    border-radius: 999px;\r\n    background: #3a9cff;\r\n    transform: translateX(-50%);\r\n    box-shadow: 0 0 14px rgba(58, 156, 255, 0.7);\r\n    transition:\r\n      width 0.25s ease,\r\n      bottom 0.35s ease,\r\n      height 0.35s ease;\r\n  }\r\n\r\n  .force-header.is-scrolled .force-header-nav a::after {\r\n    bottom: 4px;\r\n    height: 2px;\r\n  }\r\n\r\n  .force-header-nav a:hover::after,\r\n  .force-header-nav a.is-active::after {\r\n    width: 42px;\r\n  }\r\n\r\n  .force-header.is-scrolled .force-header-nav a:hover::after,\r\n  .force-header.is-scrolled .force-header-nav a.is-active::after {\r\n    width: 28px;\r\n  }\r\n\r\n  \/* =========================================================\r\n    04. HAMB\u00daRGUER MOBILE\r\n  ========================================================= *\/\r\n\r\n  .force-menu-toggle {\r\n    display: none;\r\n    width: 42px;\r\n    height: 42px;\r\n    border: 1px solid rgba(135, 198, 255, 0.32) !important;\r\n    border-radius: 14px;\r\n    padding: 0 !important;\r\n    background: rgba(3, 35, 82, 0.52) !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    gap: 5px;\r\n    cursor: pointer;\r\n    box-shadow:\r\n      0 10px 24px rgba(0, 0, 0, 0.18),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    transition:\r\n      width 0.35s ease,\r\n      height 0.35s ease,\r\n      border-radius 0.35s ease,\r\n      background 0.35s ease,\r\n      border-color 0.35s ease;\r\n  }\r\n\r\n  .force-menu-toggle span {\r\n    display: block;\r\n    width: 18px;\r\n    height: 2px;\r\n    border-radius: 999px;\r\n    background: #ffffff;\r\n    transition:\r\n      transform 0.25s ease,\r\n      opacity 0.25s ease,\r\n      background 0.25s ease,\r\n      width 0.35s ease;\r\n  }\r\n\r\n  .force-header.is-scrolled .force-menu-toggle {\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 11px;\r\n    background: rgba(255, 255, 255, 0.94) !important;\r\n    border-color: rgba(220, 232, 248, 0.95) !important;\r\n  }\r\n\r\n  .force-header.is-scrolled .force-menu-toggle span {\r\n    width: 16px;\r\n    background: #082250;\r\n  }\r\n\r\n  .force-header.is-open .force-menu-toggle span:nth-child(1) {\r\n    transform: translateY(7px) rotate(45deg);\r\n  }\r\n\r\n  .force-header.is-open .force-menu-toggle span:nth-child(2) {\r\n    opacity: 0;\r\n  }\r\n\r\n  .force-header.is-open .force-menu-toggle span:nth-child(3) {\r\n    transform: translateY(-7px) rotate(-45deg);\r\n  }\r\n\r\n  .force-mobile-menu {\r\n    display: none;\r\n  }\r\n\r\n  @keyframes forceHeaderIn {\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n    05. TABLET\r\n  ========================================================= *\/\r\n\r\n  @media (min-width: 768px) and (max-width: 1024px) {\r\n    .force-header {\r\n      padding: 14px 18px 0;\r\n    }\r\n\r\n    .force-header.is-scrolled {\r\n      padding: 6px 14px 0;\r\n    }\r\n\r\n    .force-header-inner {\r\n      min-height: 52px;\r\n    }\r\n\r\n    .force-header.is-scrolled .force-header-inner {\r\n      min-height: 36px;\r\n    }\r\n\r\n    .force-header-logo {\r\n      width: 150px;\r\n      height: 48px;\r\n    }\r\n\r\n    .force-header.is-scrolled .force-header-logo {\r\n      width: 104px;\r\n      height: 32px;\r\n    }\r\n\r\n    .force-header-logo::before {\r\n      left: -12px;\r\n      right: -14px;\r\n      top: 3px;\r\n      bottom: 3px;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .force-header.is-scrolled .force-header-logo::before {\r\n      left: -8px;\r\n      right: -8px;\r\n      top: 1px;\r\n      bottom: 1px;\r\n      border-radius: 12px;\r\n    }\r\n\r\n    .force-header-nav {\r\n      gap: 18px;\r\n      min-height: 46px;\r\n      padding: 0 20px;\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .force-header.is-scrolled .force-header-nav {\r\n      gap: 13px;\r\n      min-height: 34px;\r\n      padding: 0 15px;\r\n    }\r\n\r\n    .force-header-nav a {\r\n      min-height: 46px;\r\n      font-size: 11px;\r\n      letter-spacing: 0.035em;\r\n    }\r\n\r\n    .force-header.is-scrolled .force-header-nav a {\r\n      min-height: 34px;\r\n      font-size: 8.8px;\r\n      letter-spacing: 0.028em;\r\n    }\r\n\r\n    .force-header-nav a::after {\r\n      bottom: 6px;\r\n      height: 2px;\r\n    }\r\n\r\n    .force-header.is-scrolled .force-header-nav a::after {\r\n      bottom: 4px;\r\n    }\r\n\r\n    .force-menu-toggle {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  \/*\r\n    A barra administrativa do WordPress mede 46px at\u00e9 782px.\r\n    Este breakpoint cobre tamb\u00e9m a faixa de 768px a 782px.\r\n  *\/\r\n  @media (max-width: 782px) {\r\n    body.admin-bar .force-header {\r\n      top: var(--wp-admin--admin-bar--height, 46px);\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n    06. MOBILE\r\n  ========================================================= *\/\r\n\r\n  @media (max-width: 1024px) {\r\n    .force-header {\r\n      padding: 14px 18px 0;\r\n    }\r\n\r\n    .force-header.is-scrolled {\r\n      padding: 7px 12px 0;\r\n    }\r\n\r\n    .force-header-inner {\r\n      min-height: 62px;\r\n      padding: 0 14px;\r\n      border-radius: 18px;\r\n      background: rgba(3, 35, 82, 0.64);\r\n      border: 1px solid rgba(135, 198, 255, 0.22);\r\n      box-shadow: 0 16px 42px rgba(0, 20, 60, 0.20);\r\n      backdrop-filter: blur(14px);\r\n      -webkit-backdrop-filter: blur(14px);\r\n    }\r\n\r\n    .force-header.is-scrolled .force-header-inner {\r\n      min-height: 44px;\r\n      padding: 0 10px;\r\n      border-radius: 14px;\r\n      background: rgba(255, 255, 255, 0.94);\r\n      border-color: rgba(220, 232, 248, 0.95);\r\n      box-shadow: 0 10px 26px rgba(0, 24, 64, 0.12);\r\n    }\r\n\r\n    .force-header-logo {\r\n      width: 185px;\r\n      height: 56px;\r\n    }\r\n\r\n    .force-header.is-scrolled .force-header-logo {\r\n      width: 126px;\r\n      height: 36px;\r\n    }\r\n\r\n    .force-header-logo::before {\r\n      display: none;\r\n    }\r\n\r\n    .force-header-nav {\r\n      display: none;\r\n    }\r\n\r\n    .force-menu-toggle {\r\n      display: inline-flex;\r\n      position: relative;\r\n      z-index: 4;\r\n    }\r\n\r\n    .force-mobile-menu {\r\n      position: absolute;\r\n      left: 18px;\r\n      right: 18px;\r\n      top: calc(100% + 10px);\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 6px;\r\n      padding: 10px;\r\n      border-radius: 18px;\r\n      background: rgba(4, 21, 48, 0.94);\r\n      border: 1px solid rgba(92, 170, 255, 0.26);\r\n      box-shadow: 0 18px 44px rgba(0, 24, 64, 0.24);\r\n      backdrop-filter: blur(18px);\r\n      -webkit-backdrop-filter: blur(18px);\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      transform: translateY(-8px) scale(0.98);\r\n      transition:\r\n        opacity 0.22s ease,\r\n        transform 0.22s ease,\r\n        visibility 0.22s ease,\r\n        left 0.35s ease,\r\n        right 0.35s ease,\r\n        top 0.35s ease;\r\n      pointer-events: auto;\r\n    }\r\n\r\n    .force-header.is-scrolled .force-mobile-menu {\r\n      left: 12px;\r\n      right: 12px;\r\n      top: calc(100% + 8px);\r\n      background: rgba(255, 255, 255, 0.96);\r\n      border-color: rgba(220, 232, 248, 0.95);\r\n    }\r\n\r\n    .force-header.is-open .force-mobile-menu {\r\n      opacity: 1;\r\n      visibility: visible;\r\n      transform: translateY(0) scale(1);\r\n    }\r\n\r\n    .force-mobile-menu a {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 42px;\r\n      padding: 0 14px;\r\n      border-radius: 13px;\r\n      color: #ffffff !important;\r\n      text-decoration: none !important;\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.04em;\r\n      text-transform: uppercase;\r\n      background: rgba(255, 255, 255, 0.06);\r\n    }\r\n\r\n    .force-header.is-scrolled .force-mobile-menu a {\r\n      color: #082250 !important;\r\n      background: rgba(44, 140, 255, 0.08);\r\n    }\r\n\r\n    .force-mobile-menu a.is-active {\r\n      background: rgba(58, 156, 255, 0.22);\r\n      box-shadow: inset 3px 0 0 #3a9cff;\r\n    }\r\n\r\n    .force-header.is-scrolled .force-mobile-menu a.is-active {\r\n      background: rgba(44, 140, 255, 0.15);\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n    07. MOBILE PEQUENO\r\n  ========================================================= *\/\r\n\r\n  @media (max-width: 390px) {\r\n    .force-header {\r\n      padding: 12px 14px 0;\r\n    }\r\n\r\n    .force-header.is-scrolled {\r\n      padding: 6px 10px 0;\r\n    }\r\n\r\n    .force-header-logo {\r\n      width: 165px;\r\n      height: 50px;\r\n    }\r\n\r\n    .force-header.is-scrolled .force-header-logo {\r\n      width: 116px;\r\n      height: 34px;\r\n    }\r\n\r\n    .force-header-inner {\r\n      min-height: 58px;\r\n      padding: 0 12px;\r\n    }\r\n\r\n    .force-header.is-scrolled .force-header-inner {\r\n      min-height: 42px;\r\n      padding: 0 9px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/* =========================================================\r\n    08. JS - HEADER STICKY + MENU MOBILE + LINK ATIVO\r\n  ========================================================= *\/\r\n\r\n  (function () {\r\n    function initForceHeader() {\r\n      const header = document.getElementById(\"forceHeader\");\r\n      if (!header || header.dataset.forceInitialized === \"true\") return;\r\n\r\n      header.dataset.forceInitialized = \"true\";\r\n\r\n      const toggle = header.querySelector(\".force-menu-toggle\");\r\n      const links = header.querySelectorAll('a[href^=\"#\"]');\r\n\r\n      function updateHeader() {\r\n        header.classList.toggle(\"is-scrolled\", window.scrollY > 40);\r\n      }\r\n\r\n      function setActiveLink() {\r\n        const sectionIds = [\"quem-somos\", \"por-que-force\", \"servicos-comex\", \"segmentos\", \"contato\"];\r\n        let currentId = \"\";\r\n\r\n        sectionIds.forEach(function (id) {\r\n          const section = document.getElementById(id);\r\n          if (!section) return;\r\n\r\n          const rect = section.getBoundingClientRect();\r\n\r\n          if (rect.top <= 150 && rect.bottom >= 150) {\r\n            currentId = id;\r\n          }\r\n        });\r\n\r\n        header.querySelectorAll(\".force-header-nav a, .force-mobile-menu a\").forEach(function (link) {\r\n          const href = link.getAttribute(\"href\").replace(\"#\", \"\");\r\n          const isActive = href === currentId;\r\n\r\n          link.classList.toggle(\"is-active\", isActive);\r\n\r\n          if (isActive) {\r\n            link.setAttribute(\"aria-current\", \"page\");\r\n          } else {\r\n            link.removeAttribute(\"aria-current\");\r\n          }\r\n        });\r\n      }\r\n\r\n      function closeMobileMenu() {\r\n        header.classList.remove(\"is-open\");\r\n\r\n        if (toggle) {\r\n          toggle.setAttribute(\"aria-expanded\", \"false\");\r\n          toggle.setAttribute(\"aria-label\", \"Abrir menu\");\r\n        }\r\n      }\r\n\r\n      if (toggle) {\r\n        toggle.addEventListener(\"click\", function () {\r\n          const willOpen = !header.classList.contains(\"is-open\");\r\n\r\n          header.classList.toggle(\"is-open\", willOpen);\r\n          toggle.setAttribute(\"aria-expanded\", String(willOpen));\r\n          toggle.setAttribute(\"aria-label\", willOpen ? \"Fechar menu\" : \"Abrir menu\");\r\n        });\r\n      }\r\n\r\n      links.forEach(function (link) {\r\n        link.addEventListener(\"click\", function (event) {\r\n          const href = link.getAttribute(\"href\");\r\n          const targetId = href ? href.replace(\"#\", \"\") : \"\";\r\n          const target = targetId ? document.getElementById(targetId) : null;\r\n\r\n          closeMobileMenu();\r\n\r\n          if (!target) return;\r\n\r\n          event.preventDefault();\r\n\r\n          const headerBottom = header.getBoundingClientRect().bottom;\r\n          const targetTop = target.getBoundingClientRect().top + window.scrollY;\r\n          const destination = Math.max(0, targetTop - headerBottom - 18);\r\n          const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n          window.scrollTo({\r\n            top: destination,\r\n            behavior: reduceMotion ? \"auto\" : \"smooth\"\r\n          });\r\n\r\n          if (window.history && window.history.replaceState) {\r\n            window.history.replaceState(null, \"\", href);\r\n          }\r\n        });\r\n      });\r\n\r\n      document.addEventListener(\"keydown\", function (event) {\r\n        if (event.key === \"Escape\") {\r\n          closeMobileMenu();\r\n        }\r\n      });\r\n\r\n      window.addEventListener(\"resize\", function () {\r\n        if (window.innerWidth > 1024) {\r\n          closeMobileMenu();\r\n        }\r\n      }, { passive: true });\r\n\r\n      window.addEventListener(\"scroll\", function () {\r\n        updateHeader();\r\n        setActiveLink();\r\n      }, { passive: true });\r\n\r\n      updateHeader();\r\n      setActiveLink();\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\"DOMContentLoaded\", initForceHeader);\r\n    } else {\r\n      initForceHeader();\r\n    }\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-380bf2f e-con-full force-hero-home e-flex e-con e-parent\" data-id=\"380bf2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bd66ce elementor-widget elementor-widget-html\" data-id=\"8bd66ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n  HERO SLIDER FORCE \u2014 4 TELAS\r\n  Cole este bloco no widget HTML localizado abaixo do header.\r\n  O header\/menu n\u00e3o faz parte deste c\u00f3digo.\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"fg-hero-slider\"\r\n  id=\"home\"\r\n  aria-label=\"Apresenta\u00e7\u00e3o Force Group\"\r\n  aria-roledescription=\"carrossel\"\r\n>\r\n  <!-- 01. FORCE GROUP -->\r\n  <article class=\"fg-slide fg-active\" data-slide=\"1\" aria-hidden=\"false\">\r\n    <div class=\"fg-media\">\r\n      <video class=\"fg-video\" muted autoplay playsinline preload=\"auto\" aria-hidden=\"true\">\r\n        <source\r\n          src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/Fundo1.mp4\"\r\n          type=\"video\/mp4\"\r\n        >\r\n      <\/video>\r\n    <\/div>\r\n\r\n    <div class=\"fg-slide-content fg-content-slide-1\">\r\n      <h1>\r\n        <span>FORCE<\/span>\r\n        <strong>GROUP<\/strong>\r\n      <\/h1>\r\n\r\n      <div class=\"fg-line\" aria-hidden=\"true\"><\/div>\r\n\r\n      <h2>\r\n        SOLU\u00c7\u00d5ES INTEGRADAS PARA<br>\r\n        COM\u00c9RCIO EXTERIOR\r\n      <\/h2>\r\n\r\n      <p>\r\n        Mais de duas d\u00e9cadas de excel\u00eancia,<br>\r\n        performance e inova\u00e7\u00e3o.\r\n      <\/p>\r\n\r\n      <div class=\"fg-icons-row\">\r\n        <div class=\"fg-icon-item\">\r\n          <div class=\"fg-icon-svg\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n              <path\r\n                d=\"M3 12h18M12 3c2.5 2.3 4 5.6 4 9s-1.5 6.7-4 9c-2.5-2.3-4-5.6-4-9s1.5-6.7 4-9Z\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"fg-icon-text\">ATUA\u00c7\u00c3O<br>GLOBAL<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fg-icon-sep\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"fg-icon-item\">\r\n          <div class=\"fg-icon-svg\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path\r\n                d=\"M12 3 19 6v5c0 5-3.2 8-7 10-3.8-2-7-5-7-10V6l7-3Z\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"fg-icon-text\">SEGURAN\u00c7A<br>E CONFORMIDADE<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fg-icon-sep\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"fg-icon-item\">\r\n          <div class=\"fg-icon-svg\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path\r\n                d=\"M5 18V9M11 18V6M17 18V12M4 19h16\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n              \/>\r\n              <path\r\n                d=\"m14 7 5-5M15 2h4v4\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"fg-icon-text\">EFICI\u00caNCIA QUE<br>GERA RESULTADOS<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/article>\r\n\r\n  <!-- 02. ASSUNTOS ADUANEIROS -->\r\n  <article class=\"fg-slide\" data-slide=\"2\" aria-hidden=\"true\">\r\n    <div class=\"fg-media\">\r\n      <video class=\"fg-video\" muted playsinline preload=\"metadata\" aria-hidden=\"true\">\r\n        <source\r\n          src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/Fundo3.mp4\"\r\n          type=\"video\/mp4\"\r\n        >\r\n      <\/video>\r\n    <\/div>\r\n\r\n    <div class=\"fg-slide-content fg-content-slide-2 fg-content-right\">\r\n      <h1>\r\n        <span>ASSUNTOS<\/span>\r\n        <span>ADUANEIROS<\/span>\r\n        <strong>E COMPLIANCE<\/strong>\r\n      <\/h1>\r\n\r\n      <div class=\"fg-line\" aria-hidden=\"true\"><\/div>\r\n\r\n      <h2>\r\n        ESPECIALISTAS EM SOLU\u00c7\u00d5ES<br>\r\n        ADUANEIRAS\r\n      <\/h2>\r\n\r\n      <p>\r\n        Refer\u00eancia em todo o Brasil, simplificamos a burocracia<br class=\"fg-desktop-break\">\r\n        e transformamos opera\u00e7\u00f5es complexas de importa\u00e7\u00e3o e<br class=\"fg-desktop-break\">\r\n        exporta\u00e7\u00e3o em processos \u00e1geis, eficientes e seguros.\r\n      <\/p>\r\n    <\/div>\r\n  <\/article>\r\n\r\n  <!-- 03. ESPECIALIZA\u00c7\u00c3O VERTICAL -->\r\n  <article class=\"fg-slide\" data-slide=\"3\" aria-hidden=\"true\">\r\n    <div class=\"fg-media\">\r\n      <video class=\"fg-video\" muted playsinline preload=\"metadata\" aria-hidden=\"true\">\r\n        <source\r\n          src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/Fundo2.mp4\"\r\n          type=\"video\/mp4\"\r\n        >\r\n      <\/video>\r\n    <\/div>\r\n\r\n    <div class=\"fg-slide-content fg-content-slide-3\">\r\n      <h1>\r\n        <span>ESPECIALIZA\u00c7\u00c3O<\/span>\r\n        <strong>VERTICAL EM CADA<br>SETOR<\/strong>\r\n      <\/h1>\r\n\r\n      <div class=\"fg-line\" aria-hidden=\"true\"><\/div>\r\n\r\n      <h2>\r\n        EXPERTISE QUE ENTENDE<br>\r\n        CADA SEGMENTO\r\n      <\/h2>\r\n\r\n      <p>\r\n        N\u00e3o somos generalistas. Dominamos as normas,<br class=\"fg-desktop-break\">\r\n        as particularidades e os desafios espec\u00edficos<br class=\"fg-desktop-break\">\r\n        de cada segmento.\r\n      <\/p>\r\n    <\/div>\r\n  <\/article>\r\n\r\n  <!-- 04. EXPERTISE EM ASSUNTOS AERON\u00c1UTICOS -->\r\n  <article class=\"fg-slide\" data-slide=\"4\" aria-hidden=\"true\">\r\n    <div class=\"fg-media\">\r\n      <video class=\"fg-video\" muted playsinline preload=\"metadata\" aria-hidden=\"true\">\r\n        <source\r\n          src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/Fundo4.mp4\"\r\n          type=\"video\/mp4\"\r\n        >\r\n      <\/video>\r\n    <\/div>\r\n\r\n    <div class=\"fg-slide-content fg-content-slide-4 fg-content-right\">\r\n      <h1>\r\n        <span>EXPERTISE EM<\/span>\r\n        <strong>ASSUNTOS<br>AERON\u00c1UTICOS<\/strong>\r\n      <\/h1>\r\n\r\n      <div class=\"fg-line\" aria-hidden=\"true\"><\/div>\r\n\r\n      <h2>\r\n        REFER\u00caNCIA INTERNACIONAL<br>\r\n        NO SETOR AERON\u00c1UTICO\r\n      <\/h2>\r\n\r\n      <p>\r\n        Pioneiros em processos aduaneiros para o setor<br class=\"fg-desktop-break\">\r\n        aeron\u00e1utico e l\u00edderes consolidados na importa\u00e7\u00e3o e<br class=\"fg-desktop-break\">\r\n        exporta\u00e7\u00e3o de aeronaves, partes, pe\u00e7as e componentes<br class=\"fg-desktop-break\">\r\n        no Brasil.\r\n      <\/p>\r\n    <\/div>\r\n  <\/article>\r\n\r\n  <!-- CONTROLES -->\r\n  <div class=\"fg-slider-controls\" aria-label=\"Controles do carrossel\">\r\n    <button class=\"fg-play-toggle\" type=\"button\" aria-label=\"Pausar apresenta\u00e7\u00e3o\">\r\n      <span class=\"fg-pause-icon\" aria-hidden=\"true\">\u2161<\/span>\r\n      <span class=\"fg-play-icon\" aria-hidden=\"true\">\u25b6<\/span>\r\n    <\/button>\r\n\r\n    <div class=\"fg-slider-dots\" role=\"tablist\" aria-label=\"Escolher tela\">\r\n      <button\r\n        class=\"fg-dot fg-dot-active\"\r\n        type=\"button\"\r\n        data-go=\"0\"\r\n        role=\"tab\"\r\n        aria-label=\"Tela 1: Force Group\"\r\n        aria-selected=\"true\"\r\n      ><\/button>\r\n      <button\r\n        class=\"fg-dot\"\r\n        type=\"button\"\r\n        data-go=\"1\"\r\n        role=\"tab\"\r\n        aria-label=\"Tela 2: Assuntos Aduaneiros\"\r\n        aria-selected=\"false\"\r\n      ><\/button>\r\n      <button\r\n        class=\"fg-dot\"\r\n        type=\"button\"\r\n        data-go=\"2\"\r\n        role=\"tab\"\r\n        aria-label=\"Tela 3: Especializa\u00e7\u00e3o Vertical\"\r\n        aria-selected=\"false\"\r\n      ><\/button>\r\n      <button\r\n        class=\"fg-dot\"\r\n        type=\"button\"\r\n        data-go=\"3\"\r\n        role=\"tab\"\r\n        aria-label=\"Tela 4: Expertise Aeron\u00e1utica\"\r\n        aria-selected=\"false\"\r\n      ><\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* =========================================================\r\n     BASE\r\n  ========================================================= *\/\r\n\r\n  .fg-hero-slider,\r\n  .fg-hero-slider * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .fg-hero-slider {\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    height: 100vh;\r\n    height: 100svh;\r\n    min-height: 620px;\r\n    overflow: hidden;\r\n    background: #021937;\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    touch-action: pan-y;\r\n  }\r\n\r\n  body.admin-bar .fg-hero-slider {\r\n    height: calc(100vh - 32px);\r\n    height: calc(100svh - 32px);\r\n  }\r\n\r\n  .fg-slide {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 0.9s ease, visibility 0.9s ease;\r\n  }\r\n\r\n  .fg-slide.fg-active {\r\n    z-index: 2;\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  .fg-media {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    overflow: hidden;\r\n    background: #021937;\r\n  }\r\n\r\n  .fg-video {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center center;\r\n  }\r\n\r\n  .fg-slide::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    background: rgba(0, 13, 35, 0.015);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* =========================================================\r\n     CONTE\u00daDO \u2014 DESKTOP\r\n  ========================================================= *\/\r\n\r\n  .fg-slide-content {\r\n    position: absolute;\r\n    z-index: 4;\r\n    color: #fff;\r\n  }\r\n\r\n  .fg-content-slide-1 {\r\n    top: 30%;\r\n    left: clamp(54px, 4.6vw, 88px);\r\n    width: min(520px, 37vw);\r\n  }\r\n\r\n  .fg-content-slide-2 {\r\n    top: 38%;\r\n    right: clamp(58px, 5vw, 96px);\r\n    width: min(650px, 38vw);\r\n  }\r\n\r\n  .fg-content-slide-3 {\r\n    top: 36%;\r\n    left: clamp(54px, 4.6vw, 86px);\r\n    width: min(670px, 39vw);\r\n  }\r\n\r\n  .fg-content-slide-4 {\r\n    top: 31%;\r\n    right: clamp(58px, 5vw, 96px);\r\n    width: min(650px, 38vw);\r\n  }\r\n\r\n  .fg-content-right {\r\n    text-align: right;\r\n  }\r\n\r\n  \/* =========================================================\r\n     TIPOGRAFIA\r\n  ========================================================= *\/\r\n\r\n  .fg-slide-content h1 {\r\n    margin: 0;\r\n    font-weight: 900;\r\n    line-height: 0.9;\r\n    letter-spacing: -0.055em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .fg-content-slide-1 h1 {\r\n    font-size: clamp(62px, 5.25vw, 96px);\r\n  }\r\n\r\n  .fg-content-slide-2 h1 {\r\n    font-size: clamp(48px, 3.35vw, 68px);\r\n  }\r\n\r\n  .fg-content-slide-3 h1 {\r\n    font-size: clamp(47px, 3.22vw, 64px);\r\n  }\r\n\r\n  .fg-content-slide-4 h1 {\r\n    font-size: clamp(49px, 3.4vw, 68px);\r\n  }\r\n\r\n  .fg-slide-content h1 span,\r\n  .fg-slide-content h1 strong {\r\n    display: block;\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n  }\r\n\r\n  .fg-slide-content h1 span {\r\n    color: #fff;\r\n  }\r\n\r\n  .fg-slide-content h1 strong {\r\n    color: #3699ff;\r\n  }\r\n\r\n  .fg-line,\r\n  .fg-slide-content h2,\r\n  .fg-slide-content p,\r\n  .fg-icons-row {\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n  }\r\n\r\n  .fg-line {\r\n    width: 82px;\r\n    height: 5px;\r\n    margin: 23px 0 25px;\r\n    border-radius: 999px;\r\n    background: #2c8cff;\r\n    box-shadow: 0 0 18px rgba(44, 140, 255, 0.55);\r\n  }\r\n\r\n  .fg-content-right .fg-line {\r\n    margin-right: 0;\r\n    margin-left: auto;\r\n  }\r\n\r\n  .fg-slide-content h2 {\r\n    margin: 0 0 18px;\r\n    color: #fff;\r\n    font-size: clamp(17px, 1.18vw, 22px);\r\n    font-weight: 650;\r\n    line-height: 1.32;\r\n    letter-spacing: 0.025em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .fg-slide-content p {\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, 0.91);\r\n    font-size: clamp(14px, 0.94vw, 18px);\r\n    font-weight: 400;\r\n    line-height: 1.48;\r\n  }\r\n\r\n  \/* =========================================================\r\n     \u00cdCONES DA PRIMEIRA TELA\r\n  ========================================================= *\/\r\n\r\n  .fg-icons-row {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 20px;\r\n    margin-top: 34px;\r\n    padding-bottom: 28px;\r\n  }\r\n\r\n  .fg-icon-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    min-width: 108px;\r\n    gap: 11px;\r\n    text-align: center;\r\n  }\r\n\r\n  .fg-icon-svg {\r\n    position: relative;\r\n    width: 44px;\r\n    height: 44px;\r\n    color: #32a0ff;\r\n    filter: drop-shadow(0 0 10px rgba(50, 160, 255, 0.62));\r\n  }\r\n\r\n  .fg-icon-svg::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -11px;\r\n    z-index: -1;\r\n    border-radius: 50%;\r\n    background: radial-gradient(\r\n      circle,\r\n      rgba(45, 150, 255, 0.27) 0%,\r\n      rgba(45, 150, 255, 0) 68%\r\n    );\r\n  }\r\n\r\n  .fg-icon-svg svg {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .fg-icon-text {\r\n    color: #fff;\r\n    font-size: 12px;\r\n    font-weight: 550;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .fg-icon-sep {\r\n    width: 1px;\r\n    height: 72px;\r\n    margin-top: 4px;\r\n    background: linear-gradient(\r\n      180deg,\r\n      rgba(255, 255, 255, 0),\r\n      rgba(255, 255, 255, 0.3),\r\n      rgba(255, 255, 255, 0)\r\n    );\r\n  }\r\n\r\n  \/* =========================================================\r\n     ANIMA\u00c7\u00d5ES\r\n  ========================================================= *\/\r\n\r\n  .fg-active .fg-slide-content h1 span:first-child {\r\n    animation: fgFadeUp 0.72s ease forwards 0.1s;\r\n  }\r\n\r\n  .fg-active .fg-slide-content h1 span:nth-child(2) {\r\n    animation: fgFadeUp 0.72s ease forwards 0.2s;\r\n  }\r\n\r\n  .fg-active .fg-slide-content h1 strong {\r\n    animation: fgFadeUp 0.72s ease forwards 0.3s;\r\n  }\r\n\r\n  .fg-active .fg-line {\r\n    animation: fgFadeUp 0.72s ease forwards 0.43s;\r\n  }\r\n\r\n  .fg-active .fg-slide-content h2 {\r\n    animation: fgFadeUp 0.72s ease forwards 0.56s;\r\n  }\r\n\r\n  .fg-active .fg-slide-content p {\r\n    animation: fgFadeUp 0.72s ease forwards 0.69s;\r\n  }\r\n\r\n  .fg-active .fg-icons-row {\r\n    animation: fgFadeUp 0.72s ease forwards 0.84s;\r\n  }\r\n\r\n  @keyframes fgFadeUp {\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     CONTROLES\r\n  ========================================================= *\/\r\n\r\n  .fg-slider-controls {\r\n    position: absolute;\r\n    bottom: 22px;\r\n    left: 50%;\r\n    z-index: 8;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    transform: translateX(-50%);\r\n  }\r\n\r\n  .fg-slider-dots {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .fg-dot,\r\n  .fg-dot:hover,\r\n  .fg-dot:focus,\r\n  .fg-dot:active {\r\n    width: 11px;\r\n    height: 11px;\r\n    margin: 0;\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n    border-radius: 999px;\r\n    outline: none !important;\r\n    background: rgba(255, 255, 255, 0.42) !important;\r\n    box-shadow: none !important;\r\n    cursor: pointer;\r\n    transition: width 0.3s ease, background 0.3s ease;\r\n  }\r\n\r\n  .fg-dot.fg-dot-active,\r\n  .fg-dot.fg-dot-active:hover,\r\n  .fg-dot.fg-dot-active:focus,\r\n  .fg-dot.fg-dot-active:active {\r\n    width: 34px;\r\n    background: #2c8cff !important;\r\n  }\r\n\r\n  .fg-play-toggle,\r\n  .fg-play-toggle:hover,\r\n  .fg-play-toggle:focus,\r\n  .fg-play-toggle:active {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 42px;\r\n    height: 42px;\r\n    margin: 0;\r\n    padding: 0 !important;\r\n    border: 1px solid rgba(126, 196, 255, 0.5) !important;\r\n    border-radius: 50%;\r\n    outline: none !important;\r\n    background: rgba(2, 27, 65, 0.58) !important;\r\n    box-shadow: 0 0 18px rgba(44, 140, 255, 0.22) !important;\r\n    color: #fff !important;\r\n    font-size: 13px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .fg-play-icon {\r\n    display: none;\r\n    margin-left: 2px;\r\n  }\r\n\r\n  .fg-hero-slider.fg-paused .fg-pause-icon {\r\n    display: none;\r\n  }\r\n\r\n  .fg-hero-slider.fg-paused .fg-play-icon {\r\n    display: inline;\r\n  }\r\n\r\n  \/* =========================================================\r\n     DESKTOP COM POUCA ALTURA\r\n  ========================================================= *\/\r\n\r\n  @media (min-width: 1025px) and (max-height: 760px) {\r\n    .fg-hero-slider {\r\n      min-height: 560px;\r\n    }\r\n\r\n    .fg-content-slide-1 {\r\n      top: 26%;\r\n    }\r\n\r\n    .fg-content-slide-2 {\r\n      top: 34%;\r\n    }\r\n\r\n    .fg-content-slide-3 {\r\n      top: 32%;\r\n    }\r\n\r\n    .fg-content-slide-4 {\r\n      top: 27%;\r\n    }\r\n\r\n    .fg-content-slide-1 h1 {\r\n      font-size: clamp(56px, 4.6vw, 82px);\r\n    }\r\n\r\n    .fg-icons-row {\r\n      margin-top: 22px;\r\n    }\r\n\r\n    .fg-line {\r\n      margin-top: 16px;\r\n      margin-bottom: 18px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     TABLET\r\n  ========================================================= *\/\r\n\r\n  @media (min-width: 768px) and (max-width: 1024px) {\r\n    .fg-hero-slider {\r\n      height: auto;\r\n      min-height: 610px;\r\n      aspect-ratio: 16 \/ 10;\r\n    }\r\n\r\n    body.admin-bar .fg-hero-slider {\r\n      height: auto;\r\n      min-height: 610px;\r\n    }\r\n\r\n    .fg-content-slide-1 {\r\n      top: 38%;\r\n      left: 52px;\r\n      width: 370px;\r\n    }\r\n\r\n    .fg-content-slide-2 {\r\n      top: 42%;\r\n      right: 54px;\r\n      width: 400px;\r\n    }\r\n\r\n    .fg-content-slide-3 {\r\n      top: 41%;\r\n      left: 58px;\r\n      width: 420px;\r\n    }\r\n\r\n    .fg-content-slide-4 {\r\n      top: 37%;\r\n      right: 54px;\r\n      width: 405px;\r\n    }\r\n\r\n    .fg-content-slide-1 h1 {\r\n      font-size: 54px;\r\n    }\r\n\r\n    .fg-content-slide-2 h1,\r\n    .fg-content-slide-3 h1,\r\n    .fg-content-slide-4 h1 {\r\n      font-size: 43px;\r\n    }\r\n\r\n    .fg-line {\r\n      width: 62px;\r\n      height: 4px;\r\n      margin-top: 14px;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .fg-slide-content h2 {\r\n      margin-bottom: 11px;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .fg-slide-content p {\r\n      font-size: 12.5px;\r\n    }\r\n\r\n    .fg-icons-row {\r\n      gap: 8px;\r\n      margin-top: 18px;\r\n      padding-bottom: 0;\r\n    }\r\n\r\n    .fg-icon-item {\r\n      min-width: 78px;\r\n      gap: 8px;\r\n    }\r\n\r\n    .fg-icon-svg {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n\r\n    .fg-icon-text {\r\n      font-size: 9.2px;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .fg-icon-sep {\r\n      height: 44px;\r\n    }\r\n\r\n    .fg-slider-controls {\r\n      bottom: 14px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     MOBILE\r\n  ========================================================= *\/\r\n\r\n  @media (max-width: 767px) {\r\n    .fg-hero-slider {\r\n      height: 100svh;\r\n      min-height: 620px;\r\n      background: #031a3d;\r\n    }\r\n\r\n    body.admin-bar .fg-hero-slider {\r\n      height: calc(100svh - 46px);\r\n      min-height: 620px;\r\n    }\r\n\r\n    .fg-media {\r\n      inset: 0 0 auto;\r\n      height: 42%;\r\n      min-height: 250px;\r\n      max-height: 330px;\r\n    }\r\n\r\n    .fg-video {\r\n      object-position: center top;\r\n    }\r\n\r\n    .fg-slide::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      z-index: 3;\r\n      height: 61%;\r\n      border-radius: 20px 20px 0 0;\r\n      background:\r\n        radial-gradient(circle at 50% 0%, rgba(44, 140, 255, 0.14), transparent 32%),\r\n        linear-gradient(180deg, rgba(3, 26, 61, 0.99), #03152f 72%, #020d20 100%);\r\n      box-shadow: 0 -14px 36px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .fg-slide-content,\r\n    .fg-content-slide-1,\r\n    .fg-content-slide-2,\r\n    .fg-content-slide-3,\r\n    .fg-content-slide-4 {\r\n      top: calc(42% + 34px);\r\n      right: 16px;\r\n      left: 16px;\r\n      width: auto;\r\n      max-width: none;\r\n      text-align: center;\r\n    }\r\n\r\n    .fg-content-right .fg-line,\r\n    .fg-line {\r\n      width: 58px;\r\n      height: 4px;\r\n      margin: 10px auto 12px;\r\n    }\r\n\r\n    .fg-content-slide-1 h1 {\r\n      font-size: clamp(36px, 11.2vw, 48px);\r\n      line-height: 0.86;\r\n    }\r\n\r\n    .fg-content-slide-2 h1,\r\n    .fg-content-slide-3 h1,\r\n    .fg-content-slide-4 h1 {\r\n      font-size: clamp(31px, 9.7vw, 44px);\r\n      line-height: 0.9;\r\n    }\r\n\r\n    .fg-slide-content h2 {\r\n      margin-bottom: 8px;\r\n      font-size: 12.5px;\r\n      line-height: 1.28;\r\n    }\r\n\r\n    .fg-slide-content p {\r\n      max-width: 365px;\r\n      margin: 0 auto;\r\n      font-size: 12px;\r\n      line-height: 1.38;\r\n    }\r\n\r\n    .fg-desktop-break {\r\n      display: none;\r\n    }\r\n\r\n    .fg-icons-row {\r\n      justify-content: center;\r\n      gap: 8px;\r\n      margin-top: 12px;\r\n      padding-bottom: 0;\r\n    }\r\n\r\n    .fg-icon-sep {\r\n      display: none;\r\n    }\r\n\r\n    .fg-icon-item {\r\n      width: 32%;\r\n      min-width: 0;\r\n      gap: 5px;\r\n    }\r\n\r\n    .fg-icon-svg {\r\n      width: 27px;\r\n      height: 27px;\r\n    }\r\n\r\n    .fg-icon-text {\r\n      font-size: 8.4px;\r\n      line-height: 1.14;\r\n    }\r\n\r\n    .fg-slider-controls {\r\n      bottom: 10px;\r\n      gap: 10px;\r\n    }\r\n\r\n    .fg-play-toggle,\r\n    .fg-play-toggle:hover,\r\n    .fg-play-toggle:focus,\r\n    .fg-play-toggle:active {\r\n      width: 32px;\r\n      height: 32px;\r\n      font-size: 10px;\r\n    }\r\n\r\n    .fg-dot,\r\n    .fg-dot:hover,\r\n    .fg-dot:focus,\r\n    .fg-dot:active {\r\n      width: 8px;\r\n      height: 8px;\r\n    }\r\n\r\n    .fg-dot.fg-dot-active,\r\n    .fg-dot.fg-dot-active:hover,\r\n    .fg-dot.fg-dot-active:focus,\r\n    .fg-dot.fg-dot-active:active {\r\n      width: 25px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 380px) {\r\n    .fg-hero-slider,\r\n    body.admin-bar .fg-hero-slider {\r\n      min-height: 580px;\r\n    }\r\n\r\n    .fg-media {\r\n      height: 40%;\r\n      min-height: 225px;\r\n      max-height: 285px;\r\n    }\r\n\r\n    .fg-slide-content,\r\n    .fg-content-slide-1,\r\n    .fg-content-slide-2,\r\n    .fg-content-slide-3,\r\n    .fg-content-slide-4 {\r\n      top: calc(40% + 32px);\r\n    }\r\n\r\n    .fg-content-slide-1 h1 {\r\n      font-size: 34px;\r\n    }\r\n\r\n    .fg-content-slide-2 h1,\r\n    .fg-content-slide-3 h1,\r\n    .fg-content-slide-4 h1 {\r\n      font-size: 30px;\r\n    }\r\n\r\n    .fg-slide-content h2 {\r\n      font-size: 11.6px;\r\n    }\r\n\r\n    .fg-slide-content p {\r\n      font-size: 11.2px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     ACESSIBILIDADE\r\n  ========================================================= *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .fg-slide {\r\n      transition: none;\r\n    }\r\n\r\n    .fg-slide-content h1 span,\r\n    .fg-slide-content h1 strong,\r\n    .fg-line,\r\n    .fg-slide-content h2,\r\n    .fg-slide-content p,\r\n    .fg-icons-row {\r\n      opacity: 1;\r\n      transform: none;\r\n      animation: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    function initForceSlider() {\r\n      const slider = document.querySelector(\".fg-hero-slider\");\r\n      if (!slider || slider.dataset.ready === \"true\") return;\r\n\r\n      slider.dataset.ready = \"true\";\r\n\r\n      const slides = Array.from(slider.querySelectorAll(\".fg-slide\"));\r\n      const dots = Array.from(slider.querySelectorAll(\".fg-dot\"));\r\n      const playToggle = slider.querySelector(\".fg-play-toggle\");\r\n\r\n      let current = 0;\r\n      let timer = null;\r\n      let pausedByUser = false;\r\n      let touchStartX = 0;\r\n      let touchStartY = 0;\r\n\r\n      function getActiveVideo() {\r\n        return slides[current].querySelector(\".fg-video\");\r\n      }\r\n\r\n      function clearTimer() {\r\n        window.clearTimeout(timer);\r\n        timer = null;\r\n      }\r\n\r\n      function resetAnimations(slide) {\r\n        if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) return;\r\n\r\n        const animated = slide.querySelectorAll(\r\n          \"h1 span, h1 strong, .fg-line, h2, p, .fg-icons-row\"\r\n        );\r\n\r\n        animated.forEach(function (element) {\r\n          element.style.animation = \"none\";\r\n          void element.offsetHeight;\r\n          element.style.animation = \"\";\r\n        });\r\n      }\r\n\r\n      function stopAllVideos() {\r\n        slider.querySelectorAll(\".fg-video\").forEach(function (video) {\r\n          video.pause();\r\n          video.onended = null;\r\n          video.onloadedmetadata = null;\r\n        });\r\n      }\r\n\r\n      function scheduleFallback(video) {\r\n        clearTimer();\r\n        if (pausedByUser) return;\r\n\r\n        let delay = 12000;\r\n\r\n        if (video && Number.isFinite(video.duration) && video.duration > 0) {\r\n          const remaining = Math.max(video.duration - video.currentTime, 1);\r\n          delay = Math.max(remaining * 1000 + 600, 5000);\r\n        }\r\n\r\n        timer = window.setTimeout(nextSlide, delay);\r\n      }\r\n\r\n      function playActiveVideo(resetTime) {\r\n        stopAllVideos();\r\n\r\n        const video = getActiveVideo();\r\n        if (!video) {\r\n          scheduleFallback(null);\r\n          return;\r\n        }\r\n\r\n        video.muted = true;\r\n        video.playsInline = true;\r\n\r\n        if (resetTime) {\r\n          try {\r\n            video.currentTime = 0;\r\n          } catch (error) {}\r\n        }\r\n\r\n        video.onended = function () {\r\n          if (!pausedByUser) nextSlide();\r\n        };\r\n\r\n        video.onloadedmetadata = function () {\r\n          scheduleFallback(video);\r\n        };\r\n\r\n        video.play().catch(function () {\r\n          scheduleFallback(video);\r\n        });\r\n\r\n        scheduleFallback(video);\r\n      }\r\n\r\n      function updateControls() {\r\n        slides.forEach(function (slide, index) {\r\n          const active = index === current;\r\n          slide.classList.toggle(\"fg-active\", active);\r\n          slide.setAttribute(\"aria-hidden\", active ? \"false\" : \"true\");\r\n        });\r\n\r\n        dots.forEach(function (dot, index) {\r\n          const active = index === current;\r\n          dot.classList.toggle(\"fg-dot-active\", active);\r\n          dot.setAttribute(\"aria-selected\", active ? \"true\" : \"false\");\r\n        });\r\n      }\r\n\r\n      function goToSlide(index) {\r\n        clearTimer();\r\n        current = (index + slides.length) % slides.length;\r\n        updateControls();\r\n        resetAnimations(slides[current]);\r\n\r\n        if (pausedByUser) {\r\n          stopAllVideos();\r\n        } else {\r\n          playActiveVideo(true);\r\n        }\r\n      }\r\n\r\n      function nextSlide() {\r\n        goToSlide(current + 1);\r\n      }\r\n\r\n      function previousSlide() {\r\n        goToSlide(current - 1);\r\n      }\r\n\r\n      dots.forEach(function (dot, index) {\r\n        dot.addEventListener(\"click\", function () {\r\n          goToSlide(index);\r\n        });\r\n      });\r\n\r\n      if (playToggle) {\r\n        playToggle.addEventListener(\"click\", function () {\r\n          pausedByUser = !pausedByUser;\r\n          slider.classList.toggle(\"fg-paused\", pausedByUser);\r\n          playToggle.setAttribute(\r\n            \"aria-label\",\r\n            pausedByUser ? \"Retomar apresenta\u00e7\u00e3o\" : \"Pausar apresenta\u00e7\u00e3o\"\r\n          );\r\n\r\n          const video = getActiveVideo();\r\n\r\n          if (pausedByUser) {\r\n            clearTimer();\r\n            if (video) video.pause();\r\n          } else if (video) {\r\n            video.play().catch(function () {});\r\n            scheduleFallback(video);\r\n          } else {\r\n            scheduleFallback(null);\r\n          }\r\n        });\r\n      }\r\n\r\n      slider.addEventListener(\r\n        \"touchstart\",\r\n        function (event) {\r\n          if (!event.changedTouches || !event.changedTouches.length) return;\r\n          touchStartX = event.changedTouches[0].clientX;\r\n          touchStartY = event.changedTouches[0].clientY;\r\n        },\r\n        { passive: true }\r\n      );\r\n\r\n      slider.addEventListener(\r\n        \"touchend\",\r\n        function (event) {\r\n          if (!event.changedTouches || !event.changedTouches.length) return;\r\n\r\n          const diffX = event.changedTouches[0].clientX - touchStartX;\r\n          const diffY = event.changedTouches[0].clientY - touchStartY;\r\n\r\n          if (Math.abs(diffX) > 55 && Math.abs(diffX) > Math.abs(diffY)) {\r\n            if (diffX < 0) {\r\n              nextSlide();\r\n            } else {\r\n              previousSlide();\r\n            }\r\n          }\r\n        },\r\n        { passive: true }\r\n      );\r\n\r\n      document.addEventListener(\"visibilitychange\", function () {\r\n        const video = getActiveVideo();\r\n\r\n        if (document.hidden) {\r\n          clearTimer();\r\n          if (video) video.pause();\r\n        } else if (!pausedByUser) {\r\n          if (video) video.play().catch(function () {});\r\n          scheduleFallback(video);\r\n        }\r\n      });\r\n\r\n      goToSlide(0);\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\"DOMContentLoaded\", initForceSlider, { once: true });\r\n    } else {\r\n      initForceSlider();\r\n    }\r\n\r\n    window.addEventListener(\r\n      \"load\",\r\n      function () {\r\n        window.setTimeout(initForceSlider, 200);\r\n      },\r\n      { once: true }\r\n    );\r\n  })();\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-419e740 e-con-full force-hero-home e-flex e-con e-parent\" data-id=\"419e740\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4ab971 elementor-widget elementor-widget-html\" data-id=\"f4ab971\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  SE\u00c7\u00c3O RESPONSIVA PARA O WIDGET HTML DO ELEMENTOR\r\n  Cole todo este conte\u00fado em um \u00fanico widget HTML.\r\n-->\r\n\r\n<section class=\"force-about\" id=\"quem-somos\" aria-labelledby=\"force-about-title\">\r\n  <picture class=\"force-about__media\" aria-hidden=\"true\">\r\n    <source\r\n      media=\"(max-width: 767px)\"\r\n      srcset=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/mobile-fundo-sem-texto.webp\"\r\n    >\r\n    <source\r\n      media=\"(max-width: 1024px)\"\r\n      srcset=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/tablet-fundo-sem-texto.webp\"\r\n    >\r\n    <img fetchpriority=\"high\"\r\n      src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/desktop-fundo-sem-texto.webp\"\r\n      alt=\"\"\r\n      width=\"1440\"\r\n      height=\"513\"\r\n      decoding=\"async\"\r\n      fetchpriority=\"high\"\r\n    >\r\n  <\/picture>\r\n\r\n  <div class=\"force-about__inner\">\r\n    <div class=\"force-about__intro\">\r\n      <div class=\"force-about__icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\" role=\"img\" focusable=\"false\">\r\n          <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n          <path d=\"M3 12h18\"><\/path>\r\n          <path d=\"M12 3a14.8 14.8 0 0 1 4 9 14.8 14.8 0 0 1-4 9 14.8 14.8 0 0 1-4-9 14.8 14.8 0 0 1 4-9Z\"><\/path>\r\n          <path d=\"M5.4 6h13.2M5.4 18h13.2\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <span class=\"force-about__line\" aria-hidden=\"true\"><\/span>\r\n\r\n      <h2 class=\"force-about__title\" id=\"force-about-title\">\r\n        <span class=\"force-about__title-row\">Com mais de duas d\u00e9cadas<\/span>\r\n        <span class=\"force-about__title-row\">\r\n          de atua\u00e7\u00e3o, <span class=\"force-about__highlight\">somos refer\u00eancia<\/span>\r\n        <\/span>\r\n        <span class=\"force-about__title-row\">em com\u00e9rcio exterior.<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <p class=\"force-about__text\">\r\n      Unimos conhecimento t\u00e9cnico, atendimento pr\u00f3ximo e vis\u00e3o operacional\r\n      para desenvolver solu\u00e7\u00f5es personalizadas, reduzir riscos e tornar cada\r\n      processo mais \u00e1gil e eficiente.\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .force-about,\r\n  .force-about * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .force-about {\r\n    --force-blue: #2d86e8;\r\n    --force-ink: #111318;\r\n    --force-line: #c7d5e6;\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    min-height: 0;\r\n    overflow: hidden;\r\n    scroll-margin-top: 110px;\r\n    color: var(--force-ink);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .force-about__media {\r\n    position: absolute;\r\n    z-index: -1;\r\n    inset: 0;\r\n    display: block;\r\n    overflow: hidden;\r\n    background: #f5f6f8;\r\n  }\r\n\r\n  .force-about__media img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transition: transform 0.9s cubic-bezier(0.2, 0.75, 0.25, 1);\r\n  }\r\n\r\n  .force-about__inner {\r\n    width: 100%;\r\n    max-width: none;\r\n    min-height: 0;\r\n    margin-inline: auto;\r\n    padding: 80px 200px;\r\n    transition: transform 0.55s cubic-bezier(0.2, 0.75, 0.25, 1);\r\n  }\r\n\r\n  .force-about__intro {\r\n    display: flex;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .force-about__icon {\r\n    position: relative;\r\n    isolation: isolate;\r\n    display: grid;\r\n    flex: 0 0 64px;\r\n    width: 64px;\r\n    height: 64px;\r\n    place-items: center;\r\n    border: 1px solid rgba(255, 255, 255, 0.72);\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.58);\r\n    box-shadow: 0 12px 34px rgba(45, 92, 145, 0.055);\r\n    backdrop-filter: blur(4px);\r\n    -webkit-backdrop-filter: blur(4px);\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  .force-about__icon::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    inset: -7px;\r\n    border: 1px solid rgba(45, 134, 232, 0.32);\r\n    border-radius: 50%;\r\n    opacity: 0;\r\n    transform: scale(0.86);\r\n    pointer-events: none;\r\n    transition: opacity 0.4s ease, transform 0.6s cubic-bezier(0.2, 0.75, 0.25, 1);\r\n  }\r\n\r\n  .force-about__icon svg {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 34px;\r\n    height: 34px;\r\n    overflow: visible;\r\n    fill: none;\r\n    stroke: var(--force-blue);\r\n    stroke-width: 1.45;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    transition: transform 0.55s cubic-bezier(0.2, 0.75, 0.25, 1);\r\n  }\r\n\r\n  .force-about__line {\r\n    display: block;\r\n    flex: 0 0 2px;\r\n    width: 2px;\r\n    height: 126px;\r\n    margin: 10px 0 0 35px;\r\n    background: var(--force-line);\r\n    transform-origin: top;\r\n  }\r\n\r\n  .force-about .force-about__title {\r\n    width: min(100%, 560px);\r\n    max-width: 560px;\r\n    margin: 4px 0 0 24px !important;\r\n    color: var(--force-ink) !important;\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n    font-size: clamp(26px, 1.8vw, 30px) !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.2 !important;\r\n    letter-spacing: -0.025em !important;\r\n    overflow-wrap: break-word;\r\n  }\r\n\r\n  .force-about__title-row {\r\n    display: block;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .force-about__highlight {\r\n    color: var(--force-blue);\r\n    transition: text-shadow 0.4s ease;\r\n  }\r\n\r\n  .force-about .force-about__text {\r\n    width: min(calc(100% - 99px), 640px);\r\n    max-width: 640px;\r\n    margin: 18px 0 0 99px !important;\r\n    color: #15181d !important;\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n    font-size: 15px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.45 !important;\r\n    letter-spacing: -0.005em !important;\r\n    overflow-wrap: break-word;\r\n  }\r\n\r\n  \/* Anima\u00e7\u00f5es: ativadas pelo JavaScript somente quando a se\u00e7\u00e3o entra na tela. *\/\r\n  .force-about--motion .force-about__media {\r\n    opacity: 0;\r\n    transform: scale(1.035);\r\n  }\r\n\r\n  .force-about--motion .force-about__icon,\r\n  .force-about--motion .force-about__title-row,\r\n  .force-about--motion .force-about__text {\r\n    opacity: 0;\r\n    transform: translate3d(0, 24px, 0);\r\n  }\r\n\r\n  .force-about--motion .force-about__icon {\r\n    transform: translate3d(-18px, 10px, 0) scale(0.86) rotate(-6deg);\r\n  }\r\n\r\n  .force-about--motion .force-about__icon svg circle,\r\n  .force-about--motion .force-about__icon svg path {\r\n    opacity: 0;\r\n    stroke-dasharray: 100;\r\n    stroke-dashoffset: 100;\r\n  }\r\n\r\n  .force-about--motion .force-about__line {\r\n    transform: scaleY(0);\r\n  }\r\n\r\n  .force-about--motion.force-about--visible .force-about__media {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n    transition: opacity 0.85s ease, transform 1.35s cubic-bezier(0.2, 0.75, 0.25, 1);\r\n  }\r\n\r\n  .force-about--motion.force-about--visible .force-about__icon {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0) scale(1) rotate(0);\r\n    transition: opacity 0.65s 0.1s ease, transform 1s 0.1s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .force-about--motion.force-about--visible .force-about__icon::before {\r\n    animation: forceAboutIconHalo 1.15s 0.18s ease-out;\r\n  }\r\n\r\n  .force-about--motion.force-about--visible .force-about__icon svg circle,\r\n  .force-about--motion.force-about--visible .force-about__icon svg path {\r\n    opacity: 1;\r\n    stroke-dashoffset: 0;\r\n    transition: stroke-dashoffset 0.95s cubic-bezier(0.2, 0.75, 0.25, 1), opacity 0.35s ease;\r\n  }\r\n\r\n  .force-about--motion.force-about--visible .force-about__icon svg circle {\r\n    transition-delay: 0.28s;\r\n  }\r\n\r\n  .force-about--motion.force-about--visible .force-about__icon svg path:nth-of-type(1) {\r\n    transition-delay: 0.36s;\r\n  }\r\n\r\n  .force-about--motion.force-about--visible .force-about__icon svg path:nth-of-type(2) {\r\n    transition-delay: 0.44s;\r\n  }\r\n\r\n  .force-about--motion.force-about--visible .force-about__icon svg path:nth-of-type(3) {\r\n    transition-delay: 0.52s;\r\n  }\r\n\r\n  .force-about--motion.force-about--visible .force-about__line {\r\n    transform: scaleY(1);\r\n    transition: transform 0.8s 0.22s cubic-bezier(0.2, 0.75, 0.25, 1);\r\n  }\r\n\r\n  .force-about--motion.force-about--visible .force-about__title-row {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n    transition: opacity 0.65s ease, transform 0.8s cubic-bezier(0.2, 0.75, 0.25, 1);\r\n  }\r\n\r\n  .force-about--motion.force-about--visible .force-about__title-row:nth-child(1) {\r\n    transition-delay: 0.25s;\r\n  }\r\n\r\n  .force-about--motion.force-about--visible .force-about__title-row:nth-child(2) {\r\n    transition-delay: 0.34s;\r\n  }\r\n\r\n  .force-about--motion.force-about--visible .force-about__title-row:nth-child(3) {\r\n    transition-delay: 0.43s;\r\n  }\r\n\r\n  .force-about--motion.force-about--visible .force-about__text {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n    transition: opacity 0.7s 0.55s ease, transform 0.9s 0.55s cubic-bezier(0.2, 0.75, 0.25, 1);\r\n  }\r\n\r\n  @keyframes forceAboutIconHalo {\r\n    0% {\r\n      opacity: 0;\r\n      transform: scale(0.82);\r\n    }\r\n\r\n    38% {\r\n      opacity: 0.58;\r\n    }\r\n\r\n    100% {\r\n      opacity: 0;\r\n      transform: scale(1.34);\r\n    }\r\n  }\r\n\r\n  \/* Tablet \u2014 breakpoint padr\u00e3o do Elementor. *\/\r\n  @media (min-width: 768px) and (max-width: 1024px) {\r\n    .force-about {\r\n      min-height: 0;\r\n    }\r\n\r\n    .force-about__inner {\r\n      padding: 50px 40px;\r\n    }\r\n\r\n    .force-about__icon {\r\n      flex-basis: 56px;\r\n      width: 56px;\r\n      height: 56px;\r\n      margin-top: 3px;\r\n    }\r\n\r\n    .force-about__icon svg {\r\n      width: 30px;\r\n      height: 30px;\r\n    }\r\n\r\n    .force-about__line {\r\n      height: 78px;\r\n      margin: 2px 0 0 18px;\r\n    }\r\n\r\n    .force-about .force-about__title {\r\n      width: min(100%, 470px);\r\n      max-width: 470px;\r\n      margin: 0 0 0 22px !important;\r\n      font-size: clamp(23px, 2.65vw, 25px) !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: -0.025em !important;\r\n    }\r\n\r\n    .force-about .force-about__text {\r\n      width: min(calc(100% - 74px), 560px);\r\n      max-width: 560px;\r\n      margin: 18px 0 0 74px !important;\r\n      font-size: clamp(14px, 1.65vw, 15px) !important;\r\n      line-height: 1.45 !important;\r\n    }\r\n  }\r\n\r\n  \/* Mobile \u2014 composi\u00e7\u00e3o vertical igual \u00e0 refer\u00eancia de 390 \u00d7 600. *\/\r\n  @media (max-width: 767px) {\r\n    .force-about {\r\n      min-height: 0;\r\n    }\r\n\r\n    .force-about__media img {\r\n      object-position: center top;\r\n    }\r\n\r\n    .force-about__inner {\r\n      width: 100%;\r\n      max-width: 100%;\r\n      padding: 30px 40px;\r\n    }\r\n\r\n    .force-about__intro {\r\n      display: block;\r\n    }\r\n\r\n    .force-about__icon {\r\n      width: 50px;\r\n      height: 50px;\r\n    }\r\n\r\n    .force-about__icon svg {\r\n      width: 27px;\r\n      height: 27px;\r\n    }\r\n\r\n    .force-about__line {\r\n      width: 100%;\r\n      height: 2px;\r\n      margin: 16px 0 0;\r\n      transform-origin: left;\r\n    }\r\n\r\n    .force-about .force-about__title {\r\n      width: 100%;\r\n      max-width: none;\r\n      margin: 14px 0 0 !important;\r\n      font-size: clamp(19px, 5.4vw, 21px) !important;\r\n      line-height: 1.22 !important;\r\n      letter-spacing: -0.02em !important;\r\n    }\r\n\r\n    .force-about__title-row {\r\n      width: 100%;\r\n      max-width: 100%;\r\n      white-space: normal;\r\n      overflow-wrap: break-word;\r\n    }\r\n\r\n    .force-about__highlight {\r\n      display: block;\r\n    }\r\n\r\n    .force-about .force-about__text {\r\n      width: 100%;\r\n      max-width: none;\r\n      margin: 18px 0 0 !important;\r\n      font-size: 14px !important;\r\n      line-height: 1.5 !important;\r\n      letter-spacing: 0 !important;\r\n    }\r\n\r\n    .force-about--motion .force-about__line {\r\n      transform: scaleX(0);\r\n    }\r\n\r\n    .force-about--motion.force-about--visible .force-about__line {\r\n      transform: scaleX(1);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 359px) {\r\n    .force-about .force-about__title {\r\n      font-size: 18px !important;\r\n    }\r\n\r\n    .force-about .force-about__text {\r\n      font-size: 13px !important;\r\n    }\r\n  }\r\n\r\n  \/* Intera\u00e7\u00e3o extra para mouse, sem criar efeito preso em telas touch. *\/\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .force-about:hover .force-about__media img {\r\n      transform: scale(1.018);\r\n    }\r\n\r\n    .force-about:hover .force-about__inner {\r\n      transform: translateY(-4px);\r\n    }\r\n\r\n    .force-about:hover .force-about__icon {\r\n      border-color: rgba(45, 134, 232, 0.24);\r\n      box-shadow: 0 18px 38px rgba(45, 92, 145, 0.16);\r\n      transform: translateY(-5px) scale(1.035);\r\n    }\r\n\r\n    .force-about:hover .force-about__icon::before {\r\n      opacity: 0.68;\r\n      transform: scale(1.1);\r\n    }\r\n\r\n    .force-about:hover .force-about__icon svg {\r\n      transform: rotate(6deg) scale(1.04);\r\n    }\r\n\r\n    .force-about:hover .force-about__line {\r\n      background: linear-gradient(180deg, var(--force-line), var(--force-blue));\r\n    }\r\n\r\n    .force-about:hover .force-about__highlight {\r\n      text-shadow: 0 8px 22px rgba(45, 134, 232, 0.2);\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .force-about--motion .force-about__media,\r\n    .force-about--motion .force-about__icon,\r\n    .force-about--motion .force-about__line,\r\n    .force-about--motion .force-about__title-row,\r\n    .force-about--motion .force-about__text {\r\n      opacity: 1;\r\n      transform: none;\r\n      transition: none;\r\n    }\r\n\r\n    .force-about--motion .force-about__icon::before {\r\n      animation: none;\r\n    }\r\n\r\n    .force-about--motion .force-about__icon svg circle,\r\n    .force-about--motion .force-about__icon svg path {\r\n      opacity: 1;\r\n      stroke-dashoffset: 0;\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (() => {\r\n    const sections = document.querySelectorAll('.force-about:not([data-force-ready])');\r\n\r\n    sections.forEach((section) => {\r\n      section.dataset.forceReady = 'true';\r\n\r\n      if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n        section.classList.add('force-about--visible');\r\n        return;\r\n      }\r\n\r\n      section.classList.add('force-about--motion');\r\n\r\n      if (!('IntersectionObserver' in window)) {\r\n        section.classList.add('force-about--visible');\r\n        return;\r\n      }\r\n\r\n      const observer = new IntersectionObserver((entries, currentObserver) => {\r\n        entries.forEach((entry) => {\r\n          if (!entry.isIntersecting) return;\r\n          entry.target.classList.add('force-about--visible');\r\n          currentObserver.unobserve(entry.target);\r\n        });\r\n      }, {\r\n        threshold: 0.18,\r\n        rootMargin: '0px 0px -8% 0px'\r\n      });\r\n\r\n      observer.observe(section);\r\n    });\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb83ef1 e-con-full force-hero-home e-flex e-con e-parent\" data-id=\"bb83ef1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c82e14 elementor-widget elementor-widget-html\" data-id=\"5c82e14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  SE\u00c7\u00c3O 02 \u2014 SERVI\u00c7OS FORCE\r\n  Cole todo este conte\u00fado em um \u00fanico widget HTML do Elementor.\r\n-->\r\n\r\n<section class=\"force-services\" id=\"solucoes\" aria-labelledby=\"force-services-title\">\r\n  <picture class=\"force-services__background\" aria-hidden=\"true\">\r\n    <source\r\n      media=\"(max-width: 767px)\"\r\n      srcset=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/mobile-fundo-limpo.webp\"\r\n    >\r\n    <source\r\n      media=\"(max-width: 1024px)\"\r\n      srcset=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/tablet-fundo-limpo.webp\"\r\n    >\r\n    <img loading=\"lazy\"\r\n      src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/desktop-fundo-limpo.webp\"\r\n      alt=\"\"\r\n      width=\"1672\"\r\n      height=\"941\"\r\n      decoding=\"async\"\r\n      loading=\"lazy\"\r\n    >\r\n  <\/picture>\r\n\r\n  <div class=\"force-services__container\">\r\n    <figure class=\"force-services__visual\">\r\n      <img loading=\"lazy\"\r\n        src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/imagsessao02.webp\"\r\n        alt=\"Especialista da Force acompanhando uma opera\u00e7\u00e3o portu\u00e1ria\"\r\n        width=\"1000\"\r\n        height=\"1000\"\r\n        decoding=\"async\"\r\n        loading=\"lazy\"\r\n      >\r\n    <\/figure>\r\n\r\n    <div class=\"force-services__content\">\r\n      <p class=\"force-services__eyebrow\">SERVI\u00c7OS FORCE<\/p>\r\n\r\n      <h2 class=\"force-services__title\" id=\"force-services-title\">\r\n        <span class=\"force-services__title-row\">Mais que uma simples<\/span>\r\n        <span class=\"force-services__title-row\">comiss\u00e1ria de despachos.<\/span>\r\n        <span class=\"force-services__title-row force-services__title-row--blue\">Solu\u00e7\u00f5es que geram resultados.<\/span>\r\n      <\/h2>\r\n\r\n      <span class=\"force-services__accent-line\" aria-hidden=\"true\"><\/span>\r\n\r\n      <p class=\"force-services__description\">\r\n        N\u00e3o vendemos apenas o despacho \u2014 entregamos a gest\u00e3o completa da sua cadeia de suprimentos internacional.\r\n        Desoneramos seu time da complexidade burocr\u00e1tica e operacional do com\u00e9rcio exterior, com acompanhamento\r\n        consultivo do in\u00edcio ao fim da opera\u00e7\u00e3o.\r\n      <\/p>\r\n\r\n      <div class=\"force-services__cards\" aria-label=\"Diferenciais dos servi\u00e7os Force\">\r\n        <article class=\"force-services__card\">\r\n          <div class=\"force-services__card-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" focusable=\"false\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n              <path d=\"M3 12h18\"><\/path>\r\n              <path d=\"M12 3a14.8 14.8 0 0 1 4 9 14.8 14.8 0 0 1-4 9 14.8 14.8 0 0 1-4-9 14.8 14.8 0 0 1 4-9Z\"><\/path>\r\n              <path d=\"M5.4 6h13.2M5.4 18h13.2\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"force-services__card-copy\">\r\n            <h3>Gest\u00e3o Completa<\/h3>\r\n            <p>Coordenamos sua cadeia de suprimentos internacional de ponta a ponta.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"force-services__card\">\r\n          <div class=\"force-services__card-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" focusable=\"false\">\r\n              <rect x=\"6\" y=\"5\" width=\"12\" height=\"16\" rx=\"2\"><\/rect>\r\n              <path d=\"M9 5V3h6v2M9 13l2 2 4-5\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"force-services__card-copy\">\r\n            <h3>Despacho Aduaneiro<\/h3>\r\n            <p>Cuidamos da burocracia com agilidade, conformidade e seguran\u00e7a.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"force-services__card\">\r\n          <div class=\"force-services__card-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" focusable=\"false\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"3.2\"><\/circle>\r\n              <path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9 7 7M17 17l2.1 2.1M19.1 4.9 17 7M7 17l-2.1 2.1\"><\/path>\r\n              <circle cx=\"12\" cy=\"12\" r=\"7\"><\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"force-services__card-copy\">\r\n            <h3>Efici\u00eancia Operacional<\/h3>\r\n            <p>Reduzimos a carga operacional do seu time com processos bem geridos.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"force-services__card\">\r\n          <div class=\"force-services__card-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" focusable=\"false\">\r\n              <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\r\n              <circle cx=\"17\" cy=\"9\" r=\"2.4\"><\/circle>\r\n              <path d=\"M3.5 19c.5-3.5 2.4-5.4 5.5-5.4s5 1.9 5.5 5.4M14.5 14.2c3.6-.7 5.7 1 6 4.2\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"force-services__card-copy\">\r\n            <h3>Acompanhamento Consultivo<\/h3>\r\n            <p>Atua\u00e7\u00e3o pr\u00f3xima do in\u00edcio ao fim de cada opera\u00e7\u00e3o.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .force-services,\r\n  .force-services * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .force-services {\r\n    --fs-blue: #4375ca;\r\n    --fs-blue-dark: #172f60;\r\n    --fs-border: rgba(73, 126, 201, 0.30);\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    scroll-margin-top: 110px;\r\n    color: var(--fs-blue-dark);\r\n    background: #edf4fb;\r\n    font-family: \"Montserrat\", Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .force-services__background {\r\n    position: absolute;\r\n    z-index: -1;\r\n    inset: 0;\r\n    display: block;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .force-services__background img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center top;\r\n  }\r\n\r\n  .force-services__container {\r\n    display: grid;\r\n    grid-template-columns: minmax(300px, 520px) minmax(260px, 680px);\r\n    gap: clamp(40px, 3.75vw, 72px);\r\n    align-items: start;\r\n    width: 100%;\r\n    margin-inline: auto;\r\n    padding: 80px 200px;\r\n  }\r\n\r\n  .force-services__visual {\r\n    position: relative;\r\n    align-self: start;\r\n    aspect-ratio: 1.045 \/ 1;\r\n    min-width: 0;\r\n    margin: 22px 0 0 !important;\r\n    overflow: hidden;\r\n    border-radius: 28px;\r\n    box-shadow: 0 24px 54px rgba(31, 72, 128, 0.12);\r\n    background: #c8ddef;\r\n    transition: transform 0.6s cubic-bezier(0.2, 0.75, 0.25, 1), box-shadow 0.6s ease;\r\n  }\r\n\r\n  .force-services__visual::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border: 1px solid rgba(255, 255, 255, 0.55);\r\n    border-radius: inherit;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .force-services__visual img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transition: transform 1s cubic-bezier(0.2, 0.75, 0.25, 1), filter 0.6s ease;\r\n  }\r\n\r\n  .force-services__content {\r\n    min-width: 0;\r\n  }\r\n\r\n  .force-services .force-services__eyebrow {\r\n    margin: 0 0 18px !important;\r\n    color: #326ac1 !important;\r\n    font-family: inherit !important;\r\n    font-size: 13px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: 0.33em !important;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .force-services .force-services__title {\r\n    max-width: 620px;\r\n    margin: 0 !important;\r\n    color: var(--fs-blue-dark) !important;\r\n    font-family: inherit !important;\r\n    font-size: clamp(28px, 1.8vw, 34px) !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.16 !important;\r\n    letter-spacing: -0.035em !important;\r\n  }\r\n\r\n  .force-services__title-row {\r\n    display: block;\r\n    max-width: 100%;\r\n    overflow-wrap: break-word;\r\n  }\r\n\r\n  .force-services__title-row--blue {\r\n    color: var(--fs-blue);\r\n  }\r\n\r\n  .force-services__accent-line {\r\n    display: block;\r\n    width: 56px;\r\n    height: 4px;\r\n    margin: 18px 0;\r\n    border-radius: 999px;\r\n    background: var(--fs-blue);\r\n    transform-origin: left;\r\n  }\r\n\r\n  .force-services .force-services__description {\r\n    max-width: 540px;\r\n    margin: 0 !important;\r\n    color: #183568 !important;\r\n    font-family: inherit !important;\r\n    font-size: 15.5px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.62 !important;\r\n    letter-spacing: -0.012em !important;\r\n  }\r\n\r\n  .force-services__cards {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 14px;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .force-services__card {\r\n    display: grid;\r\n    grid-template-columns: 48px minmax(0, 1fr);\r\n    gap: 14px;\r\n    align-items: start;\r\n    min-width: 0;\r\n    min-height: 130px;\r\n    padding: 19px 17px;\r\n    border: 1px solid var(--fs-border);\r\n    border-radius: 14px;\r\n    background: rgba(255, 255, 255, 0.70);\r\n    box-shadow: 0 12px 30px rgba(35, 80, 140, 0.045);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    transition: transform 0.45s cubic-bezier(0.2, 0.75, 0.25, 1), border-color 0.4s ease, box-shadow 0.45s ease, background 0.4s ease;\r\n  }\r\n\r\n  .force-services__card-icon {\r\n    display: grid;\r\n    width: 48px;\r\n    height: 48px;\r\n    place-items: center;\r\n    border-radius: 13px;\r\n    background: rgba(232, 241, 251, 0.92);\r\n    transition: transform 0.5s cubic-bezier(0.2, 0.75, 0.25, 1), background 0.4s ease;\r\n  }\r\n\r\n  .force-services__card-icon svg {\r\n    width: 29px;\r\n    height: 29px;\r\n    overflow: visible;\r\n    fill: none;\r\n    stroke: #3673ce;\r\n    stroke-width: 1.55;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .force-services__card-copy {\r\n    min-width: 0;\r\n  }\r\n\r\n  .force-services .force-services__card-copy h3 {\r\n    margin: 2px 0 7px !important;\r\n    color: #152e5e !important;\r\n    font-family: inherit !important;\r\n    font-size: 14px !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.25 !important;\r\n    letter-spacing: -0.015em !important;\r\n    overflow-wrap: break-word;\r\n  }\r\n\r\n  .force-services .force-services__card-copy p {\r\n    margin: 0 !important;\r\n    color: #183568 !important;\r\n    font-family: inherit !important;\r\n    font-size: 12px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.55 !important;\r\n    letter-spacing: -0.01em !important;\r\n    overflow-wrap: break-word;\r\n  }\r\n\r\n  \/* Entrada escalonada quando a se\u00e7\u00e3o aparece na tela. *\/\r\n  .force-services--motion .force-services__background {\r\n    opacity: 0;\r\n    transform: scale(1.025);\r\n  }\r\n\r\n  .force-services--motion .force-services__visual {\r\n    opacity: 0;\r\n    clip-path: inset(0 100% 0 0 round 28px);\r\n    transform: translate3d(-24px, 18px, 0) scale(0.985);\r\n  }\r\n\r\n  .force-services--motion .force-services__eyebrow,\r\n  .force-services--motion .force-services__title-row,\r\n  .force-services--motion .force-services__description,\r\n  .force-services--motion .force-services__card {\r\n    opacity: 0;\r\n    transform: translate3d(0, 22px, 0);\r\n  }\r\n\r\n  .force-services--motion .force-services__accent-line {\r\n    transform: scaleX(0);\r\n  }\r\n\r\n  .force-services--motion.force-services--visible .force-services__background {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n    transition: opacity 0.8s ease, transform 1.25s cubic-bezier(0.2, 0.75, 0.25, 1);\r\n  }\r\n\r\n  .force-services--motion.force-services--visible .force-services__visual {\r\n    opacity: 1;\r\n    clip-path: inset(0 0 0 0 round 28px);\r\n    transform: translate3d(0, 0, 0) scale(1);\r\n    transition: opacity 0.65s 0.08s ease, clip-path 1.05s 0.08s cubic-bezier(0.16, 1, 0.3, 1), transform 1s 0.08s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s ease;\r\n  }\r\n\r\n  .force-services--motion.force-services--visible .force-services__eyebrow,\r\n  .force-services--motion.force-services--visible .force-services__title-row,\r\n  .force-services--motion.force-services--visible .force-services__description,\r\n  .force-services--motion.force-services--visible .force-services__card {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n    transition: opacity 0.65s ease, transform 0.85s cubic-bezier(0.2, 0.75, 0.25, 1);\r\n  }\r\n\r\n  .force-services--motion.force-services--visible .force-services__eyebrow { transition-delay: 0.18s; }\r\n  .force-services--motion.force-services--visible .force-services__title-row:nth-child(1) { transition-delay: 0.26s; }\r\n  .force-services--motion.force-services--visible .force-services__title-row:nth-child(2) { transition-delay: 0.34s; }\r\n  .force-services--motion.force-services--visible .force-services__title-row:nth-child(3) { transition-delay: 0.42s; }\r\n\r\n  .force-services--motion.force-services--visible .force-services__accent-line {\r\n    transform: scaleX(1);\r\n    transition: transform 0.8s 0.48s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .force-services--motion.force-services--visible .force-services__description { transition-delay: 0.50s; }\r\n  .force-services--motion.force-services--visible .force-services__card:nth-child(1) { transition-delay: 0.58s; }\r\n  .force-services--motion.force-services--visible .force-services__card:nth-child(2) { transition-delay: 0.66s; }\r\n  .force-services--motion.force-services--visible .force-services__card:nth-child(3) { transition-delay: 0.74s; }\r\n  .force-services--motion.force-services--visible .force-services__card:nth-child(4) { transition-delay: 0.82s; }\r\n\r\n  \/* Desktop compacto \u2014 mant\u00e9m as laterais de 200px sem apertar os cards. *\/\r\n  @media (min-width: 1025px) and (max-width: 1199px) {\r\n    .force-services__cards {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  \/* Tablet \u2014 composi\u00e7\u00e3o vertical e cards em duas colunas. *\/\r\n  @media (min-width: 768px) and (max-width: 1024px) {\r\n    .force-services__container {\r\n      display: block;\r\n      width: 100%;\r\n      padding: 42px 60px 64px;\r\n    }\r\n\r\n    .force-services__visual {\r\n      width: 100%;\r\n      aspect-ratio: 1.69 \/ 1;\r\n      margin: 0 !important;\r\n      border-radius: 23px;\r\n    }\r\n\r\n    .force-services__visual img {\r\n      object-position: center 48%;\r\n    }\r\n\r\n    .force-services__content {\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .force-services .force-services__eyebrow {\r\n      margin-bottom: 14px !important;\r\n      font-size: 10px !important;\r\n      letter-spacing: 0.42em !important;\r\n    }\r\n\r\n    .force-services .force-services__title {\r\n      max-width: 620px;\r\n      font-size: clamp(27px, 3.8vw, 30px) !important;\r\n      line-height: 1.16 !important;\r\n    }\r\n\r\n    .force-services__accent-line {\r\n      width: 52px;\r\n      height: 4px;\r\n      margin: 13px 0;\r\n    }\r\n\r\n    .force-services .force-services__description {\r\n      max-width: 100%;\r\n      font-size: 14px !important;\r\n      line-height: 1.5 !important;\r\n    }\r\n\r\n    .force-services__cards {\r\n      gap: 12px 16px;\r\n      margin-top: 16px;\r\n    }\r\n\r\n    .force-services__card {\r\n      grid-template-columns: 40px minmax(0, 1fr);\r\n      gap: 12px;\r\n      min-height: 110px;\r\n      padding: 15px 14px;\r\n      border-radius: 12px;\r\n    }\r\n\r\n    .force-services__card-icon {\r\n      width: 40px;\r\n      height: 40px;\r\n      border-radius: 11px;\r\n    }\r\n\r\n    .force-services__card-icon svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    .force-services .force-services__card-copy h3 {\r\n      margin: 2px 0 6px !important;\r\n      font-size: 12px !important;\r\n    }\r\n\r\n    .force-services .force-services__card-copy p {\r\n      font-size: 10px !important;\r\n      line-height: 1.5 !important;\r\n    }\r\n  }\r\n\r\n  \/* Mobile \u2014 imagem, conte\u00fado e quatro cards em uma coluna. *\/\r\n  @media (max-width: 767px) {\r\n    .force-services__container {\r\n      display: block;\r\n      width: 100%;\r\n      padding: 40px;\r\n    }\r\n\r\n    .force-services__visual {\r\n      width: 100%;\r\n      aspect-ratio: 1.13 \/ 1;\r\n      margin: 0 !important;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .force-services__visual img {\r\n      object-position: center;\r\n    }\r\n\r\n    .force-services__content {\r\n      margin-top: 17px;\r\n    }\r\n\r\n    .force-services .force-services__eyebrow {\r\n      margin-bottom: 17px !important;\r\n      font-size: 9px !important;\r\n      letter-spacing: 0.42em !important;\r\n    }\r\n\r\n    .force-services .force-services__title {\r\n      max-width: 100%;\r\n      font-size: clamp(20px, 5.9vw, 23px) !important;\r\n      line-height: 1.22 !important;\r\n      letter-spacing: -0.025em !important;\r\n    }\r\n\r\n    .force-services__accent-line {\r\n      width: 47px;\r\n      height: 4px;\r\n      margin: 11px 0 13px;\r\n    }\r\n\r\n    .force-services .force-services__description {\r\n      max-width: 100%;\r\n      font-size: 13px !important;\r\n      line-height: 1.38 !important;\r\n      letter-spacing: -0.005em !important;\r\n    }\r\n\r\n    .force-services__cards {\r\n      grid-template-columns: 1fr;\r\n      gap: 10px;\r\n      margin-top: 18px;\r\n    }\r\n\r\n    .force-services__card {\r\n      grid-template-columns: 46px minmax(0, 1fr);\r\n      gap: 15px;\r\n      min-height: 126px;\r\n      padding: 17px 16px;\r\n      border-radius: 12px;\r\n    }\r\n\r\n    .force-services__card-icon {\r\n      width: 46px;\r\n      height: 46px;\r\n      border-radius: 12px;\r\n    }\r\n\r\n    .force-services__card-icon svg {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n\r\n    .force-services .force-services__card-copy h3 {\r\n      margin: 3px 0 7px !important;\r\n      font-size: 13.5px !important;\r\n      line-height: 1.25 !important;\r\n    }\r\n\r\n    .force-services .force-services__card-copy p {\r\n      font-size: 10.5px !important;\r\n      line-height: 1.55 !important;\r\n    }\r\n\r\n    .force-services--motion .force-services__visual {\r\n      clip-path: inset(0 100% 0 0 round 16px);\r\n    }\r\n\r\n    .force-services--motion.force-services--visible .force-services__visual {\r\n      clip-path: inset(0 0 0 0 round 16px);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 359px) {\r\n    .force-services__container {\r\n      padding-inline: 40px;\r\n    }\r\n\r\n    .force-services .force-services__title {\r\n      font-size: 19px !important;\r\n    }\r\n\r\n    .force-services__card {\r\n      grid-template-columns: 42px minmax(0, 1fr);\r\n      gap: 12px;\r\n      padding-inline: 13px;\r\n    }\r\n\r\n    .force-services__card-icon {\r\n      width: 42px;\r\n      height: 42px;\r\n    }\r\n  }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .force-services__visual:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 30px 64px rgba(31, 72, 128, 0.18);\r\n    }\r\n\r\n    .force-services__visual:hover img {\r\n      transform: scale(1.025);\r\n      filter: saturate(1.04) contrast(1.02);\r\n    }\r\n\r\n    .force-services__card:hover {\r\n      transform: translateY(-6px);\r\n      border-color: rgba(54, 115, 206, 0.55);\r\n      background: rgba(255, 255, 255, 0.90);\r\n      box-shadow: 0 20px 42px rgba(35, 80, 140, 0.13);\r\n    }\r\n\r\n    .force-services__card:hover .force-services__card-icon {\r\n      transform: rotate(5deg) scale(1.04);\r\n      background: rgba(222, 237, 252, 1);\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .force-services--motion .force-services__background,\r\n    .force-services--motion .force-services__visual,\r\n    .force-services--motion .force-services__eyebrow,\r\n    .force-services--motion .force-services__title-row,\r\n    .force-services--motion .force-services__accent-line,\r\n    .force-services--motion .force-services__description,\r\n    .force-services--motion .force-services__card {\r\n      opacity: 1;\r\n      clip-path: none;\r\n      transform: none;\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (() => {\r\n    const sections = document.querySelectorAll('.force-services:not([data-force-services-ready])');\r\n\r\n    sections.forEach((section) => {\r\n      section.dataset.forceServicesReady = 'true';\r\n\r\n      if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n        section.classList.add('force-services--visible');\r\n        return;\r\n      }\r\n\r\n      section.classList.add('force-services--motion');\r\n\r\n      if (!('IntersectionObserver' in window)) {\r\n        section.classList.add('force-services--visible');\r\n        return;\r\n      }\r\n\r\n      const observer = new IntersectionObserver((entries, currentObserver) => {\r\n        entries.forEach((entry) => {\r\n          if (!entry.isIntersecting) return;\r\n          entry.target.classList.add('force-services--visible');\r\n          currentObserver.unobserve(entry.target);\r\n        });\r\n      }, {\r\n        threshold: 0.12,\r\n        rootMargin: '0px 0px -7% 0px'\r\n      });\r\n\r\n      observer.observe(section);\r\n    });\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd20f3c e-con-full force-hero-home e-flex e-con e-parent\" data-id=\"cd20f3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9585a58 elementor-widget elementor-widget-html\" data-id=\"9585a58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  SE\u00c7\u00c3O 03 \u2014 N\u00daMEROS FORCE\r\n  Cole todo este conte\u00fado em um \u00fanico widget HTML do Elementor.\r\n-->\r\n\r\n<section class=\"force-numbers\" id=\"por-que-force\" aria-labelledby=\"force-numbers-title\">\r\n  <div class=\"force-numbers__background\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"force-numbers__container\">\r\n    <header class=\"force-numbers__header\">\r\n      <p class=\"force-numbers__eyebrow\">\r\n        <span class=\"force-numbers__eyebrow-line\" aria-hidden=\"true\"><\/span>\r\n        <span>Por que a FORCE<\/span>\r\n      <\/p>\r\n\r\n      <h2 class=\"force-numbers__title\" id=\"force-numbers-title\">\r\n        A seguran\u00e7a de quem<br>\r\n        pertence ao <span>Grupo FORCE<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"force-numbers__subtitle\">\r\n        Diferente de consultorias gen\u00e9ricas, entregamos garantias<br class=\"force-numbers__desktop-break\">\r\n        concretas em cada dimens\u00e3o da opera\u00e7\u00e3o.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"force-numbers__grid\" aria-label=\"N\u00fameros e resultados da Force\">\r\n      <article class=\"force-numbers__card\">\r\n        <div class=\"force-numbers__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" focusable=\"false\">\r\n            <circle cx=\"12\" cy=\"10\" r=\"6.5\"><\/circle>\r\n            <path d=\"m8 15.2-1.1 6 5.1-3 5.1 3-1.1-6\"><\/path>\r\n            <path d=\"m12 6.5 1.1 2.2 2.4.3-1.7 1.8.4 2.5-2.2-1.2-2.2 1.2.4-2.5L8.5 9l2.4-.3L12 6.5Z\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <p class=\"force-numbers__metric\" aria-label=\"Mais de 20 anos de experi\u00eancia\">\r\n          <span class=\"force-numbers__counter\" data-count=\"20\" data-suffix=\"+\" aria-hidden=\"true\">20+<\/span>\r\n        <\/p>\r\n\r\n        <p class=\"force-numbers__label\">\r\n          Mais de duas d\u00e9cadas<br>\r\n          de experi\u00eancia\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"force-numbers__card\">\r\n        <div class=\"force-numbers__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" focusable=\"false\">\r\n            <rect x=\"6\" y=\"4.5\" width=\"12\" height=\"16\" rx=\"2\"><\/rect>\r\n            <path d=\"M9 4.5V3h6v1.5M9 9h6M9 12h3\"><\/path>\r\n            <circle cx=\"15.8\" cy=\"15.8\" r=\"3.2\"><\/circle>\r\n            <path d=\"m14.5 15.8.9.9 1.8-2\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <p class=\"force-numbers__metric\" aria-label=\"Mais de 50 mil processos desembara\u00e7ados\">\r\n          <span class=\"force-numbers__counter\" data-count=\"50\" data-suffix=\"mil+\" aria-hidden=\"true\">50mil+<\/span>\r\n        <\/p>\r\n\r\n        <p class=\"force-numbers__label\">Processos desembara\u00e7ados<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"force-numbers__card\">\r\n        <div class=\"force-numbers__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" focusable=\"false\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"7.5\"><\/circle>\r\n            <circle cx=\"12\" cy=\"12\" r=\"2.6\"><\/circle>\r\n            <path d=\"M12 2v4M12 18v4M2 12h4M18 12h4\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <p class=\"force-numbers__metric\" aria-label=\"Mais de 300 projetos de alta complexidade entregues\">\r\n          <span class=\"force-numbers__counter\" data-count=\"300\" data-suffix=\"+\" aria-hidden=\"true\">300+<\/span>\r\n        <\/p>\r\n\r\n        <p class=\"force-numbers__label\">\r\n          Projetos de alta<br>\r\n          complexidade entregues\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"force-numbers__card\">\r\n        <div class=\"force-numbers__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" focusable=\"false\">\r\n            <path d=\"m21 4-2.2-.8a2.4 2.4 0 0 0-2.4.5L13 7 5.7 5.4 3.8 7.3l5.7 3.3-3 3-3-.3L2 14.8l4.7 2.4 2.4 4.7 1.5-1.5-.3-3 3-3 3.3 5.7 1.9-1.9L17 11l3.3-3.4A2.4 2.4 0 0 0 21 5.2V4Z\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <p class=\"force-numbers__metric\" aria-label=\"Mais de 500 aeronaves assessoradas\">\r\n          <span class=\"force-numbers__counter\" data-count=\"500\" data-suffix=\"+\" aria-hidden=\"true\">500+<\/span>\r\n        <\/p>\r\n\r\n        <p class=\"force-numbers__label\">Aeronaves assessoradas<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"force-numbers__card\">\r\n        <div class=\"force-numbers__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" focusable=\"false\">\r\n            <path d=\"M3 20h18M5 17v-4h3v4M10.5 17V9h3v8M16 17V5h3v12\"><\/path>\r\n            <path d=\"m4 9 5-3 4 1 6-5M16 2h3v3\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <p class=\"force-numbers__metric\" aria-label=\"Mais de 1 bilh\u00e3o em neg\u00f3cios realizados todos os anos\">\r\n          <span class=\"force-numbers__counter\" data-count=\"1\" data-prefix=\"+\" data-suffix=\"BI\" aria-hidden=\"true\">+1BI<\/span>\r\n        <\/p>\r\n\r\n        <p class=\"force-numbers__label\">\r\n          Em neg\u00f3cios realizados<br>\r\n          todos os anos\r\n        <\/p>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .force-numbers,\r\n  .force-numbers * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .force-numbers {\r\n    --fn-blue: #4274c8;\r\n    --fn-navy: #152b51;\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    scroll-margin-top: 110px;\r\n    color: var(--fn-navy);\r\n    background: #d9e9fa;\r\n    font-family: \"Montserrat\", Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .force-numbers__background {\r\n    position: absolute;\r\n    z-index: -1;\r\n    inset: -1px;\r\n    display: block;\r\n    background-color: #d9e9fa;\r\n    background-image: url(\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/Sessao03_numeros.webp\");\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .force-numbers__container {\r\n    width: 100%;\r\n    margin-inline: auto;\r\n    padding: 80px 200px;\r\n  }\r\n\r\n  .force-numbers__header {\r\n    max-width: 980px;\r\n    margin-inline: auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .force-numbers .force-numbers__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    margin: 0 0 34px !important;\r\n    color: var(--fn-blue) !important;\r\n    font-family: inherit !important;\r\n    font-size: 14px !important;\r\n    font-weight: 750 !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: 0.04em !important;\r\n  }\r\n\r\n  .force-numbers__eyebrow-line {\r\n    display: block;\r\n    width: 56px;\r\n    height: 3px;\r\n    border-radius: 999px;\r\n    background: var(--fn-blue);\r\n    transform-origin: right center;\r\n  }\r\n\r\n  .force-numbers .force-numbers__title {\r\n    margin: 0 !important;\r\n    color: var(--fn-navy) !important;\r\n    font-family: inherit !important;\r\n    font-size: clamp(38px, 3vw, 48px) !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.14 !important;\r\n    letter-spacing: -0.035em !important;\r\n  }\r\n\r\n  .force-numbers__title span {\r\n    color: var(--fn-blue);\r\n  }\r\n\r\n  .force-numbers .force-numbers__subtitle {\r\n    margin: 32px 0 0 !important;\r\n    color: #1b345e !important;\r\n    font-family: inherit !important;\r\n    font-size: 17px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.55 !important;\r\n    letter-spacing: 0.005em !important;\r\n  }\r\n\r\n  .force-numbers__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, minmax(0, 1fr));\r\n    gap: 20px;\r\n    width: 100%;\r\n    margin-top: 64px;\r\n  }\r\n\r\n  .force-numbers__card {\r\n    position: relative;\r\n    display: flex;\r\n    min-width: 0;\r\n    min-height: 220px;\r\n    padding: 24px 16px;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 255, 255, 0.82);\r\n    border-radius: 22px;\r\n    background: rgba(255, 255, 255, 0.82);\r\n    box-shadow: 0 18px 42px rgba(42, 88, 145, 0.10);\r\n    backdrop-filter: blur(9px);\r\n    -webkit-backdrop-filter: blur(9px);\r\n    transition: transform 0.45s cubic-bezier(0.2, 0.75, 0.25, 1), border-color 0.4s ease, box-shadow 0.45s ease, background 0.4s ease;\r\n  }\r\n\r\n  .force-numbers__card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -70%;\r\n    left: -90%;\r\n    width: 60%;\r\n    height: 240%;\r\n    opacity: 0;\r\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.78), transparent);\r\n    transform: rotate(18deg);\r\n    transition: left 0.8s ease, opacity 0.35s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .force-numbers__icon {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: grid;\r\n    width: 54px;\r\n    height: 54px;\r\n    flex: 0 0 auto;\r\n    place-items: center;\r\n    border: 1px solid rgba(76, 124, 193, 0.07);\r\n    border-radius: 14px;\r\n    background: linear-gradient(145deg, rgba(224, 237, 251, 0.98), rgba(238, 245, 253, 0.94));\r\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);\r\n    transition: transform 0.5s cubic-bezier(0.2, 0.75, 0.25, 1), background 0.4s ease, box-shadow 0.4s ease;\r\n  }\r\n\r\n  .force-numbers__icon svg {\r\n    width: 31px;\r\n    height: 31px;\r\n    overflow: visible;\r\n    fill: none;\r\n    stroke: #356dc1;\r\n    stroke-width: 1.55;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .force-numbers .force-numbers__metric {\r\n    position: relative;\r\n    z-index: 1;\r\n    min-height: 48px;\r\n    margin: 13px 0 7px !important;\r\n    color: #122748 !important;\r\n    font-family: inherit !important;\r\n    font-size: clamp(34px, 2.45vw, 42px) !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.1 !important;\r\n    letter-spacing: -0.035em !important;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .force-numbers__counter {\r\n    display: inline-block;\r\n    min-width: 1ch;\r\n    font-variant-numeric: tabular-nums;\r\n  }\r\n\r\n  .force-numbers .force-numbers__label {\r\n    position: relative;\r\n    z-index: 1;\r\n    margin: 0 !important;\r\n    color: #1d355f !important;\r\n    font-family: inherit !important;\r\n    font-size: 13px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.55 !important;\r\n    letter-spacing: -0.005em !important;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Entrada suave e escalonada. *\/\r\n  .force-numbers--motion .force-numbers__background {\r\n    opacity: 0;\r\n    transform: scale(1.025);\r\n  }\r\n\r\n  .force-numbers--motion .force-numbers__eyebrow,\r\n  .force-numbers--motion .force-numbers__title,\r\n  .force-numbers--motion .force-numbers__subtitle,\r\n  .force-numbers--motion .force-numbers__card {\r\n    opacity: 0;\r\n    transform: translate3d(0, 22px, 0);\r\n  }\r\n\r\n  .force-numbers--motion .force-numbers__eyebrow-line {\r\n    transform: scaleX(0);\r\n  }\r\n\r\n  .force-numbers--motion .force-numbers__icon svg * {\r\n    stroke-dasharray: 75;\r\n    stroke-dashoffset: 75;\r\n  }\r\n\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__background {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n    transition: opacity 0.8s ease, transform 1.3s cubic-bezier(0.2, 0.75, 0.25, 1);\r\n  }\r\n\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__eyebrow,\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__title,\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__subtitle,\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__card {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n    transition: opacity 0.65s ease, transform 0.85s cubic-bezier(0.2, 0.75, 0.25, 1), border-color 0.4s ease, box-shadow 0.45s ease, background 0.4s ease;\r\n  }\r\n\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__eyebrow { transition-delay: 0.10s; }\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__title { transition-delay: 0.20s; }\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__subtitle { transition-delay: 0.30s; }\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__card:nth-child(1) { transition-delay: 0.40s; }\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__card:nth-child(2) { transition-delay: 0.48s; }\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__card:nth-child(3) { transition-delay: 0.56s; }\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__card:nth-child(4) { transition-delay: 0.64s; }\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__card:nth-child(5) { transition-delay: 0.72s; }\r\n\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__eyebrow-line {\r\n    transform: scaleX(1);\r\n    transition: transform 0.75s 0.08s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__icon svg * {\r\n    stroke-dashoffset: 0;\r\n    transition: stroke-dashoffset 1.15s cubic-bezier(0.2, 0.75, 0.25, 1);\r\n  }\r\n\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__card:nth-child(1) svg * { transition-delay: 0.57s; }\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__card:nth-child(2) svg * { transition-delay: 0.65s; }\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__card:nth-child(3) svg * { transition-delay: 0.73s; }\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__card:nth-child(4) svg * { transition-delay: 0.81s; }\r\n  .force-numbers--motion.force-numbers--visible .force-numbers__card:nth-child(5) svg * { transition-delay: 0.89s; }\r\n\r\n  \/* Desktop compacto \u2014 mant\u00e9m os 200px laterais sem apertar os n\u00fameros. *\/\r\n  @media (min-width: 1025px) and (max-width: 1399px) {\r\n    .force-numbers__grid {\r\n      grid-template-columns: repeat(6, minmax(0, 1fr));\r\n      gap: 14px;\r\n      margin-top: 50px;\r\n    }\r\n\r\n    .force-numbers__card {\r\n      grid-column: span 2;\r\n      min-height: 190px;\r\n      padding: 20px 12px;\r\n    }\r\n\r\n    .force-numbers__card:nth-child(4) {\r\n      grid-column: 2 \/ span 2;\r\n    }\r\n\r\n    .force-numbers__card:nth-child(5) {\r\n      grid-column: 4 \/ span 2;\r\n    }\r\n\r\n    .force-numbers .force-numbers__metric {\r\n      font-size: 34px !important;\r\n    }\r\n  }\r\n\r\n  \/* Tablet \u2014 tr\u00eas cards na primeira linha e dois centralizados abaixo. *\/\r\n  @media (min-width: 768px) and (max-width: 1024px) {\r\n    .force-numbers__background {\r\n      background-size: 100% 100%;\r\n    }\r\n\r\n    .force-numbers__container {\r\n      padding: 60px;\r\n    }\r\n\r\n    .force-numbers .force-numbers__eyebrow {\r\n      gap: 13px;\r\n      margin-bottom: 26px !important;\r\n      font-size: 12px !important;\r\n    }\r\n\r\n    .force-numbers__eyebrow-line {\r\n      width: 46px;\r\n      height: 2px;\r\n    }\r\n\r\n    .force-numbers .force-numbers__title {\r\n      font-size: clamp(31px, 4.2vw, 36px) !important;\r\n    }\r\n\r\n    .force-numbers .force-numbers__subtitle {\r\n      margin-top: 24px !important;\r\n      font-size: 14px !important;\r\n    }\r\n\r\n    .force-numbers__grid {\r\n      grid-template-columns: repeat(6, minmax(0, 1fr));\r\n      gap: 14px;\r\n      margin-top: 44px;\r\n    }\r\n\r\n    .force-numbers__card {\r\n      grid-column: span 2;\r\n      min-height: 170px;\r\n      padding: 18px 10px;\r\n      border-radius: 17px;\r\n    }\r\n\r\n    .force-numbers__card:nth-child(4) {\r\n      grid-column: 2 \/ span 2;\r\n    }\r\n\r\n    .force-numbers__card:nth-child(5) {\r\n      grid-column: 4 \/ span 2;\r\n    }\r\n\r\n    .force-numbers__icon {\r\n      width: 46px;\r\n      height: 46px;\r\n      border-radius: 12px;\r\n    }\r\n\r\n    .force-numbers__icon svg {\r\n      width: 27px;\r\n      height: 27px;\r\n    }\r\n\r\n    .force-numbers .force-numbers__metric {\r\n      min-height: 38px;\r\n      margin: 10px 0 5px !important;\r\n      font-size: 31px !important;\r\n    }\r\n\r\n    .force-numbers .force-numbers__label {\r\n      font-size: 11px !important;\r\n      line-height: 1.45 !important;\r\n    }\r\n  }\r\n\r\n  \/* Mobile \u2014 margens seguras de 40px e cards em uma coluna. *\/\r\n  @media (max-width: 767px) {\r\n    .force-numbers__background {\r\n      background-size: 100% 100%;\r\n    }\r\n\r\n    .force-numbers__container {\r\n      padding: 40px;\r\n    }\r\n\r\n    .force-numbers .force-numbers__eyebrow {\r\n      gap: 10px;\r\n      margin-bottom: 22px !important;\r\n      font-size: 10px !important;\r\n    }\r\n\r\n    .force-numbers__eyebrow-line {\r\n      width: 38px;\r\n      height: 2px;\r\n    }\r\n\r\n    .force-numbers .force-numbers__title {\r\n      font-size: clamp(23px, 7vw, 28px) !important;\r\n      line-height: 1.18 !important;\r\n      letter-spacing: -0.025em !important;\r\n    }\r\n\r\n    .force-numbers .force-numbers__subtitle {\r\n      margin-top: 19px !important;\r\n      font-size: 12.5px !important;\r\n      line-height: 1.5 !important;\r\n    }\r\n\r\n    .force-numbers__desktop-break {\r\n      display: none;\r\n    }\r\n\r\n    .force-numbers__grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 10px;\r\n      margin-top: 30px;\r\n    }\r\n\r\n    .force-numbers__card {\r\n      min-height: 138px;\r\n      padding: 16px 12px;\r\n      border-radius: 15px;\r\n    }\r\n\r\n    .force-numbers__icon {\r\n      width: 44px;\r\n      height: 44px;\r\n      border-radius: 11px;\r\n    }\r\n\r\n    .force-numbers__icon svg {\r\n      width: 26px;\r\n      height: 26px;\r\n    }\r\n\r\n    .force-numbers .force-numbers__metric {\r\n      min-height: 35px;\r\n      margin: 8px 0 3px !important;\r\n      font-size: 30px !important;\r\n    }\r\n\r\n    .force-numbers .force-numbers__label {\r\n      font-size: 11px !important;\r\n      line-height: 1.4 !important;\r\n    }\r\n  }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .force-numbers--motion.force-numbers--visible .force-numbers__card:hover {\r\n      transition-delay: 0s !important;\r\n    }\r\n\r\n    .force-numbers__card:hover {\r\n      transform: translateY(-7px);\r\n      border-color: rgba(73, 119, 190, 0.24);\r\n      background: rgba(255, 255, 255, 0.94);\r\n      box-shadow: 0 25px 52px rgba(35, 79, 138, 0.17);\r\n    }\r\n\r\n    .force-numbers__card:hover::before {\r\n      left: 135%;\r\n      opacity: 1;\r\n    }\r\n\r\n    .force-numbers__card:hover .force-numbers__icon {\r\n      transform: translateY(-2px) rotate(4deg) scale(1.045);\r\n      background: linear-gradient(145deg, #d9eafa, #f4f8fd);\r\n      box-shadow: 0 9px 20px rgba(54, 109, 193, 0.15);\r\n    }\r\n\r\n    .force-numbers__card:hover .force-numbers__metric {\r\n      color: var(--fn-blue) !important;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .force-numbers--motion .force-numbers__background,\r\n    .force-numbers--motion .force-numbers__eyebrow,\r\n    .force-numbers--motion .force-numbers__title,\r\n    .force-numbers--motion .force-numbers__subtitle,\r\n    .force-numbers--motion .force-numbers__card,\r\n    .force-numbers--motion .force-numbers__eyebrow-line,\r\n    .force-numbers--motion .force-numbers__icon svg * {\r\n      opacity: 1;\r\n      transform: none;\r\n      stroke-dashoffset: 0;\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (() => {\r\n    const sections = document.querySelectorAll('.force-numbers:not([data-force-numbers-ready])');\r\n    const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n    const finalText = (counter) => {\r\n      const prefix = counter.dataset.prefix || '';\r\n      const suffix = counter.dataset.suffix || '';\r\n      return `${prefix}${Number(counter.dataset.count).toLocaleString('pt-BR')}${suffix}`;\r\n    };\r\n\r\n    const animateCounter = (counter, delay) => {\r\n      const target = Number(counter.dataset.count);\r\n      const prefix = counter.dataset.prefix || '';\r\n      const suffix = counter.dataset.suffix || '';\r\n      const duration = 1450;\r\n\r\n      window.setTimeout(() => {\r\n        const startTime = performance.now();\r\n\r\n        const update = (currentTime) => {\r\n          const progress = Math.min((currentTime - startTime) \/ duration, 1);\r\n          const eased = 1 - Math.pow(1 - progress, 4);\r\n          const currentValue = Math.round(target * eased);\r\n\r\n          counter.textContent = `${prefix}${currentValue.toLocaleString('pt-BR')}${suffix}`;\r\n\r\n          if (progress < 1) {\r\n            window.requestAnimationFrame(update);\r\n          } else {\r\n            counter.textContent = finalText(counter);\r\n          }\r\n        };\r\n\r\n        window.requestAnimationFrame(update);\r\n      }, delay);\r\n    };\r\n\r\n    sections.forEach((section) => {\r\n      section.dataset.forceNumbersReady = 'true';\r\n      const counters = section.querySelectorAll('.force-numbers__counter');\r\n\r\n      if (reduceMotion) {\r\n        counters.forEach((counter) => {\r\n          counter.textContent = finalText(counter);\r\n        });\r\n        section.classList.add('force-numbers--visible');\r\n        return;\r\n      }\r\n\r\n      section.classList.add('force-numbers--motion');\r\n\r\n      counters.forEach((counter) => {\r\n        counter.textContent = `${counter.dataset.prefix || ''}0${counter.dataset.suffix || ''}`;\r\n      });\r\n\r\n      const revealSection = () => {\r\n        if (section.dataset.forceNumbersAnimated === 'true') return;\r\n        section.dataset.forceNumbersAnimated = 'true';\r\n        section.classList.add('force-numbers--visible');\r\n\r\n        counters.forEach((counter, index) => {\r\n          animateCounter(counter, 520 + (index * 90));\r\n        });\r\n      };\r\n\r\n      if (!('IntersectionObserver' in window)) {\r\n        revealSection();\r\n        return;\r\n      }\r\n\r\n      const observer = new IntersectionObserver((entries, currentObserver) => {\r\n        entries.forEach((entry) => {\r\n          if (!entry.isIntersecting) return;\r\n          revealSection();\r\n          currentObserver.unobserve(entry.target);\r\n        });\r\n      }, {\r\n        threshold: 0.18,\r\n        rootMargin: '0px 0px -7% 0px'\r\n      });\r\n\r\n      observer.observe(section);\r\n    });\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb8a883 e-con-full force-hero-home e-flex e-con e-parent\" data-id=\"bb8a883\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bc1e6f elementor-widget elementor-widget-html\" data-id=\"8bc1e6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  SE\u00c7\u00c3O 05 \u2014 SERVI\u00c7OS DE COM\u00c9RCIO EXTERIOR \u2014 V3 \u2014 BADGES AMPLIADOS\r\n  Cole todo este conte\u00fado em um \u00fanico widget HTML do Elementor.\r\n-->\r\n\r\n<section class=\"force-offers-v3\" data-version=\"v3\" id=\"servicos-comex\" aria-labelledby=\"force-offers-v3-title\">\r\n  <div class=\"force-offers-v3__container\">\r\n    <header class=\"force-offers-v3__header\">\r\n      <p class=\"force-offers-v3__eyebrow\">O QUE FAZEMOS<\/p>\r\n      <span class=\"force-offers-v3__eyebrow-line\" aria-hidden=\"true\"><\/span>\r\n\r\n      <h2 class=\"force-offers-v3__title\" id=\"force-offers-v3-title\">\r\n        Solu\u00e7\u00f5es completas em <span>com\u00e9rcio exterior<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"force-offers-v3__subtitle\">\r\n        Atuamos do planejamento \u00e0 execu\u00e7\u00e3o para oferecer mais seguran\u00e7a,<br class=\"force-offers-v3__desktop-break\">\r\n        agilidade e controle \u00e0s opera\u00e7\u00f5es.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div\r\n      class=\"force-offers-v3__carousel\"\r\n      role=\"region\"\r\n      aria-roledescription=\"carrossel\"\r\n      aria-label=\"Servi\u00e7os de com\u00e9rcio exterior\"\r\n    >\r\n      <button class=\"force-offers-v3__arrow force-offers-v3__arrow--prev\" type=\"button\" aria-label=\"Servi\u00e7o anterior\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m15 5-7 7 7 7\"><\/path><\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"force-offers-v3__viewport\" tabindex=\"0\">\r\n        <div class=\"force-offers-v3__track\">\r\n          <article class=\"force-offers-v3__card\" data-service=\"Consultoria Aduaneira\">\r\n            <div class=\"force-offers-v3__media\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/img_teste05.webp\"\r\n                alt=\"Opera\u00e7\u00e3o de carga a\u00e9rea da consultoria aduaneira\"\r\n                width=\"700\"\r\n                height=\"480\"\r\n                decoding=\"async\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n              >\r\n              <span class=\"force-offers-v3__media-fade\" aria-hidden=\"true\"><\/span>\r\n\r\n              <div class=\"force-offers-v3__icon\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 2 9.4 9.2 3 13l1.4 2.2 6.1-2.1-.5 6.2L12 22l2-2.7-.5-6.2 6.1 2.1L21 13l-6.4-3.8L12 2Z\"><\/path><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"force-offers-v3__body\">\r\n              <h3>Consultoria Aduaneira<\/h3>\r\n              <p class=\"force-offers-v3__description\">\r\n                Analisamos cada opera\u00e7\u00e3o para identificar oportunidades, reduzir custos, mitigar riscos e assegurar conformidade com a legisla\u00e7\u00e3o aduaneira.\r\n              <\/p>\r\n\r\n              <ul class=\"force-offers-v3__tags\" aria-label=\"Diferenciais da consultoria aduaneira\">\r\n                <li>Compliance<\/li>\r\n                <li>Planejamento<\/li>\r\n                <li>Redu\u00e7\u00e3o de riscos<\/li>\r\n              <\/ul>\r\n\r\n              <a class=\"force-offers-v3__cta\" href=\"#contato\" data-service-link=\"Consultoria Aduaneira\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                  <path d=\"M8.6 7.7c.3-.4.7-.4 1-.1l1.3 1.7c.2.3.2.6 0 .9l-.7.9c.7 1.5 1.7 2.5 3.2 3.2l.9-.7c.3-.2.6-.2.9 0l1.7 1.3c.3.3.3.7-.1 1-1 .9-2.1 1.2-3.4.8-3.1-.9-5.2-3-6.1-6.1-.4-1.3-.1-2.4.8-3.4Z\"><\/path>\r\n                <\/svg>\r\n                <span>Falar sobre este servi\u00e7o<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"force-offers-v3__card\" data-service=\"Desembara\u00e7o Aduaneiro\">\r\n            <div class=\"force-offers-v3__media\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/img_teste06.webp\"\r\n                alt=\"Especialista da Force atuando no desembara\u00e7o aduaneiro\"\r\n                width=\"700\"\r\n                height=\"480\"\r\n                decoding=\"async\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n              >\r\n              <span class=\"force-offers-v3__media-fade\" aria-hidden=\"true\"><\/span>\r\n\r\n              <div class=\"force-offers-v3__icon force-offers-v3__icon--truck\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                  <path d=\"M3 6h11v11H3zM14 10h4l3 3v4h-7z\"><\/path>\r\n                  <circle cx=\"7\" cy=\"18\" r=\"2\"><\/circle><circle cx=\"18\" cy=\"18\" r=\"2\"><\/circle>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"force-offers-v3__body\">\r\n              <h3>Desembara\u00e7o Aduaneiro<\/h3>\r\n              <p class=\"force-offers-v3__description\">\r\n                Gerenciamos documenta\u00e7\u00e3o, classifica\u00e7\u00e3o fiscal, tributos e intera\u00e7\u00e3o com \u00f3rg\u00e3os anuentes para liberar cargas com seguran\u00e7a e agilidade.\r\n              <\/p>\r\n\r\n              <ul class=\"force-offers-v3__tags\" aria-label=\"Diferenciais do desembara\u00e7o aduaneiro\">\r\n                <li>Documenta\u00e7\u00e3o<\/li>\r\n                <li>Tributos<\/li>\r\n                <li>\u00d3rg\u00e3os anuentes<\/li>\r\n              <\/ul>\r\n\r\n              <a class=\"force-offers-v3__cta\" href=\"#contato\" data-service-link=\"Desembara\u00e7o Aduaneiro\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                  <path d=\"M8.6 7.7c.3-.4.7-.4 1-.1l1.3 1.7c.2.3.2.6 0 .9l-.7.9c.7 1.5 1.7 2.5 3.2 3.2l.9-.7c.3-.2.6-.2.9 0l1.7 1.3c.3.3.3.7-.1 1-1 .9-2.1 1.2-3.4.8-3.1-.9-5.2-3-6.1-6.1-.4-1.3-.1-2.4.8-3.4Z\"><\/path>\r\n                <\/svg>\r\n                <span>Falar sobre este servi\u00e7o<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"force-offers-v3__card\" data-service=\"Log\u00edstica Internacional\">\r\n            <div class=\"force-offers-v3__media\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/img_teste07.webp\"\r\n                alt=\"Navio porta-cont\u00eaineres da log\u00edstica internacional\"\r\n                width=\"700\"\r\n                height=\"480\"\r\n                decoding=\"async\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n              >\r\n              <span class=\"force-offers-v3__media-fade\" aria-hidden=\"true\"><\/span>\r\n\r\n              <div class=\"force-offers-v3__icon force-offers-v3__icon--globe\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M3 12h18M12 3a15 15 0 0 1 4 9 15 15 0 0 1-4 9 15 15 0 0 1-4-9 15 15 0 0 1 4-9Z\"><\/path>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"force-offers-v3__body\">\r\n              <h3>Log\u00edstica Internacional<\/h3>\r\n              <p class=\"force-offers-v3__description\">\r\n                Coordenamos o transporte internacional do in\u00edcio ao fim, integrando solu\u00e7\u00f5es mar\u00edtimas, a\u00e9reas e rodovi\u00e1rias para conectar mercados.\r\n              <\/p>\r\n\r\n              <ul class=\"force-offers-v3__tags\" aria-label=\"Modais da log\u00edstica internacional\">\r\n                <li>Mar\u00edtimo<\/li>\r\n                <li>A\u00e9reo<\/li>\r\n                <li>Rodovi\u00e1rio<\/li>\r\n              <\/ul>\r\n\r\n              <a class=\"force-offers-v3__cta\" href=\"#contato\" data-service-link=\"Log\u00edstica Internacional\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                  <path d=\"M8.6 7.7c.3-.4.7-.4 1-.1l1.3 1.7c.2.3.2.6 0 .9l-.7.9c.7 1.5 1.7 2.5 3.2 3.2l.9-.7c.3-.2.6-.2.9 0l1.7 1.3c.3.3.3.7-.1 1-1 .9-2.1 1.2-3.4.8-3.1-.9-5.2-3-6.1-6.1-.4-1.3-.1-2.4.8-3.4Z\"><\/path>\r\n                <\/svg>\r\n                <span>Falar sobre este servi\u00e7o<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"force-offers-v3__card\" data-service=\"Assessoria Aeron\u00e1utica\">\r\n            <div class=\"force-offers-v3__media\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/img_teste08.webp\"\r\n                alt=\"Aeronave em opera\u00e7\u00e3o de assessoria aeron\u00e1utica\"\r\n                width=\"700\"\r\n                height=\"480\"\r\n                decoding=\"async\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n              >\r\n              <span class=\"force-offers-v3__media-fade\" aria-hidden=\"true\"><\/span>\r\n\r\n              <div class=\"force-offers-v3__icon force-offers-v3__icon--tools\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                  <path d=\"M14.5 6.5a4 4 0 0 0-5-5l2.1 2.1-2.8 2.8-2.1-2.1a4 4 0 0 0 5 5L19 16.6a2 2 0 1 1-2.8 2.8l-7.3-7.3\"><\/path>\r\n                  <path d=\"m8 13-5.4 5.4a2 2 0 0 0 2.8 2.8l5.4-5.4\"><\/path>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"force-offers-v3__body\">\r\n              <h3>Assessoria Aeron\u00e1utica<\/h3>\r\n              <p class=\"force-offers-v3__description\">\r\n                Oferecemos suporte especializado para opera\u00e7\u00f5es aeron\u00e1uticas, incluindo documenta\u00e7\u00e3o, licen\u00e7as, permiss\u00f5es e coordena\u00e7\u00e3o regulat\u00f3ria.\r\n              <\/p>\r\n\r\n              <ul class=\"force-offers-v3__tags\" aria-label=\"Diferenciais da assessoria aeron\u00e1utica\">\r\n                <li>Aeronaves<\/li>\r\n                <li>Regula\u00e7\u00e3o<\/li>\r\n                <li>Opera\u00e7\u00f5es especiais<\/li>\r\n              <\/ul>\r\n\r\n              <a class=\"force-offers-v3__cta\" href=\"#contato\" data-service-link=\"Assessoria Aeron\u00e1utica\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                  <path d=\"M8.6 7.7c.3-.4.7-.4 1-.1l1.3 1.7c.2.3.2.6 0 .9l-.7.9c.7 1.5 1.7 2.5 3.2 3.2l.9-.7c.3-.2.6-.2.9 0l1.7 1.3c.3.3.3.7-.1 1-1 .9-2.1 1.2-3.4.8-3.1-.9-5.2-3-6.1-6.1-.4-1.3-.1-2.4.8-3.4Z\"><\/path>\r\n                <\/svg>\r\n                <span>Falar sobre este servi\u00e7o<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"force-offers-v3__card\" data-service=\"Compliance Aduaneiro\">\r\n            <div class=\"force-offers-v3__media\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/img_teste05.webp\"\r\n                alt=\"Opera\u00e7\u00e3o especializada em compliance aduaneiro\"\r\n                width=\"700\"\r\n                height=\"480\"\r\n                decoding=\"async\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n              >\r\n              <span class=\"force-offers-v3__media-fade\" aria-hidden=\"true\"><\/span>\r\n\r\n              <div class=\"force-offers-v3__icon\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                  <path d=\"M12 3 20 6v5c0 5.1-3.4 8.7-8 10-4.6-1.3-8-4.9-8-10V6l8-3Z\"><\/path>\r\n                  <path d=\"m8.5 12 2.2 2.2 4.8-5\"><\/path>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"force-offers-v3__body\">\r\n              <h3>Compliance Aduaneiro<\/h3>\r\n              <p class=\"force-offers-v3__description\">\r\n                Estruturamos controles, auditorias e revis\u00e3o documental para prevenir riscos e manter cada opera\u00e7\u00e3o em conformidade com a legisla\u00e7\u00e3o aduaneira.\r\n              <\/p>\r\n\r\n              <ul class=\"force-offers-v3__tags\" aria-label=\"Diferenciais do compliance aduaneiro\">\r\n                <li>Auditoria<\/li>\r\n                <li>Gest\u00e3o de riscos<\/li>\r\n                <li>Conformidade<\/li>\r\n              <\/ul>\r\n\r\n              <a class=\"force-offers-v3__cta\" href=\"#contato\" data-service-link=\"Compliance Aduaneiro\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                  <path d=\"M8.6 7.7c.3-.4.7-.4 1-.1l1.3 1.7c.2.3.2.6 0 .9l-.7.9c.7 1.5 1.7 2.5 3.2 3.2l.9-.7c.3-.2.6-.2.9 0l1.7 1.3c.3.3.3.7-.1 1-1 .9-2.1 1.2-3.4.8-3.1-.9-5.2-3-6.1-6.1-.4-1.3-.1-2.4.8-3.4Z\"><\/path>\r\n                <\/svg>\r\n                <span>Falar sobre este servi\u00e7o<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"force-offers-v3__card\" data-service=\"Importa\u00e7\u00e3o &amp; Exporta\u00e7\u00e3o\">\r\n            <div class=\"force-offers-v3__media\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/img_teste07.webp\"\r\n                alt=\"Opera\u00e7\u00e3o internacional de importa\u00e7\u00e3o e exporta\u00e7\u00e3o\"\r\n                width=\"700\"\r\n                height=\"480\"\r\n                decoding=\"async\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n              >\r\n              <span class=\"force-offers-v3__media-fade\" aria-hidden=\"true\"><\/span>\r\n\r\n              <div class=\"force-offers-v3__icon force-offers-v3__icon--globe\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                  <path d=\"M4 8h13\"><\/path><path d=\"m14 5 3 3-3 3\"><\/path>\r\n                  <path d=\"M20 16H7\"><\/path><path d=\"m10 13-3 3 3 3\"><\/path>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"force-offers-v3__body\">\r\n              <h3>Importa\u00e7\u00e3o &amp; Exporta\u00e7\u00e3o<\/h3>\r\n              <p class=\"force-offers-v3__description\">\r\n                Planejamos e executamos opera\u00e7\u00f5es de importa\u00e7\u00e3o e exporta\u00e7\u00e3o de ponta a ponta, coordenando documentos, prazos, fornecedores e modais com seguran\u00e7a.\r\n              <\/p>\r\n\r\n              <ul class=\"force-offers-v3__tags\" aria-label=\"Diferenciais das opera\u00e7\u00f5es de importa\u00e7\u00e3o e exporta\u00e7\u00e3o\">\r\n                <li>Importa\u00e7\u00e3o<\/li>\r\n                <li>Exporta\u00e7\u00e3o<\/li>\r\n                <li>Coordena\u00e7\u00e3o<\/li>\r\n              <\/ul>\r\n\r\n              <a class=\"force-offers-v3__cta\" href=\"#contato\" data-service-link=\"Importa\u00e7\u00e3o &amp; Exporta\u00e7\u00e3o\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                  <path d=\"M8.6 7.7c.3-.4.7-.4 1-.1l1.3 1.7c.2.3.2.6 0 .9l-.7.9c.7 1.5 1.7 2.5 3.2 3.2l.9-.7c.3-.2.6-.2.9 0l1.7 1.3c.3.3.3.7-.1 1-1 .9-2.1 1.2-3.4.8-3.1-.9-5.2-3-6.1-6.1-.4-1.3-.1-2.4.8-3.4Z\"><\/path>\r\n                <\/svg>\r\n                <span>Falar sobre este servi\u00e7o<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <button class=\"force-offers-v3__arrow force-offers-v3__arrow--next\" type=\"button\" aria-label=\"Pr\u00f3ximo servi\u00e7o\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m9 5 7 7-7 7\"><\/path><\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"force-offers-v3__dots\" role=\"group\" aria-label=\"Selecionar servi\u00e7o\">\r\n        <button class=\"force-offers-v3__dot force-offers-v3__dot--active\" type=\"button\" aria-label=\"Mostrar Consultoria Aduaneira\" aria-current=\"true\"><\/button>\r\n        <button class=\"force-offers-v3__dot\" type=\"button\" aria-label=\"Mostrar Desembara\u00e7o Aduaneiro\"><\/button>\r\n        <button class=\"force-offers-v3__dot\" type=\"button\" aria-label=\"Mostrar Log\u00edstica Internacional\"><\/button>\r\n        <button class=\"force-offers-v3__dot\" type=\"button\" aria-label=\"Mostrar Assessoria Aeron\u00e1utica\"><\/button>\r\n        <button class=\"force-offers-v3__dot\" type=\"button\" aria-label=\"Mostrar Compliance Aduaneiro\"><\/button>\r\n        <button class=\"force-offers-v3__dot\" type=\"button\" aria-label=\"Mostrar Importa\u00e7\u00e3o e Exporta\u00e7\u00e3o\"><\/button>\r\n      <\/div>\r\n\r\n      <p class=\"force-offers-v3__status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .force-offers-v3,\r\n  .force-offers-v3 * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .force-offers-v3 {\r\n    --fo-bg: #172947;\r\n    --fo-blue: #4475ca;\r\n    --fo-navy: #1c2945;\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    scroll-margin-top: 110px;\r\n    color: #ffffff;\r\n    background: var(--fo-bg);\r\n    font-family: \"Montserrat\", Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .force-offers-v3__container {\r\n    width: 100%;\r\n    margin-inline: auto;\r\n    padding: 65px 200px 72px;\r\n  }\r\n\r\n  .force-offers-v3__header {\r\n    max-width: 1040px;\r\n    margin-inline: auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .force-offers-v3 .force-offers-v3__eyebrow {\r\n    margin: 0 !important;\r\n    color: var(--fo-blue) !important;\r\n    font-family: inherit !important;\r\n    font-size: 11px !important;\r\n    font-weight: 750 !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: 0.38em !important;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .force-offers-v3__eyebrow-line {\r\n    display: block;\r\n    width: 58px;\r\n    height: 2px;\r\n    margin: 13px auto 19px;\r\n    border-radius: 999px;\r\n    background: rgba(231, 238, 250, 0.72);\r\n    transform-origin: center;\r\n  }\r\n\r\n  .force-offers-v3 .force-offers-v3__title {\r\n    margin: 0 !important;\r\n    color: #f9fbff !important;\r\n    font-family: inherit !important;\r\n    font-size: clamp(32px, 2.45vw, 38px) !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.14 !important;\r\n    letter-spacing: -0.04em !important;\r\n  }\r\n\r\n  .force-offers-v3__title span {\r\n    color: var(--fo-blue);\r\n  }\r\n\r\n  .force-offers-v3 .force-offers-v3__subtitle {\r\n    margin: 19px 0 0 !important;\r\n    color: #f1f4fa !important;\r\n    font-family: inherit !important;\r\n    font-size: 14px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.55 !important;\r\n  }\r\n\r\n  .force-offers-v3__carousel {\r\n    position: relative;\r\n    width: min(100%, 1280px);\r\n    margin: 29px auto 0;\r\n  }\r\n\r\n  .force-offers-v3__viewport {\r\n    width: 100%;\r\n    margin: -10px -5px -27px;\r\n    padding: 10px 5px 27px;\r\n    overflow: hidden;\r\n    outline: none;\r\n    cursor: grab;\r\n    touch-action: pan-y;\r\n  }\r\n\r\n  .force-offers-v3__viewport:active { cursor: grabbing; }\r\n\r\n  .force-offers-v3__viewport:focus-visible {\r\n    border-radius: 18px;\r\n    box-shadow: 0 0 0 3px rgba(85, 132, 212, 0.42);\r\n  }\r\n\r\n  .force-offers-v3__track {\r\n    display: flex;\r\n    gap: 18px;\r\n    align-items: stretch;\r\n    will-change: transform;\r\n    transition: transform 0.68s cubic-bezier(0.22, 0.75, 0.25, 1);\r\n  }\r\n\r\n  .force-offers-v3__track--no-transition { transition: none !important; }\r\n\r\n  .force-offers-v3__card {\r\n    position: relative;\r\n    display: flex;\r\n    flex: 0 0 calc((100% - 54px) \/ 4);\r\n    min-width: 0;\r\n    min-height: 440px;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(67, 117, 202, 0.82);\r\n    border-radius: 15px;\r\n    background: #ffffff;\r\n    box-shadow: 0 19px 40px rgba(6, 13, 26, 0.25);\r\n    user-select: none;\r\n    transition: transform 0.45s cubic-bezier(0.2, 0.75, 0.25, 1), border-color 0.4s ease, box-shadow 0.45s ease;\r\n  }\r\n\r\n  .force-offers-v3__media {\r\n    position: relative;\r\n    height: 190px;\r\n    margin: 0;\r\n    flex: 0 0 auto;\r\n    overflow: hidden;\r\n    border-radius: 0;\r\n    background: #dfe9f7;\r\n  }\r\n\r\n  .force-offers-v3__media img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transition: transform 0.8s cubic-bezier(0.2, 0.75, 0.25, 1), filter 0.55s ease;\r\n  }\r\n\r\n  .force-offers-v3__media-fade {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.30) 72%, #ffffff 100%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .force-offers-v3__icon {\r\n    position: absolute;\r\n    z-index: 2;\r\n    top: 43px;\r\n    left: 18px;\r\n    display: grid;\r\n    width: 56px;\r\n    height: 56px;\r\n    place-items: center;\r\n    border: 1px solid rgba(225, 237, 255, 0.86);\r\n    border-radius: 13px;\r\n    background: rgba(31, 43, 64, 0.88);\r\n    box-shadow: 0 12px 27px rgba(6, 18, 38, 0.27);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    transition: transform 0.5s cubic-bezier(0.2, 0.75, 0.25, 1), background 0.4s ease, box-shadow 0.4s ease;\r\n  }\r\n\r\n  .force-offers-v3__icon svg {\r\n    width: 31px;\r\n    height: 31px;\r\n    overflow: visible;\r\n    fill: none;\r\n    stroke: #4e80dc;\r\n    stroke-width: 1.55;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .force-offers-v3__icon--truck svg { stroke: #3c7bd8; }\r\n  .force-offers-v3__icon--globe svg { stroke: #4a8ee7; }\r\n  .force-offers-v3__icon--tools svg { stroke: #3978d5; }\r\n\r\n  .force-offers-v3__body {\r\n    display: flex;\r\n    min-height: 250px;\r\n    padding: 11px 15px 15px;\r\n    flex: 1 1 auto;\r\n    flex-direction: column;\r\n    color: var(--fo-navy);\r\n  }\r\n\r\n  .force-offers-v3 .force-offers-v3__body h3 {\r\n    margin: 0 0 9px !important;\r\n    color: #202a40 !important;\r\n    font-family: inherit !important;\r\n    font-size: 18px !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.2 !important;\r\n    letter-spacing: -0.03em !important;\r\n  }\r\n\r\n  .force-offers-v3 .force-offers-v3__description {\r\n    margin: 0 !important;\r\n    color: #1e3767 !important;\r\n    font-family: inherit !important;\r\n    font-size: 10.7px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.52 !important;\r\n    letter-spacing: -0.005em !important;\r\n  }\r\n\r\n  .force-offers-v3__tags {\r\n    display: flex;\r\n    gap: 5px;\r\n    margin: auto 0 0 !important;\r\n    padding: 11px 0 0 !important;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    list-style: none !important;\r\n  }\r\n\r\n  .force-offers-v3__tags li {\r\n    position: relative;\r\n    margin: 0 !important;\r\n    padding: 7px 9px 7px 18px;\r\n    border: 1px solid rgba(74, 126, 209, 0.28);\r\n    border-radius: 7px;\r\n    color: #1e3767;\r\n    font-family: inherit;\r\n    font-size: 10px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    white-space: nowrap;\r\n    transition: color 0.35s ease, border-color 0.35s ease, background 0.35s ease, transform 0.35s ease;\r\n  }\r\n\r\n  .force-offers-v3__tags li::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 9px;\r\n    width: 5px;\r\n    height: 5px;\r\n    border-radius: 50%;\r\n    background: var(--fo-blue);\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  .force-offers-v3__cta {\r\n    display: flex;\r\n    width: 100%;\r\n    min-height: 39px;\r\n    margin-top: 11px;\r\n    padding: 8px 10px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    border: 1px solid var(--fo-blue);\r\n    border-radius: 10px;\r\n    color: #202a40 !important;\r\n    background: #ffffff;\r\n    font-family: inherit;\r\n    font-size: 10.5px;\r\n    font-weight: 600;\r\n    line-height: 1.2;\r\n    text-align: center;\r\n    text-decoration: none !important;\r\n    transition: color 0.35s ease, background 0.35s ease, border-color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;\r\n  }\r\n\r\n  .force-offers-v3__cta svg {\r\n    width: 17px;\r\n    height: 17px;\r\n    flex: 0 0 auto;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.55;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .force-offers-v3__arrow {\r\n    position: absolute;\r\n    z-index: 8;\r\n    top: calc(50% - 20px);\r\n    display: grid;\r\n    width: 54px;\r\n    height: 54px;\r\n    padding: 0;\r\n    place-items: center;\r\n    border: 1px solid rgba(57, 111, 205, 0.88);\r\n    border-radius: 50%;\r\n    color: #f5f8ff;\r\n    background: rgba(23, 41, 71, 0.96);\r\n    box-shadow: 0 14px 31px rgba(5, 12, 24, 0.25);\r\n    cursor: pointer;\r\n    transform: translateY(-50%);\r\n    transition: color 0.35s ease, background 0.35s ease, border-color 0.35s ease, box-shadow 0.4s ease, transform 0.4s cubic-bezier(0.2, 0.75, 0.25, 1);\r\n  }\r\n\r\n  .force-offers-v3__arrow--prev { left: -67px; }\r\n  .force-offers-v3__arrow--next { right: -67px; }\r\n\r\n  .force-offers-v3__arrow svg {\r\n    width: 27px;\r\n    height: 27px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .force-offers-v3__dots {\r\n    display: flex;\r\n    gap: 10px;\r\n    margin-top: 25px;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .force-offers-v3__dot {\r\n    width: 12px;\r\n    height: 12px;\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: 50%;\r\n    background: #b9c7de;\r\n    box-shadow: none;\r\n    cursor: pointer;\r\n    transition: width 0.35s ease, border-radius 0.35s ease, background 0.35s ease, transform 0.35s ease;\r\n  }\r\n\r\n  .force-offers-v3__dot--active {\r\n    width: 24px;\r\n    border-radius: 999px;\r\n    background: var(--fo-blue);\r\n  }\r\n\r\n  .force-offers-v3__status {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    margin: -1px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    clip: rect(0 0 0 0);\r\n    white-space: nowrap;\r\n    border: 0;\r\n  }\r\n\r\n  \/* Entrada suave. *\/\r\n  .force-offers-v3--motion .force-offers-v3__eyebrow,\r\n  .force-offers-v3--motion .force-offers-v3__eyebrow-line,\r\n  .force-offers-v3--motion .force-offers-v3__title,\r\n  .force-offers-v3--motion .force-offers-v3__subtitle,\r\n  .force-offers-v3--motion .force-offers-v3__carousel {\r\n    opacity: 0;\r\n    transform: translate3d(0, 23px, 0);\r\n  }\r\n\r\n  .force-offers-v3--motion .force-offers-v3__eyebrow-line { transform: scaleX(0); }\r\n\r\n  .force-offers-v3--motion.force-offers-v3--visible .force-offers-v3__eyebrow,\r\n  .force-offers-v3--motion.force-offers-v3--visible .force-offers-v3__title,\r\n  .force-offers-v3--motion.force-offers-v3--visible .force-offers-v3__subtitle,\r\n  .force-offers-v3--motion.force-offers-v3--visible .force-offers-v3__carousel {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n    transition: opacity 0.7s ease, transform 0.9s cubic-bezier(0.2, 0.75, 0.25, 1);\r\n  }\r\n\r\n  .force-offers-v3--motion.force-offers-v3--visible .force-offers-v3__eyebrow { transition-delay: 0.08s; }\r\n  .force-offers-v3--motion.force-offers-v3--visible .force-offers-v3__title { transition-delay: 0.18s; }\r\n  .force-offers-v3--motion.force-offers-v3--visible .force-offers-v3__subtitle { transition-delay: 0.28s; }\r\n  .force-offers-v3--motion.force-offers-v3--visible .force-offers-v3__carousel { transition-delay: 0.40s; }\r\n\r\n  .force-offers-v3--motion.force-offers-v3--visible .force-offers-v3__eyebrow-line {\r\n    opacity: 1;\r\n    transform: scaleX(1);\r\n    transition: opacity 0.55s 0.12s ease, transform 0.75s 0.12s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  @media (min-width: 1025px) and (max-width: 1399px) {\r\n    .force-offers-v3__card { flex-basis: calc((100% - 36px) \/ 3); }\r\n    .force-offers-v3__arrow--prev { left: -59px; }\r\n    .force-offers-v3__arrow--next { right: -59px; }\r\n  }\r\n\r\n  \/* Tablet \u2014 dois cards. *\/\r\n  @media (min-width: 768px) and (max-width: 1024px) {\r\n    .force-offers-v3__container { padding: 48px 44px 58px; }\r\n\r\n    .force-offers-v3 .force-offers-v3__eyebrow {\r\n      font-size: 10px !important;\r\n      letter-spacing: 0.42em !important;\r\n    }\r\n\r\n    .force-offers-v3__eyebrow-line { margin: 11px auto 16px; }\r\n\r\n    .force-offers-v3 .force-offers-v3__title {\r\n      font-size: 29px !important;\r\n      line-height: 1.16 !important;\r\n    }\r\n\r\n    .force-offers-v3 .force-offers-v3__subtitle {\r\n      margin-top: 14px !important;\r\n      font-size: 12px !important;\r\n    }\r\n\r\n    .force-offers-v3__carousel { margin-top: 25px; }\r\n    .force-offers-v3__track { gap: 28px; }\r\n\r\n    .force-offers-v3__card {\r\n      flex-basis: calc((100% - 28px) \/ 2);\r\n      min-height: 425px;\r\n      border-radius: 15px;\r\n    }\r\n\r\n    .force-offers-v3__media { height: 172px; }\r\n\r\n    .force-offers-v3__icon {\r\n      top: 38px;\r\n      left: 17px;\r\n      width: 53px;\r\n      height: 53px;\r\n    }\r\n\r\n    .force-offers-v3__body { min-height: 240px; padding: 11px 15px 14px; }\r\n    .force-offers-v3 .force-offers-v3__body h3 { font-size: 17px !important; }\r\n    .force-offers-v3 .force-offers-v3__description { font-size: 9.8px !important; line-height: 1.5 !important; }\r\n    .force-offers-v3__tags li { font-size: 9px; }\r\n    .force-offers-v3__cta { min-height: 35px; margin-top: 10px; font-size: 9.2px; }\r\n\r\n    .force-offers-v3__arrow { width: 50px; height: 50px; }\r\n    .force-offers-v3__arrow--prev { left: -24px; }\r\n    .force-offers-v3__arrow--next { right: -24px; }\r\n    .force-offers-v3__dots { margin-top: 22px; }\r\n  }\r\n\r\n  \/* Mobile \u2014 um card e 40px laterais. *\/\r\n  @media (max-width: 767px) {\r\n    .force-offers-v3__container { padding: 40px; }\r\n\r\n    .force-offers-v3 .force-offers-v3__eyebrow {\r\n      font-size: 8px !important;\r\n      letter-spacing: 0.40em !important;\r\n    }\r\n\r\n    .force-offers-v3__eyebrow-line {\r\n      width: 45px;\r\n      margin: 11px auto 17px;\r\n    }\r\n\r\n    .force-offers-v3 .force-offers-v3__title {\r\n      font-size: clamp(20px, 6vw, 23px) !important;\r\n      line-height: 1.17 !important;\r\n      letter-spacing: -0.025em !important;\r\n    }\r\n\r\n    .force-offers-v3 .force-offers-v3__subtitle {\r\n      margin-top: 13px !important;\r\n      font-size: 10.5px !important;\r\n      line-height: 1.55 !important;\r\n    }\r\n\r\n    .force-offers-v3__desktop-break { display: none; }\r\n    .force-offers-v3__carousel { margin-top: 22px; }\r\n    .force-offers-v3__track { gap: 16px; }\r\n\r\n    .force-offers-v3__card {\r\n      flex-basis: 100%;\r\n      min-height: 395px;\r\n      border-radius: 14px;\r\n    }\r\n\r\n    .force-offers-v3__media { height: 155px; margin: 0; }\r\n\r\n    .force-offers-v3__icon {\r\n      top: 30px;\r\n      left: 16px;\r\n      width: 50px;\r\n      height: 50px;\r\n    }\r\n\r\n    .force-offers-v3__icon svg { width: 29px; height: 29px; }\r\n\r\n    .force-offers-v3__body {\r\n      min-height: 230px;\r\n      padding: 11px 15px 14px;\r\n    }\r\n\r\n    .force-offers-v3 .force-offers-v3__body h3 {\r\n      margin-bottom: 8px !important;\r\n      font-size: 17px !important;\r\n    }\r\n\r\n    .force-offers-v3 .force-offers-v3__description {\r\n      font-size: 9.5px !important;\r\n      line-height: 1.48 !important;\r\n    }\r\n\r\n    .force-offers-v3__tags { gap: 5px; padding-top: 10px !important; }\r\n    .force-offers-v3__tags li { padding: 6px 8px 6px 17px; font-size: 8.5px; }\r\n    .force-offers-v3__tags li::before { left: 7px; width: 4px; height: 4px; }\r\n\r\n    .force-offers-v3__cta {\r\n      min-height: 35px;\r\n      margin-top: 10px;\r\n      padding-inline: 8px;\r\n      gap: 7px;\r\n      font-size: 9.2px;\r\n    }\r\n\r\n    .force-offers-v3__cta svg { width: 15px; height: 15px; }\r\n\r\n    .force-offers-v3__arrow { width: 50px; height: 50px; }\r\n    .force-offers-v3__arrow--prev { left: -25px; }\r\n    .force-offers-v3__arrow--next { right: -25px; }\r\n\r\n    .force-offers-v3__dots { gap: 8px; margin-top: 21px; }\r\n    .force-offers-v3__dot { width: 11px; height: 11px; }\r\n    .force-offers-v3__dot--active { width: 22px; }\r\n  }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .force-offers-v3__card:hover {\r\n      transform: translateY(-7px);\r\n      border-color: rgba(90, 145, 232, 1);\r\n      box-shadow: 0 28px 55px rgba(4, 10, 21, 0.34);\r\n    }\r\n\r\n    .force-offers-v3__card:hover .force-offers-v3__media img {\r\n      transform: scale(1.045);\r\n      filter: saturate(1.06) contrast(1.03);\r\n    }\r\n\r\n    .force-offers-v3__card:hover .force-offers-v3__icon {\r\n      transform: translateY(-3px) rotate(4deg) scale(1.035);\r\n      background: rgba(26, 39, 61, 0.96);\r\n      box-shadow: 0 17px 34px rgba(8, 21, 42, 0.34), 0 0 0 4px rgba(74, 123, 205, 0.10);\r\n    }\r\n\r\n    .force-offers-v3__card:hover .force-offers-v3__tags li {\r\n      color: #2454a0;\r\n      border-color: rgba(72, 125, 211, 0.62);\r\n      background: rgba(68, 117, 202, 0.055);\r\n    }\r\n\r\n    .force-offers-v3__cta:hover {\r\n      color: #ffffff !important;\r\n      background: var(--fo-blue);\r\n      box-shadow: 0 12px 26px rgba(40, 87, 166, 0.25);\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .force-offers-v3__arrow:hover {\r\n      border-color: #5a8ade;\r\n      background: var(--fo-blue);\r\n      box-shadow: 0 17px 36px rgba(3, 8, 17, 0.34);\r\n      transform: translateY(-50%) scale(1.07);\r\n    }\r\n\r\n    .force-offers-v3__dot:hover { background: #7697ce; transform: scale(1.12); }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .force-offers-v3--motion .force-offers-v3__eyebrow,\r\n    .force-offers-v3--motion .force-offers-v3__eyebrow-line,\r\n    .force-offers-v3--motion .force-offers-v3__title,\r\n    .force-offers-v3--motion .force-offers-v3__subtitle,\r\n    .force-offers-v3--motion .force-offers-v3__carousel,\r\n    .force-offers-v3__track,\r\n    .force-offers-v3__card,\r\n    .force-offers-v3__media img,\r\n    .force-offers-v3__icon,\r\n    .force-offers-v3__cta,\r\n    .force-offers-v3__arrow,\r\n    .force-offers-v3__dot {\r\n      opacity: 1;\r\n      transform: none;\r\n      transition: none !important;\r\n    }\r\n\r\n    .force-offers-v3__arrow { transform: translateY(-50%); }\r\n  }\r\n\r\n  \/* V3 \u2014 badges maiores, preservando a altura compacta dos cards. *\/\r\n  .force-offers-v3 .force-offers-v3__tags li {\r\n    padding: 8px 11px 8px 22px;\r\n    font-size: 11.5px;\r\n  }\r\n\r\n  .force-offers-v3 .force-offers-v3__tags li::before {\r\n    left: 10px;\r\n    width: 6px;\r\n    height: 6px;\r\n  }\r\n\r\n  @media (min-width: 768px) and (max-width: 1024px) {\r\n    .force-offers-v3 .force-offers-v3__tags li {\r\n      padding: 7px 10px 7px 20px;\r\n      font-size: 10.5px;\r\n    }\r\n\r\n    .force-offers-v3 .force-offers-v3__tags li::before {\r\n      left: 9px;\r\n      width: 5px;\r\n      height: 5px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .force-offers-v3 .force-offers-v3__tags li {\r\n      padding: 7px 9px 7px 20px;\r\n      font-size: 10px;\r\n    }\r\n\r\n    .force-offers-v3 .force-offers-v3__tags li::before {\r\n      left: 9px;\r\n      width: 5px;\r\n      height: 5px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (() => {\r\n    const carousels = document.querySelectorAll('.force-offers-v3__carousel:not([data-force-offers-v3-ready])');\r\n    const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n    carousels.forEach((carousel) => {\r\n      carousel.dataset.forceOffersV3Ready = 'true';\r\n\r\n      const section = carousel.closest('.force-offers-v3');\r\n      const viewport = carousel.querySelector('.force-offers-v3__viewport');\r\n      const track = carousel.querySelector('.force-offers-v3__track');\r\n      const previousButton = carousel.querySelector('.force-offers-v3__arrow--prev');\r\n      const nextButton = carousel.querySelector('.force-offers-v3__arrow--next');\r\n      const dots = Array.from(carousel.querySelectorAll('.force-offers-v3__dot'));\r\n      const status = carousel.querySelector('.force-offers-v3__status');\r\n      const originals = Array.from(track.children);\r\n      const count = originals.length;\r\n\r\n      let active = 0;\r\n      let position = count;\r\n      let animating = false;\r\n      let visible = false;\r\n      let autoplay = null;\r\n      let pointerStart = null;\r\n\r\n      const cloneCard = (card) => {\r\n        const clone = card.cloneNode(true);\r\n        clone.dataset.forceClone = 'true';\r\n        clone.setAttribute('aria-hidden', 'true');\r\n        clone.querySelectorAll('a, button').forEach((item) => item.setAttribute('tabindex', '-1'));\r\n        return clone;\r\n      };\r\n\r\n      track.prepend(...originals.map(cloneCard));\r\n      track.append(...originals.map(cloneCard));\r\n\r\n      const cards = () => Array.from(track.children);\r\n\r\n      const visibleCards = () => {\r\n        if (window.matchMedia('(max-width: 767px)').matches) return 1;\r\n        if (window.matchMedia('(max-width: 1024px)').matches) return 2;\r\n        if (window.matchMedia('(max-width: 1399px)').matches) return 3;\r\n        return 4;\r\n      };\r\n\r\n      const step = () => {\r\n        const card = track.querySelector('.force-offers-v3__card');\r\n        const gap = parseFloat(window.getComputedStyle(track).columnGap) || 0;\r\n        return card.getBoundingClientRect().width + gap;\r\n      };\r\n\r\n      const updateAccess = () => {\r\n        const amount = visibleCards();\r\n        cards().forEach((card, index) => {\r\n          const canAccess = index >= position && index < position + amount;\r\n          card.setAttribute('aria-hidden', canAccess ? 'false' : 'true');\r\n          card.querySelectorAll('a, button').forEach((item) => item.setAttribute('tabindex', canAccess ? '0' : '-1'));\r\n        });\r\n      };\r\n\r\n      const updateUI = () => {\r\n        dots.forEach((dot, index) => {\r\n          const current = index === active;\r\n          dot.classList.toggle('force-offers-v3__dot--active', current);\r\n          dot.setAttribute('aria-current', current ? 'true' : 'false');\r\n        });\r\n        status.textContent = `Servi\u00e7o em destaque: ${originals[active].dataset.service}`;\r\n      };\r\n\r\n      const placeTrack = (animate = true) => {\r\n        track.classList.toggle('force-offers-v3__track--no-transition', !animate);\r\n        track.style.transform = `translate3d(-${position * step()}px, 0, 0)`;\r\n        if (!animate) {\r\n          track.getBoundingClientRect();\r\n          track.classList.remove('force-offers-v3__track--no-transition');\r\n        }\r\n        updateAccess();\r\n      };\r\n\r\n      const normalize = () => {\r\n        if (position >= count * 2 || position < count) {\r\n          position = count + active;\r\n          placeTrack(false);\r\n        }\r\n        animating = false;\r\n      };\r\n\r\n      const goTo = (target) => {\r\n        if (animating || target === active) return;\r\n        const forward = (target - active + count) % count;\r\n        const backward = (active - target + count) % count;\r\n        const distance = forward <= backward ? forward : -backward;\r\n\r\n        active = target;\r\n        position += distance;\r\n        animating = true;\r\n        placeTrack(true);\r\n        updateUI();\r\n        if (reduceMotion) normalize();\r\n      };\r\n\r\n      const move = (direction) => goTo((active + direction + count) % count);\r\n\r\n      const stop = () => {\r\n        if (autoplay) window.clearInterval(autoplay);\r\n        autoplay = null;\r\n      };\r\n\r\n      const start = () => {\r\n        stop();\r\n        if (reduceMotion || !visible || document.hidden) return;\r\n        autoplay = window.setInterval(() => {\r\n          if (!animating) move(1);\r\n        }, 5600);\r\n      };\r\n\r\n      previousButton.addEventListener('click', () => { move(-1); start(); });\r\n      nextButton.addEventListener('click', () => { move(1); start(); });\r\n      dots.forEach((dot, index) => dot.addEventListener('click', () => { goTo(index); start(); }));\r\n\r\n      track.addEventListener('transitionend', (event) => {\r\n        if (event.propertyName === 'transform') normalize();\r\n      });\r\n\r\n      viewport.addEventListener('keydown', (event) => {\r\n        if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;\r\n        event.preventDefault();\r\n        move(event.key === 'ArrowLeft' ? -1 : 1);\r\n        start();\r\n      });\r\n\r\n      viewport.addEventListener('pointerdown', (event) => {\r\n        pointerStart = event.clientX;\r\n        stop();\r\n        viewport.setPointerCapture(event.pointerId);\r\n      });\r\n\r\n      viewport.addEventListener('pointerup', (event) => {\r\n        if (pointerStart === null) return;\r\n        const distance = event.clientX - pointerStart;\r\n        pointerStart = null;\r\n        if (Math.abs(distance) > 45) move(distance < 0 ? 1 : -1);\r\n        start();\r\n      });\r\n\r\n      viewport.addEventListener('pointercancel', () => { pointerStart = null; start(); });\r\n      carousel.addEventListener('mouseenter', stop);\r\n      carousel.addEventListener('mouseleave', start);\r\n      carousel.addEventListener('focusin', stop);\r\n      carousel.addEventListener('focusout', (event) => {\r\n        if (!carousel.contains(event.relatedTarget)) start();\r\n      });\r\n\r\n      carousel.querySelectorAll('.force-offers-v3__cta').forEach((link) => {\r\n        link.addEventListener('click', (event) => {\r\n          const selector = link.getAttribute('href');\r\n          const target = selector && selector.startsWith('#') ? document.querySelector(selector) : null;\r\n          if (!target) return;\r\n          event.preventDefault();\r\n          target.scrollIntoView({ behavior: reduceMotion ? 'auto' : 'smooth', block: 'start' });\r\n        });\r\n      });\r\n\r\n      document.addEventListener('visibilitychange', () => document.hidden ? stop() : start());\r\n\r\n      let resizeTimer = null;\r\n      window.addEventListener('resize', () => {\r\n        window.clearTimeout(resizeTimer);\r\n        resizeTimer = window.setTimeout(() => {\r\n          position = count + active;\r\n          animating = false;\r\n          placeTrack(false);\r\n        }, 120);\r\n      });\r\n\r\n      const reveal = () => {\r\n        visible = true;\r\n        section.classList.add('force-offers-v3--visible');\r\n        start();\r\n      };\r\n\r\n      section.classList.add('force-offers-v3--motion');\r\n      placeTrack(false);\r\n      updateUI();\r\n\r\n      if (!('IntersectionObserver' in window)) {\r\n        reveal();\r\n        return;\r\n      }\r\n\r\n      const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry) => {\r\n          visible = entry.isIntersecting;\r\n          if (entry.isIntersecting) reveal();\r\n          else stop();\r\n        });\r\n      }, { threshold: 0.15, rootMargin: '0px 0px -5% 0px' });\r\n\r\n      observer.observe(section);\r\n    });\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24eece9 e-con-full force-hero-home e-flex e-con e-parent\" data-id=\"24eece9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef3cb9c elementor-widget elementor-widget-html\" data-id=\"ef3cb9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  SE\u00c7\u00c3O 04 \u2014 SEGMENTOS FORCE \u2014 V3 \u2014 BADGES AMPLIADOS\r\n  Cole todo este conte\u00fado em um \u00fanico widget HTML do Elementor.\r\n-->\r\n\r\n<section class=\"force-segments-v3\" data-version=\"v3\" id=\"segmentos\" aria-labelledby=\"force-segments-v3-title\">\r\n  <div class=\"force-segments-v3__container\">\r\n    <header class=\"force-segments-v3__header\">\r\n      <p class=\"force-segments-v3__eyebrow\">SEGMENTOS ESPECIALIZADOS<\/p>\r\n\r\n      <h2 class=\"force-segments-v3__title\" id=\"force-segments-v3-title\">\r\n        Solu\u00e7\u00f5es sob medida para <span>cada segmento<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"force-segments-v3__subtitle\">\r\n        Cada opera\u00e7\u00e3o exige uma estrat\u00e9gia pr\u00f3pria. A Force Brasil<br class=\"force-segments-v3__desktop-break\">\r\n        adapta solu\u00e7\u00f5es conforme o mercado, a carga e a necessidade do cliente.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div\r\n      class=\"force-segments-v3__carousel\"\r\n      role=\"region\"\r\n      aria-roledescription=\"carrossel\"\r\n      aria-label=\"Segmentos atendidos pela Force\"\r\n    >\r\n      <button class=\"force-segments-v3__arrow force-segments-v3__arrow--prev\" type=\"button\" aria-label=\"Segmento anterior\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n          <path d=\"m15 5-7 7 7 7\"><\/path>\r\n        <\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"force-segments-v3__viewport\" tabindex=\"0\">\r\n        <div class=\"force-segments-v3__track\">\r\n          <article class=\"force-segments-v3__card\" data-segment=\"Aeron\u00e1utico\">\r\n            <div class=\"force-segments-v3__media\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/img_teste01.webp\"\r\n                alt=\"Opera\u00e7\u00e3o log\u00edstica no segmento aeron\u00e1utico\"\r\n                width=\"700\"\r\n                height=\"480\"\r\n                decoding=\"async\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n              >\r\n              <span class=\"force-segments-v3__media-shade\" aria-hidden=\"true\"><\/span>\r\n\r\n              <div class=\"force-segments-v3__sector-icon force-segments-v3__sector-icon--air\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" focusable=\"false\">\r\n                  <path d=\"M12 2 9.4 9.2 3 13l1.4 2.2 6.1-2.1-.5 6.2L12 22l2-2.7-.5-6.2 6.1 2.1L21 13l-6.4-3.8L12 2Z\"><\/path>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"force-segments-v3__body\">\r\n              <h3>Aeron\u00e1utico<\/h3>\r\n              <p class=\"force-segments-v3__description\">\r\n                Precis\u00e3o e agilidade para opera\u00e7\u00f5es a\u00e9reas especiais, com suporte t\u00e9cnico e coordena\u00e7\u00e3o dedicada para cargas sens\u00edveis e de alto valor.\r\n              <\/p>\r\n\r\n              <ul class=\"force-segments-v3__tags\" aria-label=\"Especialidades do segmento aeron\u00e1utico\">\r\n                <li>Aeronaves<\/li>\r\n                <li>Pe\u00e7as<\/li>\r\n                <li>Opera\u00e7\u00f5es especiais<\/li>\r\n              <\/ul>\r\n\r\n              <a class=\"force-segments-v3__cta\" href=\"#contato\" data-segment-link=\"Aeron\u00e1utico\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                  <path d=\"M8.6 7.7c.3-.4.7-.4 1-.1l1.3 1.7c.2.3.2.6 0 .9l-.7.9c.7 1.5 1.7 2.5 3.2 3.2l.9-.7c.3-.2.6-.2.9 0l1.7 1.3c.3.3.3.7-.1 1-1 .9-2.1 1.2-3.4.8-3.1-.9-5.2-3-6.1-6.1-.4-1.3-.1-2.4.8-3.4Z\"><\/path>\r\n                <\/svg>\r\n                <span>Falar sobre este segmento<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"force-segments-v3__card\" data-segment=\"Automotivo\">\r\n            <div class=\"force-segments-v3__media\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/img_teste02.webp\"\r\n                alt=\"Linha industrial do segmento automotivo\"\r\n                width=\"700\"\r\n                height=\"480\"\r\n                decoding=\"async\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n              >\r\n              <span class=\"force-segments-v3__media-shade\" aria-hidden=\"true\"><\/span>\r\n\r\n              <div class=\"force-segments-v3__sector-icon force-segments-v3__sector-icon--car\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" focusable=\"false\">\r\n                  <path d=\"m5 11 1.7-4h10.6l1.7 4\"><\/path>\r\n                  <path d=\"M4 11h16v7H4zM7 18v2M17 18v2M7 14h.01M17 14h.01M8 11h8\"><\/path>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"force-segments-v3__body\">\r\n              <h3>Automotivo<\/h3>\r\n              <p class=\"force-segments-v3__description\">\r\n                Planejamento estrat\u00e9gico para cadeias produtivas complexas, com controle de prazos, componentes e exig\u00eancias operacionais do setor.\r\n              <\/p>\r\n\r\n              <ul class=\"force-segments-v3__tags\" aria-label=\"Especialidades do segmento automotivo\">\r\n                <li>Ind\u00fastria<\/li>\r\n                <li>Pe\u00e7as<\/li>\r\n                <li>Supply chain<\/li>\r\n              <\/ul>\r\n\r\n              <a class=\"force-segments-v3__cta\" href=\"#contato\" data-segment-link=\"Automotivo\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                  <path d=\"M8.6 7.7c.3-.4.7-.4 1-.1l1.3 1.7c.2.3.2.6 0 .9l-.7.9c.7 1.5 1.7 2.5 3.2 3.2l.9-.7c.3-.2.6-.2.9 0l1.7 1.3c.3.3.3.7-.1 1-1 .9-2.1 1.2-3.4.8-3.1-.9-5.2-3-6.1-6.1-.4-1.3-.1-2.4.8-3.4Z\"><\/path>\r\n                <\/svg>\r\n                <span>Falar sobre este segmento<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"force-segments-v3__card\" data-segment=\"Qu\u00edmico\">\r\n            <div class=\"force-segments-v3__media\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/img_teste03.webp\"\r\n                alt=\"Laborat\u00f3rio representando o segmento qu\u00edmico\"\r\n                width=\"700\"\r\n                height=\"480\"\r\n                decoding=\"async\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n              >\r\n              <span class=\"force-segments-v3__media-shade\" aria-hidden=\"true\"><\/span>\r\n\r\n              <div class=\"force-segments-v3__sector-icon force-segments-v3__sector-icon--chem\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" focusable=\"false\">\r\n                  <path d=\"M9 3h6M10 3v6l-5 9.2A1.9 1.9 0 0 0 6.7 21h10.6a1.9 1.9 0 0 0 1.7-2.8L14 9V3\"><\/path>\r\n                  <path d=\"M7.6 16h8.8\"><\/path>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"force-segments-v3__body\">\r\n              <h3>Qu\u00edmico<\/h3>\r\n              <p class=\"force-segments-v3__description\">\r\n                Controle t\u00e9cnico para cargas sens\u00edveis e reguladas, com aten\u00e7\u00e3o \u00e0 documenta\u00e7\u00e3o, seguran\u00e7a e conformidade em toda a opera\u00e7\u00e3o.\r\n              <\/p>\r\n\r\n              <ul class=\"force-segments-v3__tags\" aria-label=\"Especialidades do segmento qu\u00edmico\">\r\n                <li>Produtos qu\u00edmicos<\/li>\r\n                <li>Controle<\/li>\r\n                <li>Conformidade<\/li>\r\n              <\/ul>\r\n\r\n              <a class=\"force-segments-v3__cta\" href=\"#contato\" data-segment-link=\"Qu\u00edmico\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                  <path d=\"M8.6 7.7c.3-.4.7-.4 1-.1l1.3 1.7c.2.3.2.6 0 .9l-.7.9c.7 1.5 1.7 2.5 3.2 3.2l.9-.7c.3-.2.6-.2.9 0l1.7 1.3c.3.3.3.7-.1 1-1 .9-2.1 1.2-3.4.8-3.1-.9-5.2-3-6.1-6.1-.4-1.3-.1-2.4.8-3.4Z\"><\/path>\r\n                <\/svg>\r\n                <span>Falar sobre este segmento<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"force-segments-v3__card\" data-segment=\"Energia\">\r\n            <div class=\"force-segments-v3__media\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/img_teste04.webp\"\r\n                alt=\"Estrutura industrial representando o segmento de energia\"\r\n                width=\"700\"\r\n                height=\"480\"\r\n                decoding=\"async\"\r\n                loading=\"lazy\"\r\n                draggable=\"false\"\r\n              >\r\n              <span class=\"force-segments-v3__media-shade\" aria-hidden=\"true\"><\/span>\r\n\r\n              <div class=\"force-segments-v3__sector-icon force-segments-v3__sector-icon--energy\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" focusable=\"false\">\r\n                  <path d=\"m13.5 2-8 12h6L10.5 22l8-12h-6l1-8Z\"><\/path>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"force-segments-v3__body\">\r\n              <h3>Energia<\/h3>\r\n              <p class=\"force-segments-v3__description\">\r\n                Suporte para projetos, equipamentos e opera\u00e7\u00f5es estrat\u00e9gicas, com estrutura para demandas industriais de grande porte.\r\n              <\/p>\r\n\r\n              <ul class=\"force-segments-v3__tags\" aria-label=\"Especialidades do segmento de energia\">\r\n                <li>Equipamentos<\/li>\r\n                <li>Projetos<\/li>\r\n                <li>Infraestrutura<\/li>\r\n              <\/ul>\r\n\r\n              <a class=\"force-segments-v3__cta\" href=\"#contato\" data-segment-link=\"Energia\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                  <path d=\"M8.6 7.7c.3-.4.7-.4 1-.1l1.3 1.7c.2.3.2.6 0 .9l-.7.9c.7 1.5 1.7 2.5 3.2 3.2l.9-.7c.3-.2.6-.2.9 0l1.7 1.3c.3.3.3.7-.1 1-1 .9-2.1 1.2-3.4.8-3.1-.9-5.2-3-6.1-6.1-.4-1.3-.1-2.4.8-3.4Z\"><\/path>\r\n                <\/svg>\r\n                <span>Falar sobre este segmento<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <button class=\"force-segments-v3__arrow force-segments-v3__arrow--next\" type=\"button\" aria-label=\"Pr\u00f3ximo segmento\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n          <path d=\"m9 5 7 7-7 7\"><\/path>\r\n        <\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"force-segments-v3__dots\" role=\"group\" aria-label=\"Selecionar segmento\">\r\n        <button class=\"force-segments-v3__dot force-segments-v3__dot--active\" type=\"button\" aria-label=\"Mostrar Aeron\u00e1utico\" aria-current=\"true\"><\/button>\r\n        <button class=\"force-segments-v3__dot\" type=\"button\" aria-label=\"Mostrar Automotivo\"><\/button>\r\n        <button class=\"force-segments-v3__dot\" type=\"button\" aria-label=\"Mostrar Qu\u00edmico\"><\/button>\r\n        <button class=\"force-segments-v3__dot\" type=\"button\" aria-label=\"Mostrar Energia\"><\/button>\r\n      <\/div>\r\n\r\n      <p class=\"force-segments-v3__status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .force-segments-v3,\r\n  .force-segments-v3 * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .force-segments-v3 {\r\n    --fsg-blue: #4475ca;\r\n    --fsg-navy: #192235;\r\n    --fsg-card: #172947;\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    scroll-margin-top: 110px;\r\n    color: var(--fsg-navy);\r\n    background: #ffffff;\r\n    font-family: \"Montserrat\", Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .force-segments-v3__container {\r\n    width: 100%;\r\n    margin-inline: auto;\r\n    padding: 65px 200px 72px;\r\n  }\r\n\r\n  .force-segments-v3__header {\r\n    max-width: 980px;\r\n    margin-inline: auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .force-segments-v3 .force-segments-v3__eyebrow {\r\n    margin: 0 0 22px !important;\r\n    color: #326ac1 !important;\r\n    font-family: inherit !important;\r\n    font-size: 11px !important;\r\n    font-weight: 750 !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: 0.36em !important;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .force-segments-v3 .force-segments-v3__title {\r\n    margin: 0 !important;\r\n    color: var(--fsg-navy) !important;\r\n    font-family: inherit !important;\r\n    font-size: clamp(32px, 2.45vw, 38px) !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.15 !important;\r\n    letter-spacing: -0.04em !important;\r\n  }\r\n\r\n  .force-segments-v3__title span {\r\n    color: var(--fsg-blue);\r\n  }\r\n\r\n  .force-segments-v3 .force-segments-v3__subtitle {\r\n    margin: 20px 0 0 !important;\r\n    color: #263956 !important;\r\n    font-family: inherit !important;\r\n    font-size: 14px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.55 !important;\r\n    letter-spacing: 0.002em !important;\r\n  }\r\n\r\n  .force-segments-v3__carousel {\r\n    position: relative;\r\n    width: min(100%, 1280px);\r\n    margin: 36px auto 0;\r\n  }\r\n\r\n  .force-segments-v3__viewport {\r\n    width: 100%;\r\n    margin: -10px -5px -26px;\r\n    padding: 10px 5px 26px;\r\n    overflow: hidden;\r\n    outline: none;\r\n    cursor: grab;\r\n    touch-action: pan-y;\r\n  }\r\n\r\n  .force-segments-v3__viewport:active {\r\n    cursor: grabbing;\r\n  }\r\n\r\n  .force-segments-v3__viewport:focus-visible {\r\n    border-radius: 20px;\r\n    box-shadow: 0 0 0 3px rgba(68, 117, 202, 0.24);\r\n  }\r\n\r\n  .force-segments-v3__track {\r\n    display: flex;\r\n    gap: 18px;\r\n    align-items: stretch;\r\n    will-change: transform;\r\n    transition: transform 0.68s cubic-bezier(0.22, 0.75, 0.25, 1);\r\n  }\r\n\r\n  .force-segments-v3__track--no-transition {\r\n    transition: none !important;\r\n  }\r\n\r\n  .force-segments-v3__card {\r\n    position: relative;\r\n    display: flex;\r\n    flex: 0 0 calc((100% - 54px) \/ 4);\r\n    min-width: 0;\r\n    min-height: 430px;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(31, 52, 85, 0.15);\r\n    border-radius: 15px;\r\n    background: var(--fsg-card);\r\n    box-shadow: 0 18px 34px rgba(18, 34, 58, 0.18);\r\n    user-select: none;\r\n    transition: transform 0.45s cubic-bezier(0.2, 0.75, 0.25, 1), box-shadow 0.45s ease, border-color 0.4s ease;\r\n  }\r\n\r\n  .force-segments-v3__media {\r\n    position: relative;\r\n    height: 190px;\r\n    flex: 0 0 auto;\r\n    overflow: hidden;\r\n    background: #26364b;\r\n  }\r\n\r\n  .force-segments-v3__media img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    filter: saturate(0.96) contrast(1.03);\r\n    transition: transform 0.8s cubic-bezier(0.2, 0.75, 0.25, 1), filter 0.55s ease;\r\n  }\r\n\r\n  .force-segments-v3__media-shade {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(180deg, rgba(13, 25, 45, 0.05) 38%, rgba(28, 39, 57, 0.78) 100%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .force-segments-v3__sector-icon {\r\n    position: absolute;\r\n    z-index: 2;\r\n    top: 43px;\r\n    left: 18px;\r\n    display: grid;\r\n    width: 56px;\r\n    height: 56px;\r\n    place-items: center;\r\n    border: 1px solid rgba(231, 240, 255, 0.78);\r\n    border-radius: 13px;\r\n    background: rgba(35, 44, 60, 0.90);\r\n    box-shadow: 0 12px 28px rgba(11, 22, 39, 0.26), inset 0 0 0 1px rgba(255, 255, 255, 0.05);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    transition: transform 0.5s cubic-bezier(0.2, 0.75, 0.25, 1), background 0.4s ease, box-shadow 0.4s ease;\r\n  }\r\n\r\n  .force-segments-v3__sector-icon svg {\r\n    width: 32px;\r\n    height: 32px;\r\n    overflow: visible;\r\n    fill: none;\r\n    stroke: #4d79d4;\r\n    stroke-width: 1.55;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .force-segments-v3__sector-icon--car svg { stroke: #20baf0; }\r\n  .force-segments-v3__sector-icon--chem svg { stroke: #6684df; }\r\n  .force-segments-v3__sector-icon--energy svg { stroke: #4c7ddb; }\r\n\r\n  .force-segments-v3__body {\r\n    display: flex;\r\n    min-height: 240px;\r\n    padding: 12px 15px 15px;\r\n    flex: 1 1 auto;\r\n    flex-direction: column;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .force-segments-v3 .force-segments-v3__body h3 {\r\n    margin: 0 0 9px !important;\r\n    color: #ffffff !important;\r\n    font-family: inherit !important;\r\n    font-size: 19px !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.2 !important;\r\n    letter-spacing: -0.025em !important;\r\n  }\r\n\r\n  .force-segments-v3 .force-segments-v3__description {\r\n    margin: 0 !important;\r\n    color: #f2f5fa !important;\r\n    font-family: inherit !important;\r\n    font-size: 11px !important;\r\n    font-weight: 450 !important;\r\n    line-height: 1.5 !important;\r\n    letter-spacing: -0.004em !important;\r\n  }\r\n\r\n  .force-segments-v3__tags {\r\n    display: flex;\r\n    gap: 5px;\r\n    margin: auto 0 0 !important;\r\n    padding: 12px 0 0 !important;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    list-style: none !important;\r\n  }\r\n\r\n  .force-segments-v3__tags li {\r\n    position: relative;\r\n    margin: 0 !important;\r\n    padding: 7px 9px 7px 18px;\r\n    border: 1px solid rgba(78, 132, 221, 0.86);\r\n    border-radius: 7px;\r\n    color: #edf4ff;\r\n    font-family: inherit;\r\n    font-size: 10px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    white-space: nowrap;\r\n    transition: border-color 0.35s ease, background 0.35s ease, transform 0.35s ease;\r\n  }\r\n\r\n  .force-segments-v3__tags li::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 9px;\r\n    width: 5px;\r\n    height: 5px;\r\n    border-radius: 50%;\r\n    background: #4f86e1;\r\n    transform: translateY(-50%);\r\n    box-shadow: 0 0 0 3px rgba(79, 134, 225, 0.10);\r\n  }\r\n\r\n  .force-segments-v3__cta {\r\n    display: flex;\r\n    width: 100%;\r\n    min-height: 39px;\r\n    margin-top: 12px;\r\n    padding: 8px 10px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    border: 1px solid rgba(243, 247, 255, 0.92);\r\n    border-radius: 11px;\r\n    color: #ffffff !important;\r\n    background: rgba(255, 255, 255, 0.015);\r\n    font-family: inherit;\r\n    font-size: 10.5px;\r\n    font-weight: 500;\r\n    line-height: 1.2;\r\n    text-align: center;\r\n    text-decoration: none !important;\r\n    transition: color 0.35s ease, background 0.35s ease, border-color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;\r\n  }\r\n\r\n  .force-segments-v3__cta svg {\r\n    width: 17px;\r\n    height: 17px;\r\n    flex: 0 0 auto;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.55;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .force-segments-v3__arrow {\r\n    position: absolute;\r\n    z-index: 8;\r\n    top: calc(50% - 22px);\r\n    display: grid;\r\n    width: 50px;\r\n    height: 50px;\r\n    padding: 0;\r\n    place-items: center;\r\n    border: 1px solid rgba(67, 112, 184, 0.20);\r\n    border-radius: 50%;\r\n    color: #18243a;\r\n    background: rgba(255, 255, 255, 0.96);\r\n    box-shadow: 0 12px 28px rgba(30, 58, 98, 0.12);\r\n    cursor: pointer;\r\n    transform: translateY(-50%);\r\n    transition: color 0.35s ease, background 0.35s ease, border-color 0.35s ease, box-shadow 0.4s ease, transform 0.4s cubic-bezier(0.2, 0.75, 0.25, 1);\r\n  }\r\n\r\n  .force-segments-v3__arrow--prev { left: -65px; }\r\n  .force-segments-v3__arrow--next { right: -65px; }\r\n\r\n  .force-segments-v3__arrow svg {\r\n    width: 26px;\r\n    height: 26px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .force-segments-v3__dots {\r\n    display: flex;\r\n    gap: 10px;\r\n    margin-top: 25px;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .force-segments-v3__dot {\r\n    width: 12px;\r\n    height: 12px;\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: 50%;\r\n    background: #dce3ee;\r\n    box-shadow: none;\r\n    cursor: pointer;\r\n    transition: width 0.35s ease, border-radius 0.35s ease, background 0.35s ease, transform 0.35s ease;\r\n  }\r\n\r\n  .force-segments-v3__dot--active {\r\n    width: 24px;\r\n    border-radius: 999px;\r\n    background: var(--fsg-blue);\r\n  }\r\n\r\n  .force-segments-v3__status {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    margin: -1px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    clip: rect(0 0 0 0);\r\n    white-space: nowrap;\r\n    border: 0;\r\n  }\r\n\r\n  \/* Anima\u00e7\u00f5es de entrada. *\/\r\n  .force-segments-v3--motion .force-segments-v3__eyebrow,\r\n  .force-segments-v3--motion .force-segments-v3__title,\r\n  .force-segments-v3--motion .force-segments-v3__subtitle,\r\n  .force-segments-v3--motion .force-segments-v3__carousel {\r\n    opacity: 0;\r\n    transform: translate3d(0, 24px, 0);\r\n  }\r\n\r\n  .force-segments-v3--motion.force-segments-v3--visible .force-segments-v3__eyebrow,\r\n  .force-segments-v3--motion.force-segments-v3--visible .force-segments-v3__title,\r\n  .force-segments-v3--motion.force-segments-v3--visible .force-segments-v3__subtitle,\r\n  .force-segments-v3--motion.force-segments-v3--visible .force-segments-v3__carousel {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n    transition: opacity 0.7s ease, transform 0.9s cubic-bezier(0.2, 0.75, 0.25, 1);\r\n  }\r\n\r\n  .force-segments-v3--motion.force-segments-v3--visible .force-segments-v3__eyebrow { transition-delay: 0.08s; }\r\n  .force-segments-v3--motion.force-segments-v3--visible .force-segments-v3__title { transition-delay: 0.17s; }\r\n  .force-segments-v3--motion.force-segments-v3--visible .force-segments-v3__subtitle { transition-delay: 0.27s; }\r\n  .force-segments-v3--motion.force-segments-v3--visible .force-segments-v3__carousel { transition-delay: 0.39s; }\r\n\r\n  \/* Desktop compacto \u2014 tr\u00eas cards vis\u00edveis. *\/\r\n  @media (min-width: 1025px) and (max-width: 1399px) {\r\n    .force-segments-v3__card {\r\n      flex-basis: calc((100% - 36px) \/ 3);\r\n    }\r\n\r\n    .force-segments-v3__arrow--prev { left: -58px; }\r\n    .force-segments-v3__arrow--next { right: -58px; }\r\n  }\r\n\r\n  \/* Tablet \u2014 dois cards vis\u00edveis. *\/\r\n  @media (min-width: 768px) and (max-width: 1024px) {\r\n    .force-segments-v3__container {\r\n      padding: 48px 44px 58px;\r\n    }\r\n\r\n    .force-segments-v3 .force-segments-v3__eyebrow {\r\n      margin-bottom: 19px !important;\r\n      font-size: 9px !important;\r\n      letter-spacing: 0.42em !important;\r\n    }\r\n\r\n    .force-segments-v3 .force-segments-v3__title {\r\n      max-width: 650px;\r\n      margin-inline: auto !important;\r\n      font-size: 29px !important;\r\n      line-height: 1.16 !important;\r\n    }\r\n\r\n    .force-segments-v3 .force-segments-v3__subtitle {\r\n      margin-top: 15px !important;\r\n      font-size: 12px !important;\r\n      line-height: 1.55 !important;\r\n    }\r\n\r\n    .force-segments-v3__carousel {\r\n      margin-top: 27px;\r\n    }\r\n\r\n    .force-segments-v3__track {\r\n      gap: 28px;\r\n    }\r\n\r\n    .force-segments-v3__card {\r\n      flex-basis: calc((100% - 28px) \/ 2);\r\n      min-height: 420px;\r\n      border-radius: 15px;\r\n    }\r\n\r\n    .force-segments-v3__media {\r\n      height: 172px;\r\n    }\r\n\r\n    .force-segments-v3__sector-icon {\r\n      top: 38px;\r\n      left: 17px;\r\n      width: 53px;\r\n      height: 53px;\r\n    }\r\n\r\n    .force-segments-v3__body {\r\n      min-height: 235px;\r\n      padding: 11px 15px 14px;\r\n    }\r\n\r\n    .force-segments-v3 .force-segments-v3__body h3 {\r\n      font-size: 17px !important;\r\n    }\r\n\r\n    .force-segments-v3 .force-segments-v3__description {\r\n      font-size: 10px !important;\r\n    }\r\n\r\n    .force-segments-v3__tags li {\r\n      font-size: 9px;\r\n    }\r\n\r\n    .force-segments-v3__cta {\r\n      min-height: 36px;\r\n      margin-top: 10px;\r\n      font-size: 9.5px;\r\n    }\r\n\r\n    .force-segments-v3__arrow {\r\n      top: calc(50% - 18px);\r\n      width: 50px;\r\n      height: 50px;\r\n    }\r\n\r\n    .force-segments-v3__arrow--prev { left: -24px; }\r\n    .force-segments-v3__arrow--next { right: -24px; }\r\n\r\n    .force-segments-v3__dots {\r\n      margin-top: 22px;\r\n    }\r\n  }\r\n\r\n  \/* Mobile \u2014 um card, 40px laterais e navega\u00e7\u00e3o por toque. *\/\r\n  @media (max-width: 767px) {\r\n    .force-segments-v3__container {\r\n      padding: 40px;\r\n    }\r\n\r\n    .force-segments-v3 .force-segments-v3__eyebrow {\r\n      margin-bottom: 17px !important;\r\n      font-size: 8px !important;\r\n      letter-spacing: 0.38em !important;\r\n    }\r\n\r\n    .force-segments-v3 .force-segments-v3__title {\r\n      font-size: clamp(20px, 6vw, 23px) !important;\r\n      line-height: 1.17 !important;\r\n      letter-spacing: -0.025em !important;\r\n    }\r\n\r\n    .force-segments-v3 .force-segments-v3__subtitle {\r\n      margin-top: 13px !important;\r\n      font-size: 10.5px !important;\r\n      line-height: 1.55 !important;\r\n    }\r\n\r\n    .force-segments-v3__desktop-break {\r\n      display: none;\r\n    }\r\n\r\n    .force-segments-v3__carousel {\r\n      margin-top: 22px;\r\n    }\r\n\r\n    .force-segments-v3__track {\r\n      gap: 16px;\r\n    }\r\n\r\n    .force-segments-v3__card {\r\n      flex-basis: 100%;\r\n      min-height: 385px;\r\n      border-radius: 14px;\r\n    }\r\n\r\n    .force-segments-v3__media {\r\n      height: 155px;\r\n    }\r\n\r\n    .force-segments-v3__sector-icon {\r\n      top: 30px;\r\n      left: 16px;\r\n      width: 50px;\r\n      height: 50px;\r\n      border-radius: 12px;\r\n    }\r\n\r\n    .force-segments-v3__sector-icon svg {\r\n      width: 29px;\r\n      height: 29px;\r\n    }\r\n\r\n    .force-segments-v3__body {\r\n      min-height: 220px;\r\n      padding: 11px 15px 14px;\r\n    }\r\n\r\n    .force-segments-v3 .force-segments-v3__body h3 {\r\n      margin-bottom: 8px !important;\r\n      font-size: 17px !important;\r\n    }\r\n\r\n    .force-segments-v3 .force-segments-v3__description {\r\n      font-size: 9.7px !important;\r\n      line-height: 1.48 !important;\r\n    }\r\n\r\n    .force-segments-v3__tags {\r\n      gap: 6px;\r\n      padding-top: 10px !important;\r\n    }\r\n\r\n    .force-segments-v3__tags li {\r\n      padding: 6px 8px 6px 17px;\r\n      font-size: 8.5px;\r\n    }\r\n\r\n    .force-segments-v3__tags li::before {\r\n      left: 7px;\r\n      width: 4px;\r\n      height: 4px;\r\n    }\r\n\r\n    .force-segments-v3__cta {\r\n      min-height: 35px;\r\n      margin-top: 10px;\r\n      padding-inline: 8px;\r\n      gap: 7px;\r\n      border-radius: 9px;\r\n      font-size: 9.3px;\r\n    }\r\n\r\n    .force-segments-v3__cta svg {\r\n      width: 15px;\r\n      height: 15px;\r\n    }\r\n\r\n    .force-segments-v3__arrow {\r\n      top: calc(50% - 18px);\r\n      width: 50px;\r\n      height: 50px;\r\n    }\r\n\r\n    .force-segments-v3__arrow--prev { left: -25px; }\r\n    .force-segments-v3__arrow--next { right: -25px; }\r\n\r\n    .force-segments-v3__dots {\r\n      gap: 8px;\r\n      margin-top: 21px;\r\n    }\r\n\r\n    .force-segments-v3__dot {\r\n      width: 11px;\r\n      height: 11px;\r\n    }\r\n\r\n    .force-segments-v3__dot--active {\r\n      width: 22px;\r\n    }\r\n  }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .force-segments-v3__card:hover {\r\n      transform: translateY(-7px);\r\n      border-color: rgba(67, 117, 201, 0.46);\r\n      box-shadow: 0 27px 52px rgba(18, 34, 58, 0.24);\r\n    }\r\n\r\n    .force-segments-v3__card:hover .force-segments-v3__media img {\r\n      transform: scale(1.045);\r\n      filter: saturate(1.05) contrast(1.04);\r\n    }\r\n\r\n    .force-segments-v3__card:hover .force-segments-v3__sector-icon {\r\n      transform: translateY(-3px) rotate(4deg) scale(1.035);\r\n      background: rgba(30, 41, 59, 0.96);\r\n      box-shadow: 0 17px 34px rgba(11, 22, 39, 0.34), 0 0 0 4px rgba(74, 123, 205, 0.09);\r\n    }\r\n\r\n    .force-segments-v3__card:hover .force-segments-v3__tags li {\r\n      border-color: rgba(92, 148, 239, 0.96);\r\n      background: rgba(68, 117, 202, 0.09);\r\n    }\r\n\r\n    .force-segments-v3__cta:hover {\r\n      color: #1b2d4a !important;\r\n      border-color: #ffffff;\r\n      background: #ffffff;\r\n      box-shadow: 0 11px 25px rgba(8, 21, 39, 0.25);\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .force-segments-v3__arrow:hover {\r\n      color: #ffffff;\r\n      border-color: var(--fsg-blue);\r\n      background: var(--fsg-blue);\r\n      box-shadow: 0 16px 34px rgba(49, 101, 185, 0.25);\r\n      transform: translateY(-50%) scale(1.07);\r\n    }\r\n\r\n    .force-segments-v3__dot:hover {\r\n      background: #9cb7e0;\r\n      transform: scale(1.12);\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .force-segments-v3--motion .force-segments-v3__eyebrow,\r\n    .force-segments-v3--motion .force-segments-v3__title,\r\n    .force-segments-v3--motion .force-segments-v3__subtitle,\r\n    .force-segments-v3--motion .force-segments-v3__carousel,\r\n    .force-segments-v3__track,\r\n    .force-segments-v3__card,\r\n    .force-segments-v3__media img,\r\n    .force-segments-v3__sector-icon,\r\n    .force-segments-v3__cta,\r\n    .force-segments-v3__arrow,\r\n    .force-segments-v3__dot {\r\n      opacity: 1;\r\n      transform: none;\r\n      transition: none !important;\r\n    }\r\n\r\n    .force-segments-v3__arrow {\r\n      transform: translateY(-50%);\r\n    }\r\n  }\r\n\r\n  \/* V3 \u2014 badges maiores, preservando a altura compacta dos cards. *\/\r\n  .force-segments-v3 .force-segments-v3__tags li {\r\n    padding: 8px 11px 8px 22px;\r\n    font-size: 11.5px;\r\n  }\r\n\r\n  .force-segments-v3 .force-segments-v3__tags li::before {\r\n    left: 10px;\r\n    width: 6px;\r\n    height: 6px;\r\n  }\r\n\r\n  @media (min-width: 768px) and (max-width: 1024px) {\r\n    .force-segments-v3 .force-segments-v3__tags li {\r\n      padding: 7px 10px 7px 20px;\r\n      font-size: 10.5px;\r\n    }\r\n\r\n    .force-segments-v3 .force-segments-v3__tags li::before {\r\n      left: 9px;\r\n      width: 5px;\r\n      height: 5px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .force-segments-v3 .force-segments-v3__tags li {\r\n      padding: 7px 9px 7px 20px;\r\n      font-size: 10px;\r\n    }\r\n\r\n    .force-segments-v3 .force-segments-v3__tags li::before {\r\n      left: 9px;\r\n      width: 5px;\r\n      height: 5px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (() => {\r\n    const carousels = document.querySelectorAll('.force-segments-v3__carousel:not([data-force-carousel-ready])');\r\n    const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n    carousels.forEach((carousel) => {\r\n      carousel.dataset.forceCarouselReady = 'true';\r\n\r\n      const section = carousel.closest('.force-segments-v3');\r\n      const viewport = carousel.querySelector('.force-segments-v3__viewport');\r\n      const track = carousel.querySelector('.force-segments-v3__track');\r\n      const previousButton = carousel.querySelector('.force-segments-v3__arrow--prev');\r\n      const nextButton = carousel.querySelector('.force-segments-v3__arrow--next');\r\n      const dots = Array.from(carousel.querySelectorAll('.force-segments-v3__dot'));\r\n      const status = carousel.querySelector('.force-segments-v3__status');\r\n      const originalSlides = Array.from(track.children);\r\n      const slideCount = originalSlides.length;\r\n\r\n      let activeIndex = 0;\r\n      let trackIndex = slideCount;\r\n      let isAnimating = false;\r\n      let isSectionVisible = false;\r\n      let autoplayTimer = null;\r\n      let pointerStartX = null;\r\n\r\n      const cloneSlide = (slide) => {\r\n        const clone = slide.cloneNode(true);\r\n        clone.dataset.forceClone = 'true';\r\n        clone.setAttribute('aria-hidden', 'true');\r\n        clone.querySelectorAll('a, button').forEach((item) => {\r\n          item.setAttribute('tabindex', '-1');\r\n        });\r\n        return clone;\r\n      };\r\n\r\n      const beforeClones = originalSlides.map(cloneSlide);\r\n      const afterClones = originalSlides.map(cloneSlide);\r\n\r\n      track.prepend(...beforeClones);\r\n      track.append(...afterClones);\r\n\r\n      const allSlides = () => Array.from(track.children);\r\n\r\n      const visibleCount = () => {\r\n        if (window.matchMedia('(max-width: 767px)').matches) return 1;\r\n        if (window.matchMedia('(max-width: 1024px)').matches) return 2;\r\n        if (window.matchMedia('(max-width: 1399px)').matches) return 3;\r\n        return 4;\r\n      };\r\n\r\n      const slideStep = () => {\r\n        const firstSlide = track.querySelector('.force-segments-v3__card');\r\n        const gap = parseFloat(window.getComputedStyle(track).columnGap) || 0;\r\n        return firstSlide.getBoundingClientRect().width + gap;\r\n      };\r\n\r\n      const updateAccessibility = () => {\r\n        const visible = visibleCount();\r\n\r\n        allSlides().forEach((slide, index) => {\r\n          const isVisible = index >= trackIndex && index < trackIndex + visible;\r\n          slide.setAttribute('aria-hidden', isVisible ? 'false' : 'true');\r\n          slide.querySelectorAll('a, button').forEach((item) => {\r\n            item.setAttribute('tabindex', isVisible ? '0' : '-1');\r\n          });\r\n        });\r\n      };\r\n\r\n      const updateDots = () => {\r\n        dots.forEach((dot, index) => {\r\n          const isActive = index === activeIndex;\r\n          dot.classList.toggle('force-segments-v3__dot--active', isActive);\r\n          dot.setAttribute('aria-current', isActive ? 'true' : 'false');\r\n        });\r\n\r\n        const currentSlide = originalSlides[activeIndex];\r\n        status.textContent = `Segmento em destaque: ${currentSlide.dataset.segment}`;\r\n      };\r\n\r\n      const setTrackPosition = (animate = true) => {\r\n        track.classList.toggle('force-segments-v3__track--no-transition', !animate);\r\n        track.style.transform = `translate3d(-${trackIndex * slideStep()}px, 0, 0)`;\r\n\r\n        if (!animate) {\r\n          track.getBoundingClientRect();\r\n          track.classList.remove('force-segments-v3__track--no-transition');\r\n        }\r\n\r\n        updateAccessibility();\r\n      };\r\n\r\n      const normalizeTrack = () => {\r\n        if (trackIndex >= slideCount * 2 || trackIndex < slideCount) {\r\n          trackIndex = slideCount + activeIndex;\r\n          setTrackPosition(false);\r\n        }\r\n        isAnimating = false;\r\n      };\r\n\r\n      const moveTo = (targetIndex, announce = true) => {\r\n        if (isAnimating || targetIndex === activeIndex) return;\r\n\r\n        const forward = (targetIndex - activeIndex + slideCount) % slideCount;\r\n        const backward = (activeIndex - targetIndex + slideCount) % slideCount;\r\n        const distance = forward <= backward ? forward : -backward;\r\n\r\n        activeIndex = targetIndex;\r\n        trackIndex += distance;\r\n        isAnimating = true;\r\n        setTrackPosition(true);\r\n        updateDots();\r\n\r\n        if (reduceMotion) normalizeTrack();\r\n\r\n        if (!announce) status.textContent = '';\r\n      };\r\n\r\n      const moveBy = (direction) => {\r\n        const targetIndex = (activeIndex + direction + slideCount) % slideCount;\r\n        moveTo(targetIndex);\r\n      };\r\n\r\n      const stopAutoplay = () => {\r\n        if (autoplayTimer) window.clearInterval(autoplayTimer);\r\n        autoplayTimer = null;\r\n      };\r\n\r\n      const startAutoplay = () => {\r\n        stopAutoplay();\r\n        if (reduceMotion || !isSectionVisible || document.hidden) return;\r\n\r\n        autoplayTimer = window.setInterval(() => {\r\n          if (!isAnimating) moveBy(1);\r\n        }, 5600);\r\n      };\r\n\r\n      previousButton.addEventListener('click', () => {\r\n        moveBy(-1);\r\n        startAutoplay();\r\n      });\r\n\r\n      nextButton.addEventListener('click', () => {\r\n        moveBy(1);\r\n        startAutoplay();\r\n      });\r\n\r\n      dots.forEach((dot, index) => {\r\n        dot.addEventListener('click', () => {\r\n          moveTo(index);\r\n          startAutoplay();\r\n        });\r\n      });\r\n\r\n      track.addEventListener('transitionend', (event) => {\r\n        if (event.propertyName !== 'transform') return;\r\n        normalizeTrack();\r\n      });\r\n\r\n      viewport.addEventListener('keydown', (event) => {\r\n        if (event.key === 'ArrowLeft') {\r\n          event.preventDefault();\r\n          moveBy(-1);\r\n          startAutoplay();\r\n        }\r\n\r\n        if (event.key === 'ArrowRight') {\r\n          event.preventDefault();\r\n          moveBy(1);\r\n          startAutoplay();\r\n        }\r\n      });\r\n\r\n      viewport.addEventListener('pointerdown', (event) => {\r\n        pointerStartX = event.clientX;\r\n        stopAutoplay();\r\n        viewport.setPointerCapture(event.pointerId);\r\n      });\r\n\r\n      viewport.addEventListener('pointerup', (event) => {\r\n        if (pointerStartX === null) return;\r\n        const distance = event.clientX - pointerStartX;\r\n        pointerStartX = null;\r\n\r\n        if (Math.abs(distance) > 45) {\r\n          moveBy(distance < 0 ? 1 : -1);\r\n        }\r\n\r\n        startAutoplay();\r\n      });\r\n\r\n      viewport.addEventListener('pointercancel', () => {\r\n        pointerStartX = null;\r\n        startAutoplay();\r\n      });\r\n\r\n      carousel.addEventListener('mouseenter', stopAutoplay);\r\n      carousel.addEventListener('mouseleave', startAutoplay);\r\n      carousel.addEventListener('focusin', stopAutoplay);\r\n      carousel.addEventListener('focusout', (event) => {\r\n        if (!carousel.contains(event.relatedTarget)) startAutoplay();\r\n      });\r\n\r\n      carousel.querySelectorAll('.force-segments-v3__cta').forEach((link) => {\r\n        link.addEventListener('click', (event) => {\r\n          const selector = link.getAttribute('href');\r\n          const target = selector && selector.startsWith('#') ? document.querySelector(selector) : null;\r\n\r\n          if (!target) return;\r\n          event.preventDefault();\r\n          target.scrollIntoView({\r\n            behavior: reduceMotion ? 'auto' : 'smooth',\r\n            block: 'start'\r\n          });\r\n        });\r\n      });\r\n\r\n      document.addEventListener('visibilitychange', () => {\r\n        if (document.hidden) stopAutoplay();\r\n        else startAutoplay();\r\n      });\r\n\r\n      let resizeTimer = null;\r\n      window.addEventListener('resize', () => {\r\n        window.clearTimeout(resizeTimer);\r\n        resizeTimer = window.setTimeout(() => {\r\n          trackIndex = slideCount + activeIndex;\r\n          isAnimating = false;\r\n          setTrackPosition(false);\r\n        }, 120);\r\n      });\r\n\r\n      const reveal = () => {\r\n        isSectionVisible = true;\r\n        section.classList.add('force-segments-v3--visible');\r\n        startAutoplay();\r\n      };\r\n\r\n      section.classList.add('force-segments-v3--motion');\r\n      setTrackPosition(false);\r\n      updateDots();\r\n\r\n      if (!('IntersectionObserver' in window)) {\r\n        reveal();\r\n        return;\r\n      }\r\n\r\n      const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry) => {\r\n          isSectionVisible = entry.isIntersecting;\r\n\r\n          if (entry.isIntersecting) {\r\n            reveal();\r\n          } else {\r\n            stopAutoplay();\r\n          }\r\n        });\r\n      }, {\r\n        threshold: 0.15,\r\n        rootMargin: '0px 0px -5% 0px'\r\n      });\r\n\r\n      observer.observe(section);\r\n    });\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b93458 e-con-full force-hero-home e-flex e-con e-parent\" data-id=\"0b93458\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7090a26 elementor-widget elementor-widget-html\" data-id=\"7090a26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n  FORCE BRASIL \/ FORCE GROUP\r\n  SESS\u00c3O DE CONTATO + TRABALHE CONOSCO \u2014 NOVA IDENTIDADE\r\n  Widget HTML Elementor \u2014 vers\u00e3o azul-claro\r\n========================================================= -->\r\n\r\n<section class=\"force-s05\" id=\"contato\">\r\n\r\n  <!-- =====================================================\r\n    01. FUNDO DA SESS\u00c3O\r\n  ====================================================== -->\r\n  <div class=\"force-s05-bg\"><\/div>\r\n\r\n  <!-- =====================================================\r\n    02. ABAS SUPERIORES\r\n  ====================================================== -->\r\n  <div class=\"force-s05-tabs-wrap force-s05-anim\">\r\n    <button class=\"force-s05-tab is-active\" type=\"button\" data-tab=\"contato\">\r\n      <span class=\"force-s05-tab-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M4 5H20V16H8L4 20V5Z\"><\/path>\r\n          <path d=\"M8 9H16\"><\/path>\r\n          <path d=\"M8 12H13\"><\/path>\r\n        <\/svg>\r\n      <\/span>\r\n      Fale Conosco\r\n    <\/button>\r\n\r\n    <button class=\"force-s05-tab\" type=\"button\" data-tab=\"trabalhe\">\r\n      <span class=\"force-s05-tab-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M16 21V19C16 16.8 14.2 15 12 15H7C4.8 15 3 16.8 3 19V21\"><\/path>\r\n          <circle cx=\"9.5\" cy=\"7\" r=\"4\"><\/circle>\r\n          <path d=\"M19 8V14\"><\/path>\r\n          <path d=\"M22 11H16\"><\/path>\r\n        <\/svg>\r\n      <\/span>\r\n      Trabalhe Conosco\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <!-- =====================================================\r\n    03. CONTE\u00daDO PRINCIPAL\r\n  ====================================================== -->\r\n  <div class=\"force-s05-container force-s05-grid\">\r\n\r\n    <!-- ===================================================\r\n      03.1. COLUNA ESQUERDA - CANAIS DE CONTATO\r\n    ==================================================== -->\r\n    <div class=\"force-s05-info force-s05-anim\">\r\n      <span class=\"force-s05-eyebrow\">CANAIS DE CONTATO<\/span>\r\n\r\n      <h2>Vamos conversar<\/h2>\r\n\r\n      <p class=\"force-s05-info-text\">\r\n        Nossa equipe est\u00e1 pronta para apoiar sua opera\u00e7\u00e3o, esclarecer d\u00favidas\r\n        e encontrar a solu\u00e7\u00e3o mais adequada para sua necessidade.\r\n      <\/p>\r\n\r\n      <div class=\"force-s05-contact-list\">\r\n\r\n        <!-- Endere\u00e7o -->\r\n        <div class=\"force-s05-contact-item\">\r\n          <div class=\"force-s05-contact-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M12 21C12 21 19 14.7 19 8.8C19 4.9 15.9 2 12 2C8.1 2 5 4.9 5 8.8C5 14.7 12 21 12 21Z\"><\/path>\r\n              <circle cx=\"12\" cy=\"9\" r=\"2.5\"><\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>Endere\u00e7o:<\/strong>\r\n            <span>Rua Pantojo, 485 A \u2013 Jardim An\u00e1lia Franco \u2013 S\u00e3o Paulo \u2013 SP<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Telefone -->\r\n        <div class=\"force-s05-contact-item\">\r\n          <div class=\"force-s05-contact-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M22 16.9V20C22 20.9 21.3 21.7 20.4 21.9C19.7 22 19 22 18.3 21.9C9.7 20.8 3.2 14.3 2.1 5.7C2 5 2 4.3 2.1 3.6C2.3 2.7 3.1 2 4 2H7.1C7.9 2 8.6 2.5 8.8 3.3L9.6 6.5C9.8 7.2 9.6 7.9 9.1 8.4L7.7 9.8C8.9 12.7 11.3 15.1 14.2 16.3L15.6 14.9C16.1 14.4 16.8 14.2 17.5 14.4L20.7 15.2C21.5 15.4 22 16.1 22 16.9Z\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>Telefone:<\/strong>\r\n            <span>(11) 2084-0051<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- E-mail -->\r\n        <div class=\"force-s05-contact-item\">\r\n          <div class=\"force-s05-contact-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M4 5H20C21.1 5 22 5.9 22 7V17C22 18.1 21.1 19 20 19H4C2.9 19 2 18.1 2 17V7C2 5.9 2.9 5 4 5Z\"><\/path>\r\n              <path d=\"M22 7L12 13.5L2 7\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>E-mail:<\/strong>\r\n            <span>force@forceconsultoria.com.br<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Mapa -->\r\n      <div class=\"force-s05-map\">\r\n        <iframe\r\n          title=\"Mapa Force Brasil\"\r\n          loading=\"lazy\"\r\n          referrerpolicy=\"no-referrer-when-downgrade\"\r\n          src=\"https:\/\/www.google.com\/maps?q=Rua%20Pantojo%20485%20A%20Jardim%20An%C3%A1lia%20Franco%20S%C3%A3o%20Paulo%20SP&output=embed\">\r\n        <\/iframe>\r\n\r\n        <div class=\"force-s05-map-pin\">\r\n          <span><\/span>\r\n          <strong>Force Brasil<\/strong>\r\n          <small>S\u00e3o Paulo - SP<\/small>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ===================================================\r\n      03.2. COLUNA DIREITA - FORMUL\u00c1RIOS\r\n    ==================================================== -->\r\n    <div class=\"force-s05-form-card force-s05-anim\">\r\n\r\n      <!-- =================================================\r\n        FORM 01 - FALE CONOSCO\r\n      ================================================== -->\r\n      <form class=\"force-s05-form is-active\" data-form=\"contato\">\r\n        <span class=\"force-s05-form-eyebrow\">FALE CONOSCO<\/span>\r\n\r\n        <h3>Como podemos ajudar?<\/h3>\r\n\r\n        <div class=\"force-s05-field force-s05-field-full\">\r\n          <label for=\"force-assunto\">Assunto<\/label>\r\n          <select id=\"force-assunto\" name=\"assunto\" required>\r\n            <option value=\"\">Selecione o assunto<\/option>\r\n            <option value=\"Consultoria Aduaneira\">Consultoria Aduaneira<\/option>\r\n            <option value=\"Desembara\u00e7o Aduaneiro\">Desembara\u00e7o Aduaneiro<\/option>\r\n            <option value=\"Log\u00edstica Internacional\">Log\u00edstica Internacional<\/option>\r\n            <option value=\"Assessoria Aeron\u00e1utica\">Assessoria Aeron\u00e1utica<\/option>\r\n            <option value=\"Compliance Aduaneiro\">Compliance Aduaneiro<\/option>\r\n            <option value=\"Importa\u00e7\u00e3o &amp; Exporta\u00e7\u00e3o\">Importa\u00e7\u00e3o &amp; Exporta\u00e7\u00e3o<\/option>\r\n            <option value=\"Outros assuntos\">Outros assuntos<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"force-s05-form-row\">\r\n          <div class=\"force-s05-field\">\r\n            <label for=\"force-nome\">Nome<\/label>\r\n            <input id=\"force-nome\" name=\"nome\" type=\"text\" placeholder=\"Digite seu nome\" required>\r\n          <\/div>\r\n\r\n          <div class=\"force-s05-field\">\r\n            <label for=\"force-email\">E-mail<\/label>\r\n            <input id=\"force-email\" name=\"email\" type=\"email\" placeholder=\"seu@email.com\" required>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"force-s05-form-row\">\r\n          <div class=\"force-s05-field\">\r\n            <label for=\"force-telefone\">Telefone<\/label>\r\n            <input id=\"force-telefone\" name=\"telefone\" type=\"tel\" placeholder=\"(11) 00000-0000\" required>\r\n          <\/div>\r\n\r\n          <div class=\"force-s05-field\">\r\n            <label for=\"force-empresa\">Empresa<\/label>\r\n            <input id=\"force-empresa\" name=\"empresa\" type=\"text\" placeholder=\"Nome da empresa\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"force-s05-field force-s05-field-full\">\r\n          <label for=\"force-mensagem\">Mensagem<\/label>\r\n          <textarea id=\"force-mensagem\" name=\"mensagem\" placeholder=\"Conte-nos como podemos ajudar sua opera\u00e7\u00e3o...\" required><\/textarea>\r\n        <\/div>\r\n\r\n        <button class=\"force-s05-submit\" type=\"submit\">\r\n          <span>\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M22 2L11 13\"><\/path>\r\n              <path d=\"M22 2L15 22L11 13L2 9L22 2Z\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n          Enviar mensagem\r\n        <\/button>\r\n\r\n        <p class=\"force-s05-feedback\" aria-live=\"polite\"><\/p>\r\n      <\/form>\r\n\r\n      <!-- =================================================\r\n        FORM 02 - TRABALHE CONOSCO\r\n      ================================================== -->\r\n      <form class=\"force-s05-form\" data-form=\"trabalhe\">\r\n        <span class=\"force-s05-form-eyebrow\">TRABALHE CONOSCO<\/span>\r\n\r\n        <h3>Fa\u00e7a parte da nossa equipe<\/h3>\r\n\r\n        <div class=\"force-s05-form-row\">\r\n          <div class=\"force-s05-field\">\r\n            <label for=\"force-job-nome\">Nome<\/label>\r\n            <input id=\"force-job-nome\" name=\"nome\" type=\"text\" placeholder=\"Digite seu nome\" required>\r\n          <\/div>\r\n\r\n          <div class=\"force-s05-field\">\r\n            <label for=\"force-job-email\">E-mail<\/label>\r\n            <input id=\"force-job-email\" name=\"email\" type=\"email\" placeholder=\"seu@email.com\" required>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"force-s05-form-row\">\r\n          <div class=\"force-s05-field\">\r\n            <label for=\"force-job-telefone\">Telefone<\/label>\r\n            <input id=\"force-job-telefone\" name=\"telefone\" type=\"tel\" placeholder=\"(11) 00000-0000\" required>\r\n          <\/div>\r\n\r\n          <div class=\"force-s05-field\">\r\n            <label for=\"force-job-area\">\u00c1rea de interesse<\/label>\r\n            <select id=\"force-job-area\" name=\"area\" required>\r\n              <option value=\"\">Selecione a \u00e1rea<\/option>\r\n              <option value=\"Com\u00e9rcio Exterior\">Com\u00e9rcio Exterior<\/option>\r\n              <option value=\"Log\u00edstica\">Log\u00edstica<\/option>\r\n              <option value=\"Aduaneiro\">Aduaneiro<\/option>\r\n              <option value=\"Administrativo\">Administrativo<\/option>\r\n              <option value=\"Comercial\">Comercial<\/option>\r\n              <option value=\"Outras \u00e1reas\">Outras \u00e1reas<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"force-s05-field force-s05-field-full\">\r\n          <label for=\"force-job-curriculo\">Anexar curr\u00edculo<\/label>\r\n          <input id=\"force-job-curriculo\" name=\"curriculo\" type=\"file\" accept=\".pdf,.doc,.docx\">\r\n        <\/div>\r\n\r\n        <div class=\"force-s05-field force-s05-field-full\">\r\n          <label for=\"force-job-mensagem\">Apresente-se<\/label>\r\n          <textarea id=\"force-job-mensagem\" name=\"mensagem\" placeholder=\"Conte um pouco sobre sua experi\u00eancia e \u00e1rea de interesse...\" required><\/textarea>\r\n        <\/div>\r\n\r\n        <button class=\"force-s05-submit\" type=\"submit\">\r\n          <span>\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M22 2L11 13\"><\/path>\r\n              <path d=\"M22 2L15 22L11 13L2 9L22 2Z\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n          Enviar curr\u00edculo\r\n        <\/button>\r\n\r\n        <p class=\"force-s05-feedback\" aria-live=\"polite\"><\/p>\r\n      <\/form>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n  04. BASE DA SESS\u00c3O\r\n========================================================= *\/\r\n\r\n.force-s05,\r\n.force-s05 * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.force-s05 {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  padding: 76px 0 86px;\r\n  font-family: inherit;\r\n  color: #ffffff;\r\n  background: #00142f;\r\n}\r\n\r\n.force-s05-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -2;\r\n  background-image: url(\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/Sessao_04_BG.webp\");\r\n  background-size: cover;\r\n  background-position: center top;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.force-s05::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -1;\r\n  pointer-events: none;\r\n  background:\r\n    radial-gradient(circle at 54% 38%, rgba(7, 93, 255, .11), transparent 38%),\r\n    linear-gradient(180deg, rgba(0, 13, 38, .08), rgba(0, 14, 42, .12));\r\n}\r\n\r\n.force-s05-container {\r\n  position: relative;\r\n  width: min(1040px, calc(100% - 180px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* =========================================================\r\n  05. ABAS\r\n========================================================= *\/\r\n\r\n.force-s05-tabs-wrap {\r\n  position: relative;\r\n  z-index: 4;\r\n  width: min(430px, calc(100% - 120px));\r\n  height: 54px;\r\n  margin: 0 auto 34px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  border-radius: 8px 8px 0 0;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(55, 135, 255, .28);\r\n  background: rgba(0, 16, 42, .42);\r\n  box-shadow:\r\n    0 14px 28px rgba(0, 0, 0, .13),\r\n    inset 0 0 20px rgba(7, 93, 255, .05);\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n}\r\n\r\n.force-s05 .force-s05-tab {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding: 0 16px;\r\n  border: 0 !important;\r\n  border-right: 1px solid rgba(255, 255, 255, .08) !important;\r\n  border-radius: 0 !important;\r\n  background: transparent !important;\r\n  background-color: transparent !important;\r\n  color: rgba(255, 255, 255, .58) !important;\r\n  cursor: pointer;\r\n  font-family: inherit !important;\r\n  font-size: 13.5px;\r\n  line-height: 1;\r\n  font-weight: 800;\r\n  text-decoration: none !important;\r\n  outline: none !important;\r\n  box-shadow: none !important;\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n  transition:\r\n    color .25s ease,\r\n    background .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.force-s05 .force-s05-tab:last-child {\r\n  border-right: 0 !important;\r\n}\r\n\r\n.force-s05 .force-s05-tab::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 16%;\r\n  right: 16%;\r\n  bottom: 0;\r\n  height: 2px;\r\n  border-radius: 999px 999px 0 0;\r\n  background: #0782ff;\r\n  box-shadow: 0 0 14px rgba(7, 130, 255, .62);\r\n  opacity: 0;\r\n  transform: scaleX(.55);\r\n  transition:\r\n    opacity .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n.force-s05 .force-s05-tab:hover,\r\n.force-s05 .force-s05-tab:focus,\r\n.force-s05 .force-s05-tab:active {\r\n  background: rgba(7, 93, 255, .075) !important;\r\n  background-color: rgba(7, 93, 255, .075) !important;\r\n  color: #0782ff !important;\r\n  border-color: rgba(255, 255, 255, .08) !important;\r\n  outline: none !important;\r\n  box-shadow:\r\n    inset 0 0 18px rgba(7, 130, 255, .055) !important;\r\n}\r\n\r\n.force-s05 .force-s05-tab.is-active,\r\n.force-s05 .force-s05-tab.is-active:hover,\r\n.force-s05 .force-s05-tab.is-active:focus,\r\n.force-s05 .force-s05-tab.is-active:active {\r\n  color: #0782ff !important;\r\n  background: rgba(7, 93, 255, .095) !important;\r\n  background-color: rgba(7, 93, 255, .095) !important;\r\n  outline: none !important;\r\n  box-shadow:\r\n    inset 0 0 22px rgba(7, 130, 255, .075) !important;\r\n}\r\n\r\n.force-s05 .force-s05-tab.is-active::after {\r\n  opacity: 1;\r\n  transform: scaleX(1);\r\n}\r\n\r\n.force-s05-tab-icon {\r\n  width: 18px;\r\n  height: 18px;\r\n  display: inline-flex;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.force-s05-tab-icon svg,\r\n.force-s05-contact-icon svg,\r\n.force-s05-submit svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2.05;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\/* =========================================================\r\n  06. GRID PRINCIPAL\r\n========================================================= *\/\r\n\r\n.force-s05-grid {\r\n  display: grid;\r\n  grid-template-columns: 38% 62%;\r\n  align-items: center;\r\n  gap: 38px;\r\n}\r\n\r\n\/* =========================================================\r\n  07. COLUNA ESQUERDA\r\n========================================================= *\/\r\n\r\n.force-s05-info {\r\n  padding-top: 8px;\r\n}\r\n\r\n.force-s05-eyebrow {\r\n  display: inline-flex;\r\n  position: relative;\r\n  margin-bottom: 21px;\r\n  font-size: 10px;\r\n  line-height: 1;\r\n  letter-spacing: .34em;\r\n  font-weight: 800;\r\n  color: #0782ff;\r\n}\r\n\r\n.force-s05-eyebrow::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: -11px;\r\n  width: 40px;\r\n  height: 2px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg, #0782ff, rgba(7, 130, 255, 0));\r\n}\r\n\r\n.force-s05-info h2 {\r\n  margin: 0;\r\n  font-size: clamp(29px, 2.55vw, 39px);\r\n  line-height: 1.12;\r\n  font-weight: 800;\r\n  letter-spacing: -.035em;\r\n  color: rgba(255, 255, 255, .96);\r\n}\r\n\r\n.force-s05-info-text {\r\n  margin: 19px 0 0;\r\n  max-width: 350px;\r\n  font-size: 13.5px;\r\n  line-height: 1.68;\r\n  font-weight: 500;\r\n  color: rgba(255, 255, 255, .74);\r\n}\r\n\r\n.force-s05-contact-list {\r\n  display: grid;\r\n  gap: 10px;\r\n  margin-top: 23px;\r\n}\r\n\r\n.force-s05-contact-item {\r\n  display: grid;\r\n  grid-template-columns: 40px 1fr;\r\n  align-items: center;\r\n  gap: 13px;\r\n}\r\n\r\n.force-s05-contact-icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  display: grid;\r\n  place-items: center;\r\n  color: #0782ff;\r\n  border-radius: 8px;\r\n  border: 1px solid rgba(7, 130, 255, .42);\r\n  background: rgba(0, 34, 83, .34);\r\n  box-shadow:\r\n    inset 0 0 12px rgba(7, 130, 255, .08),\r\n    0 0 12px rgba(7, 130, 255, .08);\r\n}\r\n\r\n.force-s05-contact-icon svg {\r\n  width: 21px;\r\n  height: 21px;\r\n}\r\n\r\n.force-s05-contact-item strong {\r\n  display: block;\r\n  margin-bottom: 3px;\r\n  font-size: 12px;\r\n  line-height: 1.15;\r\n  font-weight: 800;\r\n  color: rgba(255, 255, 255, .92);\r\n}\r\n\r\n.force-s05-contact-item span {\r\n  display: block;\r\n  font-size: 12.4px;\r\n  line-height: 1.4;\r\n  font-weight: 500;\r\n  color: rgba(255, 255, 255, .72);\r\n}\r\n\r\n\/* =========================================================\r\n  08. MAPA\r\n========================================================= *\/\r\n\r\n.force-s05-map {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 128px;\r\n  margin-top: 20px;\r\n  overflow: hidden;\r\n  border-radius: 11px;\r\n  border: 1px solid rgba(7, 130, 255, .35);\r\n  background: rgba(0, 28, 72, .52);\r\n  box-shadow:\r\n    0 14px 30px rgba(0, 0, 0, .17),\r\n    inset 0 0 28px rgba(7, 130, 255, .08);\r\n}\r\n\r\n.force-s05-map iframe {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n  filter: grayscale(1) invert(1) contrast(1.05) saturate(.8);\r\n  opacity: .58;\r\n}\r\n\r\n.force-s05-map::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  background:\r\n    radial-gradient(circle at 46% 38%, rgba(7, 130, 255, .22), transparent 24%),\r\n    linear-gradient(180deg, rgba(0, 24, 64, .12), rgba(0, 15, 45, .42));\r\n}\r\n\r\n.force-s05-map-pin {\r\n  position: absolute;\r\n  right: 18%;\r\n  top: 26px;\r\n  z-index: 2;\r\n  min-width: 112px;\r\n  padding: 9px 11px 10px 35px;\r\n  border-radius: 8px;\r\n  background: rgba(0, 14, 38, .82);\r\n  border: 1px solid rgba(7, 130, 255, .22);\r\n  box-shadow: 0 12px 24px rgba(0, 0, 0, .22);\r\n}\r\n\r\n.force-s05-map-pin span {\r\n  position: absolute;\r\n  left: -7px;\r\n  top: -2px;\r\n  width: 31px;\r\n  height: 31px;\r\n  border-radius: 50% 50% 50% 0;\r\n  background: #0782ff;\r\n  transform: rotate(-45deg);\r\n  box-shadow:\r\n    0 0 0 6px rgba(7, 130, 255, .12),\r\n    0 0 18px rgba(7, 130, 255, .62);\r\n}\r\n\r\n.force-s05-map-pin span::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  width: 9px;\r\n  height: 9px;\r\n  border-radius: 999px;\r\n  background: #ffffff;\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n.force-s05-map-pin strong,\r\n.force-s05-map-pin small {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: block;\r\n}\r\n\r\n.force-s05-map-pin strong {\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n}\r\n\r\n.force-s05-map-pin small {\r\n  margin-top: 2px;\r\n  font-size: 10.5px;\r\n  font-weight: 600;\r\n  color: rgba(255, 255, 255, .72);\r\n}\r\n\r\n\/* =========================================================\r\n  09. CARD DO FORMUL\u00c1RIO\r\n========================================================= *\/\r\n\r\n.force-s05-form-card {\r\n  position: relative;\r\n  min-height: auto;\r\n  padding: 30px 36px 28px;\r\n  border-radius: 13px;\r\n  background: rgba(255, 255, 255, .96);\r\n  color: #101936;\r\n  box-shadow:\r\n    0 26px 54px rgba(0, 0, 0, .20),\r\n    inset 0 0 0 1px rgba(255,255,255,.64);\r\n}\r\n\r\n.force-s05-form {\r\n  display: none;\r\n}\r\n\r\n.force-s05-form.is-active {\r\n  display: block;\r\n  animation: forceS05FormShow .32s ease both;\r\n}\r\n\r\n@keyframes forceS05FormShow {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.force-s05-form-eyebrow {\r\n  display: block;\r\n  margin-bottom: 12px;\r\n  font-size: 10px;\r\n  line-height: 1;\r\n  letter-spacing: .32em;\r\n  font-weight: 800;\r\n  color: #075dff;\r\n}\r\n\r\n.force-s05-form h3 {\r\n  margin: 0 0 22px;\r\n  font-size: 25px;\r\n  line-height: 1.15;\r\n  font-weight: 800;\r\n  letter-spacing: -.025em;\r\n  color: #101936;\r\n}\r\n\r\n.force-s05-form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 18px;\r\n}\r\n\r\n.force-s05-field {\r\n  margin-bottom: 17px;\r\n}\r\n\r\n.force-s05-field-full {\r\n  width: 100%;\r\n}\r\n\r\n.force-s05-field label {\r\n  display: block;\r\n  margin: 0 0 7px 11px;\r\n  font-size: 11.5px;\r\n  line-height: 1;\r\n  font-weight: 800;\r\n  color: rgba(16, 25, 54, .88);\r\n}\r\n\r\n.force-s05-field input,\r\n.force-s05-field select,\r\n.force-s05-field textarea {\r\n  width: 100%;\r\n  min-height: 41px;\r\n  padding: 0 14px;\r\n  border-radius: 9px;\r\n  border: 1px solid rgba(121, 142, 180, .28);\r\n  outline: none;\r\n  background: rgba(255, 255, 255, .84);\r\n  color: #101936;\r\n  font-family: inherit;\r\n  font-size: 12.5px;\r\n  font-weight: 600;\r\n  transition:\r\n    border-color .2s ease,\r\n    box-shadow .2s ease,\r\n    background .2s ease;\r\n}\r\n\r\n.force-s05-field input::placeholder,\r\n.force-s05-field textarea::placeholder {\r\n  color: rgba(16, 25, 54, .42);\r\n}\r\n\r\n.force-s05-field textarea {\r\n  min-height: 88px;\r\n  padding-top: 13px;\r\n  resize: vertical;\r\n}\r\n\r\n.force-s05-field input[type=\"file\"] {\r\n  padding: 11px 14px;\r\n  cursor: pointer;\r\n}\r\n\r\n.force-s05-field input:focus,\r\n.force-s05-field select:focus,\r\n.force-s05-field textarea:focus {\r\n  border-color: rgba(7, 93, 255, .62);\r\n  background: #ffffff;\r\n  box-shadow: 0 0 0 3px rgba(7, 93, 255, .08);\r\n}\r\n\r\n.force-s05-submit {\r\n  width: 100%;\r\n  min-height: 43px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  border: 0 !important;\r\n  border-radius: 9px;\r\n  background: linear-gradient(135deg, #075dff, #0077ff) !important;\r\n  color: #ffffff !important;\r\n  cursor: pointer;\r\n  font-family: inherit;\r\n  font-size: 14px;\r\n  line-height: 1;\r\n  font-weight: 800;\r\n  box-shadow:\r\n    0 13px 24px rgba(7, 93, 255, .22),\r\n    inset 0 1px 0 rgba(255,255,255,.22);\r\n  transition:\r\n    transform .22s ease,\r\n    box-shadow .22s ease,\r\n    filter .22s ease;\r\n}\r\n\r\n.force-s05-submit span {\r\n  width: 18px;\r\n  height: 18px;\r\n  display: inline-flex;\r\n}\r\n\r\n.force-s05-submit:hover,\r\n.force-s05-submit:focus,\r\n.force-s05-submit:active {\r\n  transform: translateY(-2px);\r\n  background: linear-gradient(135deg, #075dff, #0077ff) !important;\r\n  color: #ffffff !important;\r\n  filter: saturate(1.08);\r\n  outline: none !important;\r\n  box-shadow:\r\n    0 16px 28px rgba(7, 93, 255, .28),\r\n    inset 0 1px 0 rgba(255,255,255,.24) !important;\r\n}\r\n\r\n.force-s05-feedback {\r\n  min-height: 18px;\r\n  margin: 10px 0 0;\r\n  font-size: 11.5px;\r\n  line-height: 1.4;\r\n  font-weight: 700;\r\n  color: #075dff;\r\n}\r\n\r\n\/* =========================================================\r\n  10. ANIMA\u00c7\u00d5ES DE ROLAGEM\r\n  Entra quando aparece, some quando sai.\r\n========================================================= *\/\r\n\r\n.force-s05-anim {\r\n  opacity: 0;\r\n  transform: translateY(34px) scale(.985);\r\n  filter: blur(5px);\r\n  transition:\r\n    opacity .70s ease,\r\n    transform .70s cubic-bezier(.16, 1, .3, 1),\r\n    filter .70s ease;\r\n  will-change: opacity, transform, filter;\r\n}\r\n\r\n.force-s05-anim.force-s05-visible {\r\n  opacity: 1;\r\n  transform: translateY(0) scale(1);\r\n  filter: blur(0);\r\n}\r\n\r\n.force-s05-info.force-s05-visible {\r\n  transition-delay: .05s;\r\n}\r\n\r\n.force-s05-form-card.force-s05-visible {\r\n  transition-delay: .12s;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .force-s05-anim {\r\n    opacity: 1;\r\n    transform: none;\r\n    filter: none;\r\n    transition: none;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n  11. RESPONSIVO - NOTEBOOK\r\n========================================================= *\/\r\n\r\n@media (max-width: 1240px) {\r\n  .force-s05-container {\r\n    width: min(960px, calc(100% - 120px));\r\n  }\r\n\r\n  .force-s05-grid {\r\n    grid-template-columns: 39% 61%;\r\n    gap: 32px;\r\n  }\r\n\r\n  .force-s05-form-card {\r\n    padding: 28px 32px 26px;\r\n  }\r\n\r\n  .force-s05-info h2 {\r\n    font-size: 34px;\r\n  }\r\n\r\n  .force-s05-form h3 {\r\n    font-size: 23px;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n  12. RESPONSIVO - TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n  .force-s05 {\r\n    padding: 70px 0 78px;\r\n  }\r\n\r\n  .force-s05-container {\r\n    width: calc(100% - 96px);\r\n    max-width: 820px;\r\n  }\r\n\r\n  .force-s05-tabs-wrap {\r\n    width: min(430px, calc(100% - 96px));\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .force-s05-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 34px;\r\n  }\r\n\r\n  .force-s05-info {\r\n    padding-top: 0;\r\n  }\r\n\r\n  .force-s05-info h2 {\r\n    font-size: 35px;\r\n  }\r\n\r\n  .force-s05-info-text {\r\n    max-width: 600px;\r\n  }\r\n\r\n  .force-s05-contact-list {\r\n    max-width: 600px;\r\n  }\r\n\r\n  .force-s05-map {\r\n    height: 175px;\r\n  }\r\n\r\n  .force-s05-form-card {\r\n    min-height: auto;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n  13. RESPONSIVO - MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n  .force-s05 {\r\n    padding: 62px 0 72px;\r\n  }\r\n\r\n  .force-s05-bg {\r\n    background-size: cover;\r\n    background-position: center top;\r\n  }\r\n\r\n  .force-s05-container {\r\n    width: calc(100% - 56px);\r\n    max-width: 380px;\r\n  }\r\n\r\n  .force-s05-tabs-wrap {\r\n    width: calc(100% - 56px);\r\n    max-width: 380px;\r\n    height: auto;\r\n    min-height: 52px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .force-s05 .force-s05-tab {\r\n    min-height: 52px;\r\n    padding: 0 9px;\r\n    gap: 6px;\r\n    font-size: 11.8px;\r\n  }\r\n\r\n  .force-s05-tab-icon {\r\n    width: 17px;\r\n    height: 17px;\r\n  }\r\n\r\n  .force-s05-info h2 {\r\n    font-size: 29px;\r\n  }\r\n\r\n  .force-s05-eyebrow {\r\n    font-size: 9.5px;\r\n    letter-spacing: .29em;\r\n  }\r\n\r\n  .force-s05-info-text {\r\n    margin-top: 18px;\r\n    font-size: 13.2px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .force-s05-contact-list {\r\n    gap: 13px;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .force-s05-contact-item {\r\n    grid-template-columns: 38px 1fr;\r\n    gap: 12px;\r\n  }\r\n\r\n  .force-s05-contact-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n  }\r\n\r\n  .force-s05-contact-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n\r\n  .force-s05-contact-item strong {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .force-s05-contact-item span {\r\n    font-size: 12.5px;\r\n  }\r\n\r\n  .force-s05-map {\r\n    height: 156px;\r\n    border-radius: 11px;\r\n  }\r\n\r\n  .force-s05-map-pin {\r\n    right: 12px;\r\n    top: 32px;\r\n    min-width: 108px;\r\n    padding: 9px 10px 10px 34px;\r\n  }\r\n\r\n  .force-s05-map-pin span {\r\n    width: 30px;\r\n    height: 30px;\r\n  }\r\n\r\n  .force-s05-form-card {\r\n    padding: 25px 20px 23px;\r\n    border-radius: 12px;\r\n  }\r\n\r\n  .force-s05-form-eyebrow {\r\n    font-size: 9.5px;\r\n    letter-spacing: .28em;\r\n  }\r\n\r\n  .force-s05-form h3 {\r\n    margin-bottom: 22px;\r\n    font-size: 23px;\r\n  }\r\n\r\n  .force-s05-form-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 0;\r\n  }\r\n\r\n  .force-s05-field {\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .force-s05-field label {\r\n    margin-left: 9px;\r\n    font-size: 11.5px;\r\n  }\r\n\r\n  .force-s05-field input,\r\n  .force-s05-field select,\r\n  .force-s05-field textarea {\r\n    min-height: 41px;\r\n    border-radius: 8px;\r\n    font-size: 12.5px;\r\n  }\r\n\r\n  .force-s05-field textarea {\r\n    min-height: 92px;\r\n  }\r\n\r\n  .force-s05-submit {\r\n    min-height: 43px;\r\n    border-radius: 8px;\r\n    font-size: 13.2px;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n  14. MOBILE PEQUENO\r\n========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n  .force-s05-container,\r\n  .force-s05-tabs-wrap {\r\n    width: calc(100% - 48px);\r\n  }\r\n\r\n  .force-s05-info h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  .force-s05-form h3 {\r\n    font-size: 21px;\r\n  }\r\n\r\n  .force-s05 .force-s05-tab {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .force-s05-form-card {\r\n    padding-left: 18px;\r\n    padding-right: 18px;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n  16. NOVA IDENTIDADE \u2014 REFER\u00caNCIA AZUL-CLARO\r\n========================================================= *\/\r\n\r\n.force-s05 {\r\n  padding: 54px 0 80px;\r\n  color: #ffffff;\r\n  background: #69a9d5;\r\n}\r\n\r\n.force-s05-bg {\r\n  background-image: none;\r\n  background:\r\n    radial-gradient(circle at 50% 36%, rgba(255, 255, 255, .13), transparent 42%),\r\n    linear-gradient(135deg, #67a6d2 0%, #71b2dc 52%, #63a4d1 100%);\r\n}\r\n\r\n.force-s05::before {\r\n  background:\r\n    radial-gradient(circle at 14% 70%, rgba(53, 115, 171, .10), transparent 34%),\r\n    radial-gradient(circle at 86% 22%, rgba(255, 255, 255, .08), transparent 30%);\r\n}\r\n\r\n.force-s05-container {\r\n  width: min(1240px, calc(100% - 400px));\r\n}\r\n\r\n.force-s05-tabs-wrap {\r\n  width: min(530px, calc(100% - 400px));\r\n  height: 64px;\r\n  margin: 0 auto 36px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255, 255, 255, .38);\r\n  border-radius: 16px;\r\n  background: rgba(255, 255, 255, .035);\r\n  box-shadow: 0 14px 30px rgba(42, 93, 137, .08);\r\n  backdrop-filter: blur(7px);\r\n  -webkit-backdrop-filter: blur(7px);\r\n}\r\n\r\n.force-s05 .force-s05-tab {\r\n  gap: 10px;\r\n  padding: 0 20px;\r\n  border-right: 1px solid rgba(255, 255, 255, .30) !important;\r\n  color: rgba(255, 255, 255, .96) !important;\r\n  font-size: 15px;\r\n  font-weight: 750;\r\n}\r\n\r\n.force-s05 .force-s05-tab:last-child {\r\n  border-right: 0 !important;\r\n}\r\n\r\n.force-s05 .force-s05-tab::after {\r\n  display: none;\r\n}\r\n\r\n.force-s05 .force-s05-tab:hover,\r\n.force-s05 .force-s05-tab:focus,\r\n.force-s05 .force-s05-tab:active {\r\n  color: #ffffff !important;\r\n  background: rgba(255, 255, 255, .09) !important;\r\n  background-color: rgba(255, 255, 255, .09) !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n.force-s05 .force-s05-tab.is-active,\r\n.force-s05 .force-s05-tab.is-active:hover,\r\n.force-s05 .force-s05-tab.is-active:focus,\r\n.force-s05 .force-s05-tab.is-active:active {\r\n  color: #3f73bf !important;\r\n  background: #ffffff !important;\r\n  background-color: #ffffff !important;\r\n  box-shadow: 0 10px 26px rgba(44, 91, 137, .10) !important;\r\n}\r\n\r\n.force-s05-tab-icon {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n.force-s05-grid {\r\n  grid-template-columns: minmax(0, 445px) minmax(0, 1fr);\r\n  gap: 68px;\r\n  align-items: center;\r\n}\r\n\r\n.force-s05-info {\r\n  padding-top: 0;\r\n}\r\n\r\n.force-s05-eyebrow {\r\n  margin-bottom: 28px;\r\n  color: #ffffff;\r\n  font-size: 11px;\r\n  letter-spacing: .38em;\r\n}\r\n\r\n.force-s05-eyebrow::after {\r\n  bottom: -13px;\r\n  width: 46px;\r\n  background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0));\r\n}\r\n\r\n.force-s05-info h2 {\r\n  font-size: clamp(35px, 2.65vw, 42px);\r\n  color: #ffffff;\r\n}\r\n\r\n.force-s05-info-text {\r\n  max-width: 420px;\r\n  margin-top: 25px;\r\n  color: rgba(255, 255, 255, .96);\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.force-s05-contact-list {\r\n  gap: 16px;\r\n  margin-top: 34px;\r\n}\r\n\r\n.force-s05-contact-item {\r\n  grid-template-columns: 54px minmax(0, 1fr);\r\n  gap: 16px;\r\n}\r\n\r\n.force-s05-contact-icon {\r\n  width: 54px;\r\n  height: 54px;\r\n  color: #ffffff;\r\n  border: 1px solid rgba(255, 255, 255, .62);\r\n  border-radius: 10px;\r\n  background: rgba(255, 255, 255, .035);\r\n  box-shadow: inset 0 0 18px rgba(255, 255, 255, .035);\r\n}\r\n\r\n.force-s05-contact-icon svg {\r\n  width: 25px;\r\n  height: 25px;\r\n}\r\n\r\n.force-s05-contact-item strong {\r\n  margin-bottom: 5px;\r\n  color: #ffffff;\r\n  font-size: 15px;\r\n}\r\n\r\n.force-s05-contact-item span {\r\n  color: rgba(255, 255, 255, .96);\r\n  font-size: 15px;\r\n  line-height: 1.45;\r\n}\r\n\r\n.force-s05-map {\r\n  height: 208px;\r\n  margin-top: 23px;\r\n  border: 1px solid rgba(255, 255, 255, .72);\r\n  border-radius: 15px;\r\n  background: #eef5f9;\r\n  box-shadow: 0 16px 34px rgba(49, 94, 135, .13);\r\n}\r\n\r\n.force-s05-map iframe {\r\n  filter: grayscale(.65) brightness(1.24) contrast(.80) saturate(.55);\r\n  opacity: .72;\r\n}\r\n\r\n.force-s05-map::after {\r\n  background: rgba(239, 247, 251, .38);\r\n}\r\n\r\n.force-s05-map-pin {\r\n  left: 52%;\r\n  right: auto;\r\n  top: 59px;\r\n  width: 46px;\r\n  height: 52px;\r\n  min-width: 0;\r\n  padding: 0;\r\n  border: 0;\r\n  border-radius: 0;\r\n  background: transparent;\r\n  box-shadow: none;\r\n  transform: translateX(-50%);\r\n}\r\n\r\n.force-s05-map-pin span {\r\n  left: 2px;\r\n  top: 1px;\r\n  width: 42px;\r\n  height: 42px;\r\n  background: #4179c3;\r\n  box-shadow: 0 8px 18px rgba(47, 102, 173, .30), 0 0 0 6px rgba(65, 121, 195, .10);\r\n}\r\n\r\n.force-s05-map-pin strong,\r\n.force-s05-map-pin small {\r\n  display: none;\r\n}\r\n\r\n.force-s05-form-card {\r\n  padding: 40px 46px 36px;\r\n  border: 1px solid rgba(255, 255, 255, .82);\r\n  border-radius: 17px;\r\n  background: rgba(250, 252, 254, .98);\r\n  color: #18223e;\r\n  box-shadow: 0 26px 54px rgba(48, 91, 131, .13), inset 0 0 0 1px rgba(255, 255, 255, .78);\r\n}\r\n\r\n.force-s05-form-eyebrow {\r\n  margin-bottom: 17px;\r\n  color: #3f73bf;\r\n  font-size: 11px;\r\n  letter-spacing: .34em;\r\n}\r\n\r\n.force-s05-form h3 {\r\n  margin-bottom: 28px;\r\n  color: #18223e;\r\n  font-size: 34px;\r\n}\r\n\r\n.force-s05-form-row {\r\n  gap: 25px;\r\n}\r\n\r\n.force-s05-field {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.force-s05-field label {\r\n  margin: 0 0 8px 7px;\r\n  color: #18223e;\r\n  font-size: 13px;\r\n}\r\n\r\n.force-s05-field input,\r\n.force-s05-field select,\r\n.force-s05-field textarea {\r\n  min-height: 52px;\r\n  padding: 0 16px;\r\n  border: 1px solid rgba(112, 139, 179, .30);\r\n  border-radius: 11px;\r\n  background: rgba(255, 255, 255, .92);\r\n  color: #18223e;\r\n  font-size: 14.5px;\r\n  font-weight: 500;\r\n}\r\n\r\n.force-s05-field input::placeholder,\r\n.force-s05-field textarea::placeholder {\r\n  color: rgba(71, 91, 134, .53);\r\n}\r\n\r\n.force-s05-field textarea {\r\n  min-height: 108px;\r\n  padding-top: 15px;\r\n}\r\n\r\n.force-s05-field input:focus,\r\n.force-s05-field select:focus,\r\n.force-s05-field textarea:focus {\r\n  border-color: rgba(63, 115, 191, .68);\r\n  box-shadow: 0 0 0 4px rgba(63, 115, 191, .08);\r\n}\r\n\r\n.force-s05-submit {\r\n  min-height: 57px;\r\n  border-radius: 11px;\r\n  background: linear-gradient(135deg, #416fbd, #4388c8) !important;\r\n  font-size: 16px;\r\n  box-shadow: 0 15px 28px rgba(60, 112, 183, .18);\r\n}\r\n\r\n.force-s05-submit span {\r\n  width: 21px;\r\n  height: 21px;\r\n}\r\n\r\n.force-s05-submit:hover,\r\n.force-s05-submit:focus,\r\n.force-s05-submit:active {\r\n  background: linear-gradient(135deg, #3765b3, #397fc1) !important;\r\n  box-shadow: 0 18px 32px rgba(60, 112, 183, .25) !important;\r\n}\r\n\r\n.force-s05-feedback {\r\n  color: #3f73bf;\r\n}\r\n\r\n@media (max-width: 1399px) {\r\n  .force-s05-container {\r\n    width: calc(100% - 200px);\r\n  }\r\n\r\n  .force-s05-tabs-wrap {\r\n    width: min(530px, calc(100% - 200px));\r\n  }\r\n\r\n  .force-s05-grid {\r\n    grid-template-columns: minmax(330px, 39%) minmax(0, 61%);\r\n    gap: 44px;\r\n  }\r\n\r\n  .force-s05-form-card {\r\n    padding: 34px 36px 31px;\r\n  }\r\n\r\n  .force-s05-info-text,\r\n  .force-s05-contact-item span {\r\n    font-size: 14px;\r\n  }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .force-s05 {\r\n    padding: 60px 0 68px;\r\n  }\r\n\r\n  .force-s05-container {\r\n    width: calc(100% - 120px);\r\n    max-width: 820px;\r\n  }\r\n\r\n  .force-s05-tabs-wrap {\r\n    width: min(530px, calc(100% - 120px));\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  .force-s05-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 38px;\r\n  }\r\n\r\n  .force-s05-info-text,\r\n  .force-s05-contact-list {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .force-s05-map {\r\n    height: 190px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .force-s05 {\r\n    padding: 40px 0;\r\n  }\r\n\r\n  .force-s05-container,\r\n  .force-s05-tabs-wrap {\r\n    width: calc(100% - 80px);\r\n    max-width: 420px;\r\n  }\r\n\r\n  .force-s05-tabs-wrap {\r\n    min-height: 52px;\r\n    margin-bottom: 28px;\r\n    border-radius: 12px;\r\n  }\r\n\r\n  .force-s05 .force-s05-tab {\r\n    min-height: 52px;\r\n    padding-inline: 8px;\r\n    gap: 6px;\r\n    font-size: 10.5px;\r\n  }\r\n\r\n  .force-s05-tab-icon {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  .force-s05-eyebrow {\r\n    margin-bottom: 24px;\r\n    font-size: 8.5px;\r\n  }\r\n\r\n  .force-s05-info h2 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  .force-s05-info-text {\r\n    margin-top: 17px;\r\n    font-size: 12.5px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .force-s05-contact-list {\r\n    gap: 13px;\r\n    margin-top: 23px;\r\n  }\r\n\r\n  .force-s05-contact-item {\r\n    grid-template-columns: 43px minmax(0, 1fr);\r\n    gap: 12px;\r\n  }\r\n\r\n  .force-s05-contact-icon {\r\n    width: 43px;\r\n    height: 43px;\r\n  }\r\n\r\n  .force-s05-contact-icon svg {\r\n    width: 21px;\r\n    height: 21px;\r\n  }\r\n\r\n  .force-s05-contact-item strong {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .force-s05-contact-item span {\r\n    font-size: 11.5px;\r\n    overflow-wrap: anywhere;\r\n  }\r\n\r\n  .force-s05-map {\r\n    height: 165px;\r\n  }\r\n\r\n  .force-s05-map-pin {\r\n    top: 47px;\r\n  }\r\n\r\n  .force-s05-form-card {\r\n    padding: 24px 19px 22px;\r\n    border-radius: 14px;\r\n  }\r\n\r\n  .force-s05-form-eyebrow {\r\n    margin-bottom: 13px;\r\n    font-size: 9px;\r\n  }\r\n\r\n  .force-s05-form h3 {\r\n    margin-bottom: 22px;\r\n    font-size: 23px;\r\n  }\r\n\r\n  .force-s05-form-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 0;\r\n  }\r\n\r\n  .force-s05-field {\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .force-s05-field label {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .force-s05-field input,\r\n  .force-s05-field select,\r\n  .force-s05-field textarea {\r\n    min-height: 44px;\r\n    border-radius: 9px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .force-s05-field textarea {\r\n    min-height: 92px;\r\n  }\r\n\r\n  .force-s05-submit {\r\n    min-height: 44px;\r\n    font-size: 12.5px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* =========================================================\r\n  15. JS - ABAS + FORMS + ANIMA\u00c7\u00d5ES\r\n  Compat\u00edvel com Elementor\r\n========================================================= *\/\r\n\r\n(function () {\r\n  \"use strict\";\r\n\r\n  function initForceSection05() {\r\n    var sections = document.querySelectorAll(\".force-s05\");\r\n\r\n    if (!sections.length) {\r\n      return;\r\n    }\r\n\r\n    sections.forEach(function (section) {\r\n      if (section.dataset.ready === \"true\") {\r\n        return;\r\n      }\r\n\r\n      section.dataset.ready = \"true\";\r\n\r\n      var tabs = section.querySelectorAll(\".force-s05-tab\");\r\n      var forms = section.querySelectorAll(\".force-s05-form\");\r\n      var animatedItems = section.querySelectorAll(\".force-s05-anim\");\r\n\r\n      \/* -----------------------------------------------\r\n        15.1. Troca de abas\r\n      ------------------------------------------------ *\/\r\n      function openTab(tabName) {\r\n        tabs.forEach(function (tab) {\r\n          tab.classList.toggle(\"is-active\", tab.getAttribute(\"data-tab\") === tabName);\r\n        });\r\n\r\n        forms.forEach(function (form) {\r\n          form.classList.toggle(\"is-active\", form.getAttribute(\"data-form\") === tabName);\r\n        });\r\n      }\r\n\r\n      tabs.forEach(function (tab) {\r\n        tab.addEventListener(\"click\", function () {\r\n          openTab(tab.getAttribute(\"data-tab\"));\r\n        });\r\n      });\r\n\r\n      \/* -----------------------------------------------\r\n        15.2. M\u00e1scara simples de telefone\r\n      ------------------------------------------------ *\/\r\n      function maskPhone(input) {\r\n        var value = input.value.replace(\/\\D\/g, \"\").slice(0, 11);\r\n\r\n        if (value.length <= 10) {\r\n          value = value.replace(\/^(\\d{2})(\\d)\/g, \"($1) $2\");\r\n          value = value.replace(\/(\\d{4})(\\d)\/, \"$1-$2\");\r\n        } else {\r\n          value = value.replace(\/^(\\d{2})(\\d)\/g, \"($1) $2\");\r\n          value = value.replace(\/(\\d{5})(\\d)\/, \"$1-$2\");\r\n        }\r\n\r\n        input.value = value;\r\n      }\r\n\r\n      section.querySelectorAll('input[type=\"tel\"]').forEach(function (input) {\r\n        input.addEventListener(\"input\", function () {\r\n          maskPhone(input);\r\n        });\r\n      });\r\n\r\n      \/* -----------------------------------------------\r\n        15.3. Envio tempor\u00e1rio via mailto\r\n      ------------------------------------------------ *\/\r\n      function getFieldValue(form, name) {\r\n        var field = form.querySelector('[name=\"' + name + '\"]');\r\n\r\n        if (!field) {\r\n          return \"\";\r\n        }\r\n\r\n        if (field.type === \"file\") {\r\n          return field.files && field.files.length ? field.files[0].name : \"\";\r\n        }\r\n\r\n        return field.value || \"\";\r\n      }\r\n\r\n      function setFeedback(form, message, isError) {\r\n        var feedback = form.querySelector(\".force-s05-feedback\");\r\n\r\n        if (!feedback) {\r\n          return;\r\n        }\r\n\r\n        feedback.textContent = message;\r\n        feedback.style.color = isError ? \"#c62828\" : \"#075dff\";\r\n      }\r\n\r\n      forms.forEach(function (form) {\r\n        form.addEventListener(\"submit\", function (event) {\r\n          event.preventDefault();\r\n\r\n          if (!form.checkValidity()) {\r\n            form.reportValidity();\r\n            setFeedback(form, \"Preencha os campos obrigat\u00f3rios para continuar.\", true);\r\n            return;\r\n          }\r\n\r\n          var formType = form.getAttribute(\"data-form\");\r\n          var subject = \"\";\r\n          var body = \"\";\r\n\r\n          if (formType === \"contato\") {\r\n            subject = \"Contato pelo site Force Brasil - \" + getFieldValue(form, \"assunto\");\r\n\r\n            body =\r\n              \"Novo contato pelo site Force Brasil:%0D%0A%0D%0A\" +\r\n              \"Assunto: \" + encodeURIComponent(getFieldValue(form, \"assunto\")) + \"%0D%0A\" +\r\n              \"Nome: \" + encodeURIComponent(getFieldValue(form, \"nome\")) + \"%0D%0A\" +\r\n              \"E-mail: \" + encodeURIComponent(getFieldValue(form, \"email\")) + \"%0D%0A\" +\r\n              \"Telefone: \" + encodeURIComponent(getFieldValue(form, \"telefone\")) + \"%0D%0A\" +\r\n              \"Empresa: \" + encodeURIComponent(getFieldValue(form, \"empresa\")) + \"%0D%0A%0D%0A\" +\r\n              \"Mensagem:%0D%0A\" + encodeURIComponent(getFieldValue(form, \"mensagem\"));\r\n          }\r\n\r\n          if (formType === \"trabalhe\") {\r\n            subject = \"Curr\u00edculo pelo site Force Brasil - \" + getFieldValue(form, \"area\");\r\n\r\n            body =\r\n              \"Novo candidato pelo site Force Brasil:%0D%0A%0D%0A\" +\r\n              \"Nome: \" + encodeURIComponent(getFieldValue(form, \"nome\")) + \"%0D%0A\" +\r\n              \"E-mail: \" + encodeURIComponent(getFieldValue(form, \"email\")) + \"%0D%0A\" +\r\n              \"Telefone: \" + encodeURIComponent(getFieldValue(form, \"telefone\")) + \"%0D%0A\" +\r\n              \"\u00c1rea de interesse: \" + encodeURIComponent(getFieldValue(form, \"area\")) + \"%0D%0A\" +\r\n              \"Arquivo selecionado: \" + encodeURIComponent(getFieldValue(form, \"curriculo\") || \"N\u00e3o informado\") + \"%0D%0A%0D%0A\" +\r\n              \"Apresenta\u00e7\u00e3o:%0D%0A\" + encodeURIComponent(getFieldValue(form, \"mensagem\")) + \"%0D%0A%0D%0A\" +\r\n              \"Observa\u00e7\u00e3o: anexar o curr\u00edculo manualmente neste e-mail enquanto o formul\u00e1rio definitivo n\u00e3o estiver configurado.\";\r\n          }\r\n\r\n          var mailto = \"mailto:force@forceconsultoria.com.br\" +\r\n            \"?subject=\" + encodeURIComponent(subject) +\r\n            \"&body=\" + body;\r\n\r\n          setFeedback(form, \"Abrindo seu e-mail para envio. Depois ligamos isso no formul\u00e1rio definitivo.\", false);\r\n\r\n          window.location.href = mailto;\r\n        });\r\n      });\r\n\r\n      \/* -----------------------------------------------\r\n        15.4. Anima\u00e7\u00f5es de entrada e sa\u00edda na rolagem\r\n      ------------------------------------------------ *\/\r\n      if (\"IntersectionObserver\" in window) {\r\n        var observer = new IntersectionObserver(function (entries) {\r\n          entries.forEach(function (entry) {\r\n            if (entry.isIntersecting) {\r\n              entry.target.classList.add(\"force-s05-visible\");\r\n            } else {\r\n              entry.target.classList.remove(\"force-s05-visible\");\r\n            }\r\n          });\r\n        }, {\r\n          threshold: 0.16,\r\n          rootMargin: \"0px 0px -6% 0px\"\r\n        });\r\n\r\n        animatedItems.forEach(function (item) {\r\n          observer.observe(item);\r\n        });\r\n      } else {\r\n        animatedItems.forEach(function (item) {\r\n          item.classList.add(\"force-s05-visible\");\r\n        });\r\n      }\r\n    });\r\n  }\r\n\r\n  \/* -----------------------------------------------\r\n    15.5. Inicializa\u00e7\u00e3o resistente ao Elementor\r\n  ------------------------------------------------ *\/\r\n  initForceSection05();\r\n\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    initForceSection05();\r\n  });\r\n\r\n  window.addEventListener(\"load\", function () {\r\n    setTimeout(initForceSection05, 300);\r\n    setTimeout(initForceSection05, 900);\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15070d2 e-con-full force-hero-home e-flex e-con e-parent\" data-id=\"15070d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-daacbe5 elementor-widget elementor-widget-html\" data-id=\"daacbe5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n  FORCE BRASIL \/ FORCE GROUP\r\n  FOOTER - RODAP\u00c9 FINAL COMPACTO\r\n  Widget HTML Elementor\r\n========================================================= -->\r\n\r\n<footer class=\"force-footer\">\r\n\r\n  <!-- =====================================================\r\n    01. FUNDO DO FOOTER\r\n  ====================================================== -->\r\n  <div class=\"force-footer-bg\"><\/div>\r\n\r\n  <!-- =====================================================\r\n    02. CONTE\u00daDO PRINCIPAL\r\n  ====================================================== -->\r\n  <div class=\"force-footer-container force-footer-main\">\r\n\r\n    <!-- ===================================================\r\n      02.1. COLUNA 01 - LOGO + DESCRI\u00c7\u00c3O\r\n    ==================================================== -->\r\n    <div class=\"force-footer-col force-footer-brand\">\r\n\r\n      <a href=\"#\" class=\"force-footer-logo\" aria-label=\"Force Brasil\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/LOGO.png\"\r\n          alt=\"Force Brasil Customs Logistics Group\"\r\n          loading=\"lazy\"\r\n        >\r\n      <\/a>\r\n\r\n      <p>\r\n        Solu\u00e7\u00f5es em com\u00e9rcio exterior, consultoria aduaneira e log\u00edstica internacional,\r\n        com foco em seguran\u00e7a, efici\u00eancia e atendimento personalizado.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <!-- ===================================================\r\n      02.2. COLUNA 02 - CONTATO\r\n    ==================================================== -->\r\n    <div class=\"force-footer-col force-footer-contact\">\r\n\r\n      <h3>Contato<\/h3>\r\n\r\n      <ul>\r\n        <li>\r\n          <span class=\"force-footer-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M22 16.9V20C22 20.9 21.3 21.7 20.4 21.9C19.7 22 19 22 18.3 21.9C9.7 20.8 3.2 14.3 2.1 5.7C2 5 2 4.3 2.1 3.6C2.3 2.7 3.1 2 4 2H7.1C7.9 2 8.6 2.5 8.8 3.3L9.6 6.5C9.8 7.2 9.6 7.9 9.1 8.4L7.7 9.8C8.9 12.7 11.3 15.1 14.2 16.3L15.6 14.9C16.1 14.4 16.8 14.2 17.5 14.4L20.7 15.2C21.5 15.4 22 16.1 22 16.9Z\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <a href=\"tel:+551120840051\">\r\n            Telefone: 11 2084-0051\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <span class=\"force-footer-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M4 5H20C21.1 5 22 5.9 22 7V17C22 18.1 21.1 19 20 19H4C2.9 19 2 18.1 2 17V7C2 5.9 2.9 5 4 5Z\"><\/path>\r\n              <path d=\"M22 7L12 13.5L2 7\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <a href=\"mailto:force@forceconsultoria.com.br\">\r\n            E-mail: force@forceconsultoria.com.br\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <span class=\"force-footer-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M12 21C12 21 19 14.7 19 8.8C19 4.9 15.9 2 12 2C8.1 2 5 4.9 5 8.8C5 14.7 12 21 12 21Z\"><\/path>\r\n              <circle cx=\"12\" cy=\"9\" r=\"2.5\"><\/circle>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <a\r\n            href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Rua%20Pantojo%20485%20A%20An%C3%A1lia%20Franco%20S%C3%A3o%20Paulo%20SP\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n          >\r\n            Endere\u00e7o: Rua Pantojo 485 A \u2013 An\u00e1lia Franco \u2013 S\u00e3o Paulo \u2013 SP\r\n          <\/a>\r\n        <\/li>\r\n      <\/ul>\r\n\r\n    <\/div>\r\n\r\n    <!-- ===================================================\r\n      02.3. COLUNA 03 - REDES SOCIAIS\r\n    ==================================================== -->\r\n    <div class=\"force-footer-col force-footer-social\">\r\n\r\n      <h3>Redes sociais<\/h3>\r\n\r\n      <ul>\r\n        <li>\r\n          <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn Force Brasil\">\r\n            <span class=\"force-footer-social-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M6.5 10V18\"><\/path>\r\n                <path d=\"M6.5 6.6V6.5\"><\/path>\r\n                <path d=\"M11 18V10\"><\/path>\r\n                <path d=\"M11 13.8C11 11.7 12.3 10 14.5 10C16.6 10 18 11.5 18 14V18\"><\/path>\r\n                <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"><\/rect>\r\n              <\/svg>\r\n            <\/span>\r\n            LinkedIn\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram Force Brasil\">\r\n            <span class=\"force-footer-social-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"><\/rect>\r\n                <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\r\n                <path d=\"M17.4 6.7H17.5\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n            Instagram\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook Force Brasil\">\r\n            <span class=\"force-footer-social-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"><\/rect>\r\n                <path d=\"M14 8H12.8C11.8 8 11 8.8 11 9.8V12H9V15H11V21\"><\/path>\r\n                <path d=\"M15 12H11\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n            Facebook\r\n          <\/a>\r\n        <\/li>\r\n      <\/ul>\r\n\r\n      <a href=\"#contato\" class=\"force-footer-button\">\r\n        Fale com a Force\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- =====================================================\r\n    03. BARRA INFERIOR\r\n  ====================================================== -->\r\n  <div class=\"force-footer-bottom\">\r\n    <p>\u00a9 Force Brasil. Todos os direitos reservados.<\/p>\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n<style>\r\n\/* =========================================================\r\n  04. BASE DO FOOTER\r\n========================================================= *\/\r\n\r\n.force-footer,\r\n.force-footer * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.force-footer {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  font-family: inherit;\r\n  color: #ffffff;\r\n  background: #00142f;\r\n}\r\n\r\n.force-footer-bg {\r\n  position: absolute;\r\n  inset: 0 0 46px 0;\r\n  z-index: -2;\r\n  background-image: url(\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/Sessao_Footer_BG.webp\");\r\n  background-size: cover;\r\n  background-position: center top;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.force-footer::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0 0 46px 0;\r\n  z-index: -1;\r\n  pointer-events: none;\r\n  background:\r\n    radial-gradient(circle at 55% 28%, rgba(7, 93, 255, .10), transparent 38%),\r\n    linear-gradient(180deg, rgba(0, 16, 44, .08), rgba(0, 16, 44, .18));\r\n}\r\n\r\n.force-footer-container {\r\n  position: relative;\r\n  width: min(1180px, calc(100% - 120px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* =========================================================\r\n  05. GRID PRINCIPAL\r\n========================================================= *\/\r\n\r\n.force-footer-main {\r\n  min-height: 240px;\r\n  display: grid;\r\n  grid-template-columns: 38% 34% 28%;\r\n  align-items: center;\r\n  gap: 0;\r\n  padding: 42px 0 34px;\r\n}\r\n\r\n.force-footer-col {\r\n  min-height: 165px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.force-footer-contact,\r\n.force-footer-social {\r\n  border-left: 1px solid rgba(84, 150, 255, .30);\r\n  padding-left: 42px;\r\n}\r\n\r\n\/* =========================================================\r\n  06. COLUNA LOGO\r\n========================================================= *\/\r\n\r\n.force-footer-logo {\r\n  display: inline-flex;\r\n  width: 215px;\r\n  max-width: 100%;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.force-footer-logo img {\r\n  display: block;\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n\r\n.force-footer-brand p {\r\n  max-width: 290px;\r\n  margin: 22px 0 0;\r\n  font-size: 12.5px;\r\n  line-height: 1.62;\r\n  font-weight: 500;\r\n  letter-spacing: .01em;\r\n  color: rgba(255, 255, 255, .78);\r\n}\r\n\r\n\/* =========================================================\r\n  07. T\u00cdTULOS\r\n========================================================= *\/\r\n\r\n.force-footer h3 {\r\n  margin: 0 0 18px;\r\n  font-size: 18px;\r\n  line-height: 1.1;\r\n  font-weight: 800;\r\n  letter-spacing: -.025em;\r\n  color: rgba(255, 255, 255, .95);\r\n}\r\n\r\n\/* =========================================================\r\n  08. LISTAS\r\n========================================================= *\/\r\n\r\n.force-footer ul {\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.force-footer-contact li,\r\n.force-footer-social li {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n}\r\n\r\n.force-footer-contact li + li {\r\n  margin-top: 15px;\r\n}\r\n\r\n.force-footer-social li + li {\r\n  margin-top: 12px;\r\n}\r\n\r\n.force-footer a {\r\n  text-decoration: none !important;\r\n}\r\n\r\n.force-footer-contact a,\r\n.force-footer-social a {\r\n  color: rgba(255, 255, 255, .76) !important;\r\n  font-size: 12.5px;\r\n  line-height: 1.42;\r\n  font-weight: 500;\r\n  transition:\r\n    color .22s ease,\r\n    transform .22s ease;\r\n}\r\n\r\n.force-footer-contact a:hover,\r\n.force-footer-contact a:focus,\r\n.force-footer-social a:hover,\r\n.force-footer-social a:focus {\r\n  color: #ffffff !important;\r\n  outline: none !important;\r\n}\r\n\r\n\/* =========================================================\r\n  09. \u00cdCONES\r\n========================================================= *\/\r\n\r\n.force-footer-icon,\r\n.force-footer-social-icon {\r\n  flex: 0 0 auto;\r\n  display: grid;\r\n  place-items: center;\r\n  color: #0782ff;\r\n}\r\n\r\n.force-footer-icon {\r\n  width: 30px;\r\n  height: 30px;\r\n}\r\n\r\n.force-footer-social-icon {\r\n  width: 28px;\r\n  height: 28px;\r\n}\r\n\r\n.force-footer-icon svg,\r\n.force-footer-social-icon svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.75;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  filter: drop-shadow(0 0 8px rgba(7, 130, 255, .18));\r\n}\r\n\r\n.force-footer-social a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n}\r\n\r\n\/* =========================================================\r\n  10. BOT\u00c3O\r\n========================================================= *\/\r\n\r\n.force-footer-button {\r\n  width: fit-content;\r\n  min-width: 145px;\r\n  min-height: 34px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-top: 18px;\r\n  padding: 9px 18px;\r\n  border-radius: 6px;\r\n  border: 0 !important;\r\n  background: linear-gradient(135deg, #075dff, #0077ff) !important;\r\n  color: #ffffff !important;\r\n  font-size: 12.5px;\r\n  line-height: 1;\r\n  font-weight: 800;\r\n  text-decoration: none !important;\r\n  box-shadow:\r\n    0 10px 18px rgba(7, 93, 255, .22),\r\n    inset 0 1px 0 rgba(255,255,255,.18);\r\n  transition:\r\n    transform .22s ease,\r\n    box-shadow .22s ease,\r\n    filter .22s ease;\r\n}\r\n\r\n.force-footer-button:hover,\r\n.force-footer-button:focus,\r\n.force-footer-button:active {\r\n  transform: translateY(-2px);\r\n  background: linear-gradient(135deg, #075dff, #0077ff) !important;\r\n  color: #ffffff !important;\r\n  outline: none !important;\r\n  filter: saturate(1.08);\r\n  box-shadow:\r\n    0 13px 22px rgba(7, 93, 255, .30),\r\n    inset 0 1px 0 rgba(255,255,255,.20) !important;\r\n}\r\n\r\n\/* =========================================================\r\n  11. BARRA INFERIOR\r\n========================================================= *\/\r\n\r\n.force-footer-bottom {\r\n  min-height: 46px;\r\n  display: grid;\r\n  place-items: center;\r\n  padding: 12px 18px;\r\n  background: rgba(0, 13, 32, .92);\r\n  border-top: 1px solid rgba(255, 255, 255, .035);\r\n}\r\n\r\n.force-footer-bottom p {\r\n  margin: 0;\r\n  font-size: 11.5px;\r\n  line-height: 1.4;\r\n  font-weight: 500;\r\n  color: rgba(255, 255, 255, .70);\r\n  text-align: center;\r\n}\r\n\r\n\/* =========================================================\r\n  12. RESPONSIVO - NOTEBOOK\r\n========================================================= *\/\r\n\r\n@media (max-width: 1320px) {\r\n  .force-footer-container {\r\n    width: min(1040px, calc(100% - 80px));\r\n  }\r\n\r\n  .force-footer-main {\r\n    grid-template-columns: 36% 36% 28%;\r\n  }\r\n\r\n  .force-footer-contact,\r\n  .force-footer-social {\r\n    padding-left: 34px;\r\n  }\r\n\r\n  .force-footer-logo {\r\n    width: 195px;\r\n  }\r\n\r\n  .force-footer-brand p {\r\n    max-width: 270px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .force-footer-contact a,\r\n  .force-footer-social a {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .force-footer h3 {\r\n    font-size: 17px;\r\n  }\r\n\r\n  .force-footer-button {\r\n    min-width: 136px;\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n  13. RESPONSIVO - TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n  .force-footer-bg,\r\n  .force-footer::before {\r\n    inset: 0 0 44px 0;\r\n  }\r\n\r\n  .force-footer-container {\r\n    width: calc(100% - 64px);\r\n    max-width: 820px;\r\n  }\r\n\r\n  .force-footer-main {\r\n    min-height: auto;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 30px 0;\r\n    padding: 38px 0 32px;\r\n  }\r\n\r\n  .force-footer-col {\r\n    min-height: auto;\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .force-footer-brand {\r\n    grid-column: 1 \/ -1;\r\n    max-width: 520px;\r\n  }\r\n\r\n  .force-footer-contact {\r\n    border-left: 0;\r\n    padding-left: 0;\r\n    padding-right: 28px;\r\n  }\r\n\r\n  .force-footer-social {\r\n    padding-left: 28px;\r\n  }\r\n\r\n  .force-footer-logo {\r\n    width: 200px;\r\n  }\r\n\r\n  .force-footer-brand p {\r\n    max-width: 460px;\r\n    margin-top: 18px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .force-footer h3 {\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .force-footer-bottom {\r\n    min-height: 44px;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n  14. RESPONSIVO - MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n  .force-footer-bg,\r\n  .force-footer::before {\r\n    inset: 0 0 42px 0;\r\n  }\r\n\r\n  .force-footer-container {\r\n    width: calc(100% - 52px);\r\n    max-width: 390px;\r\n  }\r\n\r\n  .force-footer-main {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    gap: 26px;\r\n    padding: 36px 0 30px;\r\n  }\r\n\r\n  .force-footer-col {\r\n    width: 100%;\r\n    min-height: auto;\r\n  }\r\n\r\n  .force-footer-contact,\r\n  .force-footer-social {\r\n    border-left: 0;\r\n    padding-left: 0;\r\n  }\r\n\r\n  .force-footer-contact {\r\n    padding-top: 24px;\r\n    border-top: 1px solid rgba(84, 150, 255, .24);\r\n  }\r\n\r\n  .force-footer-social {\r\n    padding-top: 24px;\r\n    border-top: 1px solid rgba(84, 150, 255, .24);\r\n  }\r\n\r\n  .force-footer-logo {\r\n    width: 190px;\r\n  }\r\n\r\n  .force-footer-brand p {\r\n    max-width: 100%;\r\n    margin-top: 18px;\r\n    font-size: 12px;\r\n    line-height: 1.62;\r\n  }\r\n\r\n  .force-footer h3 {\r\n    margin-bottom: 15px;\r\n    font-size: 17px;\r\n  }\r\n\r\n  .force-footer-contact li,\r\n  .force-footer-social li {\r\n    gap: 12px;\r\n  }\r\n\r\n  .force-footer-contact li + li {\r\n    margin-top: 14px;\r\n  }\r\n\r\n  .force-footer-social li + li {\r\n    margin-top: 12px;\r\n  }\r\n\r\n  .force-footer-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n  }\r\n\r\n  .force-footer-social-icon {\r\n    width: 27px;\r\n    height: 27px;\r\n  }\r\n\r\n  .force-footer-contact a,\r\n  .force-footer-social a {\r\n    font-size: 12px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .force-footer-button {\r\n    width: 100%;\r\n    min-width: 0;\r\n    min-height: 34px;\r\n    margin-top: 18px;\r\n    font-size: 12px;\r\n    border-radius: 7px;\r\n  }\r\n\r\n  .force-footer-bottom {\r\n    min-height: 42px;\r\n    padding: 12px 18px;\r\n  }\r\n\r\n  .force-footer-bottom p {\r\n    font-size: 11px;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n  15. MOBILE PEQUENO\r\n========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n  .force-footer-container {\r\n    width: calc(100% - 44px);\r\n  }\r\n\r\n  .force-footer-logo {\r\n    width: 175px;\r\n  }\r\n\r\n  .force-footer-brand p {\r\n    font-size: 11.5px;\r\n  }\r\n\r\n  .force-footer h3 {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .force-footer-contact a,\r\n  .force-footer-social a {\r\n    font-size: 11.5px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A FORCE Por que a FORCE Solu\u00e7\u00f5es Segmentos Especializados Fale Conosco A FORCE Por que a FORCE Solu\u00e7\u00f5es Segmentos Especializados Fale Conosco FORCE GROUP SOLU\u00c7\u00d5ES INTEGRADAS PARA COM\u00c9RCIO EXTERIOR Mais de duas d\u00e9cadas de excel\u00eancia, performance e inova\u00e7\u00e3o. ATUA\u00c7\u00c3O GLOBAL SEGURAN\u00c7A E CONFORMIDADE EFICI\u00caNCIA QUE GERA RESULTADOS ASSUNTOS ADUANEIROS E COMPLIANCE ESPECIALISTAS EM SOLU\u00c7\u00d5ES ADUANEIRAS [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.9 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>HOME - Force<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/forcebrasil.com\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HOME\" \/>\n<meta property=\"og:description\" content=\"A FORCE Por que a FORCE Solu\u00e7\u00f5es Segmentos Especializados Fale Conosco A FORCE Por que a FORCE Solu\u00e7\u00f5es Segmentos Especializados Fale Conosco FORCE GROUP SOLU\u00c7\u00d5ES INTEGRADAS PARA COM\u00c9RCIO EXTERIOR Mais de duas d\u00e9cadas de excel\u00eancia, performance e inova\u00e7\u00e3o. ATUA\u00c7\u00c3O GLOBAL SEGURAN\u00c7A E CONFORMIDADE EFICI\u00caNCIA QUE GERA RESULTADOS ASSUNTOS ADUANEIROS E COMPLIANCE ESPECIALISTAS EM SOLU\u00c7\u00d5ES ADUANEIRAS [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/forcebrasil.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Force\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-10T22:52:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/LOGO.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/forcebrasil.com\\\/\",\"url\":\"https:\\\/\\\/forcebrasil.com\\\/\",\"name\":\"HOME - Force\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/forcebrasil.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/forcebrasil.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/forcebrasil.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/forcebrasil.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/LOGO.png\",\"datePublished\":\"2026-07-04T22:50:58+00:00\",\"dateModified\":\"2026-08-10T22:52:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/forcebrasil.com\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/forcebrasil.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/forcebrasil.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/forcebrasil.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/LOGO.png\",\"contentUrl\":\"https:\\\/\\\/forcebrasil.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/LOGO.png\",\"width\":250,\"height\":54},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/forcebrasil.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/forcebrasil.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HOME\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/forcebrasil.com\\\/#website\",\"url\":\"https:\\\/\\\/forcebrasil.com\\\/\",\"name\":\"Force\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/forcebrasil.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/forcebrasil.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/forcebrasil.com\\\/#organization\",\"name\":\"Force\",\"url\":\"https:\\\/\\\/forcebrasil.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/forcebrasil.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/forcebrasil.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/LOGO_02.png\",\"contentUrl\":\"https:\\\/\\\/forcebrasil.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/LOGO_02.png\",\"width\":210,\"height\":45,\"caption\":\"Force\"},\"image\":{\"@id\":\"https:\\\/\\\/forcebrasil.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"HOME - Force","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/forcebrasil.com\/","og_locale":"pt_BR","og_type":"article","og_title":"HOME","og_description":"A FORCE Por que a FORCE Solu\u00e7\u00f5es Segmentos Especializados Fale Conosco A FORCE Por que a FORCE Solu\u00e7\u00f5es Segmentos Especializados Fale Conosco FORCE GROUP SOLU\u00c7\u00d5ES INTEGRADAS PARA COM\u00c9RCIO EXTERIOR Mais de duas d\u00e9cadas de excel\u00eancia, performance e inova\u00e7\u00e3o. ATUA\u00c7\u00c3O GLOBAL SEGURAN\u00c7A E CONFORMIDADE EFICI\u00caNCIA QUE GERA RESULTADOS ASSUNTOS ADUANEIROS E COMPLIANCE ESPECIALISTAS EM SOLU\u00c7\u00d5ES ADUANEIRAS [&hellip;]","og_url":"https:\/\/forcebrasil.com\/","og_site_name":"Force","article_modified_time":"2026-08-10T22:52:19+00:00","og_image":[{"url":"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/LOGO.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/forcebrasil.com\/","url":"https:\/\/forcebrasil.com\/","name":"HOME - Force","isPartOf":{"@id":"https:\/\/forcebrasil.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/forcebrasil.com\/#primaryimage"},"image":{"@id":"https:\/\/forcebrasil.com\/#primaryimage"},"thumbnailUrl":"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/LOGO.png","datePublished":"2026-07-04T22:50:58+00:00","dateModified":"2026-08-10T22:52:19+00:00","breadcrumb":{"@id":"https:\/\/forcebrasil.com\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/forcebrasil.com\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/forcebrasil.com\/#primaryimage","url":"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/LOGO.png","contentUrl":"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/LOGO.png","width":250,"height":54},{"@type":"BreadcrumbList","@id":"https:\/\/forcebrasil.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/forcebrasil.com\/"},{"@type":"ListItem","position":2,"name":"HOME"}]},{"@type":"WebSite","@id":"https:\/\/forcebrasil.com\/#website","url":"https:\/\/forcebrasil.com\/","name":"Force","description":"","publisher":{"@id":"https:\/\/forcebrasil.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/forcebrasil.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/forcebrasil.com\/#organization","name":"Force","url":"https:\/\/forcebrasil.com\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/forcebrasil.com\/#\/schema\/logo\/image\/","url":"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/LOGO_02.png","contentUrl":"https:\/\/forcebrasil.com\/wp-content\/uploads\/2026\/07\/LOGO_02.png","width":210,"height":45,"caption":"Force"},"image":{"@id":"https:\/\/forcebrasil.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/forcebrasil.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/forcebrasil.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/forcebrasil.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/forcebrasil.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/forcebrasil.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":207,"href":"https:\/\/forcebrasil.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":293,"href":"https:\/\/forcebrasil.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/293"}],"wp:attachment":[{"href":"https:\/\/forcebrasil.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}