.elementor-55 .elementor-element.elementor-element-13110190{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:95;}.elementor-55 .elementor-element.elementor-element-13110190:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-13110190 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.she-header-transparent-yes{position:absolute;}.elementor-55 .elementor-element.elementor-element-3e4065d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-55 .elementor-element.elementor-element-2448dc3a{text-align:start;}.elementor-55 .elementor-element.elementor-element-2448dc3a img{width:100%;height:90px;object-fit:contain;object-position:center center;}.elementor-55 .elementor-element.elementor-element-2ab4245{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-55 .elementor-element.elementor-element-61bcf2c{--display:flex;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-55 .elementor-element.elementor-element-68c3d46{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-55 .elementor-element.elementor-element-68c3d46.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu .elementor-item{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFFDE;fill:#FFFFFFDE;}.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--dropdown a, .elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-menu-toggle{color:#1C244B;fill:#1C244B;}.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--dropdown{background-color:#F3F5F8;}.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--dropdown a:hover,
					.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--dropdown a:focus,
					.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--dropdown .elementor-item, .elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;word-spacing:0em;}.elementor-55 .elementor-element.elementor-element-68c3d46 div.elementor-menu-toggle{color:#467FF7;}.elementor-55 .elementor-element.elementor-element-68c3d46 div.elementor-menu-toggle svg{fill:#467FF7;}.elementor-55 .elementor-element.elementor-element-ba0e939{--display:flex;}.elementor-55 .elementor-element.elementor-element-f2f7069{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-072c55a{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 25px / 2 );}.elementor-55 .elementor-element.elementor-element-072c55a.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-072c55a .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu .elementor-item{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--main .elementor-item:hover,
					.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFFDE;fill:#FFFFFFDE;}.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:25px;}.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--dropdown a, .elementor-55 .elementor-element.elementor-element-072c55a .elementor-menu-toggle{color:#1C244B;fill:#1C244B;}.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--dropdown{background-color:#F3F5F8;}.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--dropdown a:hover,
					.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--dropdown a:focus,
					.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--dropdown .elementor-item, .elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;word-spacing:0em;}.elementor-55 .elementor-element.elementor-element-072c55a div.elementor-menu-toggle{color:var( --e-global-color-accent );}.elementor-55 .elementor-element.elementor-element-072c55a div.elementor-menu-toggle svg{fill:var( --e-global-color-accent );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-55 .elementor-element.elementor-element-13110190{--min-height:85px;--padding-top:15px;--padding-bottom:15px;--padding-left:30px;--padding-right:30px;}.elementor-55 .elementor-element.elementor-element-2448dc3a img{height:100%;}.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--dropdown .elementor-item, .elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--dropdown .elementor-item, .elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}}@media(max-width:767px){.elementor-55 .elementor-element.elementor-element-13110190{--min-height:65px;--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-55 .elementor-element.elementor-element-3e4065d9{--width:20%;}.elementor-55 .elementor-element.elementor-element-2448dc3a img{height:100%;}.elementor-55 .elementor-element.elementor-element-2ab4245{--width:80%;}.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-55 .elementor-element.elementor-element-68c3d46 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-55 .elementor-element.elementor-element-68c3d46{--nav-menu-icon-size:20px;}.elementor-55 .elementor-element.elementor-element-ba0e939{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-55 .elementor-element.elementor-element-f2f7069{--container-widget-width:148px;--container-widget-flex-grow:0;width:var( --container-widget-width, 148px );max-width:148px;}.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-55 .elementor-element.elementor-element-072c55a .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-55 .elementor-element.elementor-element-072c55a{--nav-menu-icon-size:20px;}}@media(min-width:768px){.elementor-55 .elementor-element.elementor-element-3e4065d9{--width:15%;}.elementor-55 .elementor-element.elementor-element-2ab4245{--width:85%;}.elementor-55 .elementor-element.elementor-element-61bcf2c{--width:80%;}.elementor-55 .elementor-element.elementor-element-ba0e939{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-55 .elementor-element.elementor-element-3e4065d9{--width:15%;}.elementor-55 .elementor-element.elementor-element-2ab4245{--width:85%;}}/* Start custom CSS for html, class: .elementor-element-f2f7069 */<style>
  .mutara-user-chip {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    min-width: 0;
  }

  .mutara-user-chip__help {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.06);
    color: #f3efe5;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
  }

  .mutara-user-chip__profile {
    min-width: 0;
    min-height: 48px;
    max-width: 360px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 14px 7px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.06);
    color: #f3efe5;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
    transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .mutara-user-chip__profile:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.20);
  }

  .mutara-user-chip__avatar {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(0, 0, 0, 0.06);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1f1f1f;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
  }

  .mutara-user-chip__content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    line-height: 1.1;
  }

  .mutara-user-chip__hello,
  .mutara-user-chip__path {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mutara-user-chip__hello {
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
  }

  .mutara-user-chip__path {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.78);
  }

  .mutara-user-chip__arrow {
    flex: 0 0 auto;
    font-size: 16px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.72);
    margin-left: 2px;
  }

  @media (max-width: 1200px) {
    .mutara-user-chip__profile {
      max-width: 300px;
    }
  }

  @media (max-width: 1024px) {
    .mutara-user-chip {
      gap: 8px;
    }

    .mutara-user-chip__profile {
      min-height: 44px;
      max-width: 250px;
      padding: 6px 12px 6px 8px;
    }

    .mutara-user-chip__hello {
      font-size: 12px;
    }

    .mutara-user-chip__path {
      font-size: 11px;
    }
  }

  @media (max-width: 768px) {
    .mutara-user-chip__help {
      display: none;
    }

    .mutara-user-chip__profile {
      max-width: 220px;
    }
  }

  @media (max-width: 640px) {
    .mutara-user-chip__profile {
      max-width: 180px;
      padding-right: 10px;
    }

    .mutara-user-chip__avatar {
      width: 30px;
      height: 30px;
      flex-basis: 30px;
    }
  }
