{"id":2,"date":"2026-07-04T22:50:58","date_gmt":"2026-07-04T22:50:58","guid":{"rendered":"https:\/\/force.paginaprovisoria.art.br\/?page_id=2"},"modified":"2026-07-05T14:53:59","modified_gmt":"2026-07-05T14:53:59","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/force.paginaprovisoria.art.br\/","title":{"rendered":"Sample Page"},"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\r\n<header class=\"force-header\" id=\"forceHeader\">\r\n  <div class=\"force-header-inner\">\r\n\r\n    <!-- =====================================================\r\n      01. LOGO\r\n    ====================================================== -->\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:\/\/force.paginaprovisoria.art.br\/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:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/LOGO_02.png\"\r\n        alt=\"Force Group\"\r\n      >\r\n    <\/a>\r\n\r\n    <!-- =====================================================\r\n      02. MENU CENTRALIZADO\r\n    ====================================================== -->\r\n    <nav class=\"force-header-nav\" aria-label=\"Menu principal\">\r\n      <a href=\"#solucoes\">Solu\u00e7\u00f5es<\/a>\r\n      <a href=\"#o-que-fazemos\">O que fazemos<\/a>\r\n      <a href=\"#contato\">Contato<\/a>\r\n    <\/nav>\r\n\r\n    <!-- =====================================================\r\n      03. HAMBURGUER MOBILE\r\n    ====================================================== -->\r\n    <button class=\"force-menu-toggle\" type=\"button\" aria-label=\"Abrir menu\">\r\n      <span><\/span>\r\n      <span><\/span>\r\n      <span><\/span>\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n  <!-- =====================================================\r\n    04. MENU MOBILE\r\n  ====================================================== -->\r\n  <div class=\"force-mobile-menu\">\r\n    <a href=\"#solucoes\">Solu\u00e7\u00f5es<\/a>\r\n    <a href=\"#o-que-fazemos\">O que fazemos<\/a>\r\n    <a href=\"#contato\">Contato<\/a>\r\n  <\/div>\r\n<\/header>\r\n\r\n<style>\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: 99999;\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: 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: 48px;\r\n    min-height: 58px;\r\n    padding: 0 46px;\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: 28px;\r\n    min-height: 38px;\r\n    padding: 0 28px;\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: 13px;\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: 10px;\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. HAMBURGUER 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,.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    Menu continua centralizado igual desktop\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: 22px;\r\n      min-height: 46px;\r\n      padding: 0 24px;\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .force-header.is-scrolled .force-header-nav {\r\n      gap: 16px;\r\n      min-height: 34px;\r\n      padding: 0 18px;\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    06. MOBILE\r\n  ========================================================= *\/\r\n\r\n  @media (max-width: 767px) {\r\n    body.admin-bar .force-header {\r\n      top: 46px;\r\n    }\r\n\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(.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,.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,.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\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  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const header = document.getElementById(\"forceHeader\");\r\n    if (!header) return;\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      if (window.scrollY > 40) {\r\n        header.classList.add(\"is-scrolled\");\r\n      } else {\r\n        header.classList.remove(\"is-scrolled\");\r\n      }\r\n    }\r\n\r\n    function setActiveLink() {\r\n      const sectionIds = [\"solucoes\", \"o-que-fazemos\", \"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\").forEach(function (link) {\r\n        const href = link.getAttribute(\"href\").replace(\"#\", \"\");\r\n        link.classList.toggle(\"is-active\", href === currentId);\r\n      });\r\n    }\r\n\r\n    if (toggle) {\r\n      toggle.addEventListener(\"click\", function () {\r\n        header.classList.toggle(\"is-open\");\r\n      });\r\n    }\r\n\r\n    links.forEach(function (link) {\r\n      link.addEventListener(\"click\", function () {\r\n        header.classList.remove(\"is-open\");\r\n      });\r\n    });\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<\/script>\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  HTML 02 - HERO SLIDER FORCE\r\n  Local: Widget HTML logo abaixo do Header\/Menu\r\n========================================================= -->\r\n\r\n<section class=\"fg-hero-slider\" id=\"home\">\r\n  <!-- 01. SLIDE 1 -->\r\n  <div class=\"fg-slide fg-active\" data-slide=\"1\">\r\n    <div class=\"fg-media\">\r\n      <video class=\"fg-video\" muted autoplay playsinline preload=\"auto\">\r\n        <source src=\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/Fundo1.mp4\" type=\"video\/mp4\">\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\"><\/div>\r\n\r\n      <h2>SOLU\u00c7\u00d5ES INTEGRADAS PARA<br>COM\u00c9RCIO EXTERIOR<\/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\">\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 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\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\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\"><\/div>\r\n\r\n        <div class=\"fg-icon-item\">\r\n          <div class=\"fg-icon-svg\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 3 19 6v5c0 5-3.2 8-7 10-3.8-2-7-5-7-10V6l7-3Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\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\"><\/div>\r\n\r\n        <div class=\"fg-icon-item\">\r\n          <div class=\"fg-icon-svg\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M5 18V9M11 18V6M17 18V12M4 19h16\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n              <path d=\"m14 7 5-5M15 2h4v4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\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  <\/div>\r\n\r\n  <!-- 02. SLIDE 2 -->\r\n  <div class=\"fg-slide\" data-slide=\"2\">\r\n    <div class=\"fg-media\">\r\n      <video class=\"fg-video\" muted autoplay playsinline preload=\"auto\">\r\n        <source src=\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/Fundo3.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/div>\r\n\r\n    <div class=\"fg-slide-content fg-content-slide-2\">\r\n      <h1>\r\n        <span>LOG\u00cdSTICA<\/span>\r\n        <strong>PORTU\u00c1RIA<\/strong>\r\n      <\/h1>\r\n\r\n      <div class=\"fg-line\"><\/div>\r\n\r\n      <h2>EFICI\u00caNCIA E CONTROLE PARA<br>OPERA\u00c7\u00d5ES DE COM\u00c9RCIO EXTERIOR<\/h2>\r\n\r\n      <p>\r\n        Integra\u00e7\u00e3o estrat\u00e9gica de cargas, terminais<br>\r\n        e transporte com seguran\u00e7a, agilidade e<br>\r\n        alto desempenho.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- 03. SLIDE 3 -->\r\n  <div class=\"fg-slide\" data-slide=\"3\">\r\n    <div class=\"fg-media\">\r\n      <video class=\"fg-video\" muted autoplay playsinline preload=\"auto\">\r\n        <source src=\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/Fundo2.mp4\" type=\"video\/mp4\">\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>LOG\u00cdSTICA<\/span>\r\n        <strong>A\u00c9REA<\/strong>\r\n      <\/h1>\r\n\r\n      <div class=\"fg-line\"><\/div>\r\n\r\n      <h2>SOLU\u00c7\u00d5ES \u00c1GEIS PARA<br>CARGAS INTERNACIONAIS<\/h2>\r\n\r\n      <p>\r\n        Seguran\u00e7a, efici\u00eancia e alta performance<br>\r\n        para opera\u00e7\u00f5es a\u00e9reas e log\u00edsticas.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- 04. CONTROLES -->\r\n  <div class=\"fg-slider-controls\">\r\n    <button class=\"fg-play-toggle\" type=\"button\" aria-label=\"Pausar slider\">\r\n      <span class=\"fg-pause-icon\">\u275a\u275a<\/span>\r\n      <span class=\"fg-play-icon\">\u25b6<\/span>\r\n    <\/button>\r\n\r\n    <div class=\"fg-slider-dots\">\r\n      <button class=\"fg-dot fg-dot-active\" data-go=\"0\" aria-label=\"Slide 1\"><\/button>\r\n      <button class=\"fg-dot\" data-go=\"1\" aria-label=\"Slide 2\"><\/button>\r\n      <button class=\"fg-dot\" data-go=\"2\" aria-label=\"Slide 3\"><\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* =========================================================\r\n    05. BASE DO SLIDER\r\n  ========================================================= *\/\r\n\r\n  .fg-hero-slider {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;\r\n    height: 100svh;\r\n    min-height: 0;\r\n    max-height: 100vh;\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    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 0.9s ease, visibility 0.9s ease;\r\n    z-index: 1;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .fg-slide.fg-active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    z-index: 2;\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  }\r\n\r\n  .fg-video {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center center;\r\n    z-index: 1;\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    06. POSI\u00c7\u00c3O DESKTOP\r\n  ========================================================= *\/\r\n\r\n  .fg-slide-content {\r\n    position: absolute;\r\n    z-index: 4;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .fg-content-slide-1 {\r\n    left: 70px;\r\n    top: 30%;\r\n    width: 500px;\r\n  }\r\n\r\n  .fg-content-slide-2 {\r\n    right: 92px;\r\n    left: auto;\r\n    top: 38%;\r\n    width: 520px;\r\n    max-width: 34vw;\r\n    text-align: right;\r\n  }\r\n\r\n  .fg-content-slide-3 {\r\n    left: 72px;\r\n    top: 42%;\r\n    width: 520px;\r\n  }\r\n\r\n  \/* =========================================================\r\n    07. TIPOGRAFIA DESKTOP\r\n  ========================================================= *\/\r\n\r\n  .fg-content-slide-1 h1 {\r\n    font-size: clamp(58px, 5.25vw, 96px);\r\n  }\r\n\r\n  .fg-content-slide-2 h1 {\r\n    font-size: clamp(52px, 4.25vw, 78px);\r\n  }\r\n\r\n  .fg-content-slide-3 h1 {\r\n    font-size: clamp(54px, 4.35vw, 80px);\r\n  }\r\n\r\n  .fg-slide-content h1 {\r\n    margin: 0;\r\n    line-height: 0.9;\r\n    text-transform: uppercase;\r\n    letter-spacing: -0.055em;\r\n    font-weight: 900;\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: 0;\r\n    transform: translateY(28px);\r\n  }\r\n\r\n  .fg-slide-content h1 span,\r\n  .fg-slide-content h1 strong {\r\n    display: block;\r\n  }\r\n\r\n  .fg-slide-content h1 span {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .fg-slide-content h1 strong {\r\n    color: #3a9cff;\r\n  }\r\n\r\n  .fg-line {\r\n    width: 82px;\r\n    height: 5px;\r\n    border-radius: 999px;\r\n    background: #2c8cff;\r\n    margin: 23px 0 25px;\r\n    box-shadow: 0 0 18px rgba(44, 140, 255, 0.55);\r\n  }\r\n\r\n  .fg-content-slide-2 .fg-line {\r\n    margin-left: auto;\r\n    margin-right: 0;\r\n  }\r\n\r\n  .fg-slide-content h2 {\r\n    margin: 0 0 20px;\r\n    font-size: 22px;\r\n    line-height: 1.32;\r\n    font-weight: 600;\r\n    letter-spacing: 0.035em;\r\n    color: #ffffff;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .fg-slide-content p {\r\n    margin: 0;\r\n    font-size: 17px;\r\n    line-height: 1.48;\r\n    font-weight: 400;\r\n    color: rgba(255, 255, 255, 0.88);\r\n  }\r\n\r\n  \/* =========================================================\r\n    08. \u00cdCONES\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: 36px;\r\n    padding-bottom: 28px;\r\n  }\r\n\r\n  .fg-icon-item {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 12px;\r\n    min-width: 108px;\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.65));\r\n  }\r\n\r\n  .fg-icon-svg::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -11px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(45, 150, 255, 0.28) 0%, rgba(45, 150, 255, 0) 68%);\r\n    z-index: -1;\r\n  }\r\n\r\n  .fg-icon-svg svg {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .fg-icon-text {\r\n    font-size: 12px;\r\n    line-height: 1.35;\r\n    font-weight: 500;\r\n    color: #ffffff;\r\n    text-shadow: 0 0 10px rgba(255,255,255,.12);\r\n  }\r\n\r\n  .fg-icon-sep {\r\n    width: 1px;\r\n    height: 72px;\r\n    background: linear-gradient(\r\n      180deg,\r\n      rgba(255,255,255,0),\r\n      rgba(255,255,255,.28),\r\n      rgba(255,255,255,0)\r\n    );\r\n    margin-top: 4px;\r\n  }\r\n\r\n  \/* =========================================================\r\n    09. ANIMA\u00c7\u00d5ES\r\n  ========================================================= *\/\r\n\r\n  .fg-active .fg-slide-content h1 span {\r\n    animation: fgFadeUp 0.75s ease forwards;\r\n    animation-delay: 0.12s;\r\n  }\r\n\r\n  .fg-active .fg-slide-content h1 strong {\r\n    animation: fgFadeUp 0.75s ease forwards;\r\n    animation-delay: 0.26s;\r\n  }\r\n\r\n  .fg-active .fg-line {\r\n    animation: fgFadeUp 0.75s ease forwards;\r\n    animation-delay: 0.42s;\r\n  }\r\n\r\n  .fg-active .fg-slide-content h2 {\r\n    animation: fgFadeUp 0.75s ease forwards;\r\n    animation-delay: 0.58s;\r\n  }\r\n\r\n  .fg-active .fg-slide-content p {\r\n    animation: fgFadeUp 0.75s ease forwards;\r\n    animation-delay: 0.74s;\r\n  }\r\n\r\n  .fg-active .fg-icons-row {\r\n    animation: fgFadeUp 0.75s ease forwards;\r\n    animation-delay: 0.92s;\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    10. CONTROLES\r\n  ========================================================= *\/\r\n\r\n  .fg-slider-controls {\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: 22px;\r\n    z-index: 8;\r\n    transform: translateX(-50%);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\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    border: 0 !important;\r\n    padding: 0 !important;\r\n    border-radius: 999px;\r\n    cursor: pointer;\r\n    background: rgba(255, 255, 255, 0.42) !important;\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n    transition: width 0.3s ease, background 0.3s ease, opacity 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    width: 38px;\r\n    height: 38px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(126, 196, 255, 0.45) !important;\r\n    background: rgba(2, 27, 65, 0.55) !important;\r\n    color: #ffffff !important;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    outline: none !important;\r\n    box-shadow: 0 0 18px rgba(44, 140, 255, 0.22) !important;\r\n    backdrop-filter: blur(10px);\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .fg-play-icon {\r\n    display: none;\r\n    font-size: 13px;\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    11. 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      max-height: none;\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-video {\r\n      object-fit: cover;\r\n      object-position: center center;\r\n    }\r\n\r\n    .fg-content-slide-1 {\r\n      left: 58px;\r\n      top: 39%;\r\n      width: 360px;\r\n    }\r\n\r\n    .fg-content-slide-2 {\r\n      right: 70px;\r\n      top: 46%;\r\n      width: 360px;\r\n      max-width: 46vw;\r\n      text-align: right;\r\n    }\r\n\r\n    .fg-content-slide-3 {\r\n      left: 76px;\r\n      top: 49%;\r\n      width: 360px;\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      font-size: 46px;\r\n    }\r\n\r\n    .fg-line {\r\n      width: 62px;\r\n      height: 4px;\r\n      margin: 14px 0 16px;\r\n    }\r\n\r\n    .fg-content-slide-2 .fg-line {\r\n      margin-left: auto;\r\n      margin-right: 0;\r\n    }\r\n\r\n    .fg-slide-content h2 {\r\n      font-size: 14px;\r\n      line-height: 1.28;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .fg-slide-content p {\r\n      font-size: 13px;\r\n      line-height: 1.42;\r\n    }\r\n\r\n    .fg-icons-row {\r\n      margin-top: 18px;\r\n      gap: 8px;\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    12. MOBILE\r\n    Ajuste pedido:\r\n    - bloco de texto desceu 30px\r\n    - fundo azul encaixa melhor\r\n  ========================================================= *\/\r\n\r\n  @media (max-width: 767px) {\r\n    .fg-hero-slider {\r\n      height: 100svh;\r\n      min-height: 600px;\r\n      max-height: none;\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: 600px;\r\n    }\r\n\r\n    .fg-media {\r\n      inset: 0 0 auto 0;\r\n      height: 42%;\r\n      min-height: 250px;\r\n      max-height: 330px;\r\n      background: #031a3d;\r\n    }\r\n\r\n    .fg-video {\r\n      object-fit: cover;\r\n      object-position: center top;\r\n    }\r\n\r\n    .fg-slide::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      height: 60%;\r\n      z-index: 3;\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.98), #03152f 72%, #020d20 100%);\r\n      border-radius: 20px 20px 0 0;\r\n      box-shadow: 0 -14px 36px rgba(0,0,0,.20);\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      left: 14px;\r\n      right: 14px;\r\n      top: calc(42% + 40px);\r\n      bottom: auto;\r\n      width: auto;\r\n      max-width: none;\r\n      text-align: center;\r\n    }\r\n\r\n    .fg-content-slide-2 .fg-line {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    .fg-slide-content h1 span,\r\n    .fg-slide-content h1 strong {\r\n      display: block;\r\n      margin-left: 0;\r\n    }\r\n\r\n    .fg-content-slide-1 h1 {\r\n      font-size: clamp(34px, 11.2vw, 48px);\r\n      line-height: 0.86;\r\n      white-space: normal;\r\n      letter-spacing: -0.055em;\r\n    }\r\n\r\n    .fg-content-slide-2 h1,\r\n    .fg-content-slide-3 h1 {\r\n      font-size: clamp(33px, 10.8vw, 46px);\r\n      line-height: 0.9;\r\n      white-space: normal;\r\n      letter-spacing: -0.055em;\r\n    }\r\n\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-slide-content h2 {\r\n      font-size: 12.8px;\r\n      line-height: 1.28;\r\n      letter-spacing: 0.035em;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .fg-slide-content p {\r\n      max-width: 350px;\r\n      margin: 0 auto;\r\n      font-size: 12.2px;\r\n      line-height: 1.34;\r\n    }\r\n\r\n    .fg-icons-row {\r\n      justify-content: center;\r\n      gap: 8px;\r\n      flex-wrap: nowrap;\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      min-width: 0;\r\n      width: 32%;\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: 30px;\r\n      height: 30px;\r\n      font-size: 9px;\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  \/* =========================================================\r\n    13. MOBILE PEQUENO\r\n  ========================================================= *\/\r\n\r\n  @media (max-width: 380px) {\r\n    .fg-hero-slider {\r\n      min-height: 560px;\r\n    }\r\n\r\n    .fg-media {\r\n      height: 41%;\r\n      min-height: 230px;\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      top: calc(41% + 38px);\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      font-size: 33px;\r\n    }\r\n\r\n    .fg-slide-content h2 {\r\n      font-size: 12px;\r\n    }\r\n\r\n    .fg-slide-content p {\r\n      font-size: 11.5px;\r\n    }\r\n\r\n    .fg-icons-row {\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .fg-slider-controls {\r\n      bottom: 8px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/* =========================================================\r\n    14. SCRIPT DO SLIDER\r\n  ========================================================= *\/\r\n\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      const slideDuration = 10000;\r\n      let current = 0;\r\n      let timer = null;\r\n      let paused = false;\r\n\r\n      let touchStartX = 0;\r\n      let touchStartY = 0;\r\n\r\n      function resetAnimations(slide) {\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 (el) {\r\n          el.style.animation = \"none\";\r\n          el.offsetHeight;\r\n          el.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        });\r\n      }\r\n\r\n      function getActiveVideo() {\r\n        return slides[current].querySelector(\".fg-video\");\r\n      }\r\n\r\n      function playActiveVideo(resetTime = true) {\r\n        stopAllVideos();\r\n\r\n        const video = getActiveVideo();\r\n        if (!video) return;\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 (e) {}\r\n        }\r\n\r\n        video.play().catch(function () {});\r\n\r\n        video.onended = function () {\r\n          if (!paused) nextSlide();\r\n        };\r\n      }\r\n\r\n      function scheduleFallback() {\r\n        clearTimeout(timer);\r\n\r\n        if (paused) return;\r\n\r\n        timer = setTimeout(function () {\r\n          nextSlide();\r\n        }, slideDuration);\r\n      }\r\n\r\n      function goToSlide(index) {\r\n        clearTimeout(timer);\r\n\r\n        slides[current].classList.remove(\"fg-active\");\r\n        dots[current].classList.remove(\"fg-dot-active\");\r\n\r\n        current = index;\r\n\r\n        slides[current].classList.add(\"fg-active\");\r\n        dots[current].classList.add(\"fg-dot-active\");\r\n\r\n        resetAnimations(slides[current]);\r\n\r\n        if (!paused) {\r\n          playActiveVideo(true);\r\n          scheduleFallback();\r\n        }\r\n      }\r\n\r\n      function nextSlide() {\r\n        if (paused) return;\r\n\r\n        const next = (current + 1) % slides.length;\r\n        goToSlide(next);\r\n      }\r\n\r\n      function prevSlide() {\r\n        if (paused) return;\r\n\r\n        const prev = (current - 1 + slides.length) % slides.length;\r\n        goToSlide(prev);\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          const video = getActiveVideo();\r\n\r\n          paused = !paused;\r\n          slider.classList.toggle(\"fg-paused\", paused);\r\n\r\n          if (paused) {\r\n            clearTimeout(timer);\r\n            if (video) video.pause();\r\n          } else {\r\n            if (video) video.play().catch(function () {});\r\n            scheduleFallback();\r\n          }\r\n        });\r\n      }\r\n\r\n      slider.addEventListener(\"touchstart\", function (event) {\r\n        if (!event.changedTouches || !event.changedTouches.length) return;\r\n\r\n        touchStartX = event.changedTouches[0].screenX;\r\n        touchStartY = event.changedTouches[0].screenY;\r\n      }, { passive: true });\r\n\r\n      slider.addEventListener(\"touchend\", function (event) {\r\n        if (!event.changedTouches || !event.changedTouches.length) return;\r\n\r\n        const touchEndX = event.changedTouches[0].screenX;\r\n        const touchEndY = event.changedTouches[0].screenY;\r\n\r\n        const diffX = touchEndX - touchStartX;\r\n        const diffY = touchEndY - 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            prevSlide();\r\n          }\r\n        }\r\n      }, { passive: true });\r\n\r\n      goToSlide(0);\r\n    }\r\n\r\n    initForceSlider();\r\n\r\n    document.addEventListener(\"DOMContentLoaded\", initForceSlider);\r\n\r\n    window.addEventListener(\"load\", function () {\r\n      setTimeout(initForceSlider, 300);\r\n    });\r\n  })();\r\n<\/script>\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  FORCE BRASIL \/ FORCE GROUP\r\n  SESS\u00c3O 01 - QUEM SOMOS + N\u00daMEROS FORCE\r\n  Widget HTML Elementor\r\n========================================================= -->\r\n\r\n<section class=\"force-s02\" id=\"quem-somos\">\r\n\r\n  <!-- =====================================================\r\n    01. FUNDO GERAL DA SESS\u00c3O\r\n  ====================================================== -->\r\n  <div class=\"force-s02-bg\"><\/div>\r\n\r\n  <!-- =====================================================\r\n    02. BLOCO SUPERIOR - QUEM SOMOS\r\n  ====================================================== -->\r\n  <div class=\"force-s02-container force-s02-top\">\r\n\r\n    <!-- Texto esquerdo -->\r\n    <div class=\"force-s02-text force-anim\">\r\n      <span class=\"force-s02-eyebrow\">QUEM SOMOS<\/span>\r\n\r\n      <h2>\r\n        Mais que log\u00edstica.<br>\r\n        Solu\u00e7\u00f5es que <strong>geram resultados.<\/strong>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Com mais de duas d\u00e9cadas de atua\u00e7\u00e3o, a Force Brasil \u00e9 parceira estrat\u00e9gica em com\u00e9rcio exterior,\r\n        consultoria aduaneira e log\u00edstica internacional.\r\n      <\/p>\r\n\r\n      <p>\r\n        Unimos conhecimento t\u00e9cnico, atendimento pr\u00f3ximo e vis\u00e3o operacional para desenvolver solu\u00e7\u00f5es\r\n        personalizadas, reduzir riscos e tornar cada processo mais eficiente.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Imagem direita -->\r\n    <div class=\"force-s02-image-wrap force-anim\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/Sessao_01_img.webp\"\r\n        alt=\"Executivo da Force Brasil analisando opera\u00e7\u00e3o log\u00edstica portu\u00e1ria\"\r\n        class=\"force-s02-image\"\r\n        loading=\"lazy\"\r\n      >\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- =====================================================\r\n    03. BENEF\u00cdCIOS \/ \u00cdCONES\r\n  ====================================================== -->\r\n  <div class=\"force-s02-container force-s02-benefits force-anim\">\r\n\r\n    <!-- Item 01 -->\r\n    <div class=\"force-s02-benefit\">\r\n      <div class=\"force-s02-benefit-icon\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M32 6L51 13V28C51 42 42.5 53 32 58C21.5 53 13 42 13 28V13L32 6Z\"><\/path>\r\n          <path d=\"M24 31L30 37L41 25\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Seguran\u00e7a e<br>Conformidade<\/h3>\r\n    <\/div>\r\n\r\n    <!-- Item 02 -->\r\n    <div class=\"force-s02-benefit\">\r\n      <div class=\"force-s02-benefit-icon\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M32 10C44.1 10 54 19.9 54 32C54 44.1 44.1 54 32 54\"><\/path>\r\n          <path d=\"M32 18V33L42 39\"><\/path>\r\n          <path d=\"M7 25H24\"><\/path>\r\n          <path d=\"M3 32H22\"><\/path>\r\n          <path d=\"M9 39H24\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Agilidade<br>Operacional<\/h3>\r\n    <\/div>\r\n\r\n    <!-- Item 03 -->\r\n    <div class=\"force-s02-benefit\">\r\n      <div class=\"force-s02-benefit-icon\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M32 33C40 33 46 39 46 47V52H18V47C18 39 24 33 32 33Z\"><\/path>\r\n          <path d=\"M32 29C38 29 42 24 42 17C42 11 38 7 32 7C26 7 22 11 22 17C22 24 26 29 32 29Z\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Atendimento<br>Personalizado<\/h3>\r\n    <\/div>\r\n\r\n    <!-- Item 04 -->\r\n    <div class=\"force-s02-benefit\">\r\n      <div class=\"force-s02-benefit-icon\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <circle cx=\"32\" cy=\"32\" r=\"24\"><\/circle>\r\n          <path d=\"M8 32H56\"><\/path>\r\n          <path d=\"M32 8C39 15 42 23 42 32C42 41 39 49 32 56\"><\/path>\r\n          <path d=\"M32 8C25 15 22 23 22 32C22 41 25 49 32 56\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Vis\u00e3o<br>Integrada<\/h3>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- =====================================================\r\n    04. BLOCO DE T\u00cdTULO - N\u00daMEROS FORCE\r\n  ====================================================== -->\r\n  <div class=\"force-s02-container force-s02-numbers-head force-anim\">\r\n    <span class=\"force-s02-eyebrow force-s02-eyebrow-center\">N\u00daMEROS FORCE<\/span>\r\n\r\n    <h2>\r\n      Resultados que refor\u00e7am nossa <strong>experi\u00eancia<\/strong>\r\n    <\/h2>\r\n\r\n    <p>\r\n      Indicadores que mostram a escala, a confian\u00e7a e a capacidade<br>\r\n      operacional da Force Brasil no com\u00e9rcio exterior.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- =====================================================\r\n    05. CARDS DE N\u00daMEROS COM NEON\r\n  ====================================================== -->\r\n  <div class=\"force-s02-container force-s02-cards\">\r\n\r\n    <!-- Card 01 -->\r\n    <article class=\"force-s02-card force-anim\">\r\n      <div class=\"force-s02-card-icon\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M32 7L51 14V29C51 43 42 54 32 58C22 54 13 43 13 29V14L32 7Z\"><\/path>\r\n          <path d=\"M24 31L30 37L42 25\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"force-s02-number\">\r\n        <span>+<\/span>\r\n        <strong class=\"force-counter\" data-target=\"50\">0<\/strong>\r\n        <small>mil<\/small>\r\n      <\/div>\r\n\r\n      <div class=\"force-s02-card-line\"><\/div>\r\n\r\n      <p>\r\n        Processos executados<br>\r\n        com seguran\u00e7a e efici\u00eancia\r\n      <\/p>\r\n    <\/article>\r\n\r\n    <!-- Card 02 -->\r\n    <article class=\"force-s02-card force-anim\">\r\n      <div class=\"force-s02-card-icon\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M32 7L52 18V46L32 57L12 46V18L32 7Z\"><\/path>\r\n          <path d=\"M12 18L32 29L52 18\"><\/path>\r\n          <path d=\"M32 29V57\"><\/path>\r\n          <path d=\"M22 13L42 24\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"force-s02-number\">\r\n        <span>+<\/span>\r\n        <strong class=\"force-counter\" data-target=\"300\">0<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"force-s02-card-line\"><\/div>\r\n\r\n      <p>\r\n        Projetos especiais<br>\r\n        executados\r\n      <\/p>\r\n    <\/article>\r\n\r\n    <!-- Card 03 -->\r\n    <article class=\"force-s02-card force-anim\">\r\n      <div class=\"force-s02-card-icon\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M10 37L27 31L17 16L22 13L39 27L53 22C57 21 60 24 58 28L45 36L50 51L45 54L34 41L17 48L10 37Z\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"force-s02-number\">\r\n        <span>+<\/span>\r\n        <strong class=\"force-counter\" data-target=\"500\">0<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"force-s02-card-line\"><\/div>\r\n\r\n      <p>\r\n        Aeronaves<br>\r\n        assessoradas\r\n      <\/p>\r\n    <\/article>\r\n\r\n    <!-- Card 04 -->\r\n    <article class=\"force-s02-card force-anim\">\r\n      <div class=\"force-s02-card-icon\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M13 51H53\"><\/path>\r\n          <path d=\"M18 45V34H27V45\"><\/path>\r\n          <path d=\"M31 45V25H40V45\"><\/path>\r\n          <path d=\"M44 45V17H53V45\"><\/path>\r\n          <path d=\"M15 24L27 18L36 20L50 9\"><\/path>\r\n          <path d=\"M43 9H50V16\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"force-s02-number force-s02-money\">\r\n        <span>R$<\/span>\r\n        <strong class=\"force-counter\" data-target=\"1\">0<\/strong>\r\n        <small>bi<\/small>\r\n      <\/div>\r\n\r\n      <div class=\"force-s02-card-line\"><\/div>\r\n\r\n      <p>\r\n        Em neg\u00f3cios assessorados<br>\r\n        todos os anos\r\n      <\/p>\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n  06. BASE DA SESS\u00c3O\r\n========================================================= *\/\r\n\r\n.force-s02,\r\n.force-s02 * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.force-s02 {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  font-family: inherit;\r\n  color: #101936;\r\n  background: #edf4ff;\r\n  isolation: isolate;\r\n  padding: 118px 0 118px;\r\n}\r\n\r\n.force-s02-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -2;\r\n  background-image: url(\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/Sessao_01_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-s02::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: auto 0 0 0;\r\n  height: 48%;\r\n  z-index: -1;\r\n  pointer-events: none;\r\n  background:\r\n    radial-gradient(circle at 50% 5%, rgba(83, 152, 255, .20), transparent 32%),\r\n    radial-gradient(circle at 12% 88%, rgba(0, 112, 255, .16), transparent 38%),\r\n    linear-gradient(180deg, rgba(5, 34, 95, 0) 0%, rgba(1, 18, 56, .15) 35%, rgba(0, 13, 45, .32) 100%);\r\n}\r\n\r\n.force-s02-container {\r\n  position: relative;\r\n  width: min(1010px, calc(100% - 132px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* =========================================================\r\n  07. TOPO - QUEM SOMOS\r\n========================================================= *\/\r\n\r\n.force-s02-top {\r\n  display: grid;\r\n  grid-template-columns: 42% 58%;\r\n  align-items: center;\r\n  gap: 36px;\r\n}\r\n\r\n.force-s02-text {\r\n  max-width: 390px;\r\n}\r\n\r\n.force-s02-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  position: relative;\r\n  margin-bottom: 23px;\r\n  font-size: 10px;\r\n  line-height: 1;\r\n  letter-spacing: .34em;\r\n  font-weight: 800;\r\n  color: #075dff;\r\n}\r\n\r\n.force-s02-eyebrow::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: -12px;\r\n  width: 40px;\r\n  height: 2px;\r\n  border-radius: 10px;\r\n  background: linear-gradient(90deg, #075dff, rgba(7, 93, 255, 0));\r\n}\r\n\r\n.force-s02-text h2,\r\n.force-s02-numbers-head h2 {\r\n  margin: 0;\r\n  font-size: clamp(28px, 2.65vw, 38px);\r\n  line-height: 1.18;\r\n  font-weight: 800;\r\n  letter-spacing: -.035em;\r\n  color: #101936;\r\n}\r\n\r\n.force-s02-text h2 strong,\r\n.force-s02-numbers-head h2 strong {\r\n  color: #075dff;\r\n  font-weight: 800;\r\n}\r\n\r\n.force-s02-text p {\r\n  margin: 22px 0 0;\r\n  max-width: 370px;\r\n  font-size: 13.5px;\r\n  line-height: 1.72;\r\n  font-weight: 500;\r\n  color: rgba(16, 25, 54, .82);\r\n}\r\n\r\n.force-s02-text p + p {\r\n  margin-top: 20px;\r\n}\r\n\r\n.force-s02-image-wrap {\r\n  position: relative;\r\n  justify-self: end;\r\n  width: 100%;\r\n  max-width: 525px;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  box-shadow:\r\n    0 22px 48px rgba(4, 31, 91, .20),\r\n    0 0 0 1px rgba(0, 90, 255, .13);\r\n}\r\n\r\n.force-s02-image-wrap::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    linear-gradient(90deg, rgba(0, 30, 82, .13), transparent 50%),\r\n    linear-gradient(180deg, transparent 65%, rgba(4, 22, 62, .15));\r\n}\r\n\r\n.force-s02-image {\r\n  display: block;\r\n  width: 100%;\r\n  height: 286px;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  transform: scale(1.01);\r\n}\r\n\r\n\/* =========================================================\r\n  08. BENEF\u00cdCIOS COM \u00cdCONES\r\n========================================================= *\/\r\n\r\n.force-s02-benefits {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  margin-top: 48px;\r\n  padding: 0 14px;\r\n}\r\n\r\n.force-s02-benefit {\r\n  position: relative;\r\n  display: grid;\r\n  place-items: center;\r\n  min-height: 98px;\r\n  text-align: center;\r\n}\r\n\r\n.force-s02-benefit:not(:last-child)::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: 0;\r\n  top: 8px;\r\n  width: 1px;\r\n  height: 74px;\r\n  background: linear-gradient(180deg, transparent, rgba(18, 62, 131, .25), transparent);\r\n}\r\n\r\n.force-s02-benefit-icon {\r\n  width: 46px;\r\n  height: 46px;\r\n  margin-bottom: 9px;\r\n  color: #075dff;\r\n}\r\n\r\n.force-s02-benefit-icon svg,\r\n.force-s02-card-icon svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2.35;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.force-s02-benefit h3 {\r\n  margin: 0;\r\n  font-size: 13px;\r\n  line-height: 1.34;\r\n  font-weight: 800;\r\n  color: #162043;\r\n}\r\n\r\n\/* =========================================================\r\n  09. CABE\u00c7ALHO DOS N\u00daMEROS\r\n========================================================= *\/\r\n\r\n.force-s02-numbers-head {\r\n  margin-top: 78px;\r\n  text-align: center;\r\n}\r\n\r\n.force-s02-eyebrow-center {\r\n  justify-content: center;\r\n  margin-bottom: 27px;\r\n}\r\n\r\n.force-s02-eyebrow-center::after {\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 48px;\r\n  background: linear-gradient(90deg, rgba(7, 93, 255, 0), #075dff, rgba(7, 93, 255, 0));\r\n}\r\n\r\n.force-s02-numbers-head h2 {\r\n  font-size: clamp(28px, 2.55vw, 37px);\r\n}\r\n\r\n.force-s02-numbers-head p {\r\n  margin: 17px auto 0;\r\n  max-width: 600px;\r\n  font-size: 14.5px;\r\n  line-height: 1.62;\r\n  font-weight: 500;\r\n  color: rgba(16, 25, 54, .78);\r\n}\r\n\r\n\/* =========================================================\r\n  10. CARDS NEON\r\n========================================================= *\/\r\n\r\n.force-s02-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 24px;\r\n  margin-top: 32px;\r\n}\r\n\r\n.force-s02-card {\r\n  position: relative;\r\n  min-height: 236px;\r\n  padding: 24px 18px 25px;\r\n  text-align: center;\r\n  border-radius: 16px;\r\n  color: #fff;\r\n  overflow: hidden;\r\n  background:\r\n    linear-gradient(180deg, rgba(22, 98, 199, .22), rgba(0, 18, 59, .64)),\r\n    rgba(2, 21, 68, .62);\r\n  border: 1px solid rgba(116, 181, 255, .68);\r\n  box-shadow:\r\n    inset 0 0 26px rgba(40, 141, 255, .15),\r\n    0 0 16px rgba(54, 144, 255, .28),\r\n    0 14px 34px rgba(0, 10, 35, .23);\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n}\r\n\r\n.force-s02-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: -1px;\r\n  border-radius: inherit;\r\n  pointer-events: none;\r\n  background:\r\n    radial-gradient(circle at 50% 0%, rgba(112, 190, 255, .32), transparent 28%),\r\n    radial-gradient(circle at 50% 48%, rgba(0, 107, 255, .22), transparent 35%),\r\n    linear-gradient(180deg, rgba(255,255,255,.12), transparent 38%);\r\n  opacity: .95;\r\n}\r\n\r\n.force-s02-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 18%;\r\n  right: 18%;\r\n  top: -1px;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, rgba(197, 231, 255, .88), transparent);\r\n  box-shadow: 0 0 15px rgba(56, 153, 255, .86);\r\n}\r\n\r\n.force-s02-card-icon {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: 48px;\r\n  height: 48px;\r\n  margin: 0 auto 21px;\r\n  display: grid;\r\n  place-items: center;\r\n  color: #eaf6ff;\r\n  border-radius: 999px;\r\n  filter: drop-shadow(0 0 11px rgba(66, 159, 255, .82));\r\n}\r\n\r\n.force-s02-card-icon::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: -6px;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(138, 204, 255, .70);\r\n  box-shadow:\r\n    inset 0 0 14px rgba(66, 159, 255, .30),\r\n    0 0 16px rgba(66, 159, 255, .52);\r\n}\r\n\r\n.force-s02-number {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: flex;\r\n  align-items: baseline;\r\n  justify-content: center;\r\n  gap: 7px;\r\n  min-height: 52px;\r\n  white-space: nowrap;\r\n  color: #fff;\r\n  text-shadow:\r\n    0 0 9px rgba(83, 168, 255, .78),\r\n    0 0 19px rgba(0, 95, 255, .64);\r\n}\r\n\r\n.force-s02-number span {\r\n  font-size: clamp(25px, 2.45vw, 36px);\r\n  line-height: 1;\r\n  font-weight: 900;\r\n}\r\n\r\n.force-s02-number strong {\r\n  font-size: clamp(43px, 4.35vw, 60px);\r\n  line-height: .9;\r\n  font-weight: 900;\r\n  letter-spacing: .01em;\r\n}\r\n\r\n.force-s02-number small {\r\n  font-size: clamp(20px, 2vw, 28px);\r\n  line-height: 1;\r\n  font-weight: 700;\r\n  opacity: .95;\r\n}\r\n\r\n.force-s02-money {\r\n  gap: 8px;\r\n}\r\n\r\n.force-s02-money span {\r\n  font-size: clamp(23px, 2.2vw, 32px);\r\n}\r\n\r\n.force-s02-card-line {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: 28px;\r\n  height: 3px;\r\n  margin: 19px auto 14px;\r\n  border-radius: 99px;\r\n  background: #0874ff;\r\n  box-shadow:\r\n    0 0 7px rgba(8, 116, 255, .90),\r\n    0 0 15px rgba(8, 116, 255, .70);\r\n}\r\n\r\n.force-s02-card p {\r\n  position: relative;\r\n  z-index: 1;\r\n  margin: 0;\r\n  font-size: 13px;\r\n  line-height: 1.42;\r\n  font-weight: 500;\r\n  color: rgba(255, 255, 255, .88);\r\n}\r\n\r\n\/* =========================================================\r\n  11. ANIMA\u00c7\u00d5ES DE ROLAGEM\r\n  Entra quando aparece, some quando sai.\r\n========================================================= *\/\r\n\r\n.force-anim {\r\n  opacity: 0;\r\n  transform: translateY(36px) 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-anim.force-visible {\r\n  opacity: 1;\r\n  transform: translateY(0) scale(1);\r\n  filter: blur(0);\r\n}\r\n\r\n.force-s02-image-wrap.force-visible {\r\n  transition-delay: .08s;\r\n}\r\n\r\n.force-s02-benefits.force-visible {\r\n  transition-delay: .06s;\r\n}\r\n\r\n.force-s02-card:nth-child(1).force-visible { transition-delay: .03s; }\r\n.force-s02-card:nth-child(2).force-visible { transition-delay: .08s; }\r\n.force-s02-card:nth-child(3).force-visible { transition-delay: .13s; }\r\n.force-s02-card:nth-child(4).force-visible { transition-delay: .18s; }\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .force-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  12. RESPONSIVO - TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n  .force-s02 {\r\n    padding: 92px 0 96px;\r\n  }\r\n\r\n  .force-s02-container {\r\n    width: calc(100% - 96px);\r\n    max-width: 840px;\r\n  }\r\n\r\n  .force-s02-top {\r\n    grid-template-columns: 1fr 1.08fr;\r\n    gap: 28px;\r\n  }\r\n\r\n  .force-s02-text h2,\r\n  .force-s02-numbers-head h2 {\r\n    font-size: 31px;\r\n  }\r\n\r\n  .force-s02-text p {\r\n    font-size: 13px;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  .force-s02-image {\r\n    height: 252px;\r\n  }\r\n\r\n  .force-s02-benefits {\r\n    margin-top: 44px;\r\n    padding: 0;\r\n  }\r\n\r\n  .force-s02-numbers-head {\r\n    margin-top: 68px;\r\n  }\r\n\r\n  .force-s02-cards {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 22px;\r\n    width: min(78%, 650px);\r\n  }\r\n\r\n  .force-s02-card {\r\n    min-height: 222px;\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-s02 {\r\n    padding: 74px 0 78px;\r\n    background: #edf4ff;\r\n  }\r\n\r\n  .force-s02-bg {\r\n    background-size: cover;\r\n    background-position: center top;\r\n  }\r\n\r\n  .force-s02::after {\r\n    height: 58%;\r\n  }\r\n\r\n  .force-s02-container {\r\n    width: calc(100% - 56px);\r\n    max-width: 380px;\r\n  }\r\n\r\n  .force-s02-top {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 28px;\r\n  }\r\n\r\n  .force-s02-text {\r\n    max-width: 100%;\r\n    text-align: left;\r\n  }\r\n\r\n  .force-s02-eyebrow {\r\n    font-size: 9.5px;\r\n    letter-spacing: .30em;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .force-s02-text h2 {\r\n    font-size: 26px;\r\n    line-height: 1.18;\r\n  }\r\n\r\n  .force-s02-text p {\r\n    max-width: 100%;\r\n    margin-top: 18px;\r\n    font-size: 13.2px;\r\n    line-height: 1.72;\r\n  }\r\n\r\n  .force-s02-text p + p {\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .force-s02-image-wrap {\r\n    max-width: 100%;\r\n    border-radius: 15px;\r\n  }\r\n\r\n  .force-s02-image {\r\n    height: 196px;\r\n    object-position: center;\r\n  }\r\n\r\n  .force-s02-benefits {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    row-gap: 28px;\r\n    column-gap: 8px;\r\n    margin-top: 40px;\r\n    padding: 0;\r\n  }\r\n\r\n  .force-s02-benefit {\r\n    min-height: 96px;\r\n  }\r\n\r\n  .force-s02-benefit:nth-child(2)::after {\r\n    display: none;\r\n  }\r\n\r\n  .force-s02-benefit:not(:last-child)::after {\r\n    height: 68px;\r\n  }\r\n\r\n  .force-s02-benefit-icon {\r\n    width: 42px;\r\n    height: 42px;\r\n  }\r\n\r\n  .force-s02-benefit h3 {\r\n    font-size: 12.5px;\r\n  }\r\n\r\n  .force-s02-numbers-head {\r\n    margin-top: 60px;\r\n  }\r\n\r\n  .force-s02-numbers-head h2 {\r\n    font-size: 26px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .force-s02-numbers-head p {\r\n    margin-top: 15px;\r\n    font-size: 13.2px;\r\n    line-height: 1.62;\r\n  }\r\n\r\n  .force-s02-numbers-head p br {\r\n    display: none;\r\n  }\r\n\r\n  .force-s02-cards {\r\n    grid-template-columns: 1fr;\r\n    gap: 18px;\r\n    width: calc(100% - 56px);\r\n    max-width: 380px;\r\n    margin-top: 28px;\r\n  }\r\n\r\n  .force-s02-card {\r\n    min-height: 220px;\r\n    border-radius: 16px;\r\n    padding: 23px 19px 25px;\r\n  }\r\n\r\n  .force-s02-card-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .force-s02-number strong {\r\n    font-size: 54px;\r\n  }\r\n\r\n  .force-s02-number span {\r\n    font-size: 31px;\r\n  }\r\n\r\n  .force-s02-number small {\r\n    font-size: 25px;\r\n  }\r\n\r\n  .force-s02-card p {\r\n    font-size: 13px;\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-s02 {\r\n    padding: 68px 0 72px;\r\n  }\r\n\r\n  .force-s02-container,\r\n  .force-s02-cards {\r\n    width: calc(100% - 48px);\r\n  }\r\n\r\n  .force-s02-text h2,\r\n  .force-s02-numbers-head h2 {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .force-s02-image {\r\n    height: 184px;\r\n  }\r\n\r\n  .force-s02-number strong {\r\n    font-size: 49px;\r\n  }\r\n\r\n  .force-s02-number span {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .force-s02-number small {\r\n    font-size: 23px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* =========================================================\r\n  15. JS - ANIMA\u00c7\u00d5ES DE ROLAGEM + CONTADORES\r\n  Compat\u00edvel com Elementor\r\n========================================================= *\/\r\n\r\n(function () {\r\n  \"use strict\";\r\n\r\n  function initForceSection02() {\r\n    var section = document.querySelector(\".force-s02\");\r\n\r\n    if (!section || section.dataset.ready === \"true\") {\r\n      return;\r\n    }\r\n\r\n    section.dataset.ready = \"true\";\r\n\r\n    var animatedItems = section.querySelectorAll(\".force-anim\");\r\n    var counters = section.querySelectorAll(\".force-counter\");\r\n    var countersStarted = false;\r\n    var counterFrameIds = [];\r\n\r\n    \/* -----------------------------------------------\r\n      15.1. Anima\u00e7\u00e3o dos contadores\r\n    ------------------------------------------------ *\/\r\n    function resetCounters() {\r\n      countersStarted = false;\r\n\r\n      counterFrameIds.forEach(function (id) {\r\n        cancelAnimationFrame(id);\r\n      });\r\n\r\n      counterFrameIds = [];\r\n\r\n      counters.forEach(function (counter) {\r\n        counter.textContent = \"0\";\r\n      });\r\n    }\r\n\r\n    function animateCounter(counter) {\r\n      var target = parseInt(counter.getAttribute(\"data-target\"), 10) || 0;\r\n      var duration = 1600;\r\n      var startTime = null;\r\n      var frameId = null;\r\n\r\n      function easeOutCubic(t) {\r\n        return 1 - Math.pow(1 - t, 3);\r\n      }\r\n\r\n      function update(timestamp) {\r\n        if (!startTime) {\r\n          startTime = timestamp;\r\n        }\r\n\r\n        var progress = Math.min((timestamp - startTime) \/ duration, 1);\r\n        var value = Math.floor(easeOutCubic(progress) * target);\r\n\r\n        counter.textContent = value.toLocaleString(\"pt-BR\");\r\n\r\n        if (progress < 1) {\r\n          frameId = requestAnimationFrame(update);\r\n          counterFrameIds.push(frameId);\r\n        } else {\r\n          counter.textContent = target.toLocaleString(\"pt-BR\");\r\n        }\r\n      }\r\n\r\n      frameId = requestAnimationFrame(update);\r\n      counterFrameIds.push(frameId);\r\n    }\r\n\r\n    function startCounters() {\r\n      if (countersStarted) {\r\n        return;\r\n      }\r\n\r\n      countersStarted = true;\r\n\r\n      counters.forEach(function (counter) {\r\n        animateCounter(counter);\r\n      });\r\n    }\r\n\r\n    \/* -----------------------------------------------\r\n      15.2. Entrada e sa\u00edda dos elementos 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-visible\");\r\n          } else {\r\n            entry.target.classList.remove(\"force-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\r\n      var cardsArea = section.querySelector(\".force-s02-cards\");\r\n\r\n      if (cardsArea) {\r\n        var counterObserver = new IntersectionObserver(function (entries) {\r\n          entries.forEach(function (entry) {\r\n            if (entry.isIntersecting) {\r\n              startCounters();\r\n            } else {\r\n              resetCounters();\r\n            }\r\n          });\r\n        }, {\r\n          threshold: 0.24\r\n        });\r\n\r\n        counterObserver.observe(cardsArea);\r\n      }\r\n    } else {\r\n      animatedItems.forEach(function (item) {\r\n        item.classList.add(\"force-visible\");\r\n      });\r\n\r\n      startCounters();\r\n    }\r\n  }\r\n\r\n  \/* -----------------------------------------------\r\n    15.3. Inicializa\u00e7\u00e3o resistente ao Elementor\r\n  ------------------------------------------------ *\/\r\n  initForceSection02();\r\n\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    initForceSection02();\r\n  });\r\n\r\n  window.addEventListener(\"load\", function () {\r\n    setTimeout(initForceSection02, 300);\r\n    setTimeout(initForceSection02, 900);\r\n  });\r\n\r\n})();\r\n<\/script>\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  FORCE BRASIL \/ FORCE GROUP\r\n  SESS\u00c3O 03 - SOLU\u00c7\u00d5ES POR SEGMENTO COM CARROSSEL\r\n  Widget HTML Elementor\r\n========================================================= -->\r\n\r\n<section class=\"force-s03\" id=\"solucoes\">\r\n\r\n  <!-- =====================================================\r\n    01. FUNDO DA SESS\u00c3O\r\n  ====================================================== -->\r\n  <div class=\"force-s03-bg\"><\/div>\r\n\r\n  <!-- =====================================================\r\n    02. CABE\u00c7ALHO DA SESS\u00c3O\r\n  ====================================================== -->\r\n  <div class=\"force-s03-container force-s03-head force-s03-anim\">\r\n    <span class=\"force-s03-eyebrow\">SOLU\u00c7\u00d5ES PERSONALIZADAS<\/span>\r\n\r\n    <h2>\r\n      Solu\u00e7\u00f5es sob medida para <strong>cada segmento<\/strong>\r\n    <\/h2>\r\n\r\n    <p>\r\n      Cada opera\u00e7\u00e3o exige uma estrat\u00e9gia pr\u00f3pria. A Force Brasil<br>\r\n      adapta solu\u00e7\u00f5es conforme o mercado, a carga e a necessidade do cliente.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- =====================================================\r\n    03. CARROSSEL\r\n  ====================================================== -->\r\n  <div class=\"force-s03-container force-s03-carousel force-s03-anim\">\r\n\r\n    <!-- Seta esquerda -->\r\n    <button class=\"force-s03-arrow force-s03-arrow-prev\" type=\"button\" aria-label=\"Voltar carrossel\">\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <path d=\"M15 5L8 12L15 19\"><\/path>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n    <!-- \u00c1rea vis\u00edvel do carrossel -->\r\n    <div class=\"force-s03-viewport\">\r\n      <div class=\"force-s03-track\">\r\n\r\n        <!-- =================================================\r\n          03.1. CARD 01\r\n        ================================================== -->\r\n        <article class=\"force-s03-card force-s03-anim\">\r\n          <div class=\"force-s03-card-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/img_teste01.png\"\r\n              alt=\"Solu\u00e7\u00f5es para o segmento aeron\u00e1utico\"\r\n              loading=\"lazy\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"force-s03-card-body\">\r\n            <div class=\"force-s03-card-title\">\r\n              <span class=\"force-s03-card-icon\">\r\n                <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                  <path d=\"M32 7L38 35L58 46V52L36 46L32 59L28 46L6 52V46L26 35L32 7Z\"><\/path>\r\n                  <path d=\"M23 39H41\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <h3>Aeron\u00e1utico<\/h3>\r\n            <\/div>\r\n\r\n            <p>\r\n              Precis\u00e3o e agilidade para opera\u00e7\u00f5es a\u00e9reas especiais.\r\n            <\/p>\r\n\r\n            <a href=\"#contato\" class=\"force-s03-btn\">\r\n              <span class=\"force-s03-whatsapp\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 3.5A8.5 8.5 0 0 0 4.7 16.4L3.8 20.2L7.7 19.3A8.5 8.5 0 1 0 12 3.5Z\"><\/path>\r\n                  <path d=\"M9.2 8.6C9.4 8.1 9.7 8.1 10 8.1H10.5C10.7 8.1 10.9 8.2 11 8.5L11.6 9.9C11.7 10.2 11.7 10.4 11.5 10.6L11.1 11.1C11 11.2 10.9 11.4 11.1 11.7C11.5 12.4 12.1 13 12.8 13.4C13.1 13.6 13.3 13.5 13.5 13.3L14 12.8C14.2 12.6 14.4 12.6 14.7 12.7L16.1 13.4C16.4 13.5 16.5 13.7 16.5 13.9C16.4 14.5 16.1 15 15.6 15.3C15.2 15.6 14.4 15.6 13.5 15.3C11.7 14.7 9.4 12.8 8.8 10.7C8.5 9.8 8.8 9 9.2 8.6Z\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n              Falar sobre este segmento\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- =================================================\r\n          03.2. CARD 02\r\n        ================================================== -->\r\n        <article class=\"force-s03-card force-s03-anim\">\r\n          <div class=\"force-s03-card-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/img_teste02.png\"\r\n              alt=\"Solu\u00e7\u00f5es para o segmento automotivo\"\r\n              loading=\"lazy\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"force-s03-card-body\">\r\n            <div class=\"force-s03-card-title\">\r\n              <span class=\"force-s03-card-icon\">\r\n                <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                  <path d=\"M14 38H50L46 25C45.4 23.2 44 22 42.1 22H21.9C20 22 18.6 23.2 18 25L14 38Z\"><\/path>\r\n                  <path d=\"M12 38V49H19V44H45V49H52V38\"><\/path>\r\n                  <path d=\"M20 44H44\"><\/path>\r\n                  <path d=\"M20 34H26\"><\/path>\r\n                  <path d=\"M38 34H44\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <h3>Automotivo<\/h3>\r\n            <\/div>\r\n\r\n            <p>\r\n              Planejamento estrat\u00e9gico para cadeias produtivas complexas.\r\n            <\/p>\r\n\r\n            <a href=\"#contato\" class=\"force-s03-btn\">\r\n              <span class=\"force-s03-whatsapp\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 3.5A8.5 8.5 0 0 0 4.7 16.4L3.8 20.2L7.7 19.3A8.5 8.5 0 1 0 12 3.5Z\"><\/path>\r\n                  <path d=\"M9.2 8.6C9.4 8.1 9.7 8.1 10 8.1H10.5C10.7 8.1 10.9 8.2 11 8.5L11.6 9.9C11.7 10.2 11.7 10.4 11.5 10.6L11.1 11.1C11 11.2 10.9 11.4 11.1 11.7C11.5 12.4 12.1 13 12.8 13.4C13.1 13.6 13.3 13.5 13.5 13.3L14 12.8C14.2 12.6 14.4 12.6 14.7 12.7L16.1 13.4C16.4 13.5 16.5 13.7 16.5 13.9C16.4 14.5 16.1 15 15.6 15.3C15.2 15.6 14.4 15.6 13.5 15.3C11.7 14.7 9.4 12.8 8.8 10.7C8.5 9.8 8.8 9 9.2 8.6Z\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n              Falar sobre este segmento\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- =================================================\r\n          03.3. CARD 03\r\n        ================================================== -->\r\n        <article class=\"force-s03-card force-s03-anim\">\r\n          <div class=\"force-s03-card-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/img_teste03.png\"\r\n              alt=\"Solu\u00e7\u00f5es para o segmento qu\u00edmico\"\r\n              loading=\"lazy\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"force-s03-card-body\">\r\n            <div class=\"force-s03-card-title\">\r\n              <span class=\"force-s03-card-icon\">\r\n                <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                  <path d=\"M26 8H38\"><\/path>\r\n                  <path d=\"M29 8V25L15 51C13.8 53.2 15.4 56 18 56H46C48.6 56 50.2 53.2 49 51L35 25V8\"><\/path>\r\n                  <path d=\"M22 43H42\"><\/path>\r\n                  <path d=\"M26 35H38\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <h3>Qu\u00edmico<\/h3>\r\n            <\/div>\r\n\r\n            <p>\r\n              Controle t\u00e9cnico para cargas sens\u00edveis e reguladas.\r\n            <\/p>\r\n\r\n            <a href=\"#contato\" class=\"force-s03-btn\">\r\n              <span class=\"force-s03-whatsapp\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 3.5A8.5 8.5 0 0 0 4.7 16.4L3.8 20.2L7.7 19.3A8.5 8.5 0 1 0 12 3.5Z\"><\/path>\r\n                  <path d=\"M9.2 8.6C9.4 8.1 9.7 8.1 10 8.1H10.5C10.7 8.1 10.9 8.2 11 8.5L11.6 9.9C11.7 10.2 11.7 10.4 11.5 10.6L11.1 11.1C11 11.2 10.9 11.4 11.1 11.7C11.5 12.4 12.1 13 12.8 13.4C13.1 13.6 13.3 13.5 13.5 13.3L14 12.8C14.2 12.6 14.4 12.6 14.7 12.7L16.1 13.4C16.4 13.5 16.5 13.7 16.5 13.9C16.4 14.5 16.1 15 15.6 15.3C15.2 15.6 14.4 15.6 13.5 15.3C11.7 14.7 9.4 12.8 8.8 10.7C8.5 9.8 8.8 9 9.2 8.6Z\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n              Falar sobre este segmento\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- =================================================\r\n          03.4. CARD 04\r\n        ================================================== -->\r\n        <article class=\"force-s03-card force-s03-anim\">\r\n          <div class=\"force-s03-card-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/img_teste04.png\"\r\n              alt=\"Solu\u00e7\u00f5es para o segmento de energia\"\r\n              loading=\"lazy\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"force-s03-card-body\">\r\n            <div class=\"force-s03-card-title\">\r\n              <span class=\"force-s03-card-icon\">\r\n                <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                  <path d=\"M36 4L17 35H31L28 60L48 27H34L36 4Z\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <h3>Energia<\/h3>\r\n            <\/div>\r\n\r\n            <p>\r\n              Suporte para projetos, equipamentos e opera\u00e7\u00f5es estrat\u00e9gicas.\r\n            <\/p>\r\n\r\n            <a href=\"#contato\" class=\"force-s03-btn\">\r\n              <span class=\"force-s03-whatsapp\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 3.5A8.5 8.5 0 0 0 4.7 16.4L3.8 20.2L7.7 19.3A8.5 8.5 0 1 0 12 3.5Z\"><\/path>\r\n                  <path d=\"M9.2 8.6C9.4 8.1 9.7 8.1 10 8.1H10.5C10.7 8.1 10.9 8.2 11 8.5L11.6 9.9C11.7 10.2 11.7 10.4 11.5 10.6L11.1 11.1C11 11.2 10.9 11.4 11.1 11.7C11.5 12.4 12.1 13 12.8 13.4C13.1 13.6 13.3 13.5 13.5 13.3L14 12.8C14.2 12.6 14.4 12.6 14.7 12.7L16.1 13.4C16.4 13.5 16.5 13.7 16.5 13.9C16.4 14.5 16.1 15 15.6 15.3C15.2 15.6 14.4 15.6 13.5 15.3C11.7 14.7 9.4 12.8 8.8 10.7C8.5 9.8 8.8 9 9.2 8.6Z\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n              Falar sobre este segmento\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- =================================================\r\n          03.5. CARD 05\r\n        ================================================== -->\r\n        <article class=\"force-s03-card force-s03-anim\">\r\n          <div class=\"force-s03-card-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/img_teste01.png\"\r\n              alt=\"Solu\u00e7\u00f5es para cargas especiais\"\r\n              loading=\"lazy\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"force-s03-card-body\">\r\n            <div class=\"force-s03-card-title\">\r\n              <span class=\"force-s03-card-icon\">\r\n                <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                  <path d=\"M12 20L32 9L52 20V44L32 55L12 44V20Z\"><\/path>\r\n                  <path d=\"M12 20L32 31L52 20\"><\/path>\r\n                  <path d=\"M32 31V55\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <h3>Cargas Especiais<\/h3>\r\n            <\/div>\r\n\r\n            <p>\r\n              Solu\u00e7\u00f5es sob medida para cargas cr\u00edticas e opera\u00e7\u00f5es dedicadas.\r\n            <\/p>\r\n\r\n            <a href=\"#contato\" class=\"force-s03-btn\">\r\n              <span class=\"force-s03-whatsapp\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 3.5A8.5 8.5 0 0 0 4.7 16.4L3.8 20.2L7.7 19.3A8.5 8.5 0 1 0 12 3.5Z\"><\/path>\r\n                  <path d=\"M9.2 8.6C9.4 8.1 9.7 8.1 10 8.1H10.5C10.7 8.1 10.9 8.2 11 8.5L11.6 9.9C11.7 10.2 11.7 10.4 11.5 10.6L11.1 11.1C11 11.2 10.9 11.4 11.1 11.7C11.5 12.4 12.1 13 12.8 13.4C13.1 13.6 13.3 13.5 13.5 13.3L14 12.8C14.2 12.6 14.4 12.6 14.7 12.7L16.1 13.4C16.4 13.5 16.5 13.7 16.5 13.9C16.4 14.5 16.1 15 15.6 15.3C15.2 15.6 14.4 15.6 13.5 15.3C11.7 14.7 9.4 12.8 8.8 10.7C8.5 9.8 8.8 9 9.2 8.6Z\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n              Falar sobre este segmento\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- =================================================\r\n          03.6. CARD 06\r\n        ================================================== -->\r\n        <article class=\"force-s03-card force-s03-anim\">\r\n          <div class=\"force-s03-card-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/img_teste02.png\"\r\n              alt=\"Solu\u00e7\u00f5es para projetos industriais\"\r\n              loading=\"lazy\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"force-s03-card-body\">\r\n            <div class=\"force-s03-card-title\">\r\n              <span class=\"force-s03-card-icon\">\r\n                <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                  <path d=\"M10 49H54\"><\/path>\r\n                  <path d=\"M15 49V25L27 32V25L39 32V19H50V49\"><\/path>\r\n                  <path d=\"M21 40H25\"><\/path>\r\n                  <path d=\"M32 40H36\"><\/path>\r\n                  <path d=\"M43 40H47\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <h3>Industrial<\/h3>\r\n            <\/div>\r\n\r\n            <p>\r\n              Gest\u00e3o log\u00edstica para opera\u00e7\u00f5es industriais e projetos complexos.\r\n            <\/p>\r\n\r\n            <a href=\"#contato\" class=\"force-s03-btn\">\r\n              <span class=\"force-s03-whatsapp\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 3.5A8.5 8.5 0 0 0 4.7 16.4L3.8 20.2L7.7 19.3A8.5 8.5 0 1 0 12 3.5Z\"><\/path>\r\n                  <path d=\"M9.2 8.6C9.4 8.1 9.7 8.1 10 8.1H10.5C10.7 8.1 10.9 8.2 11 8.5L11.6 9.9C11.7 10.2 11.7 10.4 11.5 10.6L11.1 11.1C11 11.2 10.9 11.4 11.1 11.7C11.5 12.4 12.1 13 12.8 13.4C13.1 13.6 13.3 13.5 13.5 13.3L14 12.8C14.2 12.6 14.4 12.6 14.7 12.7L16.1 13.4C16.4 13.5 16.5 13.7 16.5 13.9C16.4 14.5 16.1 15 15.6 15.3C15.2 15.6 14.4 15.6 13.5 15.3C11.7 14.7 9.4 12.8 8.8 10.7C8.5 9.8 8.8 9 9.2 8.6Z\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n              Falar sobre este segmento\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Seta direita -->\r\n    <button class=\"force-s03-arrow force-s03-arrow-next\" type=\"button\" aria-label=\"Avan\u00e7ar carrossel\">\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <path d=\"M9 5L16 12L9 19\"><\/path>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n    <!-- Bolinhas -->\r\n    <div class=\"force-s03-dots\" aria-label=\"Navega\u00e7\u00e3o do carrossel\"><\/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-s03,\r\n.force-s03 * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.force-s03 {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  padding: 88px 0 96px;\r\n  font-family: inherit;\r\n  color: #101936;\r\n  background: #f4f8ff;\r\n}\r\n\r\n.force-s03-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -2;\r\n  background-image: url(\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/Sessao_02_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-s03::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 50% 20%, rgba(255,255,255,.54), transparent 42%),\r\n    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.04));\r\n}\r\n\r\n.force-s03-container {\r\n  width: min(1260px, calc(100% - 180px));\r\n  margin: 0 auto;\r\n  position: relative;\r\n}\r\n\r\n\/* =========================================================\r\n  05. CABE\u00c7ALHO\r\n========================================================= *\/\r\n\r\n.force-s03-head {\r\n  text-align: center;\r\n  max-width: 860px;\r\n}\r\n\r\n.force-s03-eyebrow {\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  margin-bottom: 24px;\r\n  font-size: 11px;\r\n  line-height: 1;\r\n  letter-spacing: .36em;\r\n  font-weight: 800;\r\n  color: #075dff;\r\n}\r\n\r\n.force-s03-eyebrow::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: -13px;\r\n  width: 52px;\r\n  height: 2px;\r\n  border-radius: 999px;\r\n  transform: translateX(-50%);\r\n  background: linear-gradient(90deg, rgba(7, 93, 255, 0), #075dff, rgba(7, 93, 255, 0));\r\n}\r\n\r\n.force-s03-head h2 {\r\n  margin: 0;\r\n  font-size: clamp(31px, 2.55vw, 42px);\r\n  line-height: 1.14;\r\n  letter-spacing: -.035em;\r\n  font-weight: 800;\r\n  color: #101936;\r\n}\r\n\r\n.force-s03-head h2 strong {\r\n  color: #075dff;\r\n  font-weight: 800;\r\n}\r\n\r\n.force-s03-head p {\r\n  margin: 18px auto 0;\r\n  max-width: 760px;\r\n  font-size: 16px;\r\n  line-height: 1.58;\r\n  font-weight: 500;\r\n  color: rgba(16, 25, 54, .66);\r\n}\r\n\r\n\/* =========================================================\r\n  06. CARROSSEL\r\n========================================================= *\/\r\n\r\n.force-s03-carousel {\r\n  margin-top: 42px;\r\n  padding: 0 0 46px;\r\n}\r\n\r\n.force-s03-viewport {\r\n  width: 100%;\r\n  overflow: hidden;\r\n  padding: 0 0 8px;\r\n}\r\n\r\n.force-s03-track {\r\n  display: flex;\r\n  align-items: stretch;\r\n  gap: 22px;\r\n  will-change: transform;\r\n  touch-action: pan-y;\r\n  transition: transform .55s cubic-bezier(.16, 1, .3, 1);\r\n}\r\n\r\n\/* =========================================================\r\n  07. CARD\r\n========================================================= *\/\r\n\r\n.force-s03-card {\r\n  flex: 0 0 calc((100% - 66px) \/ 4);\r\n  min-height: 356px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  border-radius: 10px;\r\n  background: rgba(255, 255, 255, .86);\r\n  border: 1px solid rgba(128, 172, 236, .38);\r\n  box-shadow:\r\n    0 14px 34px rgba(18, 54, 108, .11),\r\n    0 2px 0 rgba(255, 255, 255, .70) inset;\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n}\r\n\r\n.force-s03-card-image {\r\n  width: 100%;\r\n  height: 174px;\r\n  overflow: hidden;\r\n  flex: 0 0 auto;\r\n  background: #dbe9ff;\r\n}\r\n\r\n.force-s03-card-image img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition:\r\n    transform .75s cubic-bezier(.16, 1, .3, 1),\r\n    filter .75s ease;\r\n}\r\n\r\n.force-s03-card:hover .force-s03-card-image img {\r\n  transform: scale(1.045);\r\n  filter: saturate(1.05) contrast(1.03);\r\n}\r\n\r\n.force-s03-card-body {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 22px 24px 24px;\r\n}\r\n\r\n.force-s03-card-title {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n}\r\n\r\n.force-s03-card-icon {\r\n  flex: 0 0 auto;\r\n  width: 44px;\r\n  height: 44px;\r\n  color: #075dff;\r\n}\r\n\r\n.force-s03-card-icon svg,\r\n.force-s03-btn svg,\r\n.force-s03-arrow svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2.15;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.force-s03-card h3 {\r\n  margin: 0;\r\n  font-size: 21px;\r\n  line-height: 1.15;\r\n  font-weight: 800;\r\n  letter-spacing: -.02em;\r\n  color: #162043;\r\n}\r\n\r\n.force-s03-card p {\r\n  margin: 18px 0 0;\r\n  min-height: 68px;\r\n  font-size: 14.5px;\r\n  line-height: 1.55;\r\n  font-weight: 500;\r\n  color: rgba(16, 25, 54, .68);\r\n}\r\n\r\n.force-s03-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 9px;\r\n  width: 100%;\r\n  min-height: 38px;\r\n  margin-top: auto;\r\n  padding: 8px 15px;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(7, 93, 255, .30);\r\n  background: rgba(255, 255, 255, .56);\r\n  color: #075dff !important;\r\n  text-decoration: none !important;\r\n  font-size: 13.5px;\r\n  line-height: 1;\r\n  font-weight: 700;\r\n  white-space: nowrap;\r\n  transition:\r\n    transform .25s ease,\r\n    background .25s ease,\r\n    border-color .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.force-s03-whatsapp {\r\n  width: 19px;\r\n  height: 19px;\r\n  display: inline-flex;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.force-s03-whatsapp svg {\r\n  stroke-width: 1.9;\r\n}\r\n\r\n.force-s03-btn:hover,\r\n.force-s03-btn:focus,\r\n.force-s03-btn:active {\r\n  transform: translateY(-2px);\r\n  background: rgba(7, 93, 255, .08);\r\n  border-color: rgba(7, 93, 255, .56);\r\n  box-shadow: 0 9px 20px rgba(7, 93, 255, .12);\r\n  color: #075dff !important;\r\n  outline: none !important;\r\n}\r\n\r\n\/* =========================================================\r\n  08. SETAS\r\n========================================================= *\/\r\n\r\n.force-s03-arrow {\r\n  position: absolute;\r\n  top: 44%;\r\n  z-index: 5;\r\n  width: 48px;\r\n  height: 48px;\r\n  display: grid;\r\n  place-items: center;\r\n  padding: 0;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(7, 93, 255, .22) !important;\r\n  background: rgba(255, 255, 255, .76) !important;\r\n  color: #101936 !important;\r\n  cursor: pointer;\r\n  box-shadow: 0 10px 24px rgba(18, 54, 108, .08);\r\n  transition:\r\n    transform .25s ease,\r\n    border-color .25s ease,\r\n    background .25s ease,\r\n    color .25s ease,\r\n    opacity .25s ease;\r\n}\r\n\r\n.force-s03-arrow svg {\r\n  width: 24px;\r\n  height: 24px;\r\n  stroke-width: 2.1;\r\n}\r\n\r\n.force-s03-arrow-prev {\r\n  left: -68px;\r\n}\r\n\r\n.force-s03-arrow-next {\r\n  right: -68px;\r\n}\r\n\r\n.force-s03-arrow:hover,\r\n.force-s03-arrow:focus {\r\n  transform: translateY(-2px);\r\n  border-color: rgba(7, 93, 255, .52) !important;\r\n  background: #ffffff !important;\r\n  color: #075dff !important;\r\n  outline: none !important;\r\n}\r\n\r\n.force-s03-arrow:disabled {\r\n  opacity: .36;\r\n  cursor: not-allowed;\r\n  transform: none;\r\n}\r\n\r\n\/* =========================================================\r\n  09. BOLINHAS\r\n========================================================= *\/\r\n\r\n.force-s03-dots {\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 14px;\r\n  transform: translateX(-50%);\r\n}\r\n\r\n.force-s03-dot {\r\n  width: 12px;\r\n  height: 12px;\r\n  padding: 0;\r\n  border: 0;\r\n  border-radius: 999px;\r\n  background: rgba(144, 166, 198, .34);\r\n  cursor: pointer;\r\n  transition:\r\n    background .25s ease,\r\n    box-shadow .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n.force-s03-dot.is-active {\r\n  background: #075dff;\r\n  box-shadow:\r\n    0 0 0 4px rgba(7, 93, 255, .08),\r\n    0 0 15px rgba(7, 93, 255, .42);\r\n  transform: scale(1.06);\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-s03-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-s03-anim.force-s03-visible {\r\n  opacity: 1;\r\n  transform: translateY(0) scale(1);\r\n  filter: blur(0);\r\n}\r\n\r\n.force-s03-card:nth-child(1).force-s03-visible { transition-delay: .03s; }\r\n.force-s03-card:nth-child(2).force-s03-visible { transition-delay: .08s; }\r\n.force-s03-card:nth-child(3).force-s03-visible { transition-delay: .13s; }\r\n.force-s03-card:nth-child(4).force-s03-visible { transition-delay: .18s; }\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .force-s03-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 - DESKTOP MENOR\r\n========================================================= *\/\r\n\r\n@media (max-width: 1320px) {\r\n  .force-s03-container {\r\n    width: min(1100px, calc(100% - 120px));\r\n  }\r\n\r\n  .force-s03-arrow-prev {\r\n    left: -54px;\r\n  }\r\n\r\n  .force-s03-arrow-next {\r\n    right: -54px;\r\n  }\r\n\r\n  .force-s03-card {\r\n    min-height: 344px;\r\n  }\r\n\r\n  .force-s03-card-image {\r\n    height: 164px;\r\n  }\r\n\r\n  .force-s03-card-body {\r\n    padding: 20px 22px 22px;\r\n  }\r\n\r\n  .force-s03-card h3 {\r\n    font-size: 19px;\r\n  }\r\n\r\n  .force-s03-card p {\r\n    font-size: 13.5px;\r\n  }\r\n\r\n  .force-s03-btn {\r\n    font-size: 12.8px;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n  12. RESPONSIVO - TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1180px) {\r\n  .force-s03 {\r\n    padding: 76px 0 84px;\r\n  }\r\n\r\n  .force-s03-container {\r\n    width: calc(100% - 96px);\r\n    max-width: 820px;\r\n  }\r\n\r\n  .force-s03-head h2 {\r\n    font-size: 33px;\r\n  }\r\n\r\n  .force-s03-head p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .force-s03-carousel {\r\n    margin-top: 38px;\r\n  }\r\n\r\n  .force-s03-track {\r\n    gap: 22px;\r\n  }\r\n\r\n  .force-s03-card {\r\n    flex-basis: calc((100% - 22px) \/ 2);\r\n    min-height: 340px;\r\n  }\r\n\r\n  .force-s03-card-image {\r\n    height: 176px;\r\n  }\r\n\r\n  .force-s03-card h3 {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .force-s03-card p {\r\n    min-height: 54px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .force-s03-arrow {\r\n    width: 44px;\r\n    height: 44px;\r\n    top: 44%;\r\n  }\r\n\r\n  .force-s03-arrow-prev {\r\n    left: -22px;\r\n  }\r\n\r\n  .force-s03-arrow-next {\r\n    right: -22px;\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-s03 {\r\n    padding: 64px 0 76px;\r\n  }\r\n\r\n  .force-s03-bg {\r\n    background-size: cover;\r\n    background-position: center top;\r\n  }\r\n\r\n  .force-s03-container {\r\n    width: calc(100% - 56px);\r\n    max-width: 380px;\r\n  }\r\n\r\n  .force-s03-eyebrow {\r\n    font-size: 9.5px;\r\n    letter-spacing: .27em;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .force-s03-head h2 {\r\n    font-size: 26px;\r\n    line-height: 1.18;\r\n  }\r\n\r\n  .force-s03-head p {\r\n    margin-top: 15px;\r\n    font-size: 13.2px;\r\n    line-height: 1.62;\r\n  }\r\n\r\n  .force-s03-head p br {\r\n    display: none;\r\n  }\r\n\r\n  .force-s03-carousel {\r\n    margin-top: 32px;\r\n    padding-bottom: 42px;\r\n  }\r\n\r\n  .force-s03-viewport {\r\n    overflow: hidden;\r\n    border-radius: 11px;\r\n  }\r\n\r\n  .force-s03-track {\r\n    gap: 18px;\r\n  }\r\n\r\n  .force-s03-card {\r\n    flex-basis: 100%;\r\n    min-height: auto;\r\n    border-radius: 11px;\r\n  }\r\n\r\n  .force-s03-card-image {\r\n    height: 176px;\r\n  }\r\n\r\n  .force-s03-card-body {\r\n    padding: 20px 20px 22px;\r\n  }\r\n\r\n  .force-s03-card-title {\r\n    gap: 13px;\r\n  }\r\n\r\n  .force-s03-card-icon {\r\n    width: 42px;\r\n    height: 42px;\r\n  }\r\n\r\n  .force-s03-card h3 {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .force-s03-card p {\r\n    min-height: 58px;\r\n    margin-top: 14px;\r\n    font-size: 13.5px;\r\n    line-height: 1.54;\r\n  }\r\n\r\n  .force-s03-btn {\r\n    min-height: 38px;\r\n    padding: 8px 12px;\r\n    font-size: 12.4px;\r\n  }\r\n\r\n  .force-s03-whatsapp {\r\n    width: 18px;\r\n    height: 18px;\r\n  }\r\n\r\n  .force-s03-arrow {\r\n    width: 39px;\r\n    height: 39px;\r\n    top: 44%;\r\n    background: rgba(255, 255, 255, .86) !important;\r\n  }\r\n\r\n  .force-s03-arrow svg {\r\n    width: 21px;\r\n    height: 21px;\r\n  }\r\n\r\n  .force-s03-arrow-prev {\r\n    left: -18px;\r\n  }\r\n\r\n  .force-s03-arrow-next {\r\n    right: -18px;\r\n  }\r\n\r\n  .force-s03-dots {\r\n    gap: 10px;\r\n  }\r\n\r\n  .force-s03-dot {\r\n    width: 10px;\r\n    height: 10px;\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-s03-container {\r\n    width: calc(100% - 48px);\r\n  }\r\n\r\n  .force-s03-head h2 {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .force-s03-card-image {\r\n    height: 166px;\r\n  }\r\n\r\n  .force-s03-card-body {\r\n    padding: 18px 18px 20px;\r\n  }\r\n\r\n  .force-s03-card h3 {\r\n    font-size: 19px;\r\n  }\r\n\r\n  .force-s03-btn {\r\n    font-size: 11.8px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* =========================================================\r\n  15. JS - CARROSSEL + 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 initForceSection03() {\r\n    var sections = document.querySelectorAll(\".force-s03\");\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 track = section.querySelector(\".force-s03-track\");\r\n      var cards = Array.prototype.slice.call(section.querySelectorAll(\".force-s03-card\"));\r\n      var prevBtn = section.querySelector(\".force-s03-arrow-prev\");\r\n      var nextBtn = section.querySelector(\".force-s03-arrow-next\");\r\n      var dotsWrap = section.querySelector(\".force-s03-dots\");\r\n      var animatedItems = section.querySelectorAll(\".force-s03-anim\");\r\n\r\n      if (!track || !cards.length || !prevBtn || !nextBtn || !dotsWrap) {\r\n        return;\r\n      }\r\n\r\n      var currentIndex = 0;\r\n      var perView = 4;\r\n      var maxIndex = 0;\r\n      var gap = 22;\r\n      var cardWidth = 0;\r\n      var resizeTimer = null;\r\n\r\n      \/* -----------------------------------------------\r\n        15.1. Define quantidade vis\u00edvel por tela\r\n      ------------------------------------------------ *\/\r\n      function getPerView() {\r\n        if (window.matchMedia(\"(max-width: 767px)\").matches) {\r\n          return 1;\r\n        }\r\n\r\n        if (window.matchMedia(\"(max-width: 1180px)\").matches) {\r\n          return 2;\r\n        }\r\n\r\n        return 4;\r\n      }\r\n\r\n      \/* -----------------------------------------------\r\n        15.2. Cria as bolinhas do carrossel\r\n      ------------------------------------------------ *\/\r\n      function buildDots() {\r\n        dotsWrap.innerHTML = \"\";\r\n\r\n        var totalDots = maxIndex + 1;\r\n\r\n        for (var i = 0; i < totalDots; i++) {\r\n          var dot = document.createElement(\"button\");\r\n\r\n          dot.type = \"button\";\r\n          dot.className = \"force-s03-dot\";\r\n          dot.setAttribute(\"aria-label\", \"Ir para item \" + (i + 1));\r\n\r\n          (function (index) {\r\n            dot.addEventListener(\"click\", function () {\r\n              goTo(index);\r\n            });\r\n          })(i);\r\n\r\n          dotsWrap.appendChild(dot);\r\n        }\r\n      }\r\n\r\n      \/* -----------------------------------------------\r\n        15.3. Atualiza posi\u00e7\u00e3o visual\r\n      ------------------------------------------------ *\/\r\n      function updateCarousel() {\r\n        var distance = currentIndex * (cardWidth + gap);\r\n\r\n        track.style.transform = \"translate3d(-\" + distance + \"px, 0, 0)\";\r\n\r\n        prevBtn.disabled = currentIndex === 0;\r\n        nextBtn.disabled = currentIndex >= maxIndex;\r\n\r\n        var dots = dotsWrap.querySelectorAll(\".force-s03-dot\");\r\n\r\n        dots.forEach(function (dot, index) {\r\n          dot.classList.toggle(\"is-active\", index === currentIndex);\r\n        });\r\n      }\r\n\r\n      \/* -----------------------------------------------\r\n        15.4. Vai para um item espec\u00edfico\r\n      ------------------------------------------------ *\/\r\n      function goTo(index) {\r\n        currentIndex = Math.max(0, Math.min(index, maxIndex));\r\n        updateCarousel();\r\n      }\r\n\r\n      \/* -----------------------------------------------\r\n        15.5. Recalcula medidas\r\n      ------------------------------------------------ *\/\r\n      function updateMetrics() {\r\n        var computedTrack = window.getComputedStyle(track);\r\n\r\n        gap = parseFloat(computedTrack.columnGap || computedTrack.gap || 22) || 22;\r\n        perView = getPerView();\r\n        cardWidth = cards[0].getBoundingClientRect().width;\r\n        maxIndex = Math.max(0, cards.length - perView);\r\n\r\n        if (currentIndex > maxIndex) {\r\n          currentIndex = maxIndex;\r\n        }\r\n\r\n        buildDots();\r\n        updateCarousel();\r\n      }\r\n\r\n      \/* -----------------------------------------------\r\n        15.6. Eventos dos bot\u00f5es\r\n      ------------------------------------------------ *\/\r\n      prevBtn.addEventListener(\"click\", function () {\r\n        goTo(currentIndex - 1);\r\n      });\r\n\r\n      nextBtn.addEventListener(\"click\", function () {\r\n        goTo(currentIndex + 1);\r\n      });\r\n\r\n      \/* -----------------------------------------------\r\n        15.7. Swipe mobile \/ arrastar\r\n      ------------------------------------------------ *\/\r\n      var isPointerDown = false;\r\n      var startX = 0;\r\n      var endX = 0;\r\n\r\n      track.addEventListener(\"pointerdown\", function (event) {\r\n        isPointerDown = true;\r\n        startX = event.clientX;\r\n        endX = event.clientX;\r\n        track.style.transition = \"none\";\r\n      });\r\n\r\n      track.addEventListener(\"pointermove\", function (event) {\r\n        if (!isPointerDown) {\r\n          return;\r\n        }\r\n\r\n        endX = event.clientX;\r\n      });\r\n\r\n      function finishPointer() {\r\n        if (!isPointerDown) {\r\n          return;\r\n        }\r\n\r\n        isPointerDown = false;\r\n        track.style.transition = \"\";\r\n\r\n        var diff = startX - endX;\r\n\r\n        if (Math.abs(diff) > 45) {\r\n          if (diff > 0) {\r\n            goTo(currentIndex + 1);\r\n          } else {\r\n            goTo(currentIndex - 1);\r\n          }\r\n        } else {\r\n          updateCarousel();\r\n        }\r\n      }\r\n\r\n      track.addEventListener(\"pointerup\", finishPointer);\r\n      track.addEventListener(\"pointercancel\", finishPointer);\r\n      track.addEventListener(\"pointerleave\", finishPointer);\r\n\r\n      \/* -----------------------------------------------\r\n        15.8. 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-s03-visible\");\r\n            } else {\r\n              entry.target.classList.remove(\"force-s03-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-s03-visible\");\r\n        });\r\n      }\r\n\r\n      \/* -----------------------------------------------\r\n        15.9. Resize seguro\r\n      ------------------------------------------------ *\/\r\n      window.addEventListener(\"resize\", function () {\r\n        clearTimeout(resizeTimer);\r\n\r\n        resizeTimer = setTimeout(function () {\r\n          updateMetrics();\r\n        }, 180);\r\n      });\r\n\r\n      updateMetrics();\r\n\r\n      setTimeout(updateMetrics, 300);\r\n      setTimeout(updateMetrics, 900);\r\n    });\r\n  }\r\n\r\n  \/* -----------------------------------------------\r\n    15.10. Inicializa\u00e7\u00e3o resistente ao Elementor\r\n  ------------------------------------------------ *\/\r\n  initForceSection03();\r\n\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    initForceSection03();\r\n  });\r\n\r\n  window.addEventListener(\"load\", function () {\r\n    setTimeout(initForceSection03, 300);\r\n    setTimeout(initForceSection03, 900);\r\n  });\r\n\r\n})();\r\n<\/script>\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  FORCE BRASIL \/ FORCE GROUP\r\n  SESS\u00c3O 04 - O QUE FAZEMOS \/ CARROSSEL DE SERVI\u00c7OS\r\n  Widget HTML Elementor\r\n========================================================= -->\r\n\r\n<section class=\"force-s04\" id=\"o-que-fazemos\">\r\n\r\n  <!-- =====================================================\r\n    01. FUNDO DA SESS\u00c3O\r\n  ====================================================== -->\r\n  <div class=\"force-s04-bg\"><\/div>\r\n\r\n  <!-- =====================================================\r\n    02. CABE\u00c7ALHO DA SESS\u00c3O\r\n  ====================================================== -->\r\n  <div class=\"force-s04-container force-s04-head force-s04-anim\">\r\n    <span class=\"force-s04-eyebrow\">O QUE FAZEMOS<\/span>\r\n\r\n    <h2>\r\n      Solu\u00e7\u00f5es completas em <strong>com\u00e9rcio exterior<\/strong>\r\n    <\/h2>\r\n\r\n    <p>\r\n      Atuamos do planejamento \u00e0 execu\u00e7\u00e3o para oferecer mais seguran\u00e7a,<br>\r\n      agilidade e controle \u00e0s opera\u00e7\u00f5es.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- =====================================================\r\n    03. CARROSSEL\r\n  ====================================================== -->\r\n  <div class=\"force-s04-container force-s04-carousel force-s04-anim\">\r\n\r\n    <!-- Seta esquerda -->\r\n    <button class=\"force-s04-arrow force-s04-arrow-prev\" type=\"button\" aria-label=\"Voltar carrossel\">\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <path d=\"M15 5L8 12L15 19\"><\/path>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n    <!-- \u00c1rea vis\u00edvel -->\r\n    <div class=\"force-s04-viewport\">\r\n      <div class=\"force-s04-track\">\r\n\r\n        <!-- =================================================\r\n          03.1. CARD 01\r\n        ================================================== -->\r\n        <article class=\"force-s04-card force-s04-anim\">\r\n          <div class=\"force-s04-card-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/img_teste01-1.png\"\r\n              alt=\"Consultoria Aduaneira\"\r\n              loading=\"lazy\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"force-s04-card-body\">\r\n            <div class=\"force-s04-card-icon\">\r\n              <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                <path d=\"M18 14H46V54H18V14Z\"><\/path>\r\n                <path d=\"M24 22H40\"><\/path>\r\n                <path d=\"M24 31H40\"><\/path>\r\n                <path d=\"M24 40H34\"><\/path>\r\n                <path d=\"M14 20H18\"><\/path>\r\n                <path d=\"M14 30H18\"><\/path>\r\n                <path d=\"M14 40H18\"><\/path>\r\n                <path d=\"M46 20H50\"><\/path>\r\n                <path d=\"M46 30H50\"><\/path>\r\n                <path d=\"M46 40H50\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <h3>Consultoria Aduaneira<\/h3>\r\n\r\n            <p>\r\n              Suporte t\u00e9cnico para opera\u00e7\u00f5es mais seguras e eficientes.\r\n            <\/p>\r\n\r\n            <a href=\"#contato\" class=\"force-s04-btn\">\r\n              <span class=\"force-s04-whatsapp\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 3.5A8.5 8.5 0 0 0 4.7 16.4L3.8 20.2L7.7 19.3A8.5 8.5 0 1 0 12 3.5Z\"><\/path>\r\n                  <path d=\"M9.2 8.6C9.4 8.1 9.7 8.1 10 8.1H10.5C10.7 8.1 10.9 8.2 11 8.5L11.6 9.9C11.7 10.2 11.7 10.4 11.5 10.6L11.1 11.1C11 11.2 10.9 11.4 11.1 11.7C11.5 12.4 12.1 13 12.8 13.4C13.1 13.6 13.3 13.5 13.5 13.3L14 12.8C14.2 12.6 14.4 12.6 14.7 12.7L16.1 13.4C16.4 13.5 16.5 13.7 16.5 13.9C16.4 14.5 16.1 15 15.6 15.3C15.2 15.6 14.4 15.6 13.5 15.3C11.7 14.7 9.4 12.8 8.8 10.7C8.5 9.8 8.8 9 9.2 8.6Z\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n              Falar sobre este servi\u00e7o\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- =================================================\r\n          03.2. CARD 02\r\n        ================================================== -->\r\n        <article class=\"force-s04-card force-s04-anim\">\r\n          <div class=\"force-s04-card-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/img_teste02-1.png\"\r\n              alt=\"Desembara\u00e7o Aduaneiro\"\r\n              loading=\"lazy\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"force-s04-card-body\">\r\n            <div class=\"force-s04-card-icon\">\r\n              <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                <path d=\"M20 14H44V50H20V14Z\"><\/path>\r\n                <path d=\"M26 24H38\"><\/path>\r\n                <path d=\"M26 33H38\"><\/path>\r\n                <path d=\"M26 42H34\"><\/path>\r\n                <path d=\"M46 21L51 26L58 17\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <h3>Desembara\u00e7o Aduaneiro<\/h3>\r\n\r\n            <p>\r\n              Acompanhamento \u00e1gil com controle e conformidade.\r\n            <\/p>\r\n\r\n            <a href=\"#contato\" class=\"force-s04-btn\">\r\n              <span class=\"force-s04-whatsapp\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 3.5A8.5 8.5 0 0 0 4.7 16.4L3.8 20.2L7.7 19.3A8.5 8.5 0 1 0 12 3.5Z\"><\/path>\r\n                  <path d=\"M9.2 8.6C9.4 8.1 9.7 8.1 10 8.1H10.5C10.7 8.1 10.9 8.2 11 8.5L11.6 9.9C11.7 10.2 11.7 10.4 11.5 10.6L11.1 11.1C11 11.2 10.9 11.4 11.1 11.7C11.5 12.4 12.1 13 12.8 13.4C13.1 13.6 13.3 13.5 13.5 13.3L14 12.8C14.2 12.6 14.4 12.6 14.7 12.7L16.1 13.4C16.4 13.5 16.5 13.7 16.5 13.9C16.4 14.5 16.1 15 15.6 15.3C15.2 15.6 14.4 15.6 13.5 15.3C11.7 14.7 9.4 12.8 8.8 10.7C8.5 9.8 8.8 9 9.2 8.6Z\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n              Falar sobre este servi\u00e7o\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- =================================================\r\n          03.3. CARD 03\r\n        ================================================== -->\r\n        <article class=\"force-s04-card force-s04-anim\">\r\n          <div class=\"force-s04-card-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/img_teste03-1.png\"\r\n              alt=\"Log\u00edstica Internacional\"\r\n              loading=\"lazy\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"force-s04-card-body\">\r\n            <div class=\"force-s04-card-icon\">\r\n              <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                <circle cx=\"32\" cy=\"32\" r=\"24\"><\/circle>\r\n                <path d=\"M8 32H56\"><\/path>\r\n                <path d=\"M32 8C39 15 42 23 42 32C42 41 39 49 32 56\"><\/path>\r\n                <path d=\"M32 8C25 15 22 23 22 32C22 41 25 49 32 56\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <h3>Log\u00edstica Internacional<\/h3>\r\n\r\n            <p>\r\n              Coordena\u00e7\u00e3o log\u00edstica para conectar cargas e mercados.\r\n            <\/p>\r\n\r\n            <a href=\"#contato\" class=\"force-s04-btn\">\r\n              <span class=\"force-s04-whatsapp\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 3.5A8.5 8.5 0 0 0 4.7 16.4L3.8 20.2L7.7 19.3A8.5 8.5 0 1 0 12 3.5Z\"><\/path>\r\n                  <path d=\"M9.2 8.6C9.4 8.1 9.7 8.1 10 8.1H10.5C10.7 8.1 10.9 8.2 11 8.5L11.6 9.9C11.7 10.2 11.7 10.4 11.5 10.6L11.1 11.1C11 11.2 10.9 11.4 11.1 11.7C11.5 12.4 12.1 13 12.8 13.4C13.1 13.6 13.3 13.5 13.5 13.3L14 12.8C14.2 12.6 14.4 12.6 14.7 12.7L16.1 13.4C16.4 13.5 16.5 13.7 16.5 13.9C16.4 14.5 16.1 15 15.6 15.3C15.2 15.6 14.4 15.6 13.5 15.3C11.7 14.7 9.4 12.8 8.8 10.7C8.5 9.8 8.8 9 9.2 8.6Z\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n              Falar sobre este servi\u00e7o\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- =================================================\r\n          03.4. CARD 04\r\n        ================================================== -->\r\n        <article class=\"force-s04-card force-s04-anim\">\r\n          <div class=\"force-s04-card-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/img_teste04-1.png\"\r\n              alt=\"Administra\u00e7\u00e3o Aeron\u00e1utica\"\r\n              loading=\"lazy\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"force-s04-card-body\">\r\n            <div class=\"force-s04-card-icon\">\r\n              <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                <path d=\"M32 7L38 35L58 46V52L36 46L32 59L28 46L6 52V46L26 35L32 7Z\"><\/path>\r\n                <path d=\"M23 39H41\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <h3>Administra\u00e7\u00e3o Aeron\u00e1utica<\/h3>\r\n\r\n            <p>\r\n              Solu\u00e7\u00f5es para opera\u00e7\u00f5es a\u00e9reas com precis\u00e3o e controle.\r\n            <\/p>\r\n\r\n            <a href=\"#contato\" class=\"force-s04-btn\">\r\n              <span class=\"force-s04-whatsapp\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 3.5A8.5 8.5 0 0 0 4.7 16.4L3.8 20.2L7.7 19.3A8.5 8.5 0 1 0 12 3.5Z\"><\/path>\r\n                  <path d=\"M9.2 8.6C9.4 8.1 9.7 8.1 10 8.1H10.5C10.7 8.1 10.9 8.2 11 8.5L11.6 9.9C11.7 10.2 11.7 10.4 11.5 10.6L11.1 11.1C11 11.2 10.9 11.4 11.1 11.7C11.5 12.4 12.1 13 12.8 13.4C13.1 13.6 13.3 13.5 13.5 13.3L14 12.8C14.2 12.6 14.4 12.6 14.7 12.7L16.1 13.4C16.4 13.5 16.5 13.7 16.5 13.9C16.4 14.5 16.1 15 15.6 15.3C15.2 15.6 14.4 15.6 13.5 15.3C11.7 14.7 9.4 12.8 8.8 10.7C8.5 9.8 8.8 9 9.2 8.6Z\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n              Falar sobre este servi\u00e7o\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- =================================================\r\n          03.5. CARD 05\r\n        ================================================== -->\r\n        <article class=\"force-s04-card force-s04-anim\">\r\n          <div class=\"force-s04-card-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/img_teste01-1.png\"\r\n              alt=\"Planejamento Operacional\"\r\n              loading=\"lazy\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"force-s04-card-body\">\r\n            <div class=\"force-s04-card-icon\">\r\n              <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                <path d=\"M14 18H50\"><\/path>\r\n                <path d=\"M14 32H50\"><\/path>\r\n                <path d=\"M14 46H50\"><\/path>\r\n                <path d=\"M20 12V24\"><\/path>\r\n                <path d=\"M36 26V38\"><\/path>\r\n                <path d=\"M28 40V52\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <h3>Planejamento Operacional<\/h3>\r\n\r\n            <p>\r\n              Estrat\u00e9gia para reduzir riscos e tornar processos mais eficientes.\r\n            <\/p>\r\n\r\n            <a href=\"#contato\" class=\"force-s04-btn\">\r\n              <span class=\"force-s04-whatsapp\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 3.5A8.5 8.5 0 0 0 4.7 16.4L3.8 20.2L7.7 19.3A8.5 8.5 0 1 0 12 3.5Z\"><\/path>\r\n                  <path d=\"M9.2 8.6C9.4 8.1 9.7 8.1 10 8.1H10.5C10.7 8.1 10.9 8.2 11 8.5L11.6 9.9C11.7 10.2 11.7 10.4 11.5 10.6L11.1 11.1C11 11.2 10.9 11.4 11.1 11.7C11.5 12.4 12.1 13 12.8 13.4C13.1 13.6 13.3 13.5 13.5 13.3L14 12.8C14.2 12.6 14.4 12.6 14.7 12.7L16.1 13.4C16.4 13.5 16.5 13.7 16.5 13.9C16.4 14.5 16.1 15 15.6 15.3C15.2 15.6 14.4 15.6 13.5 15.3C11.7 14.7 9.4 12.8 8.8 10.7C8.5 9.8 8.8 9 9.2 8.6Z\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n              Falar sobre este servi\u00e7o\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- =================================================\r\n          03.6. CARD 06\r\n        ================================================== -->\r\n        <article class=\"force-s04-card force-s04-anim\">\r\n          <div class=\"force-s04-card-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/img_teste02-1.png\"\r\n              alt=\"Gest\u00e3o de Cargas\"\r\n              loading=\"lazy\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"force-s04-card-body\">\r\n            <div class=\"force-s04-card-icon\">\r\n              <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                <path d=\"M12 22L32 11L52 22V46L32 57L12 46V22Z\"><\/path>\r\n                <path d=\"M12 22L32 33L52 22\"><\/path>\r\n                <path d=\"M32 33V57\"><\/path>\r\n                <path d=\"M22 17L42 28\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <h3>Gest\u00e3o de Cargas<\/h3>\r\n\r\n            <p>\r\n              Controle log\u00edstico para cargas, documentos e opera\u00e7\u00f5es cr\u00edticas.\r\n            <\/p>\r\n\r\n            <a href=\"#contato\" class=\"force-s04-btn\">\r\n              <span class=\"force-s04-whatsapp\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 3.5A8.5 8.5 0 0 0 4.7 16.4L3.8 20.2L7.7 19.3A8.5 8.5 0 1 0 12 3.5Z\"><\/path>\r\n                  <path d=\"M9.2 8.6C9.4 8.1 9.7 8.1 10 8.1H10.5C10.7 8.1 10.9 8.2 11 8.5L11.6 9.9C11.7 10.2 11.7 10.4 11.5 10.6L11.1 11.1C11 11.2 10.9 11.4 11.1 11.7C11.5 12.4 12.1 13 12.8 13.4C13.1 13.6 13.3 13.5 13.5 13.3L14 12.8C14.2 12.6 14.4 12.6 14.7 12.7L16.1 13.4C16.4 13.5 16.5 13.7 16.5 13.9C16.4 14.5 16.1 15 15.6 15.3C15.2 15.6 14.4 15.6 13.5 15.3C11.7 14.7 9.4 12.8 8.8 10.7C8.5 9.8 8.8 9 9.2 8.6Z\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n              Falar sobre este servi\u00e7o\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Seta direita -->\r\n    <button class=\"force-s04-arrow force-s04-arrow-next\" type=\"button\" aria-label=\"Avan\u00e7ar carrossel\">\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <path d=\"M9 5L16 12L9 19\"><\/path>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n    <!-- Bolinhas -->\r\n    <div class=\"force-s04-dots\" aria-label=\"Navega\u00e7\u00e3o do carrossel\"><\/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-s04,\r\n.force-s04 * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.force-s04 {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  padding: 88px 0 96px;\r\n  font-family: inherit;\r\n  color: #ffffff;\r\n  background: #001733;\r\n}\r\n\r\n.force-s04-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -2;\r\n  background-image: url(\"https:\/\/force.paginaprovisoria.art.br\/wp-content\/uploads\/2026\/07\/Sessao_03_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-s04::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 50% 30%, rgba(0, 103, 255, .10), transparent 42%),\r\n    linear-gradient(180deg, rgba(0, 17, 45, .12), rgba(0, 12, 34, .24));\r\n}\r\n\r\n.force-s04-container {\r\n  position: relative;\r\n  width: min(1260px, calc(100% - 180px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* =========================================================\r\n  05. CABE\u00c7ALHO\r\n========================================================= *\/\r\n\r\n.force-s04-head {\r\n  max-width: 860px;\r\n  text-align: center;\r\n}\r\n\r\n.force-s04-eyebrow {\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  margin-bottom: 24px;\r\n  font-size: 11px;\r\n  line-height: 1;\r\n  letter-spacing: .38em;\r\n  font-weight: 800;\r\n  color: #1184ff;\r\n}\r\n\r\n.force-s04-eyebrow::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: -13px;\r\n  width: 52px;\r\n  height: 2px;\r\n  border-radius: 999px;\r\n  transform: translateX(-50%);\r\n  background: linear-gradient(90deg, rgba(17, 132, 255, 0), #1184ff, rgba(17, 132, 255, 0));\r\n  box-shadow: 0 0 12px rgba(17, 132, 255, .55);\r\n}\r\n\r\n.force-s04-head h2 {\r\n  margin: 0;\r\n  font-size: clamp(31px, 2.55vw, 42px);\r\n  line-height: 1.14;\r\n  letter-spacing: -.035em;\r\n  font-weight: 800;\r\n  color: rgba(255, 255, 255, .92);\r\n}\r\n\r\n.force-s04-head h2 strong {\r\n  color: #075dff;\r\n  font-weight: 800;\r\n  text-shadow: 0 0 22px rgba(7, 93, 255, .22);\r\n}\r\n\r\n.force-s04-head p {\r\n  margin: 18px auto 0;\r\n  max-width: 720px;\r\n  font-size: 16px;\r\n  line-height: 1.58;\r\n  font-weight: 500;\r\n  color: rgba(255, 255, 255, .68);\r\n}\r\n\r\n\/* =========================================================\r\n  06. CARROSSEL\r\n========================================================= *\/\r\n\r\n.force-s04-carousel {\r\n  margin-top: 42px;\r\n  padding-bottom: 46px;\r\n}\r\n\r\n.force-s04-viewport {\r\n  width: 100%;\r\n  overflow: hidden;\r\n  padding: 0 0 4px;\r\n}\r\n\r\n.force-s04-track {\r\n  display: flex;\r\n  align-items: stretch;\r\n  gap: 22px;\r\n  will-change: transform;\r\n  touch-action: pan-y;\r\n  transition: transform .55s cubic-bezier(.16, 1, .3, 1);\r\n}\r\n\r\n\/* =========================================================\r\n  07. CARD ESCURO\r\n========================================================= *\/\r\n\r\n.force-s04-card {\r\n  flex: 0 0 calc((100% - 66px) \/ 4);\r\n  min-height: 370px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  border-radius: 8px;\r\n  background:\r\n    linear-gradient(180deg, rgba(2, 39, 86, .80), rgba(0, 21, 54, .88)),\r\n    rgba(0, 25, 62, .78);\r\n  border: 1px solid rgba(0, 117, 255, .42);\r\n  box-shadow:\r\n    0 16px 38px rgba(0, 0, 0, .22),\r\n    inset 0 0 0 1px rgba(255, 255, 255, .025);\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n}\r\n\r\n.force-s04-card-image {\r\n  width: 100%;\r\n  height: 170px;\r\n  overflow: hidden;\r\n  background: #001a3d;\r\n  position: relative;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.force-s04-card-image::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  background:\r\n    linear-gradient(180deg, rgba(0, 15, 40, .03), rgba(0, 17, 45, .38)),\r\n    linear-gradient(90deg, rgba(0, 26, 72, .22), transparent 48%);\r\n}\r\n\r\n.force-s04-card-image img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition:\r\n    transform .75s cubic-bezier(.16, 1, .3, 1),\r\n    filter .75s ease;\r\n}\r\n\r\n.force-s04-card:hover .force-s04-card-image img {\r\n  transform: scale(1.045);\r\n  filter: saturate(1.06) contrast(1.04);\r\n}\r\n\r\n.force-s04-card-body {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 0 24px 24px;\r\n  position: relative;\r\n}\r\n\r\n.force-s04-card-icon {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 48px;\r\n  height: 48px;\r\n  margin-top: -9px;\r\n  margin-bottom: 16px;\r\n  color: #0782ff;\r\n  filter: drop-shadow(0 0 10px rgba(7, 130, 255, .35));\r\n}\r\n\r\n.force-s04-card-icon svg,\r\n.force-s04-btn svg,\r\n.force-s04-arrow svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2.1;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.force-s04-card h3 {\r\n  margin: 0;\r\n  min-height: 48px;\r\n  font-size: 19px;\r\n  line-height: 1.18;\r\n  font-weight: 800;\r\n  letter-spacing: -.02em;\r\n  color: rgba(255, 255, 255, .92);\r\n}\r\n\r\n.force-s04-card p {\r\n  margin: 14px 0 0;\r\n  min-height: 56px;\r\n  font-size: 13.8px;\r\n  line-height: 1.48;\r\n  font-weight: 500;\r\n  color: rgba(255, 255, 255, .68);\r\n}\r\n\r\n.force-s04-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 9px;\r\n  width: 100%;\r\n  min-height: 38px;\r\n  margin-top: auto;\r\n  padding: 8px 14px;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(7, 130, 255, .56);\r\n  background: rgba(0, 38, 91, .18);\r\n  color: #0782ff !important;\r\n  text-decoration: none !important;\r\n  font-size: 13.2px;\r\n  line-height: 1;\r\n  font-weight: 700;\r\n  white-space: nowrap;\r\n  transition:\r\n    transform .25s ease,\r\n    background .25s ease,\r\n    border-color .25s ease,\r\n    box-shadow .25s ease,\r\n    color .25s ease;\r\n}\r\n\r\n.force-s04-whatsapp {\r\n  width: 19px;\r\n  height: 19px;\r\n  display: inline-flex;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.force-s04-whatsapp svg {\r\n  stroke-width: 1.9;\r\n}\r\n\r\n.force-s04-btn:hover,\r\n.force-s04-btn:focus,\r\n.force-s04-btn:active {\r\n  transform: translateY(-2px);\r\n  background: rgba(7, 130, 255, .10);\r\n  border-color: rgba(58, 162, 255, .86);\r\n  box-shadow: 0 0 20px rgba(7, 130, 255, .17);\r\n  color: #4ca7ff !important;\r\n  outline: none !important;\r\n}\r\n\r\n\/* =========================================================\r\n  08. SETAS\r\n========================================================= *\/\r\n\r\n.force-s04-arrow {\r\n  position: absolute;\r\n  top: 44%;\r\n  z-index: 5;\r\n  width: 48px;\r\n  height: 48px;\r\n  display: grid;\r\n  place-items: center;\r\n  padding: 0;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(7, 130, 255, .50) !important;\r\n  background: rgba(0, 20, 52, .46) !important;\r\n  color: rgba(255, 255, 255, .84) !important;\r\n  cursor: pointer;\r\n  box-shadow:\r\n    0 0 0 1px rgba(255, 255, 255, .02) inset,\r\n    0 12px 24px rgba(0, 0, 0, .15);\r\n  transition:\r\n    transform .25s ease,\r\n    border-color .25s ease,\r\n    background .25s ease,\r\n    color .25s ease,\r\n    opacity .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.force-s04-arrow svg {\r\n  width: 24px;\r\n  height: 24px;\r\n  stroke-width: 2.05;\r\n}\r\n\r\n.force-s04-arrow-prev {\r\n  left: -68px;\r\n}\r\n\r\n.force-s04-arrow-next {\r\n  right: -68px;\r\n}\r\n\r\n.force-s04-arrow:hover,\r\n.force-s04-arrow:focus {\r\n  transform: translateY(-2px);\r\n  border-color: rgba(75, 166, 255, .9) !important;\r\n  background: rgba(7, 130, 255, .12) !important;\r\n  color: #ffffff !important;\r\n  outline: none !important;\r\n  box-shadow:\r\n    0 0 22px rgba(7, 130, 255, .18),\r\n    0 12px 24px rgba(0, 0, 0, .18);\r\n}\r\n\r\n.force-s04-arrow:disabled {\r\n  opacity: .35;\r\n  cursor: not-allowed;\r\n  transform: none;\r\n}\r\n\r\n\/* =========================================================\r\n  09. BOLINHAS\r\n========================================================= *\/\r\n\r\n.force-s04-dots {\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 14px;\r\n  transform: translateX(-50%);\r\n}\r\n\r\n.force-s04-dot {\r\n  width: 12px;\r\n  height: 12px;\r\n  padding: 0;\r\n  border: 0;\r\n  border-radius: 999px;\r\n  background: rgba(134, 157, 191, .44);\r\n  cursor: pointer;\r\n  transition:\r\n    background .25s ease,\r\n    box-shadow .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n.force-s04-dot.is-active {\r\n  background: #0782ff;\r\n  box-shadow:\r\n    0 0 0 4px rgba(7, 130, 255, .08),\r\n    0 0 18px rgba(7, 130, 255, .52);\r\n  transform: scale(1.08);\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-s04-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-s04-anim.force-s04-visible {\r\n  opacity: 1;\r\n  transform: translateY(0) scale(1);\r\n  filter: blur(0);\r\n}\r\n\r\n.force-s04-card:nth-child(1).force-s04-visible { transition-delay: .03s; }\r\n.force-s04-card:nth-child(2).force-s04-visible { transition-delay: .08s; }\r\n.force-s04-card:nth-child(3).force-s04-visible { transition-delay: .13s; }\r\n.force-s04-card:nth-child(4).force-s04-visible { transition-delay: .18s; }\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .force-s04-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 - DESKTOP MENOR\r\n========================================================= *\/\r\n\r\n@media (max-width: 1320px) {\r\n  .force-s04-container {\r\n    width: min(1100px, calc(100% - 120px));\r\n  }\r\n\r\n  .force-s04-arrow-prev {\r\n    left: -54px;\r\n  }\r\n\r\n  .force-s04-arrow-next {\r\n    right: -54px;\r\n  }\r\n\r\n  .force-s04-card {\r\n    min-height: 358px;\r\n  }\r\n\r\n  .force-s04-card-image {\r\n    height: 160px;\r\n  }\r\n\r\n  .force-s04-card-body {\r\n    padding: 0 22px 22px;\r\n  }\r\n\r\n  .force-s04-card h3 {\r\n    font-size: 17.5px;\r\n  }\r\n\r\n  .force-s04-card p {\r\n    font-size: 13.2px;\r\n  }\r\n\r\n  .force-s04-btn {\r\n    font-size: 12.4px;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n  12. RESPONSIVO - TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1180px) {\r\n  .force-s04 {\r\n    padding: 76px 0 84px;\r\n  }\r\n\r\n  .force-s04-container {\r\n    width: calc(100% - 96px);\r\n    max-width: 820px;\r\n  }\r\n\r\n  .force-s04-head h2 {\r\n    font-size: 33px;\r\n  }\r\n\r\n  .force-s04-head p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .force-s04-carousel {\r\n    margin-top: 38px;\r\n  }\r\n\r\n  .force-s04-track {\r\n    gap: 22px;\r\n  }\r\n\r\n  .force-s04-card {\r\n    flex-basis: calc((100% - 22px) \/ 2);\r\n    min-height: 350px;\r\n  }\r\n\r\n  .force-s04-card-image {\r\n    height: 176px;\r\n  }\r\n\r\n  .force-s04-card h3 {\r\n    min-height: auto;\r\n    font-size: 20px;\r\n  }\r\n\r\n  .force-s04-card p {\r\n    min-height: 54px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .force-s04-arrow {\r\n    width: 44px;\r\n    height: 44px;\r\n    top: 44%;\r\n  }\r\n\r\n  .force-s04-arrow-prev {\r\n    left: -22px;\r\n  }\r\n\r\n  .force-s04-arrow-next {\r\n    right: -22px;\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-s04 {\r\n    padding: 64px 0 76px;\r\n  }\r\n\r\n  .force-s04-bg {\r\n    background-size: cover;\r\n    background-position: center top;\r\n  }\r\n\r\n  .force-s04-container {\r\n    width: calc(100% - 56px);\r\n    max-width: 380px;\r\n  }\r\n\r\n  .force-s04-eyebrow {\r\n    font-size: 9.5px;\r\n    letter-spacing: .28em;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .force-s04-head h2 {\r\n    font-size: 26px;\r\n    line-height: 1.18;\r\n  }\r\n\r\n  .force-s04-head p {\r\n    margin-top: 15px;\r\n    font-size: 13.2px;\r\n    line-height: 1.62;\r\n  }\r\n\r\n  .force-s04-head p br {\r\n    display: none;\r\n  }\r\n\r\n  .force-s04-carousel {\r\n    margin-top: 32px;\r\n    padding-bottom: 42px;\r\n  }\r\n\r\n  .force-s04-viewport {\r\n    overflow: hidden;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .force-s04-track {\r\n    gap: 18px;\r\n  }\r\n\r\n  .force-s04-card {\r\n    flex-basis: 100%;\r\n    min-height: auto;\r\n    border-radius: 9px;\r\n  }\r\n\r\n  .force-s04-card-image {\r\n    height: 176px;\r\n  }\r\n\r\n  .force-s04-card-body {\r\n    padding: 0 20px 22px;\r\n  }\r\n\r\n  .force-s04-card-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    margin-top: -8px;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .force-s04-card h3 {\r\n    min-height: auto;\r\n    font-size: 20px;\r\n  }\r\n\r\n  .force-s04-card p {\r\n    min-height: 58px;\r\n    margin-top: 13px;\r\n    font-size: 13.5px;\r\n    line-height: 1.54;\r\n  }\r\n\r\n  .force-s04-btn {\r\n    min-height: 38px;\r\n    padding: 8px 12px;\r\n    font-size: 12.2px;\r\n  }\r\n\r\n  .force-s04-whatsapp {\r\n    width: 18px;\r\n    height: 18px;\r\n  }\r\n\r\n  .force-s04-arrow {\r\n    width: 39px;\r\n    height: 39px;\r\n    top: 44%;\r\n    background: rgba(0, 20, 52, .68) !important;\r\n  }\r\n\r\n  .force-s04-arrow svg {\r\n    width: 21px;\r\n    height: 21px;\r\n  }\r\n\r\n  .force-s04-arrow-prev {\r\n    left: -18px;\r\n  }\r\n\r\n  .force-s04-arrow-next {\r\n    right: -18px;\r\n  }\r\n\r\n  .force-s04-dots {\r\n    gap: 10px;\r\n  }\r\n\r\n  .force-s04-dot {\r\n    width: 10px;\r\n    height: 10px;\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-s04-container {\r\n    width: calc(100% - 48px);\r\n  }\r\n\r\n  .force-s04-head h2 {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .force-s04-card-image {\r\n    height: 166px;\r\n  }\r\n\r\n  .force-s04-card-body {\r\n    padding: 0 18px 20px;\r\n  }\r\n\r\n  .force-s04-card h3 {\r\n    font-size: 19px;\r\n  }\r\n\r\n  .force-s04-btn {\r\n    font-size: 11.5px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* =========================================================\r\n  15. JS - CARROSSEL + 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 initForceSection04() {\r\n    var sections = document.querySelectorAll(\".force-s04\");\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 track = section.querySelector(\".force-s04-track\");\r\n      var cards = Array.prototype.slice.call(section.querySelectorAll(\".force-s04-card\"));\r\n      var prevBtn = section.querySelector(\".force-s04-arrow-prev\");\r\n      var nextBtn = section.querySelector(\".force-s04-arrow-next\");\r\n      var dotsWrap = section.querySelector(\".force-s04-dots\");\r\n      var animatedItems = section.querySelectorAll(\".force-s04-anim\");\r\n\r\n      if (!track || !cards.length || !prevBtn || !nextBtn || !dotsWrap) {\r\n        return;\r\n      }\r\n\r\n      var currentIndex = 0;\r\n      var perView = 4;\r\n      var maxIndex = 0;\r\n      var gap = 22;\r\n      var cardWidth = 0;\r\n      var resizeTimer = null;\r\n\r\n      \/* -----------------------------------------------\r\n        15.1. Quantidade de cards por tela\r\n      ------------------------------------------------ *\/\r\n      function getPerView() {\r\n        if (window.matchMedia(\"(max-width: 767px)\").matches) {\r\n          return 1;\r\n        }\r\n\r\n        if (window.matchMedia(\"(max-width: 1180px)\").matches) {\r\n          return 2;\r\n        }\r\n\r\n        return 4;\r\n      }\r\n\r\n      \/* -----------------------------------------------\r\n        15.2. Cria bolinhas\r\n      ------------------------------------------------ *\/\r\n      function buildDots() {\r\n        dotsWrap.innerHTML = \"\";\r\n\r\n        var totalDots = maxIndex + 1;\r\n\r\n        for (var i = 0; i < totalDots; i++) {\r\n          var dot = document.createElement(\"button\");\r\n\r\n          dot.type = \"button\";\r\n          dot.className = \"force-s04-dot\";\r\n          dot.setAttribute(\"aria-label\", \"Ir para item \" + (i + 1));\r\n\r\n          (function (index) {\r\n            dot.addEventListener(\"click\", function () {\r\n              goTo(index);\r\n            });\r\n          })(i);\r\n\r\n          dotsWrap.appendChild(dot);\r\n        }\r\n      }\r\n\r\n      \/* -----------------------------------------------\r\n        15.3. Atualiza carrossel\r\n      ------------------------------------------------ *\/\r\n      function updateCarousel() {\r\n        var distance = currentIndex * (cardWidth + gap);\r\n\r\n        track.style.transform = \"translate3d(-\" + distance + \"px, 0, 0)\";\r\n\r\n        prevBtn.disabled = currentIndex === 0;\r\n        nextBtn.disabled = currentIndex >= maxIndex;\r\n\r\n        var dots = dotsWrap.querySelectorAll(\".force-s04-dot\");\r\n\r\n        dots.forEach(function (dot, index) {\r\n          dot.classList.toggle(\"is-active\", index === currentIndex);\r\n        });\r\n      }\r\n\r\n      \/* -----------------------------------------------\r\n        15.4. Ir para \u00edndice\r\n      ------------------------------------------------ *\/\r\n      function goTo(index) {\r\n        currentIndex = Math.max(0, Math.min(index, maxIndex));\r\n        updateCarousel();\r\n      }\r\n\r\n      \/* -----------------------------------------------\r\n        15.5. Recalcula medidas\r\n      ------------------------------------------------ *\/\r\n      function updateMetrics() {\r\n        var computedTrack = window.getComputedStyle(track);\r\n\r\n        gap = parseFloat(computedTrack.columnGap || computedTrack.gap || 22) || 22;\r\n        perView = getPerView();\r\n        cardWidth = cards[0].getBoundingClientRect().width;\r\n        maxIndex = Math.max(0, cards.length - perView);\r\n\r\n        if (currentIndex > maxIndex) {\r\n          currentIndex = maxIndex;\r\n        }\r\n\r\n        buildDots();\r\n        updateCarousel();\r\n      }\r\n\r\n      \/* -----------------------------------------------\r\n        15.6. Eventos das setas\r\n      ------------------------------------------------ *\/\r\n      prevBtn.addEventListener(\"click\", function () {\r\n        goTo(currentIndex - 1);\r\n      });\r\n\r\n      nextBtn.addEventListener(\"click\", function () {\r\n        goTo(currentIndex + 1);\r\n      });\r\n\r\n      \/* -----------------------------------------------\r\n        15.7. Swipe \/ arraste\r\n      ------------------------------------------------ *\/\r\n      var isPointerDown = false;\r\n      var startX = 0;\r\n      var endX = 0;\r\n\r\n      track.addEventListener(\"pointerdown\", function (event) {\r\n        isPointerDown = true;\r\n        startX = event.clientX;\r\n        endX = event.clientX;\r\n        track.style.transition = \"none\";\r\n      });\r\n\r\n      track.addEventListener(\"pointermove\", function (event) {\r\n        if (!isPointerDown) {\r\n          return;\r\n        }\r\n\r\n        endX = event.clientX;\r\n      });\r\n\r\n      function finishPointer() {\r\n        if (!isPointerDown) {\r\n          return;\r\n        }\r\n\r\n        isPointerDown = false;\r\n        track.style.transition = \"\";\r\n\r\n        var diff = startX - endX;\r\n\r\n        if (Math.abs(diff) > 45) {\r\n          if (diff > 0) {\r\n            goTo(currentIndex + 1);\r\n          } else {\r\n            goTo(currentIndex - 1);\r\n          }\r\n        } else {\r\n          updateCarousel();\r\n        }\r\n      }\r\n\r\n      track.addEventListener(\"pointerup\", finishPointer);\r\n      track.addEventListener(\"pointercancel\", finishPointer);\r\n      track.addEventListener(\"pointerleave\", finishPointer);\r\n\r\n      \/* -----------------------------------------------\r\n        15.8. 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-s04-visible\");\r\n            } else {\r\n              entry.target.classList.remove(\"force-s04-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-s04-visible\");\r\n        });\r\n      }\r\n\r\n      \/* -----------------------------------------------\r\n        15.9. Resize seguro\r\n      ------------------------------------------------ *\/\r\n      window.addEventListener(\"resize\", function () {\r\n        clearTimeout(resizeTimer);\r\n\r\n        resizeTimer = setTimeout(function () {\r\n          updateMetrics();\r\n        }, 180);\r\n      });\r\n\r\n      updateMetrics();\r\n\r\n      setTimeout(updateMetrics, 300);\r\n      setTimeout(updateMetrics, 900);\r\n    });\r\n  }\r\n\r\n  \/* -----------------------------------------------\r\n    15.10. Inicializa\u00e7\u00e3o resistente ao Elementor\r\n  ------------------------------------------------ *\/\r\n  initForceSection04();\r\n\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    initForceSection04();\r\n  });\r\n\r\n  window.addEventListener(\"load\", function () {\r\n    setTimeout(initForceSection04, 300);\r\n    setTimeout(initForceSection04, 900);\r\n  });\r\n\r\n})();\r\n<\/script>\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 05 - CONTATO + TRABALHE CONOSCO\r\n  Widget HTML Elementor\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=\"Administra\u00e7\u00e3o Aeron\u00e1utica\">Administra\u00e7\u00e3o Aeron\u00e1utica<\/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:\/\/force.paginaprovisoria.art.br\/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<\/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>\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:\/\/force.paginaprovisoria.art.br\/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:\/\/force.paginaprovisoria.art.br\/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>\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>Solu\u00e7\u00f5es O que fazemos Contato Solu\u00e7\u00f5es O que fazemos Contato FORCE GROUP SOLU\u00c7\u00d5ES INTEGRADAS PARACOM\u00c9RCIO EXTERIOR Mais de duas d\u00e9cadas de excel\u00eancia, performance e inova\u00e7\u00e3o. ATUA\u00c7\u00c3OGLOBAL SEGURAN\u00c7AE CONFORMIDADE EFICI\u00caNCIA QUEGERA RESULTADOS LOG\u00cdSTICA PORTU\u00c1RIA EFICI\u00caNCIA E CONTROLE PARAOPERA\u00c7\u00d5ES DE COM\u00c9RCIO EXTERIOR Integra\u00e7\u00e3o estrat\u00e9gica de cargas, terminais e transporte com seguran\u00e7a, agilidade e alto desempenho. LOG\u00cdSTICA A\u00c9REA [&hellip;]<\/p>\n","protected":false},"author":1,"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 v27.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Sample Page - 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:\/\/force.paginaprovisoria.art.br\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sample Page\" \/>\n<meta property=\"og:description\" content=\"Solu\u00e7\u00f5es O que fazemos Contato Solu\u00e7\u00f5es O que fazemos Contato FORCE GROUP SOLU\u00c7\u00d5ES INTEGRADAS PARACOM\u00c9RCIO EXTERIOR Mais de duas d\u00e9cadas de excel\u00eancia, performance e inova\u00e7\u00e3o. ATUA\u00c7\u00c3OGLOBAL SEGURAN\u00c7AE CONFORMIDADE EFICI\u00caNCIA QUEGERA RESULTADOS LOG\u00cdSTICA PORTU\u00c1RIA EFICI\u00caNCIA E CONTROLE PARAOPERA\u00c7\u00d5ES DE COM\u00c9RCIO EXTERIOR Integra\u00e7\u00e3o estrat\u00e9gica de cargas, terminais e transporte com seguran\u00e7a, agilidade e alto desempenho. LOG\u00cdSTICA A\u00c9REA [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/force.paginaprovisoria.art.br\/\" \/>\n<meta property=\"og:site_name\" content=\"Force\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-05T14:53:59+00:00\" \/>\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=\"62 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/force.paginaprovisoria.art.br\\\/\",\"url\":\"https:\\\/\\\/force.paginaprovisoria.art.br\\\/\",\"name\":\"Sample Page - Force\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/force.paginaprovisoria.art.br\\\/#website\"},\"datePublished\":\"2026-07-04T22:50:58+00:00\",\"dateModified\":\"2026-07-05T14:53:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/force.paginaprovisoria.art.br\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/force.paginaprovisoria.art.br\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/force.paginaprovisoria.art.br\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/force.paginaprovisoria.art.br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sample Page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/force.paginaprovisoria.art.br\\\/#website\",\"url\":\"https:\\\/\\\/force.paginaprovisoria.art.br\\\/\",\"name\":\"Force\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/force.paginaprovisoria.art.br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Sample Page - 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:\/\/force.paginaprovisoria.art.br\/","og_locale":"pt_BR","og_type":"article","og_title":"Sample Page","og_description":"Solu\u00e7\u00f5es O que fazemos Contato Solu\u00e7\u00f5es O que fazemos Contato FORCE GROUP SOLU\u00c7\u00d5ES INTEGRADAS PARACOM\u00c9RCIO EXTERIOR Mais de duas d\u00e9cadas de excel\u00eancia, performance e inova\u00e7\u00e3o. ATUA\u00c7\u00c3OGLOBAL SEGURAN\u00c7AE CONFORMIDADE EFICI\u00caNCIA QUEGERA RESULTADOS LOG\u00cdSTICA PORTU\u00c1RIA EFICI\u00caNCIA E CONTROLE PARAOPERA\u00c7\u00d5ES DE COM\u00c9RCIO EXTERIOR Integra\u00e7\u00e3o estrat\u00e9gica de cargas, terminais e transporte com seguran\u00e7a, agilidade e alto desempenho. LOG\u00cdSTICA A\u00c9REA [&hellip;]","og_url":"https:\/\/force.paginaprovisoria.art.br\/","og_site_name":"Force","article_modified_time":"2026-07-05T14:53:59+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"62 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/force.paginaprovisoria.art.br\/","url":"https:\/\/force.paginaprovisoria.art.br\/","name":"Sample Page - Force","isPartOf":{"@id":"https:\/\/force.paginaprovisoria.art.br\/#website"},"datePublished":"2026-07-04T22:50:58+00:00","dateModified":"2026-07-05T14:53:59+00:00","breadcrumb":{"@id":"https:\/\/force.paginaprovisoria.art.br\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/force.paginaprovisoria.art.br\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/force.paginaprovisoria.art.br\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/force.paginaprovisoria.art.br\/"},{"@type":"ListItem","position":2,"name":"Sample Page"}]},{"@type":"WebSite","@id":"https:\/\/force.paginaprovisoria.art.br\/#website","url":"https:\/\/force.paginaprovisoria.art.br\/","name":"Force","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/force.paginaprovisoria.art.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"}]}},"_links":{"self":[{"href":"https:\/\/force.paginaprovisoria.art.br\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/force.paginaprovisoria.art.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/force.paginaprovisoria.art.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/force.paginaprovisoria.art.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/force.paginaprovisoria.art.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":116,"href":"https:\/\/force.paginaprovisoria.art.br\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":162,"href":"https:\/\/force.paginaprovisoria.art.br\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/162"}],"wp:attachment":[{"href":"https:\/\/force.paginaprovisoria.art.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}