:root {
    --navy: #07142f;
    --navy-2: #0c2857;
    --blue: #0c63ce;
    --blue-dark: #084c9f;
    --orange: #f28a16;
    --orange-light: #ffb25c;
    --orange-text: #9f4600;
    --ink: #172033;
    --muted: #5a6679;
    --line: #d8e0ea;
    --surface: #f3f6fa;
    --white: #ffffff;
    --container: 1240px;
    --header-height: 76px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    --shadow: 0 22px 60px rgba(7, 20, 47, .16);
    --ease: cubic-bezier(.22, .8, .24, 1);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: var(--header-height);
}

body {
    margin: 0;
    overflow-x: hidden;
    color: var(--ink);
    background: var(--white);
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
summary {
    font: inherit;
}

button {
    color: inherit;
}

h1,
h2,
h3,
p,
figure,
blockquote {
    margin-top: 0;
}

h1,
h2,
h3 {
    color: var(--navy);
    font-weight: 800;
    letter-spacing: -.038em;
    line-height: 1.05;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

h1 {
    font-size: clamp(3.2rem, 7vw, 6.8rem);
}

h2 {
    font-size: clamp(2.4rem, 4.8vw, 4.9rem);
}

h3 {
    font-size: clamp(1.25rem, 2vw, 1.7rem);
}

em {
    color: var(--orange-text);
    font-style: normal;
}

[hidden] {
    display: none !important;
}

.container,
.header-inner {
    width: min(calc(100% - 48px), var(--container));
    margin-inline: auto;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 100;
    padding: 10px 14px;
    color: var(--white);
    background: var(--navy);
    transform: translateY(-160%);
    transition: transform .2s var(--ease);
}

.skip-link:focus {
    transform: translateY(0);
}

:focus-visible {
    outline: 3px solid var(--navy);
    outline-offset: 3px;
}

.module-hero :focus-visible,
.module-cta :focus-visible,
.module-requirements-dark :focus-visible,
.module-metrics-section :focus-visible,
.module-news :focus-visible,
.site-footer :focus-visible,
.hero :focus-visible,
.segments-section :focus-visible,
.contact-section :focus-visible,
.news-section :focus-visible,
.brand-window :focus-visible {
    outline-color: var(--orange-light);
}

/* O cartão de destaque das novidades é claro, mesmo dentro da faixa escura */
.news-feature :focus-visible {
    outline-color: var(--navy);
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid rgba(7, 20, 47, .1);
    background: rgba(255, 255, 255, .97);
}

.header-inner {
    min-height: var(--header-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-8);
}

.brand-mark {
    flex: 0 0 auto;
}

.brand-mark img {
    width: 190px;
    height: auto;
    object-fit: contain;
}

.site-nav {
    display: flex;
    align-items: center;
    gap: clamp(16px, 2.1vw, 30px);
    color: #3f4b5e;
    font-size: 13px;
    font-weight: 700;
}

.site-nav > a:not(.nav-cta),
.nav-solutions > summary {
    padding-block: 12px;
}

.site-nav > a:not(.nav-cta):hover,
.site-nav > a:not(.nav-cta):focus-visible,
.nav-solutions > summary:hover,
.nav-solutions > summary:focus-visible {
    color: var(--blue);
}

.nav-cta {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    color: var(--white);
    background: var(--blue);
    transition: background-color .2s var(--ease), transform .2s var(--ease);
}

.nav-cta:hover,
.nav-cta:focus-visible {
    background: var(--navy-2);
    transform: translateY(-1px);
}

.whatsapp-float {
    position: fixed;
    right: max(16px, env(safe-area-inset-right));
    bottom: max(16px, env(safe-area-inset-bottom));
    z-index: 40;
    width: 54px;
    height: 54px;
    display: none;
    place-items: center;
    color: var(--white);
    background: #128c7e;
    border: 2px solid var(--white);
    border-radius: 50%;
    box-shadow: 0 8px 18px rgba(7, 20, 47, .26);
    transition: background-color .2s var(--ease), transform .2s var(--ease);
}

.whatsapp-float:hover,
.whatsapp-float:focus-visible {
    color: var(--white);
    background: #0e6f64;
    transform: translateY(-2px);
}

.whatsapp-float:focus-visible {
    outline-color: var(--navy);
}

.whatsapp-float-icon {
    width: 28px;
    height: 28px;
    display: block;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.5 3.5A11.8 11.8 0 0 0 12.06 0C5.52 0 .2 5.32.2 11.86c0 2.09.55 4.13 1.59 5.93L.1 24l6.35-1.66a11.8 11.8 0 0 0 5.61 1.42h.01c6.54 0 11.86-5.32 11.86-11.86 0-3.17-1.23-6.15-3.43-8.4ZM12.07 21.7h-.01a9.8 9.8 0 0 1-5-1.36l-.36-.21-3.77.98 1.01-3.68-.23-.38a9.8 9.8 0 0 1-1.5-5.2C2.21 6.45 6.64 2.02 12.06 2.02c2.63 0 5.1 1.03 6.96 2.89a9.8 9.8 0 0 1 2.88 6.98c0 5.42-4.42 9.81-9.83 9.81Zm5.38-7.35c-.3-.15-1.78-.88-2.06-.98-.28-.1-.48-.15-.68.15-.2.3-.78.98-.96 1.18-.18.2-.35.22-.65.07-.3-.15-1.27-.47-2.42-1.5-.89-.8-1.49-1.78-1.66-2.08-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.03-.52-.08-.15-.68-1.64-.93-2.25-.24-.59-.49-.51-.68-.52h-.58c-.2 0-.52.07-.8.37-.28.3-1.04 1.02-1.04 2.49s1.07 2.89 1.22 3.09c.15.2 2.1 3.2 5.09 4.49.71.31 1.26.5 1.69.64.71.23 1.36.2 1.87.12.57-.08 1.78-.73 2.03-1.43.25-.7.25-1.3.18-1.43-.08-.12-.28-.2-.58-.35Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.5 3.5A11.8 11.8 0 0 0 12.06 0C5.52 0 .2 5.32.2 11.86c0 2.09.55 4.13 1.59 5.93L.1 24l6.35-1.66a11.8 11.8 0 0 0 5.61 1.42h.01c6.54 0 11.86-5.32 11.86-11.86 0-3.17-1.23-6.15-3.43-8.4ZM12.07 21.7h-.01a9.8 9.8 0 0 1-5-1.36l-.36-.21-3.77.98 1.01-3.68-.23-.38a9.8 9.8 0 0 1-1.5-5.2C2.21 6.45 6.64 2.02 12.06 2.02c2.63 0 5.1 1.03 6.96 2.89a9.8 9.8 0 0 1 2.88 6.98c0 5.42-4.42 9.81-9.83 9.81Zm5.38-7.35c-.3-.15-1.78-.88-2.06-.98-.28-.1-.48-.15-.68.15-.2.3-.78.98-.96 1.18-.18.2-.35.22-.65.07-.3-.15-1.27-.47-2.42-1.5-.89-.8-1.49-1.78-1.66-2.08-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.03-.52-.08-.15-.68-1.64-.93-2.25-.24-.59-.49-.51-.68-.52h-.58c-.2 0-.52.07-.8.37-.28.3-1.04 1.02-1.04 2.49s1.07 2.89 1.22 3.09c.15.2 2.1 3.2 5.09 4.49.71.31 1.26.5 1.69.64.71.23 1.36.2 1.87.12.57-.08 1.78-.73 2.03-1.43.25-.7.25-1.3.18-1.43-.08-.12-.28-.2-.58-.35Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.menu-toggle {
    display: none;
    width: 44px;
    height: 44px;
    padding: 9px;
    border: 1px solid var(--line);
    background: var(--white);
    cursor: pointer;
}

.menu-toggle span:not(.sr-only) {
    display: block;
    width: 24px;
    height: 2px;
    margin: 5px 0;
    background: var(--navy);
    transition: transform .2s var(--ease), opacity .2s var(--ease);
}

.menu-toggle[aria-expanded="true"] span:nth-of-type(2) {
    transform: translateY(7px) rotate(45deg);
}

.menu-toggle[aria-expanded="true"] span:nth-of-type(3) {
    opacity: 0;
}

.menu-toggle[aria-expanded="true"] span:nth-of-type(4) {
    transform: translateY(-7px) rotate(-45deg);
}

.nav-solutions {
    position: relative;
}

.nav-solutions > summary {
    display: flex;
    align-items: center;
    gap: 6px;
    list-style: none;
    cursor: pointer;
}

.nav-solutions > summary::-webkit-details-marker {
    display: none;
}

.nav-solutions > summary span {
    transition: transform .2s var(--ease);
}

.nav-solutions[open] > summary span {
    transform: rotate(180deg);
}

.nav-solutions-panel {
    position: absolute;
    top: calc(100% + 15px);
    right: -280px;
    z-index: 10;
    width: min(780px, calc(100vw - 48px));
    padding: 28px;
    color: var(--ink);
    background: var(--white);
    border-top: 4px solid var(--orange);
    box-shadow: var(--shadow);
}

.nav-solutions-panel::before {
    content: '';
    position: absolute;
    inset: -18px 0 auto;
    height: 18px;
}

.nav-solutions-panel > p {
    margin-bottom: 18px;
    color: var(--blue);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.nav-solutions-panel > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--line);
}

.nav-solutions-panel > div a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--line);
    font-size: 13px;
}

.nav-solutions-panel > div a::before {
    content: '';
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    color: inherit;
    background-color: currentColor;
    opacity: .72;
    -webkit-mask: var(--nav-icon) center / contain no-repeat;
    mask: var(--nav-icon) center / contain no-repeat;
}

.nav-solutions-panel a[data-icon="financeiro"] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h18v12H3zM3 10h18'/%3E%3Cpath d='M16 15h2'/%3E%3C/g%3E%3C/svg%3E");
}

.nav-solutions-panel a[data-icon="vendas"] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 10.2a2 2 0 0 0 2 1.6h7.9a2 2 0 0 0 2-1.6L20.5 8H6'/%3E%3Ccircle cx='10' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3C/g%3E%3C/svg%3E");
}

.nav-solutions-panel a[data-icon="fiscal"] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6zM14 3v5h4'/%3E%3Cpath d='M9 12h6M9 16h6'/%3E%3C/g%3E%3C/svg%3E");
}

.nav-solutions-panel a[data-icon="crm"] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h12v9H9l-4 3v-3H4z'/%3E%3Cpath d='M16 9h4v9h-3v3l-4-3h-3'/%3E%3C/g%3E%3C/svg%3E");
}

.nav-solutions-panel a[data-icon="automacao"] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='6' r='2'/%3E%3Ccircle cx='19' cy='6' r='2'/%3E%3Ccircle cx='12' cy='18' r='2'/%3E%3Cpath d='M7 6h10M6.5 7.5l4.3 8.7M17.5 7.5l-4.3 8.7'/%3E%3C/g%3E%3C/svg%3E");
}

.nav-solutions-panel a[data-icon="ia"] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V5M16 20v-7M3 20h17'/%3E%3Cpath d='m18 4 .7 1.8L20.5 6.5l-1.8.7L18 9l-.7-1.8-1.8-.7 1.8-.7z'/%3E%3C/g%3E%3C/svg%3E");
}

.nav-solutions-panel a[data-icon="loja"] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9v11h16V9M3 9l2-5h14l2 5'/%3E%3Cpath d='M3 9a3 3 0 0 0 5 2 3 3 0 0 0 4 0 3 3 0 0 0 4 0 3 3 0 0 0 5-2M9 20v-5h6v5'/%3E%3C/g%3E%3C/svg%3E");
}

.nav-solutions-panel a[data-icon="foods"] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3v8M3.5 3v5A3 3 0 0 0 6 11v10M8.5 3v5A3 3 0 0 1 6 11'/%3E%3Cpath d='M15 3c3 2 4 5 4 8v2h-4zM17 13v8'/%3E%3C/g%3E%3C/svg%3E");
}

.nav-solutions-panel a[data-icon="projetos"] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 8h8M8 12h5M8 16h8'/%3E%3Cpath d='m15 12 1 1 2-2'/%3E%3C/g%3E%3C/svg%3E");
}

.nav-solutions-panel a[data-icon="clinica"] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 3v4M17 3v4M3 10h18'/%3E%3Cpath d='M10 14h4M12 12v4'/%3E%3C/g%3E%3C/svg%3E");
}

.nav-solutions-panel a[data-icon="servico"] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 6.5a4 4 0 0 0-5 5L4 17l3 3 5.5-5.5a4 4 0 0 0 5-5L15 12l-3-3z'/%3E%3C/g%3E%3C/svg%3E");
}

.nav-solutions-panel a[data-icon="marketplaces"] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='7' r='3'/%3E%3Ccircle cx='18' cy='7' r='3'/%3E%3Ccircle cx='12' cy='18' r='3'/%3E%3Cpath d='m8.5 8.5 2 6.5M15.5 8.5l-2 6.5M9 7h6'/%3E%3C/g%3E%3C/svg%3E");
}

.nav-solutions-panel > div a:nth-child(odd) {
    border-right: 1px solid var(--line);
}

.nav-solutions-panel > div a:hover,
.nav-solutions-panel > div a:focus-visible {
    color: var(--blue);
    background: var(--surface);
}

.nav-solutions-panel > div a > span:not(.nav-current-label) {
    flex: 0 0 18px;
    color: var(--orange-text);
    font-size: 10px;
    font-weight: 800;
}

.nav-solutions-panel > div a[aria-current="page"] {
    color: var(--blue);
    background: #e7f1ff;
    font-weight: 800;
}

.nav-solutions-panel > div a[aria-current="page"]::before {
    opacity: 1;
}

.nav-solutions-panel .nav-current-label {
    flex: 0 0 auto;
    margin-left: auto;
    padding: 3px 7px;
    color: var(--white);
    background: var(--blue);
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.35;
    text-transform: uppercase;
}

.module-page .nav-solutions > summary {
    color: var(--blue);
}

.nav-all-solutions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 50px;
    margin-top: 12px;
    color: var(--blue);
    font-size: 13px;
    font-weight: 800;
}

.nav-all-solutions:hover,
.nav-all-solutions:focus-visible {
    color: var(--orange-text);
}

.button {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 20px;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition: color .2s var(--ease), background-color .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);
}

.button:hover,
.button:focus-visible {
    transform: translateY(-2px);
}

.button-accent {
    color: var(--navy);
    background: var(--orange);
}

.button-accent:hover,
.button-accent:focus-visible {
    background: var(--orange-light);
}

.button-ghost {
    color: var(--white);
    border-color: rgba(255, 255, 255, .5);
    background: rgba(7, 20, 47, .18);
}

.button-ghost:hover,
.button-ghost:focus-visible {
    border-color: var(--white);
    background: rgba(7, 20, 47, .45);
}

.text-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--blue);
    font-size: 14px;
    font-weight: 800;
    border-bottom: 1px solid transparent;
}

.text-link:hover,
.text-link:focus-visible {
    border-bottom-color: currentColor;
}

.section {
    padding-block: clamp(84px, 10vw, 148px);
}

.section-tag,
.hero-context,
.eyebrow,
.section-kicker {
    display: block;
    margin-bottom: 18px;
    color: var(--orange-text);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.hero {
    position: relative;
    min-height: max(680px, calc(100svh - var(--header-height)));
    display: grid;
    overflow: hidden;
    isolation: isolate;
    background: var(--navy);
}

.hero-picture,
.hero-picture img,
.hero-shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.hero-picture {
    z-index: -3;
}

.hero-picture img {
    object-fit: cover;
    object-position: 58% center;
}

.hero-shade {
    z-index: -2;
    background:
        linear-gradient(90deg, rgba(7, 20, 47, .97) 0%, rgba(7, 20, 47, .93) 34%, rgba(7, 20, 47, .72) 62%, rgba(7, 20, 47, .55) 100%),
        linear-gradient(0deg, rgba(7, 20, 47, .55), transparent 45%);
}

.hero-content {
    min-height: max(680px, calc(100svh - var(--header-height)));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-block: 96px;
}

.hero-context {
    color: var(--orange-light);
}

.hero h1 {
    max-width: 870px;
    margin-bottom: 28px;
    color: var(--white);
    letter-spacing: -.06em;
    text-shadow: 0 3px 24px rgba(7, 20, 47, .28);
}

.hero h1 span {
    color: var(--orange-light);
}

.hero-lead {
    max-width: 670px;
    margin-bottom: 32px;
    color: rgba(255, 255, 255, .9);
    font-size: clamp(1.05rem, 1.7vw, 1.3rem);
    line-height: 1.65;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.hero-footnote {
    max-width: 570px;
    margin: 30px 0 0;
    padding-top: 12px;
    color: rgba(255, 255, 255, .7);
    border-top: 1px solid rgba(255, 255, 255, .34);
    font-size: 13px;
}

.about-section {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    color: var(--ink);
    background: var(--surface) url('assets/wa-home-empresa.webp') center / cover no-repeat;
}

.about-section::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(90deg, rgba(243, 246, 250, .97) 0%, rgba(243, 246, 250, .92) 44%, rgba(243, 246, 250, .78) 100%);
    pointer-events: none;
}

.about-layout,
.about-section > .commitments {
    position: relative;
    z-index: 1;
}

.about-heading h2 {
    color: var(--navy);
}

.about-section .section-tag {
    color: var(--orange-text);
}

.about-layout {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: clamp(48px, 9vw, 140px);
    align-items: start;
}

.about-heading h2 {
    max-width: 660px;
    margin-bottom: 0;
}

.about-copy .lead {
    color: var(--ink);
    font-size: clamp(1.1rem, 1.8vw, 1.35rem);
    line-height: 1.65;
}

.about-copy p:not(.lead) {
    color: var(--muted);
}

.about-copy .text-link {
    margin-top: 18px;
    color: var(--blue);
}

.commitments {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: clamp(64px, 9vw, 120px);
    border-top: 1px solid rgba(7, 20, 47, .18);
    border-bottom: 1px solid rgba(7, 20, 47, .18);
}

.commitments p {
    display: grid;
    align-content: start;
    gap: 8px;
    min-height: 142px;
    margin: 0;
    padding: 26px 28px;
}

.commitments p + p {
    border-left: 1px solid rgba(7, 20, 47, .14);
}

.commitments strong {
    color: var(--navy);
    font-size: 18px;
}

.commitments span {
    color: var(--muted);
    font-size: 14px;
}

.brand-window {
    position: relative;
    min-height: clamp(300px, 32vw, 420px);
    display: grid;
    align-items: end;
    overflow: hidden;
    isolation: isolate;
    color: var(--white);
    background: var(--navy);
}

.brand-window picture,
.brand-window picture::after,
.brand-window img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.brand-window picture {
    z-index: -2;
}

.brand-window img {
    object-fit: cover;
    object-position: center;
}

.brand-window picture::after {
    content: '';
    background: linear-gradient(0deg, rgba(7, 20, 47, .9) 0%, rgba(7, 20, 47, .12) 58%);
}

.brand-window-copy {
    width: min(calc(100% - 48px), var(--container));
    margin-inline: auto;
    padding-bottom: clamp(28px, 4vw, 48px);
}

.brand-window-copy span {
    display: block;
    margin-bottom: 8px;
    color: var(--orange-light);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.brand-window-copy p {
    max-width: 560px;
    margin-bottom: 0;
    color: var(--white);
    font-size: clamp(1.6rem, 2.6vw, 2.7rem);
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.08;
}

.solutions-section {
    background: var(--surface);
}

.solutions-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
    gap: clamp(32px, 7vw, 104px);
    align-items: end;
    margin-bottom: 44px;
}

.solutions-heading h2 {
    max-width: 800px;
    margin-bottom: 0;
}

.solutions-heading > p {
    margin-bottom: 8px;
    color: var(--muted);
    font-size: 15px;
}

.filter-panel {
    display: grid;
    grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr);
    gap: 28px;
    align-items: center;
    margin-bottom: 32px;
    padding: 22px 24px;
    border: 1px solid #cbd6e2;
    border-top: 3px solid var(--navy);
    background: var(--white);
}

.filter-context {
    display: grid;
    gap: 4px;
}

.filter-context span {
    color: var(--blue);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.filter-context p {
    margin: 0;
    color: var(--navy);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
}

.filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.filter-status {
    grid-column: 2;
    margin: 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.4;
    text-align: right;
}

.filter-button {
    min-height: 44px;
    padding: 8px 15px;
    border: 1px solid #cbd6e2;
    color: #34445b;
    background: #f7f9fc;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: color .2s var(--ease), background-color .2s var(--ease), border-color .2s var(--ease);
}

.filter-button:hover,
.filter-button:focus-visible {
    color: var(--blue);
    border-color: var(--blue);
    background: #edf5ff;
}

.filter-button.is-active,
.filter-button[aria-pressed="true"] {
    color: var(--white);
    border-color: var(--navy);
    background: var(--navy);
}

.solution-directory {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, .8fr);
    grid-template-rows: auto;
    align-items: start;
    overflow: visible;
    border-top: 4px solid var(--navy);
    border-bottom: 1px solid var(--line);
    background: var(--white);
}