</style>

<div class="mutara-user-chip" role="navigation" aria-label="Área do cliente">
  <button class="mutara-user-chip__help" type="button" aria-label="Ajuda">?</button>

  <a class="mutara-user-chip__profile" href="/meu-caminho/">
    <span class="mutara-user-chip__avatar">MC</span>

    <span class="mutara-user-chip__content">
      <span class="mutara-user-chip__hello">Olá, Cliente</span>
      <span class="mutara-user-chip__path">Seu Caminho</span>
    </span>

    <span class="mutara-user-chip__arrow" aria-hidden="true">›</span>
  </a>
</div>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    function getCookie(name) {
      const escaped = name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
      const match = document.cookie.match(new RegExp("(?:^|; )" + escaped + "=([^;]*)"));
      return match ? decodeURIComponent(match[1]) : "";
    }

    function getDisplayName(user) {
      if (user && typeof user.name === "string" && user.name.trim() !== "") {
        return user.name.trim();
      }

      if (user && typeof user.email === "string" && user.email.trim() !== "") {
        return user.email.trim();
      }

      return "Cliente";
    }

    function getInitials(name) {
      const clean = String(name || "").trim();
      if (!clean) return "MC";

      const parts = clean.split(/\s+/).filter(Boolean);

      if (parts.length === 1) {
        return parts[0].substring(0, 2).toUpperCase();
      }

      return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
    }

    const rawUser = getCookie("mutara_cliente_user");
    if (!rawUser) return;

    let user;
    try {
      user = JSON.parse(rawUser);
    } catch (e) {
      return;
    }

    const displayName = getDisplayName(user);
    const initials = getInitials(displayName);

    const chip = document.querySelector(".mutara-user-chip");
    if (!chip) return;

    const helloEl = chip.querySelector(".mutara-user-chip__hello");
    const avatarEl = chip.querySelector(".mutara-user-chip__avatar");
    const profileEl = chip.querySelector(".mutara-user-chip__profile");

    if (helloEl) {
      helloEl.textContent = "Olá, " + displayName;
    }

    if (avatarEl) {
      avatarEl.textContent = initials;
    }

    if (profileEl) {
      profileEl.setAttribute("href", "/meu-caminho/");
    }
  });
</script>/* End custom CSS */