.solution-list {
    position: relative;
    z-index: 1;
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    padding: 1px;
    background: var(--line);
}

.solution-entry {
    position: relative;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 12px;
    align-content: start;
    min-height: 150px;
    padding: 22px 50px 22px 18px;
    color: var(--navy);
    background: var(--white);
    transition: color .2s var(--ease), background-color .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease);
}

.solution-entry:hover,
.solution-entry:focus-visible {
    z-index: 2;
    color: var(--navy);
    background: #edf5ff;
    box-shadow: inset 0 -4px 0 var(--blue);
    transform: translateY(-2px);
}

.solution-number {
    align-self: start;
    padding-top: 4px;
    color: var(--orange-text);
    font-size: 11px;
    font-weight: 800;
}

.solution-copy {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.solution-copy small {
    color: var(--blue);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.solution-copy h3 {
    color: var(--navy);
    font-size: clamp(1.1rem, 1.7vw, 1.35rem);
    letter-spacing: -.025em;
    line-height: 1.2;
}

.solution-copy em {
    color: var(--muted);
    font-size: 13px;
    font-style: normal;
    line-height: 1.5;
}

.solution-arrow {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    color: var(--blue);
    border: 1px solid var(--blue);
    font-size: 14px;
    transition: color .2s var(--ease), background-color .2s var(--ease);
}

.solution-entry:hover .solution-arrow,
.solution-entry:focus-visible .solution-arrow {
    color: var(--white);
    background: var(--blue);
}

.filter-empty {
    grid-column: 1 / -1;
    padding-block: 24px;
    color: var(--muted);
}

.solution-preview {
    position: sticky;
    top: calc(var(--header-height) + 16px);
    grid-column: 2;
    grid-row: 1;
    z-index: 2;
    display: block;
    min-width: 0;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    height: min(72vh, 620px);
    min-height: 420px;
    background: var(--navy);
}

.solution-preview::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(7, 20, 47, .9) 0%, rgba(7, 20, 47, .38) 62%, rgba(7, 20, 47, .12) 100%);
    pointer-events: none;
}

.solution-preview img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    opacity: 1;
    transition: opacity .18s var(--ease), transform .5s var(--ease);
}

.solution-preview.is-changing img {
    opacity: .72;
    transform: scale(1.015);
}

.solution-preview figcaption {
    position: absolute;
    z-index: 1;
    bottom: clamp(24px, 4vw, 48px);
    left: clamp(22px, 4vw, 52px);
    max-width: 560px;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    color: var(--white);
}

.solution-preview figcaption span {
    min-height: 40px;
    display: grid;
    place-items: center;
    color: var(--navy);
    background: var(--orange-light);
    font-size: 12px;
    font-weight: 800;
}

.solution-preview figcaption strong {
    font-size: clamp(1.5rem, 3vw, 2.8rem);
    letter-spacing: -.035em;
    line-height: 1.05;
    text-wrap: balance;
}

.segments-section {
    position: relative;
    min-height: 760px;
    display: grid;
    align-items: center;
    overflow: hidden;
    isolation: isolate;
    color: var(--white);
    background: var(--navy);
}

.segments-picture,
.segments-picture img,
.segments-shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.segments-picture {
    z-index: -3;
}

.segments-picture img {
    object-fit: cover;
    object-position: center;
}

.segments-shade {
    z-index: -2;
    background: linear-gradient(90deg, rgba(7, 20, 47, .1) 0%, rgba(7, 20, 47, .3) 30%, rgba(7, 20, 47, .87) 72%, rgba(7, 20, 47, .97) 100%);
}

.segments-content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-block: 100px;
}

.segments-content > * {
    width: min(100%, 700px);
    margin-left: auto;
}

.section-tag-light {
    color: var(--orange-light);
}

.segments-content h2 {
    max-width: 700px;
    margin-bottom: 46px;
    color: var(--white);
}

.segment-links {
    max-width: 650px;
    border-top: 1px solid rgba(255, 255, 255, .28);
}

.segment-links a {
    display: grid;
    grid-template-columns: minmax(150px, .75fr) minmax(150px, 1fr) 28px;
    gap: 18px;
    align-items: center;
    min-height: 66px;
    padding-block: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .28);
}

.segment-links h3 {
    color: var(--white);
    font-size: 15px;
}

.segment-links span {
    color: rgba(255, 255, 255, .7);
    font-size: 12px;
}

.segment-links b {
    color: var(--orange-light);
}

.segment-links a:hover h3,
.segment-links a:focus-visible h3 {
    color: var(--orange-light);
}

.flow-section {
    background: var(--white);
}

.flow-heading {
    max-width: 900px;
    margin-bottom: 56px;
}

.flow-heading h2 {
    margin-bottom: 0;
}

.flow-track {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 2px solid var(--navy);
}

.flow-track article {
    min-width: 0;
    padding: 28px 24px 0;
}

.flow-track article + article {
    border-left: 1px solid var(--line);
}

.flow-track article > span {
    display: block;
    margin-bottom: 28px;
    color: var(--orange-text);
    font-size: 12px;
    font-weight: 800;
}

.flow-track h3 {
    display: block;
    margin-bottom: 9px;
    color: var(--navy);
    font-size: 17px;
}

.flow-track p {
    margin-bottom: 0;
    color: var(--muted);
    font-size: 13px;
}

.news-section {
    padding-block: clamp(48px, 6vw, 82px);
    background: var(--navy);
}

.news-layout {
    position: relative;
    display: block;
    min-height: 620px;
}

.news-feature {
    position: relative;
    isolation: isolate;
    display: grid;
    align-items: end;
    min-height: 620px;
    min-width: 0;
    overflow: hidden;
    color: var(--white);
    background: var(--navy);
}

.news-feature::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(0deg, rgba(7, 20, 47, .98) 0%, rgba(7, 20, 47, .78) 36%, rgba(7, 20, 47, .12) 78%);
}

.news-feature picture,
.news-feature img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.news-feature img {
    object-fit: cover;
    z-index: -2;
}

.news-feature > div {
    position: relative;
    z-index: 1;
    max-width: 58%;
    padding: clamp(22px, 4vw, 44px);
}

.news-feature > div > span {
    display: block;
    margin-bottom: 16px;
    color: var(--orange-light);
    font-size: 11px;
    font-weight: 800;
}

.news-feature h2 {
    margin-bottom: 12px;
    color: var(--white);
    font-size: clamp(2.1rem, 4vw, 3.9rem);
}

.news-feature p {
    max-width: 58ch;
    margin-bottom: 16px;
    color: rgba(255, 255, 255, .9);
}

.news-feature a {
    display: inline-flex;
    margin-top: 2px;
    color: var(--orange-light);
    font-size: 13px;
    font-weight: 800;
}

.news-feature a:hover,
.news-feature a:focus-visible {
    color: var(--orange-text);
}

.news-list {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: min(44%, 540px);
    height: 100%;
    padding-inline: 24px;
    background: rgba(7, 20, 47, .62);
    border-top: 1px solid rgba(255, 255, 255, .25);
}

.news-list a {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) 26px;
    gap: 18px;
    align-items: center;
    min-height: 106px;
    padding: 18px 0;
    color: var(--white);
    border-bottom: 1px solid rgba(255, 255, 255, .25);
}

.news-list span {
    color: var(--orange-light);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.news-list h3 {
    color: var(--white);
    font-size: 15px;
    line-height: 1.4;
}

.news-list b {
    color: var(--orange-light);
}

.news-list a:hover h3,
.news-list a:focus-visible h3 {
    color: var(--orange-light);
}

.proof-section {
    padding-block: clamp(84px, 9vw, 130px);
    background: var(--surface);
}

.proof-layout {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: clamp(44px, 8vw, 120px);
    align-items: start;
}

.proof-layout h2 {
    max-width: 560px;
    margin-bottom: 0;
    font-size: clamp(2.3rem, 4.2vw, 4rem);
}

.proof-quotes {
    border-top: 1px solid var(--line);
}

.proof-quotes figure {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    margin: 0;
    padding-block: 22px;
    border-bottom: 1px solid var(--line);
}

.proof-quotes figure > div {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: var(--white);
    background: var(--blue);
    font-size: 11px;
    font-weight: 800;
}

.proof-quotes blockquote {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    font-style: italic;
}

.contact-section {
    padding-block: clamp(80px, 9vw, 124px);
    color: var(--white);
    background: var(--blue);
}

.contact-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    gap: clamp(40px, 8vw, 120px);
    align-items: end;
}

.contact-layout > div:first-child > span {
    display: block;
    margin-bottom: 16px;
    color: #ffe0bd;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.contact-layout h2 {
    max-width: 780px;
    margin-bottom: 0;
    color: var(--white);
}

.contact-layout p {
    max-width: 470px;
    color: rgba(255, 255, 255, .85);
}

.site-footer {
    color: rgba(255, 255, 255, .74);
    background: var(--navy);
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.3fr .7fr 1fr;
    gap: 40px;
    padding-top: 52px;
    padding-bottom: 36px;
}

.footer-brand {
    display: inline-block;
}

.footer-brand img {
    width: 180px;
    height: auto;
    filter: brightness(0) invert(1);
    opacity: .96;
}

.footer-grid p {
    max-width: 300px;
    margin: 16px 0 0;
    font-size: 13px;
}

.footer-links,
.footer-legal {
    display: grid;
    align-content: start;
    gap: 10px;
    font-size: 13px;
}

.footer-links a:hover,
.footer-links a:focus-visible {
    color: var(--orange-light);
}

.footer-legal {
    justify-items: end;
    color: rgba(255, 255, 255, .5);
    text-align: right;
    font-size: 12px;
}

/* Páginas dos módulos */
.module-page .header-inner {
    width: min(calc(100% - 48px), var(--container));
}

.module-hero {
    position: relative;
    min-height: min(760px, max(620px, calc(100svh - var(--header-height))));
    display: grid;
    overflow: hidden;
    isolation: isolate;
    color: var(--white);
    background: var(--navy);
}

.module-hero-grid {
    position: relative;
    width: 100%;
    max-width: none;
    min-height: min(760px, max(620px, calc(100svh - var(--header-height))));
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    margin: 0;
}

.module-hero-grid.container {
    width: 100%;
}

.module-hero-copy {
    position: relative;
    z-index: 2;
    min-width: 0;
    min-height: min(760px, max(620px, calc(100svh - var(--header-height))));
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 56px max(24px, calc((100vw - var(--container)) / 2)) 48px;
}

.module-hero-copy h1 {
    max-width: 840px;
    margin-bottom: 24px;
    color: var(--white);
    font-size: clamp(3rem, 5.8vw, 5.8rem);
    letter-spacing: -.04em;
    overflow-wrap: anywhere;
}

.module-hero .eyebrow,
.module-hero h1 em,
.module-news h2 em {
    color: var(--orange-light);
}

.module-hero-copy > p:not(.eyebrow) {
    max-width: 610px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, .82);
    font-size: 17px;
}

.module-hero-copy .button {
    align-self: flex-start;
    margin-top: 24px;
}

.module-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    color: rgba(255, 255, 255, .62);
    font-size: 12px;
}

.module-breadcrumb a:hover,
.module-breadcrumb a:focus-visible {
    color: var(--orange-light);
}

.module-hero-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
}

.module-hero-media picture,
.module-hero-media img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.module-hero-media img {
    object-fit: cover;
    object-position: 58% center;
}

.module-hero-media::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, var(--hero-tone-strong) 0%, var(--hero-tone-deep) 34%, var(--hero-tone-mid) 62%, var(--hero-tone-soft) 100%),
        linear-gradient(0deg, var(--hero-tone-bottom), transparent 45%);
    pointer-events: none;
}

/* Cada módulo mantém a mesma assinatura, mas recebe uma direção visual própria. */
.module-hero {
    --hero-accent: var(--orange-light);
    --hero-position: 58% center;
    --hero-tone-strong: rgba(7, 20, 47, .97);
    --hero-tone-deep: rgba(7, 20, 47, .93);
    --hero-tone-mid: rgba(7, 20, 47, .72);
    --hero-tone-soft: rgba(7, 20, 47, .55);
    --hero-tone-bottom: rgba(7, 20, 47, .55);
}

.module-hero .eyebrow,
.module-hero h1 em {
    color: var(--hero-accent);
}

.module-hero-media img {
    object-position: var(--hero-position);
}

.module-page:has(a[aria-current="page"][href="webfinan-financeiro.html"]) .module-hero {
    --hero-accent: var(--orange-light);
    --hero-position: 64% center;
    --hero-tone-strong: rgba(5, 30, 63, .98);
    --hero-tone-deep: rgba(7, 57, 91, .92);
    --hero-tone-mid: rgba(10, 105, 132, .68);
    --hero-tone-soft: rgba(13, 137, 157, .45);
    --hero-tone-bottom: rgba(4, 28, 63, .65);
}

.module-page:has(a[aria-current="page"][href="vendas-pdv-estoque.html"]) .module-hero {
    --hero-accent: #8ecbff;
    --hero-position: 54% center;
    --hero-tone-strong: rgba(4, 24, 67, .98);
    --hero-tone-deep: rgba(9, 62, 125, .92);
    --hero-tone-mid: rgba(18, 113, 177, .66);
    --hero-tone-soft: rgba(48, 149, 201, .43);
    --hero-tone-bottom: rgba(3, 22, 61, .65);
}

.module-page:has(a[aria-current="page"][href="fiscal.html"]) .module-hero {
    --hero-accent: #ffe0bd;
    --hero-position: 70% center;
    --hero-tone-strong: rgba(39, 18, 42, .98);
    --hero-tone-deep: rgba(92, 42, 58, .91);
    --hero-tone-mid: rgba(145, 69, 58, .63);
    --hero-tone-soft: rgba(194, 100, 58, .4);
    --hero-tone-bottom: rgba(31, 16, 40, .68);
}

.module-page:has(a[aria-current="page"][href="crm-conversacional.html"]) .module-hero {
    --hero-accent: #8ecbff;
    --hero-position: 48% center;
    --hero-tone-strong: rgba(17, 20, 67, .98);
    --hero-tone-deep: rgba(49, 42, 119, .91);
    --hero-tone-mid: rgba(79, 67, 153, .62);
    --hero-tone-soft: rgba(112, 103, 190, .4);
    --hero-tone-bottom: rgba(12, 16, 58, .66);
}

.module-page:has(a[aria-current="page"][href="whatsapp-fluxhub-automacao.html"]) .module-hero {
    --hero-accent: #74d5ff;
    --hero-position: 62% center;
    --hero-tone-strong: rgba(3, 39, 44, .98);
    --hero-tone-deep: rgba(5, 87, 85, .91);
    --hero-tone-mid: rgba(8, 136, 111, .62);
    --hero-tone-soft: rgba(45, 174, 138, .4);
    --hero-tone-bottom: rgba(2, 35, 40, .67);
}

.module-page:has(a[aria-current="page"][href="ia-dados-relatorios.html"]) .module-hero {
    --hero-accent: #b5a9ff;
    --hero-position: 56% center;
    --hero-tone-strong: rgba(23, 13, 62, .98);
    --hero-tone-deep: rgba(60, 30, 116, .92);
    --hero-tone-mid: rgba(103, 63, 166, .63);
    --hero-tone-soft: rgba(145, 104, 204, .4);
    --hero-tone-bottom: rgba(19, 11, 54, .67);
}

.module-page:has(a[aria-current="page"][href="loja-virtual-delivery.html"]) .module-hero {
    --hero-accent: var(--orange);
    --hero-position: 52% center;
    --hero-tone-strong: rgba(52, 24, 9, .98);
    --hero-tone-deep: rgba(113, 50, 18, .91);
    --hero-tone-mid: rgba(171, 78, 25, .62);
    --hero-tone-soft: rgba(225, 127, 38, .4);
    --hero-tone-bottom: rgba(44, 20, 9, .68);
}

.module-page:has(a[aria-current="page"][href="food-service.html"]) .module-hero {
    --hero-accent: #ffbf72;
    --hero-position: 66% center;
    --hero-tone-strong: rgba(56, 16, 24, .98);
    --hero-tone-deep: rgba(111, 38, 35, .91);
    --hero-tone-mid: rgba(166, 73, 40, .62);
    --hero-tone-soft: rgba(213, 124, 45, .4);
    --hero-tone-bottom: rgba(48, 15, 23, .68);
}

.module-page:has(a[aria-current="page"][href="gestao-projetos.html"]) .module-hero {
    --hero-accent: #8ecbff;
    --hero-position: 58% center;
    --hero-tone-strong: rgba(8, 28, 60, .98);
    --hero-tone-deep: rgba(22, 73, 117, .92);
    --hero-tone-mid: rgba(44, 113, 149, .63);
    --hero-tone-soft: rgba(80, 153, 181, .4);
    --hero-tone-bottom: rgba(7, 25, 54, .67);
}

.module-page:has(a[aria-current="page"][href="clinica-agenda.html"]) .module-hero {
    --hero-accent: #a8e6d4;
    --hero-position: 46% center;
    --hero-tone-strong: rgba(7, 40, 43, .98);
    --hero-tone-deep: rgba(18, 88, 84, .91);
    --hero-tone-mid: rgba(47, 137, 119, .62);
    --hero-tone-soft: rgba(103, 182, 148, .4);
    --hero-tone-bottom: rgba(5, 35, 39, .67);
}

.module-page:has(a[aria-current="page"][href="ordem-servico.html"]) .module-hero {
    --hero-accent: #ffd48a;
    --hero-position: 62% center;
    --hero-tone-strong: rgba(47, 28, 8, .98);
    --hero-tone-deep: rgba(108, 68, 18, .91);
    --hero-tone-mid: rgba(166, 108, 24, .62);
    --hero-tone-soft: rgba(222, 157, 45, .4);
    --hero-tone-bottom: rgba(40, 24, 8, .68);
}

.module-page:has(a[aria-current="page"][href="wahub-marketplaces.html"]) .module-hero {
    --hero-accent: #d7e0ff;
    --hero-position: 58% center;
    --hero-tone-strong: rgba(10, 22, 61, .98);
    --hero-tone-deep: rgba(29, 59, 120, .91);
    --hero-tone-mid: rgba(29, 59, 120, .84);
    --hero-tone-soft: rgba(29, 59, 120, .78);
    --hero-tone-bottom: rgba(8, 19, 54, .67);
}

/* Vendas e Loja: o copy ocupa o lado oposto da fotografia somente no desktop. */
@media (min-width: 901px) {
    .module-page:has(a[aria-current="page"][href="vendas-pdv-estoque.html"]) .module-hero-copy,
    .module-page:has(a[aria-current="page"][href="loja-virtual-delivery.html"]) .module-hero-copy {
        padding-left: 52vw;
        padding-right: max(24px, calc((100vw - var(--container)) / 2));
    }

    .module-page:has(a[aria-current="page"][href="vendas-pdv-estoque.html"]) .module-hero-media::after,
    .module-page:has(a[aria-current="page"][href="loja-virtual-delivery.html"]) .module-hero-media::after {
        background:
            linear-gradient(270deg, var(--hero-tone-strong) 0%, var(--hero-tone-deep) 34%, var(--hero-tone-mid) 62%, var(--hero-tone-soft) 100%),
            linear-gradient(0deg, var(--hero-tone-bottom), transparent 45%);
    }
}

.module-section {
    padding-block: clamp(78px, 9vw, 128px);
    background: var(--white);
}

.module-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
    gap: clamp(40px, 8vw, 120px);
    align-items: start;
}

.module-intro-grid h2 {
    margin-bottom: 0;
    font-size: clamp(2.2rem, 4.2vw, 4.1rem);
}

.module-intro-grid > div:last-child > p {
    max-width: 760px;
    color: var(--muted);
    font-size: 17px;
}

.module-points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 30px;
    margin-top: 44px;
    border-top: 1px solid var(--line);
}

.module-point {
    min-width: 0;
    padding: 22px 0 24px;
    border-bottom: 1px solid var(--line);
}

.module-point h3 {
    margin-bottom: 8px;
    color: var(--navy);
    font-size: 19px;
}

.module-point p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

.module-specs {
    background: var(--surface);
}

.specs-heading {
    max-width: 780px;
    margin-bottom: 42px;
}

.specs-heading h2 {
    margin-bottom: 18px;
}

.specs-heading p {
    color: var(--muted);
}

.specs-list {
    max-width: 100%;
    border-top: 1px solid #c7d2df;
}

.specs-list details {
    border-bottom: 1px solid #c7d2df;
}

.specs-list summary {
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-block: 17px;
    color: var(--navy);
    font-size: 18px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.specs-list summary::-webkit-details-marker {
    display: none;
}

.specs-list summary::after {
    content: '+' / '';
    flex: 0 0 auto;
    color: var(--orange);
    font-size: 26px;
    font-weight: 400;
}

.specs-list details[open] summary::after {
    content: '−' / '';
}

.specs-list details > div {
    padding: 0 0 26px;
    color: var(--muted);
    font-size: 14px;
}

.specs-list ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px 34px;
    margin: 0;
    padding-left: 20px;
}

.specs-list li {
    min-width: 0;
    overflow-wrap: anywhere;
}

.specs-list li::marker {
    color: var(--orange);
}

.module-audience {
    padding-block: 30px;
    background: var(--surface);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.module-audience-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.module-audience-inner > span {
    flex: 0 0 auto;
    color: var(--orange-text);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.module-audience ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px 26px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.module-audience li {
    color: var(--navy);
    font-size: 14px;
    font-weight: 700;
}

.module-audience li::before {
    content: '—' / '';
    margin-right: 8px;
    color: var(--blue);
}

.module-news {
    color: var(--white);
    background: var(--navy);
}

.module-news-grid {
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
    gap: clamp(40px, 8vw, 110px);
    align-items: start;
}

.module-news-grid > * {
    min-width: 0;
}

.module-news h2 {
    margin-bottom: 20px;
    color: var(--white);
    overflow-wrap: anywhere;
}

.module-news p {
    color: rgba(255, 255, 255, .76);
}

.module-news .section-kicker {
    color: var(--orange-light);
}

.module-news-card {
    padding: clamp(26px, 4vw, 44px);
    border-top: 3px solid var(--orange);
    background: rgba(255, 255, 255, .06);
}

.module-news-card p {
    margin-bottom: 0;
    font-size: 14px;
}

.module-note {
    margin-top: 18px !important;
    color: rgba(255, 255, 255, .62) !important;
    font-size: 13px !important;
}

.module-faq {
    background: var(--white);
}

.module-faq-grid {
    display: grid;
    grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
    gap: clamp(40px, 8vw, 110px);
}

.module-faq-grid h2 {
    margin-bottom: 0;
}

.faq-list {
    border-top: 1px solid var(--line);
}

.faq-list details {
    border-bottom: 1px solid var(--line);
}

.faq-list summary {
    min-height: 60px;
    padding-block: 16px;
    color: var(--navy);
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
}

.faq-list p {
    margin: 0 0 20px;
    color: var(--muted);
    font-size: 14px;
}

.module-cta {
    color: var(--white);
    background: var(--blue);
}

.module-cta-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    gap: clamp(40px, 8vw, 120px);
    align-items: end;
}

.module-cta h2 {
    margin-bottom: 0;
    color: var(--white);
    font-size: clamp(2.4rem, 4.8vw, 4.8rem);
    overflow-wrap: anywhere;
}

.module-cta h2 em {
    color: #ffe0bd;
}

.module-cta .section-kicker {
    color: #ffeeda;
}

.module-cta-inner > div:last-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.module-cta p {
    max-width: 470px;
    margin: 0 0 24px;
    color: var(--white);
}

.module-footer {
    margin-top: 0;
}

.reveal {
    opacity: 1;
    transform: none;
}

@media (max-width: 1050px) {
    .site-nav {
        gap: 16px;
        font-size: 12px;
    }

    .nav-solutions-panel {
        position: fixed;
        top: var(--header-height);
        right: max(24px, calc((100vw - 780px) / 2));
        left: max(24px, calc((100vw - 780px) / 2));
        width: auto;
    }

    .solution-directory {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(280px, 40vw) auto;
    }

    .solution-list {
        grid-column: 1;
        grid-row: 2;
    }

    .solution-preview {
        display: block;
        position: relative;
        top: auto;
        z-index: auto;
        grid-column: 1;
        grid-row: 1;
        height: auto;
        min-height: 0;
    }

    .flow-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .flow-track article:nth-child(3) {
        border-left: 0;
    }

    .flow-track article:nth-child(n + 3) {
        margin-top: 36px;
        border-top: 1px solid var(--line);
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .footer-legal {
        justify-items: start;
        text-align: left;
    }
}

@media (max-width: 900px) {
    :root {
        --header-height: 68px;
    }

    .whatsapp-float {
        display: grid;
    }

    .container,
    .header-inner,
    .module-page .header-inner,
    .brand-window-copy {
        width: auto;
        margin-left: max(18px, env(safe-area-inset-left));
        margin-right: max(18px, env(safe-area-inset-right));
    }

    .header-inner {
        min-height: var(--header-height);
    }

    .module-hero-grid.container {
        width: 100%;
        margin: 0;
    }

    .brand-mark img {
        width: 166px;
    }

    .menu-toggle {
        display: block;
    }

    .site-nav {
        position: fixed;
        top: var(--header-height);
        bottom: 0;
        left: 0;
        right: 0;
        max-height: none;
        overflow-y: auto;
        overscroll-behavior: contain;
        display: flex;
        align-items: stretch;
        flex-direction: column;
        gap: 0;
        padding: 10px max(18px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
        color: var(--ink);
        background: var(--white);
        border-bottom: 0;
        box-shadow: none;
    }

    .js-ready .site-nav {
        display: none;
    }

    .js-ready .site-nav[data-open="true"] {
        display: flex;
    }

    body.menu-open {
        overflow: hidden;
    }

    .site-nav > a {
        padding: 12px 0;
    }

    .site-nav .nav-cta {
        margin-top: 8px;
    }

    .nav-solutions {
        position: static;
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
    }

    .nav-solutions > summary {
        min-height: 48px;
        justify-content: space-between;
    }

    .nav-solutions-panel {
        position: static;
        width: auto;
        padding: 0 0 16px;
        border: 0;
        box-shadow: none;
    }

    .nav-solutions-panel::before,
    .nav-solutions-panel > p {
        display: none;
    }

    .nav-solutions-panel > div {
        grid-template-columns: 1fr;
    }

    .nav-solutions-panel > div a,
    .nav-solutions-panel > div a:nth-child(odd) {
        min-height: 44px;
        padding-inline: 8px;
        border-right: 0;
    }

    .nav-all-solutions {
        min-height: 44px;
        padding-inline: 8px;
    }

    .hero,
    .hero-content {
        min-height: min(760px, calc(100svh - var(--header-height)));
    }

    .hero-picture img {
        object-position: 66% center;
    }

    .hero-shade {
        background:
            linear-gradient(90deg, rgba(7, 20, 47, .97) 0%, rgba(7, 20, 47, .92) 56%, rgba(7, 20, 47, .82) 100%),
            linear-gradient(0deg, rgba(7, 20, 47, .78), transparent 55%);
    }

    .hero-content {
        justify-content: end;
        padding-top: 72px;
        padding-bottom: 48px;
    }

    .hero h1 {
        font-size: clamp(3rem, 10vw, 5rem);
        letter-spacing: -.035em;
    }

    .about-layout,
    .solutions-heading,
    .proof-layout,
    .contact-layout,
    .module-intro-grid,
    .module-news-grid,
    .module-faq-grid,
    .module-cta-inner {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .commitments {
        grid-template-columns: 1fr;
        margin-top: 48px;
    }

    .commitments p {
        min-height: auto;
        padding-inline: 0;
    }

    .commitments p + p {
        border-left: 0;
        border-top: 1px solid var(--line);
    }

    .solution-directory {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(250px, 48vw) auto;
    }

    .solution-list {
        grid-column: 1;
        grid-row: 2;
    }

    .filter-panel {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .filter-bar {
        justify-content: flex-start;
    }

    .filter-status {
        grid-column: 1;
        text-align: left;
    }

    .solution-preview {
        display: block;
        position: relative;
        top: auto;
        z-index: auto;
        grid-column: 1;
        grid-row: 1;
        height: auto;
        min-height: 0;
    }

    .solution-entry {
        min-height: 92px;
    }

    .segments-section {
        min-height: 640px;
    }

    .segments-shade {
        background: linear-gradient(90deg, rgba(7, 20, 47, .96), rgba(7, 20, 47, .58));
    }

    .segments-content {
        align-items: flex-start;
    }

    .segments-content > * {
        width: 100%;
        margin-left: 0;
    }

    .news-layout {
        display: grid;
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .news-feature > div {
        max-width: 100%;
    }

    .news-list {
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        height: auto;
        margin-top: 10px;
        padding-inline: 0;
        background: transparent;
    }

    .module-hero,
    .module-hero-grid,
    .module-hero-copy {
        min-height: min(700px, max(560px, calc(100svh - var(--header-height))));
    }

    .module-hero-grid {
        position: relative;
        grid-template-columns: 1fr;
    }

    .module-hero-copy {
        position: relative;
        z-index: 2;
        padding: 44px max(18px, env(safe-area-inset-right)) 38px max(18px, env(safe-area-inset-left));
        background: transparent;
    }

    .module-hero-copy h1 {
        font-size: clamp(2.8rem, 10vw, 5rem);
    }

    .module-hero-media,
    .module-hero-media img {
        min-height: 100%;
    }

    .module-hero-media {
        position: absolute;
        inset: 0;
        z-index: 0;
        height: 100%;
    }

    .module-hero-media::after {
        background:
            linear-gradient(90deg, var(--hero-tone-strong) 0%, var(--hero-tone-deep) 56%, var(--hero-tone-mid) 100%),
            linear-gradient(0deg, var(--hero-tone-bottom), transparent 55%);
    }

    .module-hero-media img {
        object-position: 66% center;
    }

    .module-points {
        margin-top: 34px;
    }

    .footer-grid {
        padding-bottom: max(36px, env(safe-area-inset-bottom));
    }
}

@media (max-width: 560px) {
    .container,
    .header-inner,
    .module-page .header-inner,
    .brand-window-copy {
        width: auto;
        margin-left: max(16px, env(safe-area-inset-left));
        margin-right: max(16px, env(safe-area-inset-right));
    }

    .module-hero-grid.container {
        width: 100%;
        margin: 0;
    }

    .section {
        padding-block: 64px;
    }

    h2 {
        font-size: clamp(2rem, 10vw, 2.75rem);
        letter-spacing: -.03em;
    }

    .hero,
    .hero-content {
        min-height: min(620px, max(520px, calc(100svh - var(--header-height))));
    }

    .hero-content {
        justify-content: flex-start;
        padding-top: 28px;
        padding-bottom: 30px;
    }

    .hero-context {
        margin-bottom: 12px;
    }

    .hero h1 {
        margin-bottom: 20px;
        font-size: clamp(2.6rem, 13vw, 3rem);
    }

    .hero-lead {
        margin-bottom: 24px;
        font-size: 1rem;
        line-height: 1.55;
    }

    .hero-actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    .hero-actions .button {
        width: 100%;
    }

    .hero-footnote {
        margin-top: 22px;
        font-size: 12px;
    }

    .about-layout {
        gap: 28px;
    }

    .about-copy .lead {
        font-size: 1.05rem;
    }

    .commitments {
        margin-top: 38px;
    }

    .commitments p {
        gap: 4px;
        padding-block: 18px;
    }

    .brand-window {
        min-height: 320px;
    }

    .brand-window-copy {
        padding-bottom: 42px;
    }

    .brand-window-copy p {
        font-size: clamp(1.6rem, 8vw, 2.2rem);
    }

    .solutions-heading {
        gap: 22px;
        margin-bottom: 28px;
    }

    .solutions-heading > p {
        margin-bottom: 0;
    }

    .filter-bar {
        flex-wrap: wrap;
        gap: 8px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding-bottom: 0;
        overflow: visible;
    }

    .filter-bar::-webkit-scrollbar {
        display: none;
    }

    .filter-button {
        min-height: 44px;
    }

    .filter-panel {
        gap: 16px;
        padding: 18px;
    }

    .solution-list {
        grid-template-columns: 1fr;
    }

    .solution-entry {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 10px;
        min-height: 118px;
        padding: 18px 46px 18px 14px;
    }

    .solution-entry:hover,
    .solution-entry:focus-visible {
        padding-inline: 14px 46px;
    }

    .solution-copy em {
        display: none;
    }

    .solution-copy h3 {
        font-size: 1rem;
    }

    .solution-arrow {
        width: 32px;
        height: 32px;
    }

    .segments-content {
        padding-block: 64px;
    }

    .segments-section {
        min-height: 600px;
    }

    .segment-links a {
        grid-template-columns: minmax(0, 1fr) 28px;
        gap: 8px;
        min-height: 74px;
    }

    .segment-links span {
        grid-column: 1;
    }

    .segment-links b {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .flow-track {
        display: flex;
        gap: 12px;
        margin-right: 0;
        padding-bottom: 10px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        border-top-width: 1px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .flow-track::-webkit-scrollbar {
        display: none;
    }

    .flow-track article,
    .flow-track article:nth-child(3),
    .flow-track article:nth-child(n + 3) {
        min-width: 0;
        flex: 0 0 min(82vw, 300px);
        margin: 0;
        padding: 22px 18px;
        border: 1px solid var(--line);
        scroll-snap-align: start;
    }

    .flow-track article > span {
        margin-bottom: 12px;
    }

    .flow-heading {
        margin-bottom: 34px;
    }

    .news-feature img {
        min-height: 0;
        aspect-ratio: 4 / 3;
    }

    .news-feature {
        min-height: 520px;
    }

    .news-feature > div {
        padding: 26px 22px 30px;
    }

    .news-list a {
        grid-template-columns: 58px minmax(0, 1fr) 22px;
        gap: 10px;
        min-height: 84px;
    }

    .proof-quotes figure {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 14px;
        padding-block: 18px;
    }

    .proof-quotes figure > div {
        width: 40px;
        height: 40px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .module-hero-copy {
        min-height: min(660px, max(520px, calc(100svh - var(--header-height))));
        padding: 34px max(16px, env(safe-area-inset-right)) 30px max(16px, env(safe-area-inset-left));
    }

    .module-hero-grid {
        min-height: min(660px, max(520px, calc(100svh - var(--header-height))));
    }

    .module-hero-copy h1 {
        margin-bottom: 18px;
        font-size: clamp(2.35rem, 12vw, 3rem);
    }

    .module-hero-copy > p:not(.eyebrow) {
        font-size: 15px;
        line-height: 1.55;
    }

    .module-hero-copy .button {
        width: 100%;
        margin-top: 22px;
    }

    .module-section {
        padding-block: 64px;
    }

    .module-intro-grid,
    .module-news-grid,
    .module-faq-grid,
    .module-cta-inner {
        gap: 28px;
    }

    .module-points,
    .specs-list ul {
        grid-template-columns: 1fr;
    }

    .module-points {
        margin-top: 26px;
    }

    .module-point {
        padding-block: 18px;
        border-bottom: 1px solid var(--line);
    }

    .specs-heading {
        margin-bottom: 28px;
    }

    .specs-list summary {
        min-height: 60px;
        padding-block: 14px;
        font-size: 16px;
    }

    .module-news-card {
        padding: 24px 20px;
    }

    .module-audience-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }

    .module-audience ul {
        display: grid;
        justify-content: start;
        gap: 8px;
    }

    .module-point:nth-child(odd):not(:last-child) {
        border-bottom-color: var(--line);
    }

    .module-cta-inner .button {
        width: 100%;
    }

    .contact-layout,
    .proof-layout {
        gap: 28px;
    }
}

@media (max-width: 560px) and (max-height: 650px) {
    .hero,
    .hero-content {
        min-height: calc(100svh - var(--header-height));
    }

    .hero-content {
        justify-content: flex-start;
        padding-top: 24px;
        padding-bottom: 26px;
    }

    .hero-context {
        margin-bottom: 8px;
        font-size: 9px;
    }

    .hero h1 {
        margin-bottom: 14px;
        font-size: clamp(2.3rem, 12vw, 2.65rem);
        line-height: 1;
    }

    .hero-lead {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 1.45;
    }

    .hero-actions .button-ghost,
    .hero-footnote {
        display: none;
    }

    .module-hero,
    .module-hero-grid,
    .module-hero-copy {
        min-height: calc(100svh - var(--header-height));
    }

    .module-hero-copy {
        justify-content: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .module-breadcrumb {
        margin-bottom: 16px;
    }

    .module-hero .eyebrow {
        margin-bottom: 10px;
        font-size: 9px;
    }

    .module-hero-copy h1 {
        margin-bottom: 14px;
        font-size: clamp(2.2rem, 11vw, 2.55rem);
    }

    .module-hero-copy > p:not(.eyebrow) {
        font-size: 14px;
        line-height: 1.45;
    }

    .module-hero-copy .button {
        margin-top: 16px;
    }
}

@media (max-width: 900px) and (max-height: 520px) and (orientation: landscape) {
    :root {
        --header-height: 60px;
    }

    .brand-mark img {
        width: 148px;
    }

    .hero,
    .hero-content {
        min-height: calc(100svh - var(--header-height));
    }

    .hero-content {
        justify-content: center;
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .hero h1 {
        max-width: 650px;
        margin-bottom: 14px;
        font-size: clamp(2.5rem, 7vw, 3.4rem);
    }

    .hero-lead {
        max-width: 620px;
        margin-bottom: 16px;
        font-size: 15px;
        line-height: 1.45;
    }

    .hero-footnote {
        display: none;
    }

    .module-hero,
    .module-hero-grid,
    .module-hero-copy {
        min-height: calc(100svh - var(--header-height));
    }

    .module-hero-copy {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .module-breadcrumb {
        margin-bottom: 8px;
    }

    .module-hero .eyebrow {
        margin-bottom: 8px;
    }

    .module-hero-copy h1 {
        max-width: 780px;
        margin-bottom: 10px;
        font-size: clamp(2.25rem, 5.2vw, 2.75rem);
    }

    .module-hero-copy > p:not(.eyebrow) {
        max-width: 760px;
        font-size: 14px;
        line-height: 1.4;
    }

    .module-hero-copy .button {
        margin-top: 12px;
    }
}

@media (pointer: coarse) {
    .button,
    .filter-button,
    .site-nav a,
    .specs-list summary,
    .faq-list summary {
        min-height: 44px;
    }
}

@media (hover: none) {
    .button:hover,
    .button:focus {
        transform: none;
    }

    .solution-entry:hover {
        color: inherit;
        background: rgba(7, 20, 47, .78);
    }

    .solution-entry:active {
        background: rgba(7, 20, 47, .58);
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }
}

/* Perfis de operação e pré-requisitos das páginas de módulo */
.module-profile {
    min-width: 0;
    padding: clamp(24px, 3vw, 32px);
    background: var(--surface);
    border-top: 3px solid var(--orange);
}

.module-profile span {
    display: block;
    margin-bottom: 14px;
    color: var(--orange-text);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.module-profile h3 {
    margin: 0 0 10px;
    color: var(--navy);
    font-size: 18px;
    line-height: 1.3;
}

.module-profile p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

.module-requirements {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(28px, 4vw, 56px);
    margin-top: 44px;
    padding-top: 40px;
    border-top: 2px solid var(--navy);
}

.module-requirement {
    min-width: 0;
}

.module-requirement h3 {
    margin: 0 0 18px;
    color: var(--navy);
    font-size: 17px;
}

.module-requirement ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.module-requirement li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 20px;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.6;
}

.module-requirement li::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 9px;
    height: 2px;
    background: var(--orange);
}

.module-requirement-note {
    grid-column: 1 / -1;
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: 13px;
}

/* A mesma nota usada fora do grid de pré-requisitos precisa do próprio respiro,
   e o filete só funciona como divisor se atravessar a largura toda */
.module-gallery + .module-requirement-note {
    max-width: 100%;
    margin-top: 30px;
    padding-right: max(0px, calc(100% - 68ch));
    padding-top: 24px;
    font-size: 15px;
}

.module-news-stack {
    display: grid;
    gap: 18px;
}

@media (max-width: 900px) {
    .module-profiles {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .module-requirements {
        grid-template-columns: 1fr;
        gap: 32px;
        padding-top: 32px;
    }

    .module-requirement-note {
        padding-top: 16px;
    }
}

/* Faixa de números e blocos temáticos com imagem (páginas de módulo) */
.module-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background: var(--line);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.module-metric {
    min-width: 0;
    padding: clamp(24px, 3vw, 36px);
    background: var(--white);
}

.module-metric strong {
    display: block;
    margin-bottom: 10px;
    color: var(--navy);
    font-size: clamp(2rem, 3.6vw, 2.9rem);
    font-weight: 800;
    line-height: 1;
}

.module-metric span {
    display: block;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.5;
}

.module-gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(20px, 2.6vw, 34px);
    margin-top: 44px;
}

.module-gallery-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--surface);
}

.module-gallery-card img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.module-gallery-copy {
    padding: clamp(20px, 2.4vw, 30px);
}

.module-gallery-copy span {
    display: block;
    margin-bottom: 10px;
    color: var(--orange-text);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.module-gallery-copy h3,
.module-gallery-copy h4 {
    margin: 0 0 10px;
    font-size: clamp(1.15rem, 1.8vw, 1.5rem);
}

/* A regra global de heading cobre h1-h3; o título do cartão virou h4 e precisa
   herdar o mesmo desenho, senão perde peso, entrelinha e espaçamento de letra */
.module-gallery-copy h4 {
    color: var(--navy);
    font-weight: 800;
    letter-spacing: -.038em;
    line-height: 1.05;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

.module-gallery-copy p {
    margin: 0;
    color: var(--muted);
    font-size: 15px;
}

@media (max-width: 900px) {
    .module-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .module-gallery {
        grid-template-columns: 1fr;
    }
}

/* Hierarquia tipográfica: títulos de seções de apoio abaixo das seções-âncora */
.specs-heading h2 {
    font-size: clamp(1.9rem, 3.1vw, 2.9rem);
}

/* Cadência de espaçamento: seções de apoio respiram menos que as âncoras */
.module-section-tight {
    padding-block: clamp(56px, 6vw, 88px);
}

/* Faixa de números em superfície escura, logo após o hero */
.module-metrics-section {
    padding-block: clamp(48px, 5vw, 76px);
    color: var(--white);
    background: var(--navy);
}

.module-metrics-section .module-metrics {
    margin-top: 0;
    background: rgba(255, 255, 255, .16);
    border-top: 0;
    border-bottom: 0;
}

.module-metrics-section .module-metric {
    background: var(--navy);
}

.module-metrics-section .module-metric strong {
    color: var(--orange-light);
    font-size: clamp(2.8rem, 4.4vw, 4.2rem);
}

.module-metrics-section .module-metric span {
    color: rgba(255, 255, 255, .82);
}

/* Grade de perfis sem célula órfã: 3 na primeira linha, 2 largos na segunda */
.module-profiles {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 20px;
    margin-top: 44px;
}

.module-profile {
    grid-column: span 2;
}

.module-profile:nth-last-child(-n+2):nth-child(n+4) {
    grid-column: span 3;
}

/* Com exatamente 4 perfis, a regra acima deixaria o quarto sozinho ocupando meia
   largura. Nesse caso os quatro passam a ocupar metade: duas linhas de dois. */
.module-profile:first-child:nth-last-child(4),
.module-profile:first-child:nth-last-child(4) ~ .module-profile {
    grid-column: span 3;
}

/* Pré-requisitos em superfície escura, quebrando a sequência clara */
.module-requirements-dark {
    color: var(--white);
    background: var(--navy);
}

.module-requirements-dark .section-kicker {
    color: var(--orange-light);
}

.module-requirements-dark h2,
.module-requirements-dark h3 {
    color: var(--white);
}

.module-requirements-dark h2 em {
    color: var(--orange-light);
}

.module-requirements-dark .specs-heading p,
.module-requirements-dark .module-requirement li,
.module-requirements-dark .module-requirement-note {
    color: rgba(255, 255, 255, .84);
}

.module-requirements-dark .module-requirements {
    border-top-color: rgba(255, 255, 255, .34);
}

.module-requirements-dark .module-requirement-note {
    border-top-color: rgba(255, 255, 255, .22);
}

/* Marcador do FAQ igual ao das especificações */
.faq-list summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    list-style: none;
}

.faq-list summary::-webkit-details-marker {
    display: none;
}

.faq-list summary::after {
    content: '+' / '';
    flex: 0 0 auto;
    color: var(--orange);
    font-size: 26px;
    font-weight: 400;
}

.faq-list details[open] summary::after {
    content: '−' / '';
}

@media (max-width: 900px) {
    .module-profiles {
        grid-template-columns: 1fr;
    }

    .module-profile,
    .module-profile:nth-last-child(-n+2):nth-child(n+4) {
        grid-column: auto;
    }

    /* No celular as três colunas viram cartões, para não virar lista corrida */
}

/* Título do trilho de etapas alinhado à hierarquia das seções de apoio */
.module-page .flow-heading {
    margin-bottom: 40px;
}

.module-page .flow-heading h2 {
    font-size: clamp(1.9rem, 3.1vw, 2.9rem);
}

@media (max-width: 900px) {
    /* Galeria: recorte mais horizontal reduz a rolagem sem perder o assunto */
    .module-gallery-card img {
        aspect-ratio: 2 / 1;
    }

    .module-gallery-copy {
        padding: 20px;
    }

    .module-requirements-dark .module-requirement {
        padding: 18px 20px;
        background: rgba(255, 255, 255, .07);
    }

    .module-requirement h3 {
        margin-bottom: 12px;
    }

    .module-requirement li {
        margin-bottom: 9px;
    }

    .module-profile {
        padding: 22px;
    }

    .module-section-tight {
        padding-block: clamp(44px, 8vw, 64px);
    }
}

@media (max-width: 640px) {
    /* No celular o respiro vertical das seções cede espaço à leitura */
    .module-section {
        padding-block: clamp(48px, 11vw, 68px);
    }

    .module-section-tight {
        padding-block: clamp(40px, 9vw, 56px);
    }
}

/* Títulos dos cartões de evolução sobre superfície escura */
.module-news-card h3 {
    display: block;
    margin: 0 0 12px;
    color: var(--orange-light);
    font-size: clamp(1.1rem, 2vw, 1.4rem);
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

/* Ajustes finos apontados na comparação às cegas */
.module-requirement-note {
    max-width: 72ch;
}

.faq-list p {
    max-width: 62ch;
}

/* Títulos de cartão passaram de <strong> para heading real: mantém o desenho anterior */
.solution-copy h3,
.segment-links h3,
.news-list h3 {
    margin: 0;
    font-weight: 700;
}

.segment-links h3 {
    line-height: 1.65;
}

.flow-track h3 {
    margin: 0 0 9px;
    font-weight: 700;
    line-height: 1.65;
}

.segment-links h3,
.flow-track h3,
.news-list h3 {
    letter-spacing: normal;
}

/* Galeria de fluxo: etapas numeradas do pedido */
.module-gallery-fluxo {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.module-gallery-passo {
    position: absolute;
    box-shadow: 0 0 0 2px var(--white);
    top: 0;
    left: 0;
    z-index: 2;
    min-width: 46px;
    padding: 8px 12px;
    color: var(--white);
    background: var(--navy);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .04em;
    text-align: center;
}

@media (max-width: 1100px) {
    .module-gallery-fluxo {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Dois fluxos na mesma seção: salão e autoatendimento */
.module-fluxo-titulo {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: clamp(40px, 5vw, 64px);
    padding-bottom: 14px;
    border-bottom: 2px solid var(--navy);
}

.module-fluxo-titulo span {
    flex: 0 0 auto;
    padding: 5px 12px;
    color: var(--white);
    background: var(--navy);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.module-fluxo-titulo h3 {
    margin: 0;
    font-size: clamp(1.25rem, 2.2vw, 1.75rem);
}

.module-fluxo-titulo p {
    flex: 1 1 260px;
    min-width: 0;
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

.module-gallery-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 26px;
}

.module-gallery-fluxo {
    margin-top: 26px;
}

.module-gallery-4 .module-gallery-card img,
.module-gallery-fluxo .module-gallery-card img {
    aspect-ratio: 3 / 2;
}

@media (max-width: 767px) {
    /* Os dois cabeçalhos quebram juntos: o h3 do Fluxo B é mais largo e virava sozinho */
    .module-fluxo-titulo p {
        flex: 1 1 100%;
    }
}

@media (max-width: 700px) {
    /* Os dois fluxos colapsam juntos: um em coluna e o outro em duas quebraria a leitura */
    .module-gallery-4,
    .module-gallery-fluxo {
        grid-template-columns: 1fr;
    }

    /* Nos fluxos, a foto fica mais baixa para a sequência não virar rolagem infinita */
    .module-gallery-4 .module-gallery-card img,
    .module-gallery-fluxo .module-gallery-card img {
        aspect-ratio: 3 / 2;
    }

    .module-fluxo-titulo {
        gap: 6px 12px;
    }
}

.wahub-channels-section {
    background: var(--surface);
}

.wahub-channels-heading {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(320px, 1.15fr);
    gap: clamp(32px, 7vw, 96px);
    align-items: end;
    margin-bottom: clamp(34px, 5vw, 56px);
}

.wahub-channels-heading > * {
    min-width: 0;
}

.wahub-channels-heading h2,
.wahub-channels-heading > p {
    margin-bottom: 0;
}

.wahub-channels-heading h2 {
    font-size: clamp(1.9rem, 3.1vw, 2.9rem);
}

.wahub-channels-heading > p {
    max-width: 68ch;
    color: var(--muted);
}

.wahub-channels-panel {
    overflow: hidden;
    background: var(--white);
    border: 1px solid #c7d2df;
    border-radius: 14px;
}

.wahub-channel-group {
    padding: clamp(24px, 4vw, 42px);
}

.wahub-channel-group + .wahub-channel-group {
    border-top: 1px solid #c7d2df;
}

.wahub-channel-group:nth-child(2) {
    background: #f8fafc;
}

.wahub-channel-group:last-child {
    background: #fff8f4;
}

.wahub-channel-group-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.wahub-channel-group-heading h3 {
    margin: 10px 0 0;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
}

.wahub-channel-group-heading > strong {
    color: var(--navy);
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 1;
}

.wahub-channel-state {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 11px;
    color: var(--navy);
    background: #e7f1fc;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.wahub-channel-state::before {
    content: '';
    width: 8px;
    height: 8px;
    background: var(--blue);
    border-radius: 50%;
}

.wahub-channel-state[data-state="conditional"] {
    color: #693500;
    background: #fff0dc;
}

.wahub-channel-state[data-state="conditional"]::before {
    background: #b75b00;
}

.wahub-channel-state[data-state="experimental"] {
    color: #741e2c;
    background: #ffe7eb;
}

.wahub-channel-state[data-state="experimental"]::before {
    background: #b4233b;
}

.wahub-channel-group-note {
    max-width: 78ch;
    margin: 14px 0 24px;
    color: var(--muted);
    font-size: 14px;
}

.wahub-channel-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--line);
    list-style: none;
}

.wahub-channel-list li {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    min-width: 0;
    padding: 18px 14px;
    border-bottom: 1px solid var(--line);
}

.wahub-channel-list li > span:last-child {
    min-width: 0;
}

.wahub-channel-list strong,
.wahub-channel-list small {
    display: block;
}

.wahub-channel-list strong {
    color: var(--navy);
    font-size: 14px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.wahub-channel-list small {
    margin-top: 4px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
}

.wahub-channel-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: var(--white);
    background: var(--navy);
    border-radius: 11px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1;
}

.wahub-channel-mark[data-brand="mercado-livre"] {
    color: #172033;
    background: #ffe600;
}

.wahub-channel-mark[data-brand="shopee"] {
    background: #bd351d;
}

.wahub-channel-mark[data-brand="magalu"] {
    background: #006edb;
}

.wahub-channel-mark[data-brand="skyhub"] {
    background: #174fd6;
}

.wahub-channel-mark[data-brand="mirakl"] {
    background: #111827;
}

.wahub-channel-mark[data-brand="sellercenter"] {
    background: #8b1956;
}

.wahub-channel-mark[data-brand="feed"] {
    box-shadow: inset 0 -4px 0 var(--orange);
}

.wahub-channel-mark[data-brand="amazon"] {
    box-shadow: inset 0 -4px 0 #ff9900;
    background: #232f3e;
    font-size: 22px;
}

.wahub-channel-mark[data-brand="via"] {
    background: #6b208d;
}

.wahub-channel-mark[data-brand="shein"] {
    background: #000000;
}

.wahub-channel-mark[data-brand="tiktok"] {
    box-shadow: inset 4px 0 0 #25f4ee, inset -4px 0 0 #fe2c55;
    background: #111111;
}

.wahub-channel-mark[data-brand="aliexpress"] {
    background: #d52b1e;
}

.wahub-channel-mark[data-brand="madeira"] {
    background: #b93b0f;
}

.wahub-channel-mark[data-brand="elo7"] {
    background: #ba3026;
}

.wahub-channel-mark[data-brand="ifood"] {
    background: #d31828;
}

.wahub-channel-mark[data-brand="rappi"] {
    color: #172033;
    background: #ff6a32;
}

.wahub-channel-mark[data-brand="uber-eats"] {
    box-shadow: inset 0 -4px 0 #06c167;
    background: #000000;
}

.wahub-channel-mark[data-brand="carrefour"] {
    position: relative;
    overflow: hidden;
    color: var(--white);
    background: var(--white);
    font-size: 0;
}

.wahub-channel-mark[data-brand="carrefour"]::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background: linear-gradient(90deg, #e30613 0 50%, #004e9f 50%);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

.wahub-channel-mark[data-brand="carrefour"]::after {
    content: 'C';
    position: relative;
    color: var(--white);
    font-size: 13px;
    font-weight: 800;
}

.wahub-channel-mark[data-brand="olx"] {
    background: #6e0ad6;
}

/* Ícones vetoriais locais embutidos para marcas com símbolo disponível. */
.wahub-channel-mark[data-brand="shopee"] {
    font-size: 0;
}

.wahub-channel-mark[data-brand="shopee"]::after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: var(--white);
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTE1Ljk0MSAxNy45NjNjLjIzLTEuODc5LS45OC0zLjA3Ny00LjE3NS00LjA5N2MtMS41NDgtLjUyOC0yLjI3Ny0xLjIyLTIuMjYtMi4xNzFjLjA2NS0xLjA1NiAxLjA0OC0xLjgyNSAyLjM1Mi0xLjg1YTUuMyA1LjMgMCAwIDEgMi44ODMuODljLjExNi4wNzIuMTk3LjA2LjI2My0uMDRjLjA5LS4xNDQuMzE1LS40OTMuMzktLjYyYy4wNTEtLjA4LjA2MS0uMTg2LS4wNjgtLjI4Yy0uMTg1LS4xMzctLjcwNC0uNDE1LS45ODMtLjUzMmE2LjUgNi41IDAgMCAwLTIuNTExLS41MTRjLTEuOTEuMDA4LTMuNDEzIDEuMjE1LTMuNTQgMi44MjZxLS4xMjIgMS43NDYgMS43MyAyLjgyN2MuMjYzLjE1MiAxLjY4LjcxNiAyLjI0NC44OTJjMS43NzQuNTUyIDIuNjk1IDEuNTQyIDIuNDc4IDIuNjk3Yy0uMTk3IDEuMDQ3LTEuMjk5IDEuNzI0LTIuODE4IDEuNzQ0Yy0xLjIwMy0uMDQ2LTIuMjg3LS41MzctMy4xMjctMS4xOWwtLjE0MS0uMTFjLS4xMDQtLjA4LS4yMTgtLjA3NS0uMjg3LjAzYy0uMDUuMDc3LS4zNzYuNTQ3LS40NTguNjdjLS4wNzcuMTA4LS4wMzUuMTY4LjA0NS4yMzRjLjM1LjI5My44MTcuNjEzIDEuMTM0Ljc3NWE2LjcgNi43IDAgMCAwIDIuODI5LjcyN2E0LjkgNC45IDAgMCAwIDIuMDc1LS4zNTRjMS4wOTUtLjQ2NSAxLjgwMy0xLjM5NCAxLjk0NS0yLjU1NE0xMiAxLjQwMWMtMi4wNjggMC0zLjc1NCAxLjk1LTMuODMzIDQuMzloNy42NjVDMTUuNzUxIDMuMzUgMTQuMDY2IDEuNCAxMiAxLjRtNy44NTEgMjIuNTk4bC0uMDguMDAxbC0xNS43ODQtLjAwMmMtMS4wNzQtLjA0LTEuODYzLS45MS0xLjk3MS0xLjk5MWwtLjAxLS4xOTVsLS43MDctMTUuNTI2YS40Ni40NiAwIDAgMSAuNDUtLjQ5NGg0Ljk3NUM2Ljg0NSAyLjU2OCA5LjE2IDAgMTIgMHM1LjE1MyAyLjU2OSA1LjI3NSA1Ljc5aDQuOTY4YS40Ni40NiAwIDAgMSAuNDU4LjQ4M2wtLjc3MyAxNS41ODhsLS4wMDcuMTMxYy0uMDk0IDEuMDk0LS45NzkgMS45NzctMi4wNyAyLjAwNiIvPjwvc3ZnPg==") center / contain no-repeat;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTE1Ljk0MSAxNy45NjNjLjIzLTEuODc5LS45OC0zLjA3Ny00LjE3NS00LjA5N2MtMS41NDgtLjUyOC0yLjI3Ny0xLjIyLTIuMjYtMi4xNzFjLjA2NS0xLjA1NiAxLjA0OC0xLjgyNSAyLjM1Mi0xLjg1YTUuMyA1LjMgMCAwIDEgMi44ODMuODljLjExNi4wNzIuMTk3LjA2LjI2My0uMDRjLjA5LS4xNDQuMzE1LS40OTMuMzktLjYyYy4wNTEtLjA4LjA2MS0uMTg2LS4wNjgtLjI4Yy0uMTg1LS4xMzctLjcwNC0uNDE1LS45ODMtLjUzMmE2LjUgNi41IDAgMCAwLTIuNTExLS41MTRjLTEuOTEuMDA4LTMuNDEzIDEuMjE1LTMuNTQgMi44MjZxLS4xMjIgMS43NDYgMS43MyAyLjgyN2MuMjYzLjE1MiAxLjY4LjcxNiAyLjI0NC44OTJjMS43NzQuNTUyIDIuNjk1IDEuNTQyIDIuNDc4IDIuNjk3Yy0uMTk3IDEuMDQ3LTEuMjk5IDEuNzI0LTIuODE4IDEuNzQ0Yy0xLjIwMy0uMDQ2LTIuMjg3LS41MzctMy4xMjctMS4xOWwtLjE0MS0uMTFjLS4xMDQtLjA4LS4yMTgtLjA3NS0uMjg3LjAzYy0uMDUuMDc3LS4zNzYuNTQ3LS40NTguNjdjLS4wNzcuMTA4LS4wMzUuMTY4LjA0NS4yMzRjLjM1LjI5My44MTcuNjEzIDEuMTM0Ljc3NWE2LjcgNi43IDAgMCAwIDIuODI5LjcyN2E0LjkgNC45IDAgMCAwIDIuMDc1LS4zNTRjMS4wOTUtLjQ2NSAxLjgwMy0xLjM5NCAxLjk0NS0yLjU1NE0xMiAxLjQwMWMtMi4wNjggMC0zLjc1NCAxLjk1LTMuODMzIDQuMzloNy42NjVDMTUuNzUxIDMuMzUgMTQuMDY2IDEuNCAxMiAxLjRtNy44NTEgMjIuNTk4bC0uMDguMDAxbC0xNS43ODQtLjAwMmMtMS4wNzQtLjA0LTEuODYzLS45MS0xLjk3MS0xLjk5MWwtLjAxLS4xOTVsLS43MDctMTUuNTI2YS40Ni40NiAwIDAgMSAuNDUtLjQ5NGg0Ljk3NUM2Ljg0NSAyLjU2OCA5LjE2IDAgMTIgMHM1LjE1MyAyLjU2OSA1LjI3NSA1Ljc5aDQuOTY4YS40Ni40NiAwIDAgMSAuNDU4LjQ4M2wtLjc3MyAxNS41ODhsLS4wMDcuMTMxYy0uMDk0IDEuMDk0LS45NzkgMS45NzctMi4wNyAyLjAwNiIvPjwvc3ZnPg==") center / contain no-repeat;
}

.wahub-channel-mark[data-brand="amazon"] {
    font-size: 0;
}

.wahub-channel-mark[data-brand="amazon"]::after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: var(--white);
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTS4wNDUgMTguMDJxLjEwNy0uMTc0LjM0OC0uMDIycTUuNDU1IDMuMTY1IDExLjg3IDMuMTY2cTQuMjc4LS4wMDEgOC40NDctMS41OTVsLjMxNS0uMTRjLjEzOC0uMDYuMjM0LS4xLjI5My0uMTNjLjIyNi0uMDg4LjM5LS4wNDYuNTI1LjEzYy4xMi4xNzQuMDkuMzM2LS4xMi40OGMtLjI1Ni4xOS0uNi40MS0xLjAwNi42NTRxLTEuODY3IDEuMTEzLTQuMTg1IDEuNzI2YTE3LjYgMTcuNiAwIDAgMS0xMC45NTEtLjU3N2ExNy45IDE3LjkgMCAwIDEtNS40My0zLjM1cS0uMTUtLjExMy0uMTUxLS4yMmMwLS4wNDcuMDIxLS4wOS4wNTEtLjEzem02LjU2NS02LjIxOHEwLTEuNTA3Ljc0My0yLjU3N2MuNDk1LS43MSAxLjE3LTEuMjUgMi4wNC0xLjYxNWMuNzk2LS4zMzUgMS43NTYtLjU3NSAyLjkxMi0uNzJjLjM5LS4wNDYgMS4wMzMtLjEwMyAxLjkyLS4xNzR2LS4zN2MwLS45My0uMTA1LTEuNTU4LS4zLTEuODc1Yy0uMzAyLS40My0uNzgtLjY1LTEuNDQtLjY1aC0uMTgyYy0uNDguMDQ2LS44OTYuMTk2LTEuMjQ2LjQ2Yy0uMzUuMjctLjU3NS42My0uNjc1IDEuMDk2Yy0uMDYuMy0uMjA2LjQ2NS0uNDM1LjUxbC0yLjUyLS4zMTVjLS4yNDgtLjA2LS4zNzItLjE4LS4zNzItLjM5YzAtLjA0Ni4wMDctLjA5LjAyMi0uMTVxLjM3Mi0xLjkzNSAxLjgyLTIuODhjLjk3Ni0uNjE2IDIuMS0uOTc1IDMuMzktMS4wNWguNTRjMS42NSAwIDIuOTU3LjQzNCAzLjg4OCAxLjI5Yy4xMzUuMTUuMjcuMy40MDUuNDhjLjEyLjE2NS4yMjQuMzE0LjI4My40NWMuMDc1LjEzNC4xNS4zMy4xOTUuNTdjLjA2LjI1NC4xMDUuNDIuMTM1LjUxYy4wMy4xMDQuMDYyLjMuMDc2LjYxNWMuMDEuMzEzLjAyLjQ5My4wMi41NTN2NS4yOGMwIC4zNzYuMDYuNzIuMTY1IDEuMDM2cS4xNTcuNDcxLjMxNS42NzRsLjUxLjY3NHEuMTM2LjIwNC4xMzYuMzZxMCAuMTgxLS4xOC4zMTRjLTEuMiAxLjA1LTEuODYgMS42Mi0xLjk2MyAxLjcxcS0uMjQ3LjIwMy0uNjMuMDQ1YTYgNiAwIDAgMS0uNTI2LS40OTZsLS4zMS0uMzQ3YTkgOSAwIDAgMS0uMzE3LS40MmwtLjMtLjQzNWMtLjgxLjg4Ni0xLjYwMyAxLjQ0LTIuNCAxLjY2NWMtLjQ5NC4xNS0xLjA5My4yMjctMS44My4yMjdjLTEuMTEgMC0yLjA0LS4zNDMtMi43Ni0xLjAzNGMtLjcyLS42OS0xLjA4LTEuNjY1LTEuMDgtMi45NGwtLjA1LS4wNzZ6bTMuNzUzLS40MzhxLS4wMDEuODQ4LjQyNSAxLjM2NGMuMjg1LjM0LjY3NS41MTIgMS4xNTUuNTEyYy4wNDUgMCAuMTA2LS4wMDcuMTk1LS4wMmMuMDktLjAxNi4xMzQtLjAyMy4xNjYtLjAyM2MuNjE0LS4xNiAxLjA4LS41NTMgMS40MjQtMS4xNzhjLjE2NS0uMjguMjg1LS41OC4zNi0uOTFjLjA5LS4zMi4xMi0uNTkuMTM1LS44Yy4wMTUtLjE5NS4wMTUtLjU0LjAxNS0xLjAwNXYtLjU0Yy0uODQgMC0xLjQ4NC4wNi0xLjkyLjE4Yy0xLjI3NS4zNi0xLjkyIDEuMTctMS45MiAyLjQzbC0uMDM1LS4wMnptOS4xNjIgNy4wMjdjLjAzLS4wNi4wNzUtLjExLjEzMi0uMTdxLjU0NC0uMzY1IDEuMDUtLjVhOCA4IDAgMCAxIDEuNjEyLS4yNGMuMTQtLjAxMi4yOCAwIC40MS4wM2MuNjUuMDYgMS4wNS4xNjggMS4xNzIuMzNjLjA2My4wOS4wOTkuMjI4LjA5OS4zOXYuMTVjMCAuNTEtLjE0OSAxLjExLS40MjQgMS44cS0uNDE4IDEuMDM0LTEuMTU2IDEuNjhxLS4xMS4wOS0uMTk3LjA5Yy0uMDMgMC0uMDYgMC0uMDktLjAxMmMtLjA5LS4wNDQtLjEwNy0uMTItLjA2NC0uMjRjLjU0LTEuMjYuODA2LTIuMTQzLjgwNi0yLjY0YzAtLjE1LS4wMy0uMjctLjA4Ny0uMzQ0Yy0uMTQ1LS4xNjYtLjU1LS4yNTctMS4yMjQtLjI1N3EtLjM2NCAwLS44Ny4wNDZjLS4zNjMuMDQ1LS43LjA5LTEgLjEzNXEtLjEzNCAwLS4xOC0uMDQ0Yy0uMDMtLjAzLS4wMzYtLjA0Ny0uMDItLjA3N2MwLS4wMTcuMDA2LS4wMy4wMi0uMDYzdi0uMDZ6Ii8+PC9zdmc+") center / contain no-repeat;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTS4wNDUgMTguMDJxLjEwNy0uMTc0LjM0OC0uMDIycTUuNDU1IDMuMTY1IDExLjg3IDMuMTY2cTQuMjc4LS4wMDEgOC40NDctMS41OTVsLjMxNS0uMTRjLjEzOC0uMDYuMjM0LS4xLjI5My0uMTNjLjIyNi0uMDg4LjM5LS4wNDYuNTI1LjEzYy4xMi4xNzQuMDkuMzM2LS4xMi40OGMtLjI1Ni4xOS0uNi40MS0xLjAwNi42NTRxLTEuODY3IDEuMTEzLTQuMTg1IDEuNzI2YTE3LjYgMTcuNiAwIDAgMS0xMC45NTEtLjU3N2ExNy45IDE3LjkgMCAwIDEtNS40My0zLjM1cS0uMTUtLjExMy0uMTUxLS4yMmMwLS4wNDcuMDIxLS4wOS4wNTEtLjEzem02LjU2NS02LjIxOHEwLTEuNTA3Ljc0My0yLjU3N2MuNDk1LS43MSAxLjE3LTEuMjUgMi4wNC0xLjYxNWMuNzk2LS4zMzUgMS43NTYtLjU3NSAyLjkxMi0uNzJjLjM5LS4wNDYgMS4wMzMtLjEwMyAxLjkyLS4xNzR2LS4zN2MwLS45My0uMTA1LTEuNTU4LS4zLTEuODc1Yy0uMzAyLS40My0uNzgtLjY1LTEuNDQtLjY1aC0uMTgyYy0uNDguMDQ2LS44OTYuMTk2LTEuMjQ2LjQ2Yy0uMzUuMjctLjU3NS42My0uNjc1IDEuMDk2Yy0uMDYuMy0uMjA2LjQ2NS0uNDM1LjUxbC0yLjUyLS4zMTVjLS4yNDgtLjA2LS4zNzItLjE4LS4zNzItLjM5YzAtLjA0Ni4wMDctLjA5LjAyMi0uMTVxLjM3Mi0xLjkzNSAxLjgyLTIuODhjLjk3Ni0uNjE2IDIuMS0uOTc1IDMuMzktMS4wNWguNTRjMS42NSAwIDIuOTU3LjQzNCAzLjg4OCAxLjI5Yy4xMzUuMTUuMjcuMy40MDUuNDhjLjEyLjE2NS4yMjQuMzE0LjI4My40NWMuMDc1LjEzNC4xNS4zMy4xOTUuNTdjLjA2LjI1NC4xMDUuNDIuMTM1LjUxYy4wMy4xMDQuMDYyLjMuMDc2LjYxNWMuMDEuMzEzLjAyLjQ5My4wMi41NTN2NS4yOGMwIC4zNzYuMDYuNzIuMTY1IDEuMDM2cS4xNTcuNDcxLjMxNS42NzRsLjUxLjY3NHEuMTM2LjIwNC4xMzYuMzZxMCAuMTgxLS4xOC4zMTRjLTEuMiAxLjA1LTEuODYgMS42Mi0xLjk2MyAxLjcxcS0uMjQ3LjIwMy0uNjMuMDQ1YTYgNiAwIDAgMS0uNTI2LS40OTZsLS4zMS0uMzQ3YTkgOSAwIDAgMS0uMzE3LS40MmwtLjMtLjQzNWMtLjgxLjg4Ni0xLjYwMyAxLjQ0LTIuNCAxLjY2NWMtLjQ5NC4xNS0xLjA5My4yMjctMS44My4yMjdjLTEuMTEgMC0yLjA0LS4zNDMtMi43Ni0xLjAzNGMtLjcyLS42OS0xLjA4LTEuNjY1LTEuMDgtMi45NGwtLjA1LS4wNzZ6bTMuNzUzLS40MzhxLS4wMDEuODQ4LjQyNSAxLjM2NGMuMjg1LjM0LjY3NS41MTIgMS4xNTUuNTEyYy4wNDUgMCAuMTA2LS4wMDcuMTk1LS4wMmMuMDktLjAxNi4xMzQtLjAyMy4xNjYtLjAyM2MuNjE0LS4xNiAxLjA4LS41NTMgMS40MjQtMS4xNzhjLjE2NS0uMjguMjg1LS41OC4zNi0uOTFjLjA5LS4zMi4xMi0uNTkuMTM1LS44Yy4wMTUtLjE5NS4wMTUtLjU0LjAxNS0xLjAwNXYtLjU0Yy0uODQgMC0xLjQ4NC4wNi0xLjkyLjE4Yy0xLjI3NS4zNi0xLjkyIDEuMTctMS45MiAyLjQzbC0uMDM1LS4wMnptOS4xNjIgNy4wMjdjLjAzLS4wNi4wNzUtLjExLjEzMi0uMTdxLjU0NC0uMzY1IDEuMDUtLjVhOCA4IDAgMCAxIDEuNjEyLS4yNGMuMTQtLjAxMi4yOCAwIC40MS4wM2MuNjUuMDYgMS4wNS4xNjggMS4xNzIuMzNjLjA2My4wOS4wOTkuMjI4LjA5OS4zOXYuMTVjMCAuNTEtLjE0OSAxLjExLS40MjQgMS44cS0uNDE4IDEuMDM0LTEuMTU2IDEuNjhxLS4xMS4wOS0uMTk3LjA5Yy0uMDMgMC0uMDYgMC0uMDktLjAxMmMtLjA5LS4wNDQtLjEwNy0uMTItLjA2NC0uMjRjLjU0LTEuMjYuODA2LTIuMTQzLjgwNi0yLjY0YzAtLjE1LS4wMy0uMjctLjA4Ny0uMzQ0Yy0uMTQ1LS4xNjYtLjU1LS4yNTctMS4yMjQtLjI1N3EtLjM2NCAwLS44Ny4wNDZjLS4zNjMuMDQ1LS43LjA5LTEgLjEzNXEtLjEzNCAwLS4xOC0uMDQ0Yy0uMDMtLjAzLS4wMzYtLjA0Ny0uMDItLjA3N2MwLS4wMTcuMDA2LS4wMy4wMi0uMDYzdi0uMDZ6Ii8+PC9zdmc+") center / contain no-repeat;
}

.wahub-channel-mark[data-brand="tiktok"] {
    font-size: 0;
}

.wahub-channel-mark[data-brand="tiktok"]::after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: var(--white);
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTEyLjUyNS4wMmMxLjMxLS4wMiAyLjYxLS4wMSAzLjkxLS4wMmMuMDggMS41My42MyAzLjA5IDEuNzUgNC4xN2MxLjEyIDEuMTEgMi43IDEuNjIgNC4yNCAxLjc5djQuMDNjLTEuNDQtLjA1LTIuODktLjM1LTQuMi0uOTdjLS41Ny0uMjYtMS4xLS41OS0xLjYyLS45M2MtLjAxIDIuOTIuMDEgNS44NC0uMDIgOC43NWMtLjA4IDEuNC0uNTQgMi43OS0xLjM1IDMuOTRjLTEuMzEgMS45Mi0zLjU4IDMuMTctNS45MSAzLjIxYy0xLjQzLjA4LTIuODYtLjMxLTQuMDgtMS4wM2MtMi4wMi0xLjE5LTMuNDQtMy4zNy0zLjY1LTUuNzFjLS4wMi0uNS0uMDMtMS0uMDEtMS40OWMuMTgtMS45IDEuMTItMy43MiAyLjU4LTQuOTZjMS42Ni0xLjQ0IDMuOTgtMi4xMyA2LjE1LTEuNzJjLjAyIDEuNDgtLjA0IDIuOTYtLjA0IDQuNDRjLS45OS0uMzItMi4xNS0uMjMtMy4wMi4zN2MtLjYzLjQxLTEuMTEgMS4wNC0xLjM2IDEuNzVjLS4yMS41MS0uMTUgMS4wNy0uMTQgMS42MWMuMjQgMS42NCAxLjgyIDMuMDIgMy41IDIuODdjMS4xMi0uMDEgMi4xOS0uNjYgMi43Ny0xLjYxYy4xOS0uMzMuNC0uNjcuNDEtMS4wNmMuMS0xLjc5LjA2LTMuNTcuMDctNS4zNmMuMDEtNC4wMy0uMDEtOC4wNS4wMi0xMi4wNyIvPjwvc3ZnPg==") center / contain no-repeat;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTEyLjUyNS4wMmMxLjMxLS4wMiAyLjYxLS4wMSAzLjkxLS4wMmMuMDggMS41My42MyAzLjA5IDEuNzUgNC4xN2MxLjEyIDEuMTEgMi43IDEuNjIgNC4yNCAxLjc5djQuMDNjLTEuNDQtLjA1LTIuODktLjM1LTQuMi0uOTdjLS41Ny0uMjYtMS4xLS41OS0xLjYyLS45M2MtLjAxIDIuOTIuMDEgNS44NC0uMDIgOC43NWMtLjA4IDEuNC0uNTQgMi43OS0xLjM1IDMuOTRjLTEuMzEgMS45Mi0zLjU4IDMuMTctNS45MSAzLjIxYy0xLjQzLjA4LTIuODYtLjMxLTQuMDgtMS4wM2MtMi4wMi0xLjE5LTMuNDQtMy4zNy0zLjY1LTUuNzFjLS4wMi0uNS0uMDMtMS0uMDEtMS40OWMuMTgtMS45IDEuMTItMy43MiAyLjU4LTQuOTZjMS42Ni0xLjQ0IDMuOTgtMi4xMyA2LjE1LTEuNzJjLjAyIDEuNDgtLjA0IDIuOTYtLjA0IDQuNDRjLS45OS0uMzItMi4xNS0uMjMtMy4wMi4zN2MtLjYzLjQxLTEuMTEgMS4wNC0xLjM2IDEuNzVjLS4yMS41MS0uMTUgMS4wNy0uMTQgMS42MWMuMjQgMS42NCAxLjgyIDMuMDIgMy41IDIuODdjMS4xMi0uMDEgMi4xOS0uNjYgMi43Ny0xLjYxYy4xOS0uMzMuNC0uNjcuNDEtMS4wNmMuMS0xLjc5LjA2LTMuNTcuMDctNS4zNmMuMDEtNC4wMy0uMDEtOC4wNS4wMi0xMi4wNyIvPjwvc3ZnPg==") center / contain no-repeat;
}

.wahub-channel-mark[data-brand="aliexpress"] {
    font-size: 0;
}

.wahub-channel-mark[data-brand="aliexpress"]::after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: var(--white);
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTUuMTY2IDkuMDk2YS4wMi4wMiAwIDAgMC0uMDIyLjAyMWMwIC4zOTYtLjMyLjcxNy0uNzEzLjcxN2EuMDIuMDIgMCAwIDAtLjAyMS4wMjJjMCAuMDEyLjAxLjAyMS4wMjEuMDIxYy4zOTQgMCAuNzEzLjMyMi43MTMuNzE4cS4wMDIuMDIuMDIyLjAyMWMuMDExIDAgLjAyMS0uMDEuMDIxLS4wMjFBLjcxNy43MTcgMCAwIDEgNS45IDkuODhhLjAyMS4wMjEgMCAwIDAgMC0uMDQzYS43MTYuNzE2IDAgMCAxLS43MTMtLjcxOHYtLjAwMmEuMDIuMDIgMCAwIDAtLjAwNi0uMDE1YS4wMi4wMiAwIDAgMC0uMDE1LS4wMDZtLTMuNjkzLjUyNkwwIDEzLjQ2MmguNDhsLjM1NS0uOTIyaDEuNzgybC4zNTQuOTIyaC40ODFMMS45OCA5LjYyMnptMi4yNjQuMDAydjMuODM4aC40OTFWOS42MjR6bTIuMzc1IDB2My44MzhoMi40MTN2LS41MDJINi42MTN2LTEuMTlIOC4xOXYtLjQ3N0g2LjYxM3YtMS4xNjZoMS43NzN2LS41MDJ6bS00LjM4Ni41OTJsLjY5OCAxLjgySDEuMDI4em0xNC42ODkuNDAyYTEuNDcgMS40NyAwIDAgMC0uOTY2LjM2NlYxMC43aC0uNDkxdjIuNzYzaC40OWMuMDAyLS40NzcgMC0uOTU1LjAwMi0xLjQzM2EuOTcuOTcgMCAwIDEgLjk2NS0uOTE4em00LjE4LjAwN3EtLjA3OSAwLS4xNTguMDFjLS4zMTUuMDMxLS42MDYuMTc1LS43NTMuMzc3YS43LjcgMCAwIDAtLjE0LjQ2NWMuMDA3LjIuMDY2LjM1Ny4yMzMuNDk2Yy4xODQuMTQ3LjQyLjIuNjU3LjI1OWMuMzExLjA2Ny40MjYuMDk1LjU0Ni4xODZjLjA4LjA3LjEzMy4xMjcuMTM2LjI3YzAgLjI1LS4yMjEuMzcyLS40Mi40MWEuODkuODkgMCAwIDEtLjg5NC0uMzQ0bC0uMzcxLjI4OGMuMzMuMzgyLjc3Ny41MDUgMS4wOS41Yy41NC0uMDEuODkxLS4yMTcgMS4wMjktLjUzNGMuMDY2LS4xNTMuMDYzLS4zMDkuMDYzLS4zOGEuNjguNjggMCAwIDAtLjI2Ny0uNTQ1Yy0uMjI4LS4xNzctLjU4My0uMjI4LS42MzYtLjI0MmMtLjQzNy0uMDc4LS42NTgtLjE5Ni0uNjk3LS4zNDFjLS4wNDMtLjE5Mi4xMDItLjM1LjI5Ny0uNDExYS43Ni43NiAwIDAgMSAuODU3LjI3N2wuMzY3LS4yNDdhMS4xNyAxLjE3IDAgMCAwLS45MzktLjQ5NG0yLjM4NyAwcS0uMDc5IDAtLjE1Ny4wMWMtLjMxNi4wMzEtLjYwNy4xNzUtLjc1My4zNzdhLjcuNyAwIDAgMC0uMTQuNDY1Yy4wMDYuMi4wNjUuMzU3LjIzMy40OTZjLjE4My4xNDcuNDIuMi42NTcuMjU5Yy4zMS4wNjcuNDI2LjA5NS41NDUuMTg2Yy4wODEuMDcuMTM0LjEyNy4xMzYuMjdjLjAwMS4yNS0uMjIxLjM3Mi0uNDIuNDFhLjg5Ljg5IDAgMCAxLS44OTQtLjM0NGwtLjM3MS4yODhjLjMzLjM4Mi43NzcuNTA1IDEuMDkuNWMuNTQxLS4wMS44OTEtLjIxNyAxLjAzLS41MzRjLjA2NS0uMTUzLjA2Mi0uMzA5LjA2Mi0uMzhhLjY4LjY4IDAgMCAwLS4yNjctLjU0NWMtLjIyNy0uMTc3LS41ODMtLjIyOC0uNjM2LS4yNDJjLS40MzctLjA3OC0uNjU4LS4xOTYtLjY5Ni0uMzQxYy0uMDQzLS4xOTIuMTAxLS4zNS4yOTctLjQxMWEuNzYuNzYgMCAwIDEgLjg1Ny4yNzdsLjM2Ny0uMjQ3YTEuMTcgMS4xNyAwIDAgMC0uOTQtLjQ5NG0tOS44NC4wMDJhMS40NiAxLjQ2IDAgMCAwLTEuNDIgMS4xMTdhMS4zIDEuMyAwIDAgMC0uMDQxLjMyN3YyLjgzM2guNDkxdi0xLjgxM2MuMTcuMTguNDg3LjQyLjk2LjQ1NGExLjQ1IDEuNDUgMCAwIDAgMS4yMDgtLjYyN2ExLjQ1NyAxLjQ1NyAwIDAgMC0xLjE5OS0yLjI5MnptNC44MDQgMGExLjQ0OCAxLjQ0OCAwIDAgMC0xLjI4OCAyLjA4Yy4yNTUuNTMuODExLjg3IDEuNDEyLjgzM2ExLjQ1IDEuNDUgMCAwIDAgMS4wMTItLjUxbC0uMzYzLS4yOTFhLjk3Ljk3IDAgMCAxLTEuMTA2LjI3M2ExLjAxIDEuMDEgMCAwIDEtLjYwMi0uNjloMi4yMzlsLjAwMi0uNDI3YTEuMjk1IDEuMjk1IDAgMCAwLTEuMzA2LTEuMjY4bS05LjIuMDhsMS4wNjIgMS4zNzdsLTEuMDYyIDEuMzc4aC41ODFsLjc3OS0xLjAxbC43NzggMS4wMWguNTgxbC0xLjA2Mi0xLjM3OGwxLjA2Mi0xLjM3OGgtLjU4MWwtLjc3OCAxLjAxbC0uNzc5LTEuMDF6bS0zLjgyNS4wMTV2Mi43NGguNDl2LTIuNzR6bTguMjMzLjM3YS45Ni45NiAwIDAgMSAuOTUuOTkzYS45NjMuOTYzIDAgMCAxLS44NjMuOTk4YS45Ni45NiAwIDAgMS0xLjAzNC0uNzM5Yy0uMDc0LS4zODIgMC0uNzQ2LjMwNy0xLjAxOWEuOTYuOTYgMCAwIDEgLjY0LS4yMzNtNC43OS4wMTVhLjgyMy44MjMgMCAwIDEgLjgxOS43NTVoLTEuNzZhLjk2NC45NjQgMCAwIDEgLjk0LS43NTV6Ii8+PC9zdmc+") center / contain no-repeat;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTUuMTY2IDkuMDk2YS4wMi4wMiAwIDAgMC0uMDIyLjAyMWMwIC4zOTYtLjMyLjcxNy0uNzEzLjcxN2EuMDIuMDIgMCAwIDAtLjAyMS4wMjJjMCAuMDEyLjAxLjAyMS4wMjEuMDIxYy4zOTQgMCAuNzEzLjMyMi43MTMuNzE4cS4wMDIuMDIuMDIyLjAyMWMuMDExIDAgLjAyMS0uMDEuMDIxLS4wMjFBLjcxNy43MTcgMCAwIDEgNS45IDkuODhhLjAyMS4wMjEgMCAwIDAgMC0uMDQzYS43MTYuNzE2IDAgMCAxLS43MTMtLjcxOHYtLjAwMmEuMDIuMDIgMCAwIDAtLjAwNi0uMDE1YS4wMi4wMiAwIDAgMC0uMDE1LS4wMDZtLTMuNjkzLjUyNkwwIDEzLjQ2MmguNDhsLjM1NS0uOTIyaDEuNzgybC4zNTQuOTIyaC40ODFMMS45OCA5LjYyMnptMi4yNjQuMDAydjMuODM4aC40OTFWOS42MjR6bTIuMzc1IDB2My44MzhoMi40MTN2LS41MDJINi42MTN2LTEuMTlIOC4xOXYtLjQ3N0g2LjYxM3YtMS4xNjZoMS43NzN2LS41MDJ6bS00LjM4Ni41OTJsLjY5OCAxLjgySDEuMDI4em0xNC42ODkuNDAyYTEuNDcgMS40NyAwIDAgMC0uOTY2LjM2NlYxMC43aC0uNDkxdjIuNzYzaC40OWMuMDAyLS40NzcgMC0uOTU1LjAwMi0xLjQzM2EuOTcuOTcgMCAwIDEgLjk2NS0uOTE4em00LjE4LjAwN3EtLjA3OSAwLS4xNTguMDFjLS4zMTUuMDMxLS42MDYuMTc1LS43NTMuMzc3YS43LjcgMCAwIDAtLjE0LjQ2NWMuMDA3LjIuMDY2LjM1Ny4yMzMuNDk2Yy4xODQuMTQ3LjQyLjIuNjU3LjI1OWMuMzExLjA2Ny40MjYuMDk1LjU0Ni4xODZjLjA4LjA3LjEzMy4xMjcuMTM2LjI3YzAgLjI1LS4yMjEuMzcyLS40Mi40MWEuODkuODkgMCAwIDEtLjg5NC0uMzQ0bC0uMzcxLjI4OGMuMzMuMzgyLjc3Ny41MDUgMS4wOS41Yy41NC0uMDEuODkxLS4yMTcgMS4wMjktLjUzNGMuMDY2LS4xNTMuMDYzLS4zMDkuMDYzLS4zOGEuNjguNjggMCAwIDAtLjI2Ny0uNTQ1Yy0uMjI4LS4xNzctLjU4My0uMjI4LS42MzYtLjI0MmMtLjQzNy0uMDc4LS42NTgtLjE5Ni0uNjk3LS4zNDFjLS4wNDMtLjE5Mi4xMDItLjM1LjI5Ny0uNDExYS43Ni43NiAwIDAgMSAuODU3LjI3N2wuMzY3LS4yNDdhMS4xNyAxLjE3IDAgMCAwLS45MzktLjQ5NG0yLjM4NyAwcS0uMDc5IDAtLjE1Ny4wMWMtLjMxNi4wMzEtLjYwNy4xNzUtLjc1My4zNzdhLjcuNyAwIDAgMC0uMTQuNDY1Yy4wMDYuMi4wNjUuMzU3LjIzMy40OTZjLjE4My4xNDcuNDIuMi42NTcuMjU5Yy4zMS4wNjcuNDI2LjA5NS41NDUuMTg2Yy4wODEuMDcuMTM0LjEyNy4xMzYuMjdjLjAwMS4yNS0uMjIxLjM3Mi0uNDIuNDFhLjg5Ljg5IDAgMCAxLS44OTQtLjM0NGwtLjM3MS4yODhjLjMzLjM4Mi43NzcuNTA1IDEuMDkuNWMuNTQxLS4wMS44OTEtLjIxNyAxLjAzLS41MzRjLjA2NS0uMTUzLjA2Mi0uMzA5LjA2Mi0uMzhhLjY4LjY4IDAgMCAwLS4yNjctLjU0NWMtLjIyNy0uMTc3LS41ODMtLjIyOC0uNjM2LS4yNDJjLS40MzctLjA3OC0uNjU4LS4xOTYtLjY5Ni0uMzQxYy0uMDQzLS4xOTIuMTAxLS4zNS4yOTctLjQxMWEuNzYuNzYgMCAwIDEgLjg1Ny4yNzdsLjM2Ny0uMjQ3YTEuMTcgMS4xNyAwIDAgMC0uOTQtLjQ5NG0tOS44NC4wMDJhMS40NiAxLjQ2IDAgMCAwLTEuNDIgMS4xMTdhMS4zIDEuMyAwIDAgMC0uMDQxLjMyN3YyLjgzM2guNDkxdi0xLjgxM2MuMTcuMTguNDg3LjQyLjk2LjQ1NGExLjQ1IDEuNDUgMCAwIDAgMS4yMDgtLjYyN2ExLjQ1NyAxLjQ1NyAwIDAgMC0xLjE5OS0yLjI5MnptNC44MDQgMGExLjQ0OCAxLjQ0OCAwIDAgMC0xLjI4OCAyLjA4Yy4yNTUuNTMuODExLjg3IDEuNDEyLjgzM2ExLjQ1IDEuNDUgMCAwIDAgMS4wMTItLjUxbC0uMzYzLS4yOTFhLjk3Ljk3IDAgMCAxLTEuMTA2LjI3M2ExLjAxIDEuMDEgMCAwIDEtLjYwMi0uNjloMi4yMzlsLjAwMi0uNDI3YTEuMjk1IDEuMjk1IDAgMCAwLTEuMzA2LTEuMjY4bS05LjIuMDhsMS4wNjIgMS4zNzdsLTEuMDYyIDEuMzc4aC41ODFsLjc3OS0xLjAxbC43NzggMS4wMWguNTgxbC0xLjA2Mi0xLjM3OGwxLjA2Mi0xLjM3OGgtLjU4MWwtLjc3OCAxLjAxbC0uNzc5LTEuMDF6bS0zLjgyNS4wMTV2Mi43NGguNDl2LTIuNzR6bTguMjMzLjM3YS45Ni45NiAwIDAgMSAuOTUuOTkzYS45NjMuOTYzIDAgMCAxLS44NjMuOTk4YS45Ni45NiAwIDAgMS0xLjAzNC0uNzM5Yy0uMDc0LS4zODIgMC0uNzQ2LjMwNy0xLjAxOWEuOTYuOTYgMCAwIDEgLjY0LS4yMzNtNC43OS4wMTVhLjgyMy44MjMgMCAwIDEgLjgxOS43NTVoLTEuNzZhLjk2NC45NjQgMCAwIDEgLjk0LS43NTV6Ii8+PC9zdmc+") center / contain no-repeat;
}

.wahub-channel-mark[data-brand="ifood"] {
    font-size: 0;
}

.wahub-channel-mark[data-brand="ifood"]::after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: var(--white);
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTguNDI4IDEuNjdjLTQuNjUgMC03LjE4NCA0LjE0OS03LjE4NCA2Ljk5OGMwIDIuMjk0IDIuMiAzLjI5OSA0LjI1IDMuMjk5bC0uMDA2LS4wMDZjNC4yNDQgMCA3LjE4NC0zLjg1NCA3LjE4NC02Ljk5OGMwLTIuMjktMi4xNzUtMy4yOTMtNC4yNDQtMy4yOTNtMTEuMzI4IDBjLTQuNjUgMC03LjE4NCA0LjE0OS03LjE4NCA2Ljk5OGMwIDIuMjk0IDIuMiAzLjI5OSA0LjI1IDMuMjk5bC0uMDA2LS4wMDZDMjEuMDYxIDExLjk2IDI0IDguMTA3IDI0IDQuOTYzYzAtMi4yOS0yLjE4LTMuMjkzLTQuMjQ0LTMuMjkzbS01LjU4NCAxMi44NWwyLjQzNSAxLjgzNGMtMi4xNyAyLjA3LTYuMTI0IDMuNTI1LTkuMzUzIDMuMTdBOC45MSA4LjkxIDAgMCAxIC4yMyAxNC41NDFIMGE5LjYgOS42IDAgMCAwIDguODI4IDcuNzU4YzMuODE0LjI0IDcuMzIzLS45MDUgOS45NDctMy4xM2wtLjAwNC4wMDdsMS4wOCAyLjk4OGwxLjU1NS03LjYyM2wtNy4yMzQtLjAyWiIvPjwvc3ZnPg==") center / contain no-repeat;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTguNDI4IDEuNjdjLTQuNjUgMC03LjE4NCA0LjE0OS03LjE4NCA2Ljk5OGMwIDIuMjk0IDIuMiAzLjI5OSA0LjI1IDMuMjk5bC0uMDA2LS4wMDZjNC4yNDQgMCA3LjE4NC0zLjg1NCA3LjE4NC02Ljk5OGMwLTIuMjktMi4xNzUtMy4yOTMtNC4yNDQtMy4yOTNtMTEuMzI4IDBjLTQuNjUgMC03LjE4NCA0LjE0OS03LjE4NCA2Ljk5OGMwIDIuMjk0IDIuMiAzLjI5OSA0LjI1IDMuMjk5bC0uMDA2LS4wMDZDMjEuMDYxIDExLjk2IDI0IDguMTA3IDI0IDQuOTYzYzAtMi4yOS0yLjE4LTMuMjkzLTQuMjQ0LTMuMjkzbS01LjU4NCAxMi44NWwyLjQzNSAxLjgzNGMtMi4xNyAyLjA3LTYuMTI0IDMuNTI1LTkuMzUzIDMuMTdBOC45MSA4LjkxIDAgMCAxIC4yMyAxNC41NDFIMGE5LjYgOS42IDAgMCAwIDguODI4IDcuNzU4YzMuODE0LjI0IDcuMzIzLS45MDUgOS45NDctMy4xM2wtLjAwNC4wMDdsMS4wOCAyLjk4OGwxLjU1NS03LjYyM2wtNy4yMzQtLjAyWiIvPjwvc3ZnPg==") center / contain no-repeat;
}

.wahub-channel-mark[data-brand="uber-eats"] {
    font-size: 0;
}

.wahub-channel-mark[data-brand="uber-eats"]::after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: var(--white);
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTAgMi44NjV2NC45OTdjMCAxLjg4MyAxLjMzMiAzLjEzIDMuMDg0IDMuMTNhMi45NyAyLjk3IDAgMCAwIDIuMTUtLjg3N3YuNzQzaDEuMjExVjIuODY0SDUuMjIzdjQuOTM0YzAgMS4yNjUtLjg3IDIuMTItMS45OTUgMi4xMjJjLTEuMTM5LS4wMDItMS45OTctLjgzNC0xLjk5Ny0yLjEyMlYyLjg2NXptNy4zNjMgMHY3Ljk5M2gxLjE2MnYtLjczMmEzIDMgMCAwIDAgMi4xMTguODc2YTMuMDQ0IDMuMDQ0IDAgMSAwIDAtNi4wODZhMi45NyAyLjk3IDAgMCAwLTIuMTA3Ljg3NlYyLjg2NXptOS44ODUgMi4wNTZhMy4wMiAzLjAyIDAgMCAwLTMuMDM1IDMuMDI0YzAgMS43MzcgMS4zNzMgMy4wMzcgMy4xNTMgMy4wMzdhMy4xMiAzLjEyIDAgMCAwIDIuNTU4LTEuMjQzbC0uODUtLjYxOGEyLjA1IDIuMDUgMCAwIDEtMS43MDguODU4YTEuOTcgMS45NyAwIDAgMS0xLjk3LTEuNjU1aDQuODE3di0uMzc5YzAtMS43MzQtMS4yNTQtMy4wMjQtMi45NjQtMy4wMjR6bTYuMTYzLjA2NmExLjYgMS42IDAgMCAwLTEuMzc2Ljc2NnYtLjcxOWgtMS4xNjN2NS44MjRoMS4xNzRWNy41NDZjMC0uOTAyLjU1OS0xLjQ4NCAxLjMyNy0xLjQ4NGguNDk1VjQuOTg5em0tNi4yMDMuOTQ0YTEuODQ0IDEuODQ0IDAgMCAxIDEuODM0IDEuNDg2aC0zLjYxOGExLjg0NCAxLjg0NCAwIDAgMSAxLjc4NC0xLjQ4Nm0tNi42NTkuMDA2YTIuMDIxIDIuMDIxIDAgMSAxIC4wMDIgNC4wNDJhMi4wMiAyLjAyIDAgMCAxLTEuNDE2LS41OThhMi4wMiAyLjAyIDAgMCAxLS41ODUtMS40MjJhMi4wMiAyLjAyIDAgMCAxIC41ODQtMS40MjJhMi4wMiAyLjAyIDAgMCAxIDEuNDE1LS42TTAgMTIuOTg3djcuOTcxaDUuNzIydi0xLjM2N0gxLjU0NnYtMS45N0g1LjYxdi0xLjMxNUgxLjU0NXYtMS45NTVoNC4xNzZ2LTEuMzY1em0xNC41Ni40MXYxLjY4NWgtMS4xNXYxLjMzOGgxLjE1NHYzLjE0M2MwIC43OTMuNTcyIDEuNDIxIDEuNiAxLjQyMWgxLjY0M2wtLjAwNi0xLjMzOEgxNi42NmMtLjM0OCAwLS41NzItLjE1LS41NzItLjQ2NHYtMi43NjhIMTcuOHYtMS4zMzJoLTEuNzA2di0xLjY4NnptLTUuMjk3IDEuNTI3YTMuMTAzIDMuMTAzIDAgMSAwIC4wNyA2LjIwNWEzIDMgMCAwIDAgMS45MTMtLjY2NnYuNTMyaDEuNTE3di01LjkxM2gtMS41MDl2LjUyNmEzIDMgMCAwIDAtMS45Mi0uNjg0em0xMS43NzEuMDA3Yy0xLjU4NSAwLTIuNy42NDQtMi43IDEuODg2YzAgLjg2LjYxMyAxLjQyMSAxLjkzNiAxLjY5NWwxLjQ0OC4zMjhjLjU3LjExLjcyMi4yNTkuNzIyLjQ5YzAgLjM3MS0uNDM4LjYwMy0xLjEyNy42MDNjLS44NzYgMC0xLjM3OC0uMTktMS41NzMtLjg0OGgtMS41MzNjLjIyIDEuMjMxIDEuMTU3IDIuMDUgMy4wNDkgMi4wNWguMDAyYzEuNzUyIDAgMi43NDItLjgxOSAyLjc0Mi0xLjk1M2MwLS44MDYtLjU4NS0xLjQwOC0xLjgwOS0xLjY2N2wtMS4yOTQtLjI2Yy0uNzUxLS4xMzYtLjk4OC0uMjc0LS45ODgtLjU0NmMwLS4zNTcuMzYxLS41NzUgMS4wMy0uNTc1Yy43MjIgMCAxLjI1Mi4xOTIgMS40MDUuODQ3aDEuNTE4Yy0uMDg2LTEuMjI5LS45OS0yLjA1LTIuODI3LTIuMDVtLTExLjU2NyAxLjI1YzEuMDEuMDEgMS44MTkuODM3IDEuODA3IDEuODQ3QTEuOCAxLjggMCAwIDEgOS40NSAxOS44M2ExLjgyNCAxLjgyNCAwIDAgMSAuMDE4LTMuNjQ4Ii8+PC9zdmc+") center / contain no-repeat;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTAgMi44NjV2NC45OTdjMCAxLjg4MyAxLjMzMiAzLjEzIDMuMDg0IDMuMTNhMi45NyAyLjk3IDAgMCAwIDIuMTUtLjg3N3YuNzQzaDEuMjExVjIuODY0SDUuMjIzdjQuOTM0YzAgMS4yNjUtLjg3IDIuMTItMS45OTUgMi4xMjJjLTEuMTM5LS4wMDItMS45OTctLjgzNC0xLjk5Ny0yLjEyMlYyLjg2NXptNy4zNjMgMHY3Ljk5M2gxLjE2MnYtLjczMmEzIDMgMCAwIDAgMi4xMTguODc2YTMuMDQ0IDMuMDQ0IDAgMSAwIDAtNi4wODZhMi45NyAyLjk3IDAgMCAwLTIuMTA3Ljg3NlYyLjg2NXptOS44ODUgMi4wNTZhMy4wMiAzLjAyIDAgMCAwLTMuMDM1IDMuMDI0YzAgMS43MzcgMS4zNzMgMy4wMzcgMy4xNTMgMy4wMzdhMy4xMiAzLjEyIDAgMCAwIDIuNTU4LTEuMjQzbC0uODUtLjYxOGEyLjA1IDIuMDUgMCAwIDEtMS43MDguODU4YTEuOTcgMS45NyAwIDAgMS0xLjk3LTEuNjU1aDQuODE3di0uMzc5YzAtMS43MzQtMS4yNTQtMy4wMjQtMi45NjQtMy4wMjR6bTYuMTYzLjA2NmExLjYgMS42IDAgMCAwLTEuMzc2Ljc2NnYtLjcxOWgtMS4xNjN2NS44MjRoMS4xNzRWNy41NDZjMC0uOTAyLjU1OS0xLjQ4NCAxLjMyNy0xLjQ4NGguNDk1VjQuOTg5em0tNi4yMDMuOTQ0YTEuODQ0IDEuODQ0IDAgMCAxIDEuODM0IDEuNDg2aC0zLjYxOGExLjg0NCAxLjg0NCAwIDAgMSAxLjc4NC0xLjQ4Nm0tNi42NTkuMDA2YTIuMDIxIDIuMDIxIDAgMSAxIC4wMDIgNC4wNDJhMi4wMiAyLjAyIDAgMCAxLTEuNDE2LS41OThhMi4wMiAyLjAyIDAgMCAxLS41ODUtMS40MjJhMi4wMiAyLjAyIDAgMCAxIC41ODQtMS40MjJhMi4wMiAyLjAyIDAgMCAxIDEuNDE1LS42TTAgMTIuOTg3djcuOTcxaDUuNzIydi0xLjM2N0gxLjU0NnYtMS45N0g1LjYxdi0xLjMxNUgxLjU0NXYtMS45NTVoNC4xNzZ2LTEuMzY1em0xNC41Ni40MXYxLjY4NWgtMS4xNXYxLjMzOGgxLjE1NHYzLjE0M2MwIC43OTMuNTcyIDEuNDIxIDEuNiAxLjQyMWgxLjY0M2wtLjAwNi0xLjMzOEgxNi42NmMtLjM0OCAwLS41NzItLjE1LS41NzItLjQ2NHYtMi43NjhIMTcuOHYtMS4zMzJoLTEuNzA2di0xLjY4NnptLTUuMjk3IDEuNTI3YTMuMTAzIDMuMTAzIDAgMSAwIC4wNyA2LjIwNWEzIDMgMCAwIDAgMS45MTMtLjY2NnYuNTMyaDEuNTE3di01LjkxM2gtMS41MDl2LjUyNmEzIDMgMCAwIDAtMS45Mi0uNjg0em0xMS43NzEuMDA3Yy0xLjU4NSAwLTIuNy42NDQtMi43IDEuODg2YzAgLjg2LjYxMyAxLjQyMSAxLjkzNiAxLjY5NWwxLjQ0OC4zMjhjLjU3LjExLjcyMi4yNTkuNzIyLjQ5YzAgLjM3MS0uNDM4LjYwMy0xLjEyNy42MDNjLS44NzYgMC0xLjM3OC0uMTktMS41NzMtLjg0OGgtMS41MzNjLjIyIDEuMjMxIDEuMTU3IDIuMDUgMy4wNDkgMi4wNWguMDAyYzEuNzUyIDAgMi43NDItLjgxOSAyLjc0Mi0xLjk1M2MwLS44MDYtLjU4NS0xLjQwOC0xLjgwOS0xLjY2N2wtMS4yOTQtLjI2Yy0uNzUxLS4xMzYtLjk4OC0uMjc0LS45ODgtLjU0NmMwLS4zNTcuMzYxLS41NzUgMS4wMy0uNTc1Yy43MjIgMCAxLjI1Mi4xOTIgMS40MDUuODQ3aDEuNTE4Yy0uMDg2LTEuMjI5LS45OS0yLjA1LTIuODI3LTIuMDVtLTExLjU2NyAxLjI1YzEuMDEuMDEgMS44MTkuODM3IDEuODA3IDEuODQ3QTEuOCAxLjggMCAwIDEgOS40NSAxOS44M2ExLjgyNCAxLjgyNCAwIDAgMSAuMDE4LTMuNjQ4Ii8+PC9zdmc+") center / contain no-repeat;
}

.wahub-channel-mark[data-brand="mercado-livre"] {
    font-size: 0;
}

.wahub-channel-mark[data-brand="mercado-livre"]::after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: var(--white);
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNDggNDgiPjxlbGxpcHNlIGN4PSIyNCIgY3k9IjI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiByeD0iMTkuNSIgcnk9IjEyLjk3OCIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik05LjcwNCAxNS41M2EyMC44IDIwLjggMCAwIDAgNi4zODYgMS44NjZhMjMgMjMgMCAwIDAgNC41NDYtLjc3MyIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0zOC44ODIgMTUuNjE0YTguNiA4LjYgMCAwIDEtNS4xNjUgMS40ODVjLTMuMzM1IDAtNi4yMjUtMi4xOTktOS4yMTUtMi4xOTljLTIuNjY4IDAtNy4xODkgNC4zNzMtNy4xODkgNS4xNjRzMS4zMSAxLjI2IDIuMzcyLjc0Yy42MjEtLjMwMyAzLjMxLTIuOTE0IDUuNDg0LTIuOTE0czkuMjE5IDcuMTM2IDkuODU3IDcuODA2Yy45ODkgMS4wMzgtLjkyNiAzLjI3NC0yLjE0OSAyLjA1cy0zLjQxLTMuMTYyLTMuNDEtMy4xNjIiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNNDMuNCAyMi42ODNhMjQgMjQgMCAwIDAtOC41NDcgMi42OTJtLTIuMjczIDIuMDgxYy45ODkgMS4wMzctLjkyNiAzLjI3My0yLjE0OSAyLjA1cy0yLjU4MS0yLjUxMy0yLjU4MS0yLjUxMyIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0zMC4xMzUgMjkuMjE1Yy45ODggMS4wMzctLjkyNyAzLjI3My0yLjE1IDIuMDVzLTIuMDI1LTEuOTYyLTIuMDI1LTEuOTYyIi8+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTI0LjIwMiAzMS4zMTZhMi4zMSAyLjMxIDAgMCAwIDMuNjQ4LS4xODYiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMjQuMjAyIDMxLjMxNmMuNTMtLjY5Ny40OS0zLjE4Mi0yLjI0NC0yLjY4OGMuNjQyLTEuMjE5LjA2Ni0zLjE0Ni0yLjM4OC0yLjAxYTEuNjkgMS42OSAwIDAgMC0zLjE0Ni0uNjU4YTEuNDU1IDEuNDU1IDAgMCAwLTIuOC0uMjhjLS41NDQgMS4xMDQuMjk2IDMuMDk2IDIuMDkyIDEuOTc2Yy0uMTgyIDEuOTQ0Ljg0IDIuNTM3IDIuNjg0IDEuNzhjLjA5OSAxLjkxIDEuMzY3IDEuNzQ1IDIuMjczIDEuM2ExLjkzOCAxLjkzOCAwIDAgMCAzLjUyOS41OCIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik00LjY3IDIyLjI3OWExOC4zIDE4LjMgMCAwIDEgOS4wNjQgMy4yMTQiLz48L3N2Zz4=") center / contain no-repeat;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNDggNDgiPjxlbGxpcHNlIGN4PSIyNCIgY3k9IjI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiByeD0iMTkuNSIgcnk9IjEyLjk3OCIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik05LjcwNCAxNS41M2EyMC44IDIwLjggMCAwIDAgNi4zODYgMS44NjZhMjMgMjMgMCAwIDAgNC41NDYtLjc3MyIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0zOC44ODIgMTUuNjE0YTguNiA4LjYgMCAwIDEtNS4xNjUgMS40ODVjLTMuMzM1IDAtNi4yMjUtMi4xOTktOS4yMTUtMi4xOTljLTIuNjY4IDAtNy4xODkgNC4zNzMtNy4xODkgNS4xNjRzMS4zMSAxLjI2IDIuMzcyLjc0Yy42MjEtLjMwMyAzLjMxLTIuOTE0IDUuNDg0LTIuOTE0czkuMjE5IDcuMTM2IDkuODU3IDcuODA2Yy45ODkgMS4wMzgtLjkyNiAzLjI3NC0yLjE0OSAyLjA1cy0zLjQxLTMuMTYyLTMuNDEtMy4xNjIiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNNDMuNCAyMi42ODNhMjQgMjQgMCAwIDAtOC41NDcgMi42OTJtLTIuMjczIDIuMDgxYy45ODkgMS4wMzctLjkyNiAzLjI3My0yLjE0OSAyLjA1cy0yLjU4MS0yLjUxMy0yLjU4MS0yLjUxMyIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0zMC4xMzUgMjkuMjE1Yy45ODggMS4wMzctLjkyNyAzLjI3My0yLjE1IDIuMDVzLTIuMDI1LTEuOTYyLTIuMDI1LTEuOTYyIi8+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTI0LjIwMiAzMS4zMTZhMi4zMSAyLjMxIDAgMCAwIDMuNjQ4LS4xODYiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMjQuMjAyIDMxLjMxNmMuNTMtLjY5Ny40OS0zLjE4Mi0yLjI0NC0yLjY4OGMuNjQyLTEuMjE5LjA2Ni0zLjE0Ni0yLjM4OC0yLjAxYTEuNjkgMS42OSAwIDAgMC0zLjE0Ni0uNjU4YTEuNDU1IDEuNDU1IDAgMCAwLTIuOC0uMjhjLS41NDQgMS4xMDQuMjk2IDMuMDk2IDIuMDkyIDEuOTc2Yy0uMTgyIDEuOTQ0Ljg0IDIuNTM3IDIuNjg0IDEuNzhjLjA5OSAxLjkxIDEuMzY3IDEuNzQ1IDIuMjczIDEuM2ExLjkzOCAxLjkzOCAwIDAgMCAzLjUyOS41OCIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik00LjY3IDIyLjI3OWExOC4zIDE4LjMgMCAwIDEgOS4wNjQgMy4yMTQiLz48L3N2Zz4=") center / contain no-repeat;
}
.wahub-channel-mark[data-brand="magalu"] {
    font-size: 0;
}

.wahub-channel-mark[data-brand="magalu"]::after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: var(--white);
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik05LjUgNS41aDI5YzIuMjE2IDAgNCAxLjc4NCA0IDR2MjljMCAyLjIxNi0xLjc4NCA0LTQgNGgtMjljLTIuMjE2IDAtNC0xLjc4NC00LTR2LTI5YzAtMi4yMTYgMS43ODQtNCA0LTQiLz48ZyBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJtMjAuODcgMTMuMzM1bC4yMjYtLjQ4bS45MDIuMTU2bC4zMi0uNjQ2bS43NTIuMzIxbC4yNDctLjQ2M20tMy4zODMgMS4wMTNsLS4yNTYtLjM0NG05LjYxOSAxMi43MzVsLjkxMSA0Ljc0N00yMC43NCAzMS43NGMtLjAxOCAxLjg0NS0uNDE0IDMuMjktLjkyNSA0Ljg2NWMtMS44NzIgMi4xOTMtMi44NSAzLjg0Ny0yLjc0MyA1Ljc3MW0xMC4wMzUtNy43Yy00LjAzMiAzLjE3NC01LjU2NCAzLjA5Mi03LjgyIDUuMzA1YTUuNyA1LjcgMCAwIDAtMS40MyAyLjI1Ii8+PHBhdGggZD0ibTIwLjY4NyA0Mi4zMTVsNS43MTEtNi4wMTdjMS4wOS0yLjU4OCAyLjYwMi00LjIxMSA0LjA0NC02LjIwNWwyLjQ3MyAzLjc2OGMtMi40MjIgMS4zODMtNC42NSAzLjIzOS00LjY1NCA2LjAxbC0yLjc5OC42NmwxLjcwMy44OTFsLTEuNjgyIDEuMDM4bS0xMS43NTktLjAyYy4xNDctMS42MTYgMS4xOTQtMi45MzUgMi4zNTQtNC4xOTZsLjgyLjI4YzEuMDItMS45MyAyLjEzNC0zLjY1IDMuNTAzLTQuMjI0bTEyLjQtLjEwNWMxLjk1NSAxLjQxIDMuNzMgMi40MTMgNC41OTIgMy40ODZjMiAuNTI3IDMuMjY0IDEuODg0IDIuODg2IDQuMDFtLTQuNTc2LTIuNjAxYy0xLjY0OS4wNjktMi45NjQgMS44NzctMy4xMTcgMy4zNjJNMjkuNDggMjQuNTc3Yy0uNjg3IDIuNzYtMi40MTMgNS4xOTktNy4zMSA2LjgyN2MtLjk4NS4zMjgtMS44NjQuMTM5LTIuMjUyLS4yNTFjLTEuMDA3LTEuMDE0LTEuNjE4LTIuMDY2LTIuMjkzLTMuMTc0Yy0uNDkzLS44MS0xLjM1NC0xLjYwMS0xLjc2LTIuNTI3Yy0uOTQ4LTIuMTYtLjYwNi00LjE4LS43MTUtNi42OTdtMTYuNjQzLTEuMzJjLjg5NC42OTUuODE2IDMuMjI5LjMzOCAzLjkyYy0uMjQxLjM0OC0uNTA0LjU0MS0uNzIzLjcxM20tMTEuOTA2IDIuMDY0bC4wMjYtLjgwMm0tNS40NDEtMy45MThjMS4wMDctMy4xMjQgMy4yMTktOC42MjkgOS42NTEtNy42MiIvPjxwYXRoIGQ9Ik0zNS4wMzMgMjAuMjIyQzM0LjA1IDExLjgyIDMxLjI5NSA2LjgwOSAyNS4wMiA2LjQwOWMtNS45NTItMi4zOTUtMTEuNjk4IDIuMTYtMTIuNjE1IDcuNjc3Yy0uMTM3LjgyMS4yMDUgMS40NDIuNDc4IDIuMDciLz48cGF0aCBkPSJNMjMuODM5IDEyLjY1MmMxLjk4NCAxLjI1OCA0LjU0IDIuNjczIDYuMDgzIDQuNzcxbTEuMjM2LTUuNjY3YzEuMjQ4IDIuNTIgMS40MTEgNS41MjItLjExNCA1LjgxMW0tMTguMTY1LjMyM2wtLjYyOC40MDNjLjE0OC45NiAxLjYxIDIuNzggMi42MzYgMS4zMzltMS40NTMgNy4wNDVjLjIwOSAxLjU3LS4yMjMgMi44Ny0uOTIgNC4wMjVtMS42MTItMy4zMDRjLjE2IDEuNjg4LjUwOCAzLjQzMy0uODg2IDQuNjY4bS0uNTYyIDEuMTI4YzEuNjgzIDEuMDI4IDMuNDk3LjUwMyA1LjExLS43NTRtMTQuNjQ4LTIuODE2Yy0xLjgwNC0uNjk4LTIuMjg1LTIuNjQyLTEuODU2LTUuOGMuMTI0LS45Mi4zLTEuODg2LjQ1Mi0yLjg3Nm0tMjAuOTM5LTQuNDljLjUxNy0xLjkyNyAxLjk0NS0zLjQ3NyAzLjQ5LTQuOTcxbTE1LjU3OSAyMC44MDZjMS43NTkuOTA4IDQuMjIzLjA3NSA0LjktMS45M2MtMS4xLjUzMS0yLjI0LjE1NS0zLjAxNS0uMzQzTTIzLjg0NCA4LjEyNWwuNTYzLS4zNTJtLjE5OCAyLjM4N2wuNjY1LjE0Mm0tLjk2Mi0xLjIzN2wuNDExLS4xNTEiLz48cGF0aCBkPSJNMjguNTkzIDE2LjAyYzEuMjcxIDEuODk3IDEuMjMgNC4zODYgMS4wMDEgNi4wNDVtLjc3LjU2NWMuNTQ3LjQ4OC42MTMgMS41OC40ODMgMi4zNjIiLz48L2c+PC9zdmc+") center / contain no-repeat;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik05LjUgNS41aDI5YzIuMjE2IDAgNCAxLjc4NCA0IDR2MjljMCAyLjIxNi0xLjc4NCA0LTQgNGgtMjljLTIuMjE2IDAtNC0xLjc4NC00LTR2LTI5YzAtMi4yMTYgMS43ODQtNCA0LTQiLz48ZyBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJtMjAuODcgMTMuMzM1bC4yMjYtLjQ4bS45MDIuMTU2bC4zMi0uNjQ2bS43NTIuMzIxbC4yNDctLjQ2M20tMy4zODMgMS4wMTNsLS4yNTYtLjM0NG05LjYxOSAxMi43MzVsLjkxMSA0Ljc0N00yMC43NCAzMS43NGMtLjAxOCAxLjg0NS0uNDE0IDMuMjktLjkyNSA0Ljg2NWMtMS44NzIgMi4xOTMtMi44NSAzLjg0Ny0yLjc0MyA1Ljc3MW0xMC4wMzUtNy43Yy00LjAzMiAzLjE3NC01LjU2NCAzLjA5Mi03LjgyIDUuMzA1YTUuNyA1LjcgMCAwIDAtMS40MyAyLjI1Ii8+PHBhdGggZD0ibTIwLjY4NyA0Mi4zMTVsNS43MTEtNi4wMTdjMS4wOS0yLjU4OCAyLjYwMi00LjIxMSA0LjA0NC02LjIwNWwyLjQ3MyAzLjc2OGMtMi40MjIgMS4zODMtNC42NSAzLjIzOS00LjY1NCA2LjAxbC0yLjc5OC42NmwxLjcwMy44OTFsLTEuNjgyIDEuMDM4bS0xMS43NTktLjAyYy4xNDctMS42MTYgMS4xOTQtMi45MzUgMi4zNTQtNC4xOTZsLjgyLjI4YzEuMDItMS45MyAyLjEzNC0zLjY1IDMuNTAzLTQuMjI0bTEyLjQtLjEwNWMxLjk1NSAxLjQxIDMuNzMgMi40MTMgNC41OTIgMy40ODZjMiAuNTI3IDMuMjY0IDEuODg0IDIuODg2IDQuMDFtLTQuNTc2LTIuNjAxYy0xLjY0OS4wNjktMi45NjQgMS44NzctMy4xMTcgMy4zNjJNMjkuNDggMjQuNTc3Yy0uNjg3IDIuNzYtMi40MTMgNS4xOTktNy4zMSA2LjgyN2MtLjk4NS4zMjgtMS44NjQuMTM5LTIuMjUyLS4yNTFjLTEuMDA3LTEuMDE0LTEuNjE4LTIuMDY2LTIuMjkzLTMuMTc0Yy0uNDkzLS44MS0xLjM1NC0xLjYwMS0xLjc2LTIuNTI3Yy0uOTQ4LTIuMTYtLjYwNi00LjE4LS43MTUtNi42OTdtMTYuNjQzLTEuMzJjLjg5NC42OTUuODE2IDMuMjI5LjMzOCAzLjkyYy0uMjQxLjM0OC0uNTA0LjU0MS0uNzIzLjcxM20tMTEuOTA2IDIuMDY0bC4wMjYtLjgwMm0tNS40NDEtMy45MThjMS4wMDctMy4xMjQgMy4yMTktOC42MjkgOS42NTEtNy42MiIvPjxwYXRoIGQ9Ik0zNS4wMzMgMjAuMjIyQzM0LjA1IDExLjgyIDMxLjI5NSA2LjgwOSAyNS4wMiA2LjQwOWMtNS45NTItMi4zOTUtMTEuNjk4IDIuMTYtMTIuNjE1IDcuNjc3Yy0uMTM3LjgyMS4yMDUgMS40NDIuNDc4IDIuMDciLz48cGF0aCBkPSJNMjMuODM5IDEyLjY1MmMxLjk4NCAxLjI1OCA0LjU0IDIuNjczIDYuMDgzIDQuNzcxbTEuMjM2LTUuNjY3YzEuMjQ4IDIuNTIgMS40MTEgNS41MjItLjExNCA1LjgxMW0tMTguMTY1LjMyM2wtLjYyOC40MDNjLjE0OC45NiAxLjYxIDIuNzggMi42MzYgMS4zMzltMS40NTMgNy4wNDVjLjIwOSAxLjU3LS4yMjMgMi44Ny0uOTIgNC4wMjVtMS42MTItMy4zMDRjLjE2IDEuNjg4LjUwOCAzLjQzMy0uODg2IDQuNjY4bS0uNTYyIDEuMTI4YzEuNjgzIDEuMDI4IDMuNDk3LjUwMyA1LjExLS43NTRtMTQuNjQ4LTIuODE2Yy0xLjgwNC0uNjk4LTIuMjg1LTIuNjQyLTEuODU2LTUuOGMuMTI0LS45Mi4zLTEuODg2LjQ1Mi0yLjg3Nm0tMjAuOTM5LTQuNDljLjUxNy0xLjkyNyAxLjk0NS0zLjQ3NyAzLjQ5LTQuOTcxbTE1LjU3OSAyMC44MDZjMS43NTkuOTA4IDQuMjIzLjA3NSA0LjktMS45M2MtMS4xLjUzMS0yLjI0LjE1NS0zLjAxNS0uMzQzTTIzLjg0NCA4LjEyNWwuNTYzLS4zNTJtLjE5OCAyLjM4N2wuNjY1LjE0Mm0tLjk2Mi0xLjIzN2wuNDExLS4xNTEiLz48cGF0aCBkPSJNMjguNTkzIDE2LjAyYzEuMjcxIDEuODk3IDEuMjMgNC4zODYgMS4wMDEgNi4wNDVtLjc3LjU2NWMuNTQ3LjQ4OC42MTMgMS41OC40ODMgMi4zNjIiLz48L2c+PC9zdmc+") center / contain no-repeat;
}
.wahub-channel-mark[data-brand="shein"] {
    font-size: 0;
}

.wahub-channel-mark[data-brand="shein"]::after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: var(--white);
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMS41NTMgMzkuMTEzYzIuNDQgMi45MjQgNS4zNyA0LjM4NyA5Ljc2MyA0LjM4N2g1Ljg1N2M1LjM3IDAgOS43NjItNC4zODcgOS43NjItOS43NVMzMi41NDIgMjQgMjcuMTczIDI0aC02LjM0NWMtNS4zNyAwLTkuNzYzLTQuMzg3LTkuNzYzLTkuNzVzNC4zOTMtOS43NSA5Ljc2My05Ljc1aDUuODU3YzQuMzkzIDAgNy4zMjEuOTc1IDkuNzYyIDQuMzg4Ii8+PC9zdmc+") center / contain no-repeat;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMS41NTMgMzkuMTEzYzIuNDQgMi45MjQgNS4zNyA0LjM4NyA5Ljc2MyA0LjM4N2g1Ljg1N2M1LjM3IDAgOS43NjItNC4zODcgOS43NjItOS43NVMzMi41NDIgMjQgMjcuMTczIDI0aC02LjM0NWMtNS4zNyAwLTkuNzYzLTQuMzg3LTkuNzYzLTkuNzVzNC4zOTMtOS43NSA5Ljc2My05Ljc1aDUuODU3YzQuMzkzIDAgNy4zMjEuOTc1IDkuNzYyIDQuMzg4Ii8+PC9zdmc+") center / contain no-repeat;
}
.wahub-channel-mark[data-brand="rappi"] {
    font-size: 0;
}

.wahub-channel-mark[data-brand="rappi"]::after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: var(--white);
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xOC41NCAxOC4yNWE0LjggNC44IDAgMCAwLTIuMTIuNDFjLTQuODIgMi4xOC01LjggNy4zNC0xMS44NyAzLjEyYzIuNjQgOS4wOSAxMC40NSA3Ljk0IDEyLjYyIDcuODdhOS43NSA5Ljc1IDAgMCAwIDYuODgtMy40YTkuNzUgOS43NSAwIDAgMCA2Ljg4IDMuNGMyLjIxLjA3IDEwIDEuMjIgMTIuNjItNy44N2MtNi4xIDQuMjYtNy4wNy0uOTQtMTEuODctMy4xMmMtMi42Mi0xLjE4LTYgLjM2LTcuNTkgMi40N2E3LjU3IDcuNTcgMCAwIDAtNS40OC0yLjg4WiIvPjwvc3ZnPg==") center / contain no-repeat;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xOC41NCAxOC4yNWE0LjggNC44IDAgMCAwLTIuMTIuNDFjLTQuODIgMi4xOC01LjggNy4zNC0xMS44NyAzLjEyYzIuNjQgOS4wOSAxMC40NSA3Ljk0IDEyLjYyIDcuODdhOS43NSA5Ljc1IDAgMCAwIDYuODgtMy40YTkuNzUgOS43NSAwIDAgMCA2Ljg4IDMuNGMyLjIxLjA3IDEwIDEuMjIgMTIuNjItNy44N2MtNi4xIDQuMjYtNy4wNy0uOTQtMTEuODctMy4xMmMtMi42Mi0xLjE4LTYgLjM2LTcuNTkgMi40N2E3LjU3IDcuNTcgMCAwIDAtNS40OC0yLjg4WiIvPjwvc3ZnPg==") center / contain no-repeat;
}
.wahub-channel-mark[data-brand="olx"] {
    font-size: 0;
}

.wahub-channel-mark[data-brand="olx"]::after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: var(--white);
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNDggNDgiPjxjaXJjbGUgY3g9IjEzLjMyNSIgY3k9IjIzLjg5NCIgcj0iOC44MjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMzIuMjY1IDE4LjM4Mkw0My41IDI5LjYxOG0tMTEuMjM1IDBMNDMuNSAxOC4zODJtLTE2LjE5OC01LjYxN3YyMi40NyIvPjwvc3ZnPg==") center / contain no-repeat;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNDggNDgiPjxjaXJjbGUgY3g9IjEzLjMyNSIgY3k9IjIzLjg5NCIgcj0iOC44MjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMzIuMjY1IDE4LjM4Mkw0My41IDI5LjYxOG0tMTEuMjM1IDBMNDMuNSAxOC4zODJtLTE2LjE5OC01LjYxN3YyMi40NyIvPjwvc3ZnPg==") center / contain no-repeat;
}
.wahub-channel-mark[data-brand="mercado-livre"]::after,
.wahub-channel-mark[data-brand="rappi"]::after {
    background: var(--navy);
}

.wahub-channel-mark[data-brand="madeira"],
.wahub-channel-mark[data-brand="elo7"] {
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px;
}

.wahub-channel-mark[data-brand="madeira"] {
    background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wgARCAAwADADASIAAhEBAxEB/8QAGgABAAIDAQAAAAAAAAAAAAAABwUGAAMEAv/EABcBAQEBAQAAAAAAAAAAAAAAAAMCBAb/2gAMAwEAAhADEAAAAS2fTffLdDUbHYcBYYTby5yRrUZIIpq0d3RNbDBBgbk6VwlsYZ3tptchEuANa/rzf//EAB8QAAMBAAIDAAMAAAAAAAAAAAIDBAEFBgASExEUMv/aAAgBAQABBQKXj7Kgl69SeL6/CJzzonEswh5ZAy8iOYI+KUCAYkHh52xHpbI7KJZJdBQYddOaxDXT/eftYEXGdUMi4zjjL9uTcXdyuqIrv4rTlE3U3+ls5/N7YzYwF0YutFLfC3BziaBl5EdwhopROLOwQibuyWfm3k77M//EACQRAAICAAUDBQAAAAAAAAAAAAECAAMFERIhUQQiMRMygaHw/9oACAEDAQE/Aa8LqHu3lZprbtXbmYpXqq1cR2e3pw44nqZWivLtIiVM9DLn58TDGD0lDLgFAV3H75gxFahpG/1P/8QAJREAAgECBQMFAAAAAAAAAAAAAQMCABEEBRIhIhNRYTEyQaHh/9oACAECAQE/AW5y+Xs2pkcQ2POVz2rJm6X6O9LgtOLK5D5sK6QKS7VyBpjorxMZW9LX81m8CvEBgpBMiZLWd/P5Usqm865cfuv/xAAtEAACAQICBgsBAQAAAAAAAAABAgADESExBBIiMlFxEBMUI0FCYYGhsfBzkf/aAAgBAQAGPwLXoUGZeOQ+ZevUSj6bxgLGs44FsPiWoUkp8hnCrAEHMGVqKboOHvjAqgADIDo67SBcncSdbo2fmTh0JXFu9XHmPwlOuLba3wN7TtDJrt5VlmbaMwurLO0BQj2uRxgYDcqAn6hUnBKhA+4g1jaEtgFvFIB1iLg8RNH/AJCVKBttrbEXtHoG3erhzH4xHPgY1Sm6FWNxjFRqVCpq5a0DdWmyLWSEsdUDMnwlGs+6Dj74QMpBBxBEvXqpT5nOEKKz+oXCX0VVoeu8ZbSNIZgcwAAD/k//xAAiEAEAAgIBBAMBAQAAAAAAAAABABEhMUFRYYGREHGhscH/2gAIAQEAAT8hedSKN9NL1xBxxHDC3zWP2FlWzC9B/ZXqUDiaat2+YeF6BYnScoXPQADxdQ8LUCgOnwD5iee7GxUM8/0+DKgoybcF+n0mPUFchyX2cSyGq/8AdiTA2r0Ual4S2ZXMeQwestRCO9FP9JLWQH0KP6WGXbsq8aj97H0wQoIdfEzF6S+Q4a7OYbUFmDblr0+kDRDX6jMuJ3w2MKStltEVm4hPgqigG7gBafaBT4u4OF7CxOsq1KU3U3Rt8Q8qaML2j+TLhxWq33x7I6z2yiXkAOuZ/9oADAMBAAIAAwAAABAj2T+ZwfTT/8QAHxEBAAICAgIDAAAAAAAAAAAAAREhADFBYVGhgbHh/9oACAEDAQE/EBxaueD1fvNOpRWp8TuOJ1NYQktb6a+4xyY2e4LK1OTtYOKN+oxmSJQ8WwSrJitaUjp/ZykG1JeuhxjauFINu5V+c//EACERAQACAgICAgMAAAAAAAAAAAERIQAxQWFRoXGxgcHh/9oACAECAQE/EFEAeKl916y5ME3ZjzGp5jcXrGRNFrsv6nJwGx4lphGY+/OasNm7Sr+Zm/3GD+DIuwKwBDfGE/sGez+Rj5/KKb7RvucEJJbFFHUAfjP/xAAgEAEAAgMBAAMAAwAAAAAAAAABESEAMVFBEGGhkbHw/9oACAEBAAE/ECgHVqUsCKhtHsYmBqKIgARFJZH4RuJYi24iXpN0NelZKLHzEI9SS2ltfcW80okQoaRKhxZ6Vz3BVYGSyxPuDeeUGIAFAFQfBWSTsPj4ZAN/9k7P99YiMNOUdXjQaQ0EUjqvWIEuKENLbItWNGDlkHiLJJv5jFzSK2ET6FRlVBRx49Mai8/UmPFO5Vb2hPKvdODvByqXNBPCrduXsaDEnklv0isPqprgYGvfgmd4nxiEmOKENrbANWEI3gZHytJAJQTWeIfGYqr92v8AMC3gCMKYTuLPkGIWYyqDiWBdE/hg1LtAJSaABVdZJEc1+aIrBwC4j3DvFEJEgSkS5yaUFiEJ9SSUFs7kCU9OI1rNWNcvIceFJESUQMSCF9uyEdgqFRpxQkGEqM//2Q==");
}

.wahub-channel-mark[data-brand="elo7"] {
    background-image: url("data:image/x-icon;base64,AAABAAEAEBAAAAAAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAAAAAAAAAxuPz/M7j8/zO4/P8xuPz/Mbj8/zG4/P8zuPz/M7n8/zG4/P8zufz/M7n8/zO4/P8zufz/M7j8/zO5/P8zufz/M7j8/zG4/P8xuPz/O7v8/5ba/v82uvz/M7n8/zG4/P8zuPz/M7n8/zO4/P8zuPz/Mbj8/zG4/P8xuPz/Mbj8/zG4/P8zufz/M7j8/zy8/P/x+v//gtP9/zO5/P8zufz/Mbj8/zO5/P8zufz/M7n8/zG4/P8xuPz/M7j8/zO5/P8zuPz/Mbj8/zO5/f8xuPz/ltr+/+r3//87u/z/Mbj8/zG4/P8zufz/Mbj8/zG4/P8zuPz/M7n8/zG4/P8zufz/Mbj8/zG4/P8zuPz/M7j8/z67/P/x+v//mNr+/zG4/P8zufz/M7n8/zO4/P8zufz/M7n8/zG4/P8xuPz/M7n8/zG4/P8zufz/Mbj8/zO5/P8xuPz/m9v9//X8//9Jv/3/M7n8/zO5/P8xuPz/Mbj8/zO4/P8zufz/M7n8/zO4/P8zufz/M7n8/zO4/P8zufz/M7n8/0G9/P/0+///wej+/zG4/P8xuPz/Mbj8/zO4/P8zufz/Mbj8/zO4/P8xuPz/Mbj8/zO5/P8zufz/M7n8/zG4/P8zuPz/ktn+//////+H1P7/Mbj8/zO5/P8zufz/M7j8/zG4/P8zufz/M7n8/zO4/P8zufz/M7n8/zO4/P8zufz/M7n8/zi6/P/k9P//+v3//1vG/f8zuPz/Mbj8/zO5/P8zufz/M7n8/zO4/P8zuPz/Mbj8/zG4/P8zufz/Mbj8/zG4/P8zufz/dc/9///////o9f//RL78/zO5/P8xuPz/Mbj8/zG4/P8xuPz/Mbj8/zG4/P8zufz/M7n8/zG4/P8zufz/M7j8/zG4/P/E6v///////87s/v85uvz/M7n8/zO5/P8zuPz/M7n8/zO5/P8zufz/M7n8/5HY/v+65v//k9n+/13G/P8zuPz/Sb/8//T7////////uub//zW5/P8zuPz/Mbj8/zO5/P8xuPz/M7n8/zO5/P+z4/7/////////////////7/n//73n/v/V7/////////////+f3f3/Mbj8/zO5/P8zufz/M7j8/zG4/P8zufz/WMX9//j8////////////////////////////////////////sOL//zO5/P8zufz/M7n8/zO5/P8zuPz/Mbj8/zG4/P9Iv/z/acv+/1/H/f9Qwv3/TMH9/1DB/f+C0/7/ltr+/zy7/P8zufz/M7n9/zO4/P8zufz/Mbj8/zO4/P8zufz/M7j8/zO4/P8zuPz/M7n8/zO4/P8xuPz/Mbj8/zO5/P8xuPz/M7n8/zG4/P8xuPz/AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//w==");
}
.wahub-channels-unified {
    padding: clamp(24px, 4vw, 46px);
}

.wahub-unified-intro {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(280px, 1.1fr);
    gap: clamp(24px, 5vw, 72px);
    align-items: end;
    margin-bottom: 26px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--line);
}

.wahub-unified-intro h3 {
    margin: 12px 0 0;
    color: var(--navy);
    font-size: clamp(1.35rem, 2.2vw, 1.8rem);
}

.wahub-unified-intro p {
    margin: 0;
    color: var(--muted);
}

.wahub-channels-unified .wahub-channel-list {
    gap: 8px 18px;
    border-top: 0;
}

.wahub-channels-unified .wahub-channel-list li {
    padding: 14px 8px;
    border-bottom: 0;
    border-radius: 12px;
    transition: background-color .2s ease, transform .2s ease;
}

.wahub-channels-unified .wahub-channel-list li:hover {
    background: #f2f6fb;
    transform: translateY(-2px);
}

.wahub-channels-unified .wahub-channels-disclaimer {
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
}

.wahub-channels-disclaimer {
    max-width: 78ch;
    margin: 22px 0 0;
    color: var(--muted);
    font-size: 13px;
}

.wahub-channels-disclaimer strong {
    color: var(--navy);
}

@media (max-width: 900px) {
    .wahub-channels-heading {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .wahub-unified-intro {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .wahub-channel-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .wahub-channel-group {
        padding: 24px 18px;
    }

    .wahub-channel-group-heading {
        align-items: flex-start;
    }

    .wahub-channel-group-heading > strong {
        font-size: 2rem;
    }

    .wahub-channel-list {
        grid-template-columns: 1fr;
    }

    .wahub-channel-list li {
        padding-inline: 4px;
    }
}

/* WAHub: barra de produto, hero enxuto, IA e vitrine de canais */
.wahub-product-bar {
    position: relative;
    z-index: 4;
    color: var(--white);
    background: var(--navy);
    border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.wahub-product-bar-inner {
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.wahub-product-name {
    display: inline-flex;
    align-items: baseline;
    flex: 0 0 auto;
    gap: 8px;
    color: var(--white);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -.02em;
}

.wahub-product-name span {
    color: var(--orange-light);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.wahub-product-links {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    gap: 18px;
    margin-left: 18px;
}

.wahub-product-links a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: rgba(255, 255, 255, .78);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.wahub-product-links a::after {
    content: '↘';
    margin-left: 6px;
    color: var(--orange-light);
}

.wahub-product-links a:hover,
.wahub-product-links a:focus-visible {
    color: var(--white);
}

.wahub-product-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 8px;
    min-height: 44px;
    padding: 8px 16px;
    color: var(--navy);
    background: var(--orange);
    font-size: 12px;
    font-weight: 800;
}

.wahub-product-cta:hover,
.wahub-product-cta:focus-visible {
    color: var(--navy);
    background: var(--orange-light);
}

.wahub-product-bar a:focus-visible,
.wahub-hero a:focus-visible,
.wahub-ai-section a:focus-visible {
    outline: 3px solid var(--orange-light);
    outline-offset: 3px;
}

.wahub-hero {
    min-height: min(680px, max(560px, calc(100svh - var(--header-height))));
}

.wahub-hero .module-hero-grid,
.wahub-hero .module-hero-copy {
    min-height: min(680px, max(560px, calc(100svh - var(--header-height))));
}

.wahub-hero .module-hero-copy {
    width: 100%;
    max-width: 100%;
    align-items: center;
    padding-top: 56px;
    padding-bottom: 48px;
    text-align: center;
}

.wahub-hero .module-breadcrumb {
    justify-content: center;
}

.wahub-hero .module-hero-copy h1 {
    width: 100%;
    max-width: 980px;
    margin-bottom: 18px;
    text-wrap: balance;
}

.wahub-hero .module-hero-copy > p:not(.eyebrow) {
    width: 100%;
    max-width: 680px;
}

.wahub-hero-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 16px;
    margin-top: 24px;
}

.wahub-hero-actions .button {
    margin-top: 0;
}

.wahub-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 2px;
    color: var(--white);
    border-bottom: 1px solid rgba(255, 255, 255, .58);
    font-size: 14px;
    font-weight: 700;
    transition: color .2s ease, border-color .2s ease;
}

.wahub-hero-link:hover,
.wahub-hero-link:focus-visible {
    color: var(--hero-accent);
    border-color: currentColor;
}

.wahub-ai-section {
    color: var(--white);
    background: var(--navy);
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.wahub-ai-layout {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    gap: clamp(36px, 8vw, 112px);
    align-items: center;
    padding-block: clamp(64px, 8vw, 104px);
}

.wahub-ai-copy .section-kicker {
    color: var(--orange-light);
}

.wahub-ai-copy h2 {
    max-width: 560px;
    margin-bottom: 18px;
    color: var(--white);
    font-size: clamp(2.2rem, 4.5vw, 4.2rem);
}

.wahub-ai-copy h2 em {
    color: var(--orange-light);
}

.wahub-ai-copy > p:not(.section-kicker) {
    max-width: 560px;
    color: rgba(255, 255, 255, .78);
    font-size: 16px;
}

.wahub-ai-copy .text-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    margin-top: 8px;
    color: var(--orange-light);
    font-size: 13px;
    font-weight: 800;
}

.wahub-ai-copy .text-link:hover,
.wahub-ai-copy .text-link:focus-visible {
    color: var(--white);
}

.wahub-ai-capabilities {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid rgba(255, 255, 255, .26);
}

.wahub-ai-capability {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    min-width: 0;
    padding: 22px 18px 22px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .26);
}

.wahub-ai-capability:nth-child(odd) {
    padding-right: 24px;
    border-right: 1px solid rgba(255, 255, 255, .26);
}

.wahub-ai-dot {
    width: 8px;
    height: 8px;
    margin-top: 8px;
    background: var(--orange-light);
    border-radius: 50%;
}

.wahub-ai-capability strong,
.wahub-ai-capability p {
    display: block;
}

.wahub-ai-capability strong {
    color: var(--white);
    font-size: 14px;
    line-height: 1.35;
}

.wahub-ai-capability p {
    margin: 6px 0 0;
    color: rgba(255, 255, 255, .68);
    font-size: 13px;
    line-height: 1.45;
}

.wahub-channels-unified {
    padding: clamp(24px, 4vw, 46px);
}

.wahub-channels-unified .wahub-channel-list {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    border-top: 1px solid var(--line);
}

.wahub-channels-unified .wahub-channel-list li {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    min-height: 132px;
    padding: 18px 14px;
    text-align: center;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    transition: background-color .2s ease;
}

.wahub-channels-unified .wahub-channel-list li:nth-child(6n) {
    border-right: 0;
}

.wahub-channels-unified .wahub-channel-list li > span:last-child {
    width: 100%;
}

.wahub-channels-unified .wahub-channel-list li:hover {
    background: #f3f7fc;
    transform: none;
}

.wahub-channels-unified .wahub-channel-mark {
    width: 42px;
    height: 42px;
    border-radius: 9px;
}

.wahub-channels-unified .wahub-channel-list strong {
    font-size: 13px;
}

.wahub-channels-unified .wahub-channel-list small {
    font-size: 11px;
}

@media (max-width: 1199px) {
    .wahub-channels-unified .wahub-channel-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .wahub-channels-unified .wahub-channel-list li:nth-child(6n) {
        border-right: 1px solid var(--line);
    }

    .wahub-channels-unified .wahub-channel-list li:nth-child(4n) {
        border-right: 0;
    }
}

@media (max-width: 900px) {
    .wahub-product-bar-inner {
        flex-wrap: wrap;
        gap: 0 18px;
        padding-block: 6px;
    }

    .wahub-product-name {
        min-height: 44px;
    }

    .wahub-product-cta {
        margin-left: auto;
    }

    .wahub-product-links {
        order: 3;
        width: 100%;
        margin-left: 0;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .wahub-product-links::-webkit-scrollbar {
        display: none;
    }

    .wahub-ai-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .wahub-channels-unified .wahub-channel-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .wahub-channels-unified .wahub-channel-list li:nth-child(6n) {
        border-right: 1px solid var(--line);
    }

    .wahub-channels-unified .wahub-channel-list li:nth-child(4n) {
        border-right: 0;
    }
}

@media (max-width: 560px) {
    .wahub-product-bar-inner {
        width: auto;
        margin-inline: max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));
    }

    .wahub-product-links {
        gap: 12px;
    }

    .wahub-product-links a {
        font-size: 11px;
    }

    .wahub-product-cta {
        display: none;
    }

    .wahub-hero .module-hero-copy {
        padding-top: 34px;
        padding-bottom: 30px;
    }

    .wahub-hero .module-hero-copy h1 {
        max-width: min(100%, 340px);
        font-size: clamp(2.1rem, 10vw, 3.15rem);
        letter-spacing: -.03em;
    }

    .wahub-hero .module-hero-copy > p:not(.eyebrow) {
        max-width: min(100%, 340px);
    }

    .wahub-ai-layout {
        gap: 30px;
        padding-block: 64px;
    }

    .wahub-ai-capabilities {
        grid-template-columns: 1fr;
    }

    .wahub-ai-capability,
    .wahub-ai-capability:nth-child(odd) {
        padding-right: 0;
        border-right: 0;
    }

    .wahub-channels-unified .wahub-channel-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wahub-channels-unified .wahub-channel-list li:nth-child(4n) {
        border-right: 1px solid var(--line);
    }

    .wahub-channels-unified .wahub-channel-list li:nth-child(2n) {
        border-right: 0;
    }

    .wahub-channels-unified .wahub-channel-list li {
        min-height: 140px;
        padding: 16px 12px;
    }
}