/* ============================================================
     FONTES — Graphik (arquivos locais .otf)
     ============================================================ */
  @font-face {
    font-family: 'Graphik';
    src: url('../../fonts/graphik/Graphik-Regular.otf') format('opentype');
    font-weight: 400; font-style: normal; font-display: swap;
  }
  @font-face {
    font-family: 'Graphik';
    src: url('../fonts/graphik/Graphik-RegularItalic.otf') format('opentype');
    font-weight: 400; font-style: italic; font-display: swap;
  }
  @font-face {
    font-family: 'Graphik';
    src: url('../fonts/graphik/Graphik-Medium.otf') format('opentype');
    font-weight: 500; font-style: normal; font-display: swap;
  }
  @font-face {
    font-family: 'Graphik';
    src: url('../fonts/graphik/Graphik-MediumItalic.otf') format('opentype');
    font-weight: 500; font-style: italic; font-display: swap;
  }
  @font-face {
    font-family: 'Graphik';
    src: url('../fonts/graphik/Graphik-Semibold.otf') format('opentype');
    font-weight: 600; font-style: normal; font-display: swap;
  }
  @font-face {
    font-family: 'Graphik';
    src: url('../fonts/graphik/Graphik-SemiboldItalic.otf') format('opentype');
    font-weight: 600; font-style: italic; font-display: swap;
  }
  @font-face {
    font-family: 'Graphik';
    src: url('../fonts/graphik/Graphik-Bold.otf') format('opentype');
    font-weight: 700; font-style: normal; font-display: swap;
  }
  @font-face {
    font-family: 'Graphik';
    src: url('../fonts/graphik/Graphik-BoldItalic.otf') format('opentype');
    font-weight: 700; font-style: italic; font-display: swap;
  }
  @font-face {
    font-family: 'Graphik';
    src: url('../fonts/graphik/Graphik-Black.otf') format('opentype');
    font-weight: 800; font-style: normal; font-display: swap;
  }
  @font-face {
    font-family: 'Graphik';
    src: url('../fonts/graphik/Graphik-BlackItalic.otf') format('opentype');
    font-weight: 800; font-style: italic; font-display: swap;
  }
  @font-face {
    font-family: 'Graphik';
    src: url('../fonts/graphik/Graphik-Super.otf') format('opentype');
    font-weight: 900; font-style: normal; font-display: swap;
  }
  @font-face {
    font-family: 'Graphik';
    src: url('../fonts/graphik/Graphik-SuperItalic.otf') format('opentype');
    font-weight: 900; font-style: italic; font-display: swap;
  }

  /* ============================================================
     FONTES — Open Sans (arquivos locais)
     ============================================================ */
  @font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: 400; font-style: normal; font-display: swap;
  }
  @font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: 400; font-style: italic; font-display: swap;
  }
  @font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Medium.ttf') format('truetype');
    font-weight: 500; font-style: normal; font-display: swap;
  }
  @font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-MediumItalic.ttf') format('truetype');
    font-weight: 500; font-style: italic; font-display: swap;
  }
  @font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600; font-style: normal; font-display: swap;
  }
  @font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: 700; font-style: normal; font-display: swap;
  }
  @font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-BoldItalic.ttf') format('truetype');
    font-weight: 700; font-style: italic; font-display: swap;
  }
  @font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: 800; font-style: normal; font-display: swap;
  }
  @font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800; font-style: italic; font-display: swap;
  }

  /* ============================================================
     DESIGN TOKENS
     ============================================================ */
  :root {
    /* ============= MOTUL — primary visual language ============= */
    --motul-red: #ED1C24;            /* Pantone 185C — Strong Red */
    --motul-red-hover: #C61820;
    --motul-red-deep: #8A1015;
    --motul-dark-carbon: #141414;    /* Pantone Black C */
    --motul-white: #FFFFFF;

    /* ============= VALVOLINE — secondary accent ============= */
    --valvoline-blue: #00316D;       /* Pantone 280C — Strong Blue */
    --valvoline-blue-deep: #002250;
    --valvoline-blue-tint: #003594;

    /* ============= NEUTRALS ============= */
    --black: #000000;
    --light-gray: #E6E7E8;
    --medium-gray: #888F92;
    --bg-canvas: #FFFFFF;
    --bg-soft: #F5F5F5;
    --border-soft: #E6E7E8;
    --border-mid: #C9C9C2;

    /* ============= LEGACY ALIASES (mantidos para não quebrar regras antigas) ============= */
    --preto: var(--motul-dark-carbon);
    --preto-puro: var(--black);
    --branco: var(--motul-white);
    --off-white: var(--bg-soft);
    --vermelho: var(--motul-red);
    --vermelho-hover: var(--motul-red-hover);
    --vermelho-deep: var(--motul-red-deep);
    --valvoline-dark: var(--motul-dark-carbon);
    --valvoline-red: var(--motul-red);
    --azul-pantone: var(--valvoline-blue);
    --azul-pantone-deep: var(--valvoline-blue-deep);
    --azul: var(--valvoline-blue);
    --cinza-escuro: #1A1A1A;
    --cinza-card: #232323;
    --ambar: #E8C33A;
    --whatsapp: #25D366;
    --whatsapp-hover: #1FAD55;
    --texto-mudo: var(--medium-gray);
    --border-light: var(--border-soft);

    /* ============= EASING ============= */
    --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-quart: cubic-bezier(0.25, 1, 0.5, 1);
    --ease-back: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-motul: cubic-bezier(0.7, 0, 0.3, 1);

    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 32px;
    --space-xl: 48px;
    --space-2xl: 80px;
    --space-section: 120px;

    --radius-sharp: 4px;
    --radius-md: 8px;
    --radius-soft: 12px;

    --max: 1280px;
    --max-narrow: 960px;
    --header-h: 80px;

    --serif-fallback: 'Open Sans', Georgia, serif;
  }

  /* ============================================================
     RESET + BASE
     ============================================================ */
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; min-width: 0; }
  html, body { overflow-x: clip; max-width: 100%; }
  html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
  img, svg, video { max-width: 100%; }
  body {
    font-family: 'Graphik', 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    background: var(--bg-canvas);
    color: var(--motul-dark-carbon);
    line-height: 1.55;
    font-size: 16px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
  }
  /* Headings use a condensed/display-oriented stack — Graphik first, Open Sans as licensed fallback */
  h1, h2, h3, h4, .display-title, .bleed-title, .brand-card-title {
    font-family: 'Graphik', 'Helvetica Now Display', 'Helvetica Neue', 'Arial Narrow',
                 'Open Sans', Arial, sans-serif;
    font-feature-settings: "ss01" on, "cv11" on;
  }
  img, svg { max-width: 100%; display: block; height: auto; }
  a { color: inherit; text-decoration: none; }
  button, input, select, textarea { font: inherit; color: inherit; }
  ::selection { background: var(--vermelho); color: var(--branco); }

  :focus-visible {
    outline: 2px solid var(--vermelho);
    outline-offset: 3px;
    border-radius: 2px;
  }

  .skip-link {
    position: absolute;
    left: -9999px;
    top: var(--space-xs);
    background: var(--preto);
    color: var(--branco);
    padding: var(--space-xs) var(--space-md);
    z-index: 1000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.08em;
    border-radius: var(--radius-sharp);
  }
  .skip-link:focus { left: var(--space-sm); }

  .container {
    width: 100%;
    max-width: var(--max);
    margin: 0 auto;
    padding: 0 var(--space-md);
  }
  .container-narrow {
    width: 100%;
    max-width: var(--max-narrow);
    margin: 0 auto;
    padding: 0 var(--space-md);
  }

  /* ============================================================
     TYPOGRAPHY — editorial scale (USVC-inspired)
     ============================================================ */
  h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-transform: uppercase;
  }
  /* Default emphasis inside titles: italic + peso "normal" contrastando com o bold do parent */
  h1 em, h2 em, h3 em, h4 em,
  h1 .text-red, h2 .text-red, h3 .text-red, h4 .text-red {
    font-style: italic;
    font-weight: 400;
    color: inherit;
    text-decoration: none;
  }
  /* Variant utilities — alternate emphasis tools */
  .em-italic    { font-style: italic; font-weight: inherit; color: inherit; text-decoration: none; }
  .em-underline { font-style: normal; text-decoration: underline; text-decoration-thickness: 0.06em; text-underline-offset: 0.14em; color: inherit; font-weight: inherit; }
  .em-semibold  { font-weight: 600; font-style: normal; color: inherit; text-decoration: none; }
  .em-bold      { font-weight: 900; font-style: normal; color: inherit; text-decoration: none; }
  .display {
    font-size: clamp(2.5rem, 8vw, 6rem);
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -0.035em;
  }
  h2 {
    font-size: clamp(2rem, 5vw, 3.25rem);
    line-height: 1.05;
    letter-spacing: -0.025em;
  }
  h3 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.01em;
  }
  p { font-size: 1rem; line-height: 1.65; }
  .lede {
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    line-height: 1.45;
    color: #2A2A28;
    font-weight: 400;
  }

  /* ============================================================
     MOTUL UTILITY SYSTEM
     display / bleed / technical labels / oversized numbers
     ============================================================ */
  .display-title {
    font-family: 'Graphik', 'Helvetica Now Display', 'Helvetica Neue', 'Arial Narrow', 'Open Sans', Arial, sans-serif;
    font-size: clamp(2.5rem, 8vw, 7rem);
    font-weight: 900;
    line-height: 0.9;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  /* Contained section title — used for ALL inner sections (02, 04, 06, etc.).
     Bleed/oversized treatment is reserved for hero & CTA band only. */
  .bleed-title {
    font-family: 'Graphik', 'Helvetica Now Display', 'Helvetica Neue', 'Arial Narrow', 'Open Sans', Arial, sans-serif;
    font-size: clamp(2.25rem, 5.6vw, 4.5rem);
    font-weight: 900;
    line-height: 0.96;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    margin: 0;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-family: 'Inter', 'Open Sans', Arial, sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: var(--motul-red);
  }
  .section-kicker::before {
    content: "";
    width: 28px; height: 2px;
    background: currentColor;
    display: inline-block;
  }
  .technical-label {
    font-family: 'Inter', 'Open Sans', Arial, sans-serif;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--medium-gray);
    font-variant-numeric: tabular-nums;
  }
  .technical-label--strong { color: var(--motul-dark-carbon); font-weight: 700; }
  .brand-card-title {
    font-size: clamp(1.75rem, 4vw, 3rem);
    font-weight: 900;
    line-height: 0.95;
    letter-spacing: -0.025em;
    text-transform: uppercase;
  }
  .oversized-number {
    font-family: 'Graphik', 'Helvetica Now Display', 'Helvetica Neue', 'Arial Narrow', 'Open Sans', Arial, sans-serif;
    font-size: clamp(3rem, 6vw, 6rem);
    font-weight: 900;
    line-height: 0.9;
    letter-spacing: -0.04em;
    font-variant-numeric: tabular-nums;
    display: block;
    max-width: 100%;
  }

  /* Text helpers */
  .text-carbon { color: var(--motul-dark-carbon); }
  .text-red    { color: var(--motul-red); }
  .text-blue   { color: var(--valvoline-blue); }
  .text-white  { color: var(--motul-white); }
  .text-gray   { color: var(--medium-gray); }

  /* ============================================================
     BLEED SYSTEM — title that overflows a colored block
     ============================================================ */
  .bleed-block {
    position: relative;
    isolation: isolate;
    padding: clamp(1.75rem, 5vw, 4.5rem) clamp(1.5rem, 4vw, 3.5rem);
    overflow: visible;
  }
  .bleed-block--red    { background: var(--motul-red);       color: var(--motul-white); }
  .bleed-block--carbon { background: var(--motul-dark-carbon); color: var(--motul-white); }
  .bleed-block--blue   { background: var(--valvoline-blue);  color: var(--motul-white); }
  .bleed-block--white  { background: var(--motul-white);     color: var(--motul-dark-carbon); border: 1px solid var(--border-soft); }
  .bleed-word {
    display: inline-block;
    position: relative;
    z-index: 2;
    transform: translateX(clamp(-1.5rem, -4vw, -4rem));
  }
  .bleed-word--right { transform: translateX(clamp(1.5rem, 4vw, 4rem)); }
  .bleed-word--up    { transform: translateY(-0.35em); }
  .bleed-word--down  { transform: translateY(0.35em); }

  /* ============================================================
     MOTUL HALFTONE / DOT PATTERN (fallback for missing JPG)
     ============================================================ */
  .pattern-halftone {
    background-image:
      radial-gradient(circle at center, var(--motul-red) 1.2px, transparent 1.3px);
    background-size: 12px 12px;
    background-position: 0 0;
  }
  .pattern-halftone-soft {
    background-image:
      radial-gradient(circle at center, rgba(237,28,36,0.18) 1px, transparent 1.2px);
    background-size: 14px 14px;
  }
  .pattern-halftone-white {
    background-image:
      radial-gradient(circle at center, rgba(255,255,255,0.18) 1px, transparent 1.2px);
    background-size: 14px 14px;
  }
  .pattern-grid {
    background-image:
      linear-gradient(rgba(20,20,20,0.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(20,20,20,0.05) 1px, transparent 1px);
    background-size: 48px 48px;
  }

  /* ============================================================
     METRIC CARD — big number + label, Motul block style
     ============================================================ */
  .metric-card {
    padding: clamp(1.25rem, 2.6vw, 2.25rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--space-md);
    min-height: 220px;
    position: relative;
    overflow: hidden;
  }
  .metric-card--white  { background: var(--motul-white);       color: var(--motul-dark-carbon); border: 1px solid var(--border-soft); }
  .metric-card--carbon { background: var(--motul-dark-carbon); color: var(--motul-white); }
  .metric-card--red    { background: var(--motul-red);         color: var(--motul-white); }
  .metric-card--blue   { background: var(--valvoline-blue);    color: var(--motul-white); }
  .metric-card .oversized-number { color: inherit; }
  .metric-card--white .oversized-number { color: var(--motul-red); }
  .metric-card--carbon .oversized-number { color: var(--motul-red); }
  .metric-card-label {
    font-family: 'Inter', 'Open Sans', Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1.3;
    max-width: 24ch;
  }
  .metric-card .oversized-number em {
    font-style: normal;
    font-size: 0.55em;
    vertical-align: 0.55em;
    margin-right: 0.05em;
    font-weight: 800;
    letter-spacing: -0.02em;
  }
  .metrics-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: var(--space-xl);
  }
  @media (min-width: 768px) {
    .metrics-grid {
      grid-template-columns: repeat(6, 1fr);
    }
    .metric-card--xl { grid-column: span 3; }
    .metric-card--md { grid-column: span 2; }
  }

  /* ============================================================
     SPLIT PANEL — institutional 2-col layout
     ============================================================ */
  .split-panel {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
  }
  @media (min-width: 900px) {
    .split-panel { grid-template-columns: 1fr 1fr; }
    .split-panel--12 { grid-template-columns: 1fr 2fr; }
    .split-panel--21 { grid-template-columns: 2fr 1fr; }
  }
  .split-panel > * {
    padding: clamp(1.75rem, 5vw, 4.5rem) clamp(1.5rem, 4vw, 3.5rem);
  }

  /* ============================================================
     BRAND BLOCK — for the partner section
     ============================================================ */
  .brand-block {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: clamp(2rem, 5vw, 4rem);
    display: flex;
    flex-direction: column;
    gap: clamp(1.25rem, 3vw, 2rem);
    min-height: clamp(420px, 56vw, 580px);
  }
  .brand-block--motul     { background: var(--motul-red);         color: var(--motul-white); }
  .brand-block--valvoline { background: var(--valvoline-blue);    color: var(--motul-white); }
  .brand-block--carbon    { background: var(--motul-dark-carbon); color: var(--motul-white); }
  .brand-block--white     { background: var(--motul-white);       color: var(--motul-dark-carbon); border: 1px solid var(--border-soft); }
  .brand-block-id {
    font-family: 'Graphik', 'Helvetica Now Display', 'Open Sans', Arial, sans-serif;
    font-size: clamp(2.5rem, 5vw, 4.25rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.045em;
    opacity: 0.96;
    pointer-events: none;
  }

  /* Brand block grid wrappers */
  .partners-grid--featured,
  .partners-grid--secondary {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 0;
  }
  .partners-grid--featured { margin-top: var(--space-xl); }
  @media (min-width: 900px) {
    .partners-grid--featured,
    .partners-grid--secondary { grid-template-columns: 1fr 1fr; }
  }

  /* Brand block children */
  .brand-block-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
  }
  .brand-block-icons {
    display: flex;
    gap: 6px;
    list-style: none;
    margin: 0; padding: 0;
  }
  .brand-block-icons li {
    width: 30px; height: 30px;
    background: rgba(255,255,255,0.16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--motul-white);
    border-radius: 4px;
  }
  .brand-block-icons svg { width: 16px; height: 16px; }
  .brand-block--white .brand-block-icons li { background: var(--motul-dark-carbon); }

  .brand-block-name {
    font-family: 'Graphik', 'Helvetica Now Display', 'Open Sans', Arial, sans-serif;
    font-size: clamp(3rem, 7.5vw, 5.5rem);
    font-weight: 900;
    line-height: 0.88;
    letter-spacing: -0.045em;
    text-transform: uppercase;
    margin: 0;
  }
  .brand-block-tag {
    font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
    line-height: 1.4;
    font-weight: 500;
    max-width: 32ch;
    opacity: 0.92;
    margin: 0;
  }

  .brand-block-stage {
    position: relative;
    flex: 1;
    display: grid;
    grid-template-columns: 1fr;
    align-items: end;
    gap: 1rem;
    min-height: 140px;
  }
  @media (min-width: 700px) {
    .brand-block-stage { grid-template-columns: 1.1fr 1fr; }
  }
  .brand-block-packshot {
    position: relative;
    aspect-ratio: 1 / 1;
    max-width: 240px;
    justify-self: end;
    width: 100%;
  }
  .brand-block-packshot .packshot-carousel { width: 100%; height: 100%; position: relative; }
  .brand-block-packshot .packshot-carousel img {
    position: absolute;
    inset: 0;
    width: 100%; height: 100%;
    object-fit: contain;
    opacity: 0;
    transition: opacity .9s var(--ease-quart);
    padding: 4px;
  }
  .brand-block-packshot .packshot-carousel img.is-active { opacity: 1; }
  .brand-block-packshot .packshot-dots {
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 4px;
  }
  .brand-block-packshot .packshot-dot {
    width: 5px; height: 5px; border-radius: 50%;
    background: rgba(255,255,255,0.32);
    transition: background-color .3s var(--ease-quart), width .3s var(--ease-quart);
  }
  .brand-block-packshot .packshot-dot.is-active {
    background: var(--motul-white);
    width: 14px;
    border-radius: 4px;
  }
  .brand-block--white .brand-block-packshot .packshot-dot { background: var(--border-mid); }
  .brand-block--white .brand-block-packshot .packshot-dot.is-active { background: var(--motul-red); }

  .brand-block-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255,255,255,0.22);
    margin-top: 1rem;
  }
  .brand-block--white .brand-block-foot { border-top-color: var(--border-soft); }
  .brand-block-logo-card {
    background: var(--motul-white);
    padding: 10px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 130px;
    height: 56px;
  }
  .brand-block-logo-card img {
    max-height: 36px;
    max-width: 160px;
    width: auto;
    display: block;
  }
  .brand-block--white .brand-block-logo-card {
    background: transparent;
    padding: 0;
  }
  .brand-block-cta {
    font-family: 'Inter', 'Open Sans', Arial, sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 3px;
    transition: opacity .25s ease, transform .25s var(--ease-motul);
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  .brand-block-cta:hover { transform: translateX(4px); }

  /* Halftone overlay on colored blocks (subtle texture) */
  .brand-block--motul::after,
  .brand-block--valvoline::after,
  .brand-block--carbon::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image: radial-gradient(circle at center, rgba(255,255,255,0.07) 1px, transparent 1.2px);
    background-size: 18px 18px;
    opacity: 0.6;
  }
  .brand-block > * { position: relative; z-index: 2; }

  /* WD-40 white block: special treatment for legibility (logo on dark blue background already) */
  .brand-block--white .brand-block-packshot img { border-radius: 6px; }

  /* ============================================================
     PARCEIROS REFINED v2 — premium showcase (2×2 grid, packshot-dominant)
     ============================================================ */
  .partners-showcase {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: clamp(2rem, 4vw, 3.5rem);
  }
  @media (min-width: 720px) {
    .partners-showcase { grid-template-columns: repeat(2, 1fr); }
  }
  @media (min-width: 1100px) {
    .partners-showcase { grid-template-columns: repeat(4, 1fr); }
  }

  .brand-showcase {
    background: var(--motul-white);
    border: 1px solid var(--border-soft);
    border-radius: 6px;
    display: grid;
    grid-template-rows: auto auto auto auto;
    padding: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 1.8vw, 1.5rem) clamp(1.25rem, 2.2vw, 1.75rem);
    gap: 0;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 0 rgba(0,0,0,0.02);
    transition: transform .35s var(--ease-quart), box-shadow .35s var(--ease-quart), border-color .35s var(--ease-quart);
  }
  .brand-showcase:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 56px rgba(0,0,0,0.09);
    z-index: 2;
  }

  .brand-showcase-accent {
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: var(--motul-dark-carbon);
    z-index: 4;
    pointer-events: none;
  }
  .brand-showcase--motul .brand-showcase-accent { background: var(--motul-red); }
  .brand-showcase--valvoline .brand-showcase-accent { background: var(--valvoline-blue); }
  .brand-showcase--borilli .brand-showcase-accent { background: var(--motul-dark-carbon); }
  .brand-showcase--borilli .brand-showcase-accent::after {
    content: ""; position: absolute; inset: 0 0 0 65%;
    background: var(--motul-red);
  }
  .brand-showcase--wd40 .brand-showcase-accent { background: #FFC72C; }
  .brand-showcase--wd40 .brand-showcase-accent::after {
    content: ""; position: absolute; inset: 0 60% 0 0;
    background: var(--valvoline-blue);
  }

  /* Watermark numeral, decorative — appears subtle in the corner */
  .brand-showcase::before {
    content: "";
    position: absolute;
    top: 0; right: 0;
    width: 40%;
    height: 1px;
    background: var(--border-soft);
    opacity: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: opacity .4s var(--ease-quart), transform .55s var(--ease-quart);
    z-index: 3;
  }
  .brand-showcase:hover::before { opacity: 1; transform: scaleX(1); }

  /* Discrete icons row (top-right) */
  .brand-showcase-icons {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    min-height: 26px;
    margin-bottom: clamp(0.5rem, 1vw, 0.875rem);
    list-style: none;
    z-index: 2;
  }
  .brand-showcase-icons li {
    width: 26px;
    height: 26px;
    background: var(--motul-dark-carbon);
    color: var(--motul-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
  }
  .brand-showcase-icons svg { width: 13px; height: 13px; }

  .brand-showcase-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: clamp(56px, 6vw, 72px);
    margin-bottom: clamp(0.25rem, 0.6vw, 0.5rem);
    z-index: 2;
  }
  .brand-showcase-logo img {
    height: 100%;
    max-height: clamp(56px, 6vw, 72px);
    width: auto;
    max-width: 240px;
    object-fit: contain;
  }

  /* Middle: packshot floats on a soft brand-colored radial halo */
  .brand-showcase-packshot {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(0.25rem, 0.5vw, 0.5rem) 0;
    min-height: 0;
    overflow: visible;
    z-index: 1;
  }
  .brand-showcase-packshot::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: radial-gradient(circle at 50% 55%, var(--halo-color, rgba(0,0,0,0.04)) 0%, transparent 65%);
    pointer-events: none;
  }
  .brand-showcase--motul    { --halo-color: rgba(237, 28, 36, 0.07); }
  .brand-showcase--valvoline { --halo-color: rgba(0, 49, 109, 0.08); }
  .brand-showcase--borilli  { --halo-color: rgba(20, 20, 20, 0.06); }
  .brand-showcase--wd40     { --halo-color: rgba(255, 199, 44, 0.10); }

  .brand-showcase-desc {
    font-size: 0.875rem;
    line-height: 1.55;
    color: #4A4A4A;
    font-weight: 400;
    text-align: center;
    max-width: 36ch;
    margin: clamp(0.25rem, 0.6vw, 0.5rem) auto 0;
    padding-top: 0;
    border-top: 0;
    z-index: 2;
  }
  /* Brand-colored gradient behind packshot (anchored at bottom) */
  .brand-showcase-packshot::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
  }
  .brand-showcase--motul .brand-showcase-packshot::before {
    background:
      radial-gradient(ellipse 90% 80% at 50% 100%, rgba(237,28,36,0.07), transparent 70%);
  }
  .brand-showcase--valvoline .brand-showcase-packshot::before {
    background:
      radial-gradient(ellipse 90% 80% at 50% 100%, rgba(0,49,109,0.09), transparent 70%);
  }
  .brand-showcase--borilli .brand-showcase-packshot::before {
    background:
      radial-gradient(ellipse 90% 80% at 50% 100%, rgba(20,20,20,0.10), transparent 70%);
  }
  .brand-showcase--wd40 .brand-showcase-packshot::before {
    background:
      radial-gradient(ellipse 90% 80% at 50% 100%, rgba(255,199,44,0.10), transparent 70%),
      radial-gradient(ellipse 70% 60% at 50% 100%, rgba(0,49,109,0.06), transparent 70%);
  }

  .brand-showcase-packshot img {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 340px;
    object-fit: contain;
    object-position: center;
    display: block;
    filter: drop-shadow(0 18px 16px rgba(0,0,0,0.08));
    transition: transform .6s var(--ease-quart), filter .35s var(--ease-quart);
  }
  .brand-showcase:hover .brand-showcase-packshot img {
    transform: scale(1.05);
    filter: drop-shadow(0 22px 22px rgba(0,0,0,0.12));
  }

  /* Per-brand packshot tuning */
  .packshot--motul img    { max-height: 360px; }
  .packshot--valvoline img { max-height: 360px; }
  .packshot--borilli img  { max-height: 320px; }
  .packshot--wd40 img     { max-height: 200px; width: auto; max-width: 80%; margin: 0 auto; }

  /* Title highlight — efeito "texto selecionado" permanente (cada linha com fundo vermelho independente) */
  .bleed-title--highlighted {
    line-height: 1.18;
  }
  .bleed-title--highlighted .title-highlight {
    background: var(--motul-red);
    color: var(--motul-white);
    padding: 0.05em 0.18em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    /* Pequeno offset visual para o "ar" das letras descer junto com o fundo */
    box-shadow: 0 0.04em 0 var(--motul-red);
  }

  /* ============================================================
     PORTFÓLIO XINIC — vitrine premium dark v3 (shelf cards)
     ============================================================ */

  /* Seção: fundo carbono profundo + névoa atmosférica sutil
     Especificidade dupla (.section-dark.section--portfolio) para vencer .section-dark */
  .section-dark.section--portfolio {
    position: relative;
    overflow-x: clip;
    background:
      radial-gradient(ellipse 65% 45% at 18% 8%, rgba(237,28,36,0.10) 0%, transparent 62%),
      radial-gradient(ellipse 60% 45% at 82% 92%, rgba(0,49,109,0.12) 0%, transparent 62%),
      linear-gradient(180deg, #0e0e0e 0%, #131313 50%, #0a0a0a 100%);
    border-bottom: 1px solid rgba(255,255,255,0.06);
  }
  .section-dark.section--portfolio::after { display: none; }
  .section-dark.section--portfolio::before {
    content: "";
    position: absolute;
    inset: 0;
    height: auto;
    background:
      radial-gradient(circle 600px at 12% 0%, rgba(237,28,36,0.08) 0%, transparent 60%),
      radial-gradient(circle 500px at 90% 100%, rgba(0,49,109,0.08) 0%, transparent 60%);
    z-index: 0;
    pointer-events: none;
  }
  .section--portfolio > .container {
    position: relative;
    z-index: 1;
  }
  .section--portfolio .section-kicker { color: var(--motul-red); }

  /* Top chips — versão dark, sutil */
  .ecom-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }
  .ecom-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0.55em 1em;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 999px;
    font-family: 'Inter','Open Sans',Arial,sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.85);
    transition: background-color .25s var(--ease-quart), border-color .25s var(--ease-quart), color .25s var(--ease-quart);
  }
  .ecom-chip::before {
    content: "";
    width: 5px; height: 5px;
    background: var(--motul-red);
    border-radius: 50%;
    display: inline-block;
  }
  .ecom-chip:hover {
    background: var(--motul-red);
    border-color: var(--motul-red);
    color: var(--motul-white);
  }

  /* Grid — 2x2 no desktop largo, 1 coluna (cards horizontais full-width) no tablet */
  .ecom-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(1.25rem, 2.2vw, 1.75rem);
    margin-top: clamp(2rem, 4vw, 3rem);
    width: 100%;
    box-sizing: border-box;
  }
  @media (min-width: 1080px) {
    .ecom-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  /* MÓDULO horizontal premium — vitrine B2B (visual | comércio) */
  .ecom-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(1rem, 2vw, 1.75rem);
    align-items: stretch;
    padding: clamp(1.1rem, 1.9vw, 1.6rem);
    min-height: clamp(290px, 28vw, 360px);
    background:
      linear-gradient(180deg, rgba(255,255,255,0.038) 0%, rgba(255,255,255,0.012) 55%),
      rgba(18,18,18,0.66);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.05),
      0 10px 26px rgba(0,0,0,0.40);
    overflow: hidden;
    min-width: 0;
    box-sizing: border-box;
    isolation: isolate;
    transition:
      transform .5s var(--ease-quart),
      border-color .5s var(--ease-quart),
      box-shadow .5s var(--ease-quart);
  }
  /* Glow radial da marca — concentrado atrás do produto (lado esquerdo) */
  .ecom-card::before {
    content: "";
    position: absolute;
    left: -6%;
    top: 50%;
    width: 62%;
    height: 96%;
    transform: translateY(-50%);
    background: radial-gradient(ellipse 68% 60% at 42% 50%, var(--brand-glow, rgba(255,255,255,0.05)) 0%, transparent 72%);
    opacity: 0.42;
    transition: opacity .5s var(--ease-quart);
    pointer-events: none;
    z-index: 0;
  }
  .ecom-card > * { position: relative; z-index: 1; }
  .ecom-card--motul     { --brand-glow: rgba(237,28,36,0.34); --brand-rgb: 237,28,36; --accent: var(--motul-red); }
  .ecom-card--valvoline { --brand-glow: rgba(0,49,109,0.50);  --brand-rgb: 0,49,109;  --accent: var(--valvoline-blue); }
  .ecom-card--borilli   { --brand-glow: rgba(237,28,36,0.30); --brand-rgb: 237,28,36; --accent: var(--motul-red); }
  .ecom-card--wd40      { --brand-glow: rgba(0,49,109,0.44);  --brand-rgb: 0,49,109;  --accent: var(--valvoline-blue); }

  /* HOVER — salto premium + glow intensifica + sombra mais profunda */
  .ecom-card:hover {
    transform: translateY(-10px);
    border-color: rgba(255,255,255,0.18);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.07),
      0 28px 56px rgba(0,0,0,0.60),
      0 18px 50px rgba(var(--brand-rgb, 0,0,0), 0.22);
  }
  .ecom-card:hover::before { opacity: 0.92; }

  .ecom-card-accent { display: none; }

  /* ÁREA VISUAL — logo no topo + produto grande, integrados */
  .ecom-card-visual {
    display: flex;
    flex-direction: column;
    gap: clamp(0.5rem, 1vw, 0.85rem);
    min-width: 0;
  }
  /* Logo em placa branca (chip de marca) — deixa TODAS as logos evidentes sobre o dark,
     inclusive as de cor escura (Valvoline) que antes sumiam no fundo */
  .ecom-card-head {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    margin: 0;
    padding: clamp(0.6rem, 1vw, 0.85rem) clamp(0.85rem, 1.35vw, 1.15rem);
    background: #ffffff;
    border-radius: 8px;
    box-shadow:
      0 10px 24px rgba(0,0,0,0.34),
      inset 0 0 0 1px rgba(0,0,0,0.05);
    transition: transform .45s var(--ease-quart), box-shadow .45s var(--ease-quart);
  }
  .ecom-card:hover .ecom-card-head {
    transform: translateY(-2px);
    box-shadow:
      0 16px 32px rgba(0,0,0,0.45),
      inset 0 0 0 1px rgba(0,0,0,0.05);
  }
  .ecom-card-logo {
    height: clamp(42px, 4.6vw, 56px);
    max-width: 210px;
    width: auto;
    object-fit: contain;
    object-position: center;
    display: block;
  }
  /* WD-40: chip no topo como as demais marcas; escudo em escala similar à Valvoline */
  .ecom-card--wd40 .ecom-card-logo {
    height: clamp(42px, 4.6vw, 56px);
    border-radius: 3px;
  }

  /* PALCO do produto — protagonista, preenche a coluna visual */
  .ecom-card-product {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: clamp(180px, 20vw, 250px);
    padding: 0;
    margin: 0;
  }
  .ecom-card-product::before {
    content: "";
    position: absolute;
    inset: 6% 0 0;
    background: radial-gradient(ellipse 82% 62% at 50% 58%, var(--halo) 0%, transparent 70%);
    z-index: 0;
    pointer-events: none;
  }
  .ecom-card--motul     .ecom-card-product { --halo: rgba(237,28,36,0.24); }
  .ecom-card--valvoline .ecom-card-product { --halo: rgba(0,49,109,0.36); }
  .ecom-card--borilli   .ecom-card-product { --halo: rgba(237,28,36,0.20); }
  .ecom-card--wd40      .ecom-card-product { --halo: rgba(255,199,44,0.20); }
  .ecom-card-product img {
    position: relative;
    z-index: 1;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
    transition: transform .55s var(--ease-quart), filter .55s var(--ease-quart);
    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.60));
  }
  .ecom-card:hover .ecom-card-product img {
    transform: scale(1.06);
    filter: drop-shadow(0 30px 42px rgba(0,0,0,0.75));
  }
  /* Escala por marca — produtos maiores e protagonistas */
  .ecom-card--motul     .ecom-card-product img { max-height: 104%; }
  .ecom-card--valvoline .ecom-card-product img { max-height: 100%; }
  .ecom-card--borilli   .ecom-card-product img { max-height: 110%; }
  .ecom-card--wd40      .ecom-card-product img {
    max-height: 52%;
    max-width: 52%;
    border-radius: 6px;
  }

  /* ÁREA COMERCIAL — descrição + chips + CTAs, centralizada verticalmente */
  .ecom-card-commerce {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: clamp(0.85rem, 1.4vw, 1.25rem);
    min-width: 0;
    padding-left: clamp(0.25rem, 0.8vw, 0.85rem);
  }

  /* DESCRIÇÃO — maior, legível, com barra-acento da cor da marca */
  .ecom-card-desc {
    margin: 0;
    padding: 0.15rem 0 0.15rem clamp(0.85rem, 1.2vw, 1.1rem);
    color: rgba(255,255,255,0.84);
    font-family: 'Inter','Open Sans',Arial,sans-serif;
    font-size: clamp(0.95rem, 1.05vw, 1.0625rem);
    line-height: 1.6;
    font-weight: 400;
    border-left: 3px solid var(--accent, var(--motul-red));
    transition: color .35s var(--ease-quart);
  }
  .ecom-card:hover .ecom-card-desc { color: rgba(255,255,255,0.96); }

  /* Chips de aplicação — técnicos, translúcidos, um pouco maiores */
  .ecom-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ecom-card-tags li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Inter','Open Sans',Arial,sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    padding: 0.55em 0.95em;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    color: rgba(255,255,255,0.90);
    transition: border-color .25s var(--ease-quart), background-color .25s var(--ease-quart);
  }
  .ecom-card:hover .ecom-card-tags li { border-color: rgba(255,255,255,0.24); }
  .ecom-card-tags li img {
    width: 14px;
    height: 14px;
    object-fit: contain;
    display: inline-block;
  }

  /* CTAs — principal forte (botão) + secundário (link premium), empilhados */
  .ecom-card-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(0.6rem, 1vw, 0.9rem);
    margin: clamp(0.15rem, 0.4vw, 0.35rem) 0 0;
    padding: 0;
    background: none;
    border: 0;
  }
  .ecom-card .ecom-cta-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 0 24px;
    min-height: 52px;
    border: 1.5px solid var(--motul-red);
    border-radius: 4px;
    font-family: 'Inter','Open Sans',Arial,sans-serif;
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background: var(--motul-red);
    color: var(--motul-white);
    transition: background-color .25s var(--ease-quart), border-color .25s var(--ease-quart), color .25s var(--ease-quart), box-shadow .25s var(--ease-quart);
  }
  .ecom-cta-primary::after {
    content: "→";
    font-size: 1em;
    transition: transform .25s var(--ease-quart);
  }
  .ecom-card:hover .ecom-cta-primary { box-shadow: 0 10px 24px rgba(237,28,36,0.35); }
  .ecom-cta-primary:hover {
    background: var(--motul-white);
    border-color: var(--motul-white);
    color: var(--motul-dark-carbon);
  }
  .ecom-cta-primary:hover::after { transform: translateX(4px); }
  .ecom-card .ecom-cta-secondary {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 0 3px;
    font-family: 'Inter','Open Sans',Arial,sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-decoration: none;
    color: rgba(255,255,255,0.85);
    border-bottom: 1px solid rgba(255,255,255,0.30);
    line-height: 1;
    transition: color .25s var(--ease-quart), border-color .25s var(--ease-quart);
    white-space: nowrap;
  }
  .ecom-cta-secondary::after {
    content: "→";
    font-size: 0.9em;
    transition: transform .25s var(--ease-quart);
  }
  .ecom-cta-secondary:hover {
    color: var(--motul-white);
    border-color: var(--accent, var(--motul-red));
  }
  .ecom-cta-secondary:hover::after { transform: translateX(3px); }

  /* MOBILE — empilha visual e comércio dentro do card */
  @media (max-width: 640px) {
    .ecom-card {
      grid-template-columns: 1fr;
      gap: clamp(0.85rem, 2.5vw, 1.25rem);
      min-height: 0;
    }
    .ecom-card-commerce { padding-left: 0; }
    .ecom-card-product { min-height: clamp(220px, 56vw, 300px); }
    .ecom-card-head { justify-content: flex-start; }
  }
  @media (hover: none) {
    .ecom-card { border-color: rgba(255,255,255,0.10); }
    .ecom-card::before { opacity: 0.6; }
  }

  /* Nota pós-grid: deixa explícito que o portfólio vai além das 4 marcas em destaque */
  .ecom-more {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: clamp(0.75rem, 1.5vw, 1.25rem);
    margin-top: clamp(1.5rem, 3vw, 2.25rem);
    padding: clamp(1rem, 1.8vw, 1.4rem) clamp(1.1rem, 1.9vw, 1.6rem);
    border: 1px dashed rgba(255,255,255,0.22);
    border-radius: 8px;
    background: rgba(255,255,255,0.025);
  }
  .ecom-more-text {
    margin: 0;
    color: rgba(255,255,255,0.85);
    font-family: 'Inter','Open Sans',Arial,sans-serif;
    font-size: clamp(0.9375rem, 1.05vw, 1.0625rem);
    line-height: 1.5;
  }
  .ecom-more-text strong {
    color: var(--motul-white);
    font-weight: 700;
  }
  .ecom-more-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 0 3px;
    font-family: 'Inter','Open Sans',Arial,sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--motul-white);
    border-bottom: 1px solid var(--motul-red);
    line-height: 1;
    white-space: nowrap;
    transition: color .25s var(--ease-quart), border-color .25s var(--ease-quart);
  }
  .ecom-more-link::after {
    content: "→";
    font-size: 0.9em;
    transition: transform .25s var(--ease-quart);
  }
  .ecom-more-link:hover { color: var(--motul-red); }
  .ecom-more-link:hover::after { transform: translateX(3px); }

  .lede em { font-style: italic; color: var(--preto); font-weight: 600; }
  .lede strong { font-weight: 600; color: var(--preto); }
  .section-dark .lede strong { color: var(--branco); font-weight: 600; }
  .text-italic { font-style: italic; }
  .text-semibold { font-weight: 600; }
  .text-caps { text-transform: uppercase; letter-spacing: 0.08em; }
  .eyebrow {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.24em;
    color: var(--preto);
    display: inline-flex;
    align-items: baseline;
    gap: 14px;
    font-variant-numeric: tabular-nums;
  }
  .eyebrow .num {
    color: var(--vermelho);
    font-weight: 800;
    letter-spacing: 0.08em;
  }
  .eyebrow .sep {
    width: 32px;
    height: 1px;
    background: currentColor;
    display: inline-block;
    opacity: 0.4;
    align-self: center;
  }
  .eyebrow.muted { color: var(--texto-mudo); }
  .section-sub {
    color: var(--texto-mudo);
    margin-top: var(--space-md);
    max-width: 60ch;
    font-size: 1.0625rem;
  }

  /* ============================================================
     BUTTONS
     ============================================================ */
  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs);
    min-height: 48px;
    padding: 0 var(--space-lg);
    border: 1.5px solid transparent;
    border-radius: var(--radius-sharp);
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: background-color .2s ease, transform .12s ease,
                border-color .2s ease, color .2s ease;
    text-align: center;
    white-space: nowrap;
  }
  .btn:active { transform: scale(0.98); }
  .btn-sm {
    min-height: 40px;
    padding: 0 var(--space-md);
    font-size: 0.75rem;
    border-width: 1px;
  }

  /* ============================================================
     MOTUL BUTTON SYSTEM (.btn--*)
     Square edges, heavy weight, technical tone
     ============================================================ */
  .btn--primary,
  .btn--secondary,
  .btn--blue,
  .btn--carbon,
  .btn--ghost-light {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 28px;
    border: 1.5px solid transparent;
    border-radius: 0;
    font-family: 'Inter', 'Open Sans', Arial, sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    cursor: pointer;
    transition: background-color .28s var(--ease-motul),
                color .28s var(--ease-motul),
                border-color .28s var(--ease-motul),
                transform .12s ease;
    text-align: center;
    white-space: nowrap;
  }
  .btn--primary:active,
  .btn--secondary:active,
  .btn--blue:active,
  .btn--carbon:active,
  .btn--ghost-light:active { transform: scale(0.98); }

  .btn--primary { background: var(--motul-red); color: var(--motul-white); border-color: var(--motul-red); }
  .btn--primary:hover { background: var(--motul-dark-carbon); border-color: var(--motul-dark-carbon); }

  .btn--secondary { background: transparent; color: var(--motul-dark-carbon); border-color: var(--motul-dark-carbon); }
  .btn--secondary:hover { background: var(--motul-dark-carbon); color: var(--motul-white); }

  .btn--blue { background: var(--valvoline-blue); color: var(--motul-white); border-color: var(--valvoline-blue); }
  .btn--blue:hover { background: var(--valvoline-blue-deep); border-color: var(--valvoline-blue-deep); }

  .btn--carbon { background: var(--motul-dark-carbon); color: var(--motul-white); border-color: var(--motul-dark-carbon); }
  .btn--carbon:hover { background: var(--motul-red); border-color: var(--motul-red); }

  .btn--ghost-light { background: transparent; color: var(--motul-white); border-color: var(--motul-white); }
  .btn--ghost-light:hover { background: var(--motul-white); color: var(--motul-dark-carbon); }

  .btn-icon-arrow::after {
    content: "→";
    display: inline-block;
    font-size: 1.05rem;
    transition: transform .28s var(--ease-motul);
    line-height: 1;
  }
  .btn-icon-arrow:hover::after { transform: translateX(6px); }

  .btn-primary { background: var(--preto); color: var(--branco); border-color: var(--preto); }
  .btn-primary:hover { background: var(--vermelho); border-color: var(--vermelho); }

  .btn-accent { background: var(--vermelho); color: var(--branco); border-color: var(--vermelho); }
  .btn-accent:hover { background: var(--vermelho-hover); border-color: var(--vermelho-hover); }

  .btn-outline {
    background: transparent;
    color: var(--preto);
    border-color: var(--preto);
  }
  .btn-outline:hover { background: var(--preto); color: var(--branco); }
  .section-dark .btn-outline { color: var(--branco); border-color: var(--branco); }
  .section-dark .btn-outline:hover { background: var(--branco); color: var(--preto); }

  .btn-ghost {
    background: transparent;
    color: var(--preto);
    border-color: var(--border-mid);
    padding: 0 var(--space-md);
  }
  .btn-ghost:hover { border-color: var(--preto); }

  .btn-whatsapp { background: var(--whatsapp); color: var(--branco); border-color: var(--whatsapp); }
  .btn-whatsapp:hover { background: var(--whatsapp-hover); border-color: var(--whatsapp-hover); }

  .btn-arrow::after {
    content: "→";
    font-size: 1.05rem;
    transition: transform .2s ease;
    line-height: 1;
  }
  .btn-arrow:hover::after { transform: translateX(4px); }

  /* link with underline animation */
  .text-link {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.8125rem;
    padding: var(--space-xs) 0;
    border-bottom: 1.5px solid var(--preto);
    transition: color .2s ease, border-color .2s ease, gap .2s ease;
  }
  .text-link:hover { color: var(--vermelho); border-color: var(--vermelho); gap: 12px; }
  .section-dark .text-link { color: var(--branco); border-color: var(--branco); }
  .section-dark .text-link:hover { color: var(--vermelho); border-color: var(--vermelho); }

  /* ============================================================
     SCROLL PROGRESS BAR
     ============================================================ */
  .scroll-progress {
    position: fixed;
    top: 0; left: 0;
    height: 2px;
    width: 100%;
    background: transparent;
    z-index: 200;
    pointer-events: none;
  }
  .scroll-progress-bar {
    height: 100%;
    width: 0%;
    background: var(--vermelho);
    transition: width 80ms linear;
  }

  /* ============================================================
     HEADER — fixed, transparent over hero video, opaque on scroll
     ============================================================ */
  .site-header {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 100;
    background: transparent;
    border-bottom: 1px solid transparent;
    transition: background .45s var(--ease-quart),
                border-color .45s var(--ease-quart),
                backdrop-filter .45s var(--ease-quart);
  }
  .site-header.is-compact {
    background: rgba(255,255,255,0.97);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom-color: rgba(0,0,0,0.08);
  }

  /* ============================================================
     DYNAMIC HEADER THEMES — track the section under the header
     ============================================================ */
  .site-header {
    transition: background-color .5s var(--ease-quart),
                border-color .5s var(--ease-quart),
                color .5s var(--ease-quart);
  }

  /* SOFT THEME — matches section-light backgrounds (#F5F5F5) */
  .site-header[data-theme="soft"] {
    background: rgba(245,245,245,0.92);
    border-bottom-color: rgba(0,0,0,0.06);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
  .site-header[data-theme="soft"].is-compact { background: rgba(245,245,245,0.97); }
  .site-header[data-theme="soft"] .main-nav a { color: var(--motul-dark-carbon); }
  .site-header[data-theme="soft"] .main-nav a:hover { color: var(--motul-red); border-bottom-color: var(--motul-red); }
  .site-header[data-theme="soft"] .header-cta { color: var(--motul-dark-carbon); border-color: var(--motul-dark-carbon); }
  .site-header[data-theme="soft"] .header-cta:hover { background: var(--motul-dark-carbon); color: var(--motul-white); }
  .site-header[data-theme="soft"] .nav-toggle span,
  .site-header[data-theme="soft"] .nav-toggle span::before,
  .site-header[data-theme="soft"] .nav-toggle span::after { background: var(--motul-dark-carbon); }

  /* DARK THEME (hero, catalogos) */
  .site-header[data-theme="dark"] {
    background: transparent;
    border-bottom-color: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .site-header[data-theme="dark"].is-compact {
    background: rgba(20,20,20,0.82);
    border-bottom-color: rgba(255,255,255,0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
  .site-header[data-theme="dark"] .main-nav a { color: var(--motul-white); }
  .site-header[data-theme="dark"] .main-nav a.is-active { border-bottom-color: var(--motul-white); }
  .site-header[data-theme="dark"] .main-nav a:hover { color: var(--motul-red); border-bottom-color: var(--motul-red); }
  .site-header[data-theme="dark"] .brand-logo { filter: none; }
  .site-header[data-theme="dark"] .header-cta { color: var(--motul-white); border-color: rgba(255,255,255,0.6); }
  .site-header[data-theme="dark"] .header-cta:hover { background: var(--motul-white); color: var(--motul-dark-carbon); border-color: var(--motul-white); }
  .site-header[data-theme="dark"] .nav-toggle { border-color: rgba(255,255,255,0.3); }
  .site-header[data-theme="dark"] .nav-toggle span,
  .site-header[data-theme="dark"] .nav-toggle span::before,
  .site-header[data-theme="dark"] .nav-toggle span::after { background: var(--motul-white); }

  /* BLUE THEME (Diferenciais) */
  .site-header[data-theme="blue"] {
    background: rgba(0,49,109,0.92);
    border-bottom-color: rgba(255,255,255,0.12);
  }
  .site-header[data-theme="blue"].is-compact { background: rgba(0,49,109,0.96); }
  .site-header[data-theme="blue"] .main-nav a { color: var(--motul-white); }
  .site-header[data-theme="blue"] .main-nav a.is-active { border-bottom-color: var(--motul-white); }
  .site-header[data-theme="blue"] .main-nav a:hover { color: var(--motul-red); border-bottom-color: var(--motul-red); }
  .site-header[data-theme="blue"] .brand-logo { filter: none; }
  .site-header[data-theme="blue"] .header-cta { color: var(--motul-white); border-color: rgba(255,255,255,0.6); }
  .site-header[data-theme="blue"] .header-cta:hover { background: var(--motul-white); color: var(--valvoline-blue); border-color: var(--motul-white); }
  .site-header[data-theme="blue"] .nav-toggle { border-color: rgba(255,255,255,0.3); }
  .site-header[data-theme="blue"] .nav-toggle span,
  .site-header[data-theme="blue"] .nav-toggle span::before,
  .site-header[data-theme="blue"] .nav-toggle span::after { background: var(--motul-white); }

  /* RED THEME (CTA band) */
  .site-header[data-theme="red"] {
    background: rgba(237,28,36,0.94);
    border-bottom-color: rgba(255,255,255,0.18);
  }
  .site-header[data-theme="red"].is-compact { background: rgba(237,28,36,0.98); }
  .site-header[data-theme="red"] .main-nav a { color: var(--motul-white); }
  .site-header[data-theme="red"] .main-nav a.is-active { border-bottom-color: var(--motul-white); }
  .site-header[data-theme="red"] .main-nav a:hover { color: var(--motul-dark-carbon); border-bottom-color: var(--motul-dark-carbon); }
  .site-header[data-theme="red"] .brand-logo { filter: none; }
  .site-header[data-theme="red"] .header-cta { color: var(--motul-white); border-color: var(--motul-white); }
  .site-header[data-theme="red"] .header-cta:hover { background: var(--motul-white); color: var(--motul-red); border-color: var(--motul-white); }
  .site-header[data-theme="red"] .nav-toggle { border-color: rgba(255,255,255,0.4); }
  .site-header[data-theme="red"] .nav-toggle span,
  .site-header[data-theme="red"] .nav-toggle span::before,
  .site-header[data-theme="red"] .nav-toggle span::after { background: var(--motul-white); }
  .site-header.is-compact .header-inner { min-height: 64px; }
  .site-header.is-compact .brand-logo { height: 34px; }
  .header-inner, .brand-logo {
    transition: min-height .45s var(--ease-quart), height .45s var(--ease-quart);
  }

  /* When header is transparent over hero: invert nav colors to white */
  .site-header:not(.is-compact) .main-nav a { color: var(--branco); }
  .site-header:not(.is-compact) .main-nav a:hover { color: var(--vermelho); border-bottom-color: var(--vermelho); }
  .site-header:not(.is-compact) .main-nav a.is-active { color: var(--branco); border-bottom-color: var(--branco); }
  .site-header:not(.is-compact) .header-cta {
    color: var(--branco);
    border-color: var(--branco);
  }
  .site-header:not(.is-compact) .header-cta:hover {
    background: var(--branco);
    color: var(--preto);
    border-color: var(--branco);
  }
  .site-header:not(.is-compact) .nav-toggle {
    border-color: rgba(255,255,255,0.4);
  }
  .site-header:not(.is-compact) .nav-toggle span,
  .site-header:not(.is-compact) .nav-toggle span::before,
  .site-header:not(.is-compact) .nav-toggle span::after {
    background: var(--branco);
  }
  .header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: var(--header-h);
    gap: var(--space-md);
  }
  .brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    font-size: 1.125rem;
    letter-spacing: -0.01em;
    line-height: 0;
  }
  .brand-logo {
    height: 40px;
    width: auto;
    max-width: 200px;
    display: block;
    transition: opacity .2s ease;
  }
  .brand:hover .brand-logo { opacity: 0.78; }
  .brand-mark {
    width: 36px; height: 36px;
    background: var(--preto);
    color: var(--branco);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sharp);
    font-weight: 800;
    font-size: 1rem;
    position: relative;
  }
  .brand-mark::after {
    content: "";
    position: absolute;
    bottom: 6px; right: 6px;
    width: 5px; height: 5px;
    background: var(--vermelho);
    border-radius: 50%;
  }
  .brand-text { display: flex; flex-direction: column; line-height: 1; }
  .brand-text small {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--texto-mudo);
    letter-spacing: 0.2em;
    margin-top: 4px;
    text-transform: uppercase;
  }

  .main-nav { display: none; }
  .main-nav ul { display: flex; gap: var(--space-xl); list-style: none; }
  .main-nav a {
    font-family: 'Inter', 'Open Sans', Arial, sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--motul-dark-carbon);
    padding: var(--space-xs) 0;
    border-bottom: 1.5px solid transparent;
    transition: border-color .25s var(--ease-quart), color .25s var(--ease-quart);
    position: relative;
  }
  .main-nav a:hover { border-bottom-color: var(--vermelho); color: var(--vermelho); }
  .main-nav a.is-active {
    border-bottom-color: var(--preto);
  }
  .main-nav a.is-active::before {
    content: "";
    position: absolute;
    left: -10px; top: 50%;
    width: 4px; height: 4px;
    background: var(--vermelho);
    border-radius: 50%;
    transform: translateY(-50%);
  }
  .header-cta { display: none; }

  .nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px; height: 44px;
    background: transparent;
    border: 1px solid var(--border-mid);
    border-radius: var(--radius-sharp);
    cursor: pointer;
  }
  .nav-toggle span,
  .nav-toggle span::before,
  .nav-toggle span::after {
    display: block;
    width: 20px; height: 2px;
    background: var(--preto);
    position: relative;
    transition: transform .25s ease, opacity .25s ease, background .25s ease;
  }
  .nav-toggle span::before,
  .nav-toggle span::after {
    content: "";
    position: absolute;
    left: 0;
  }
  .nav-toggle span::before { top: -6px; }
  .nav-toggle span::after { top: 6px; }
  .nav-toggle[aria-expanded="true"] span { background: transparent; }
  .nav-toggle[aria-expanded="true"] span::before { transform: translateY(6px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span::after { transform: translateY(-6px) rotate(-45deg); }

  .mobile-nav {
    display: none;
    background: var(--off-white);
    border-bottom: 1px solid var(--border-light);
  }
  .mobile-nav.open { display: block; }
  .mobile-nav ul { list-style: none; padding: var(--space-sm) 0; }
  .mobile-nav a {
    display: block;
    padding: var(--space-md);
    font-weight: 700;
    font-size: 1.125rem;
    border-bottom: 1px solid var(--border-light);
    min-height: 48px;
  }
  .mobile-nav a:hover { color: var(--vermelho); }
  .mobile-nav .mobile-cta { padding: var(--space-md); }

  /* ============================================================
     SECTIONS — base
     ============================================================ */
  section { padding: var(--space-section) 0; border-bottom: 1px solid var(--border-light); }
  .section-light { background: var(--off-white); color: var(--preto); }
  .section-white { background: var(--branco); color: var(--preto); }
  .section-dark {
    background:
      radial-gradient(ellipse 90% 60% at 80% 10%, rgba(237,28,36,0.10), transparent 65%),
      radial-gradient(ellipse 60% 40% at 0% 90%, rgba(237,28,36,0.06), transparent 65%),
      var(--valvoline-dark);
    color: var(--branco);
    border-bottom: 1px solid var(--cinza-card);
    position: relative;
    overflow: hidden;
  }
  .section-dark::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--valvoline-red) 0%, var(--vermelho) 35%, transparent 100%);
    z-index: 1;
  }
  .section-dark::after {
    content: "";
    position: absolute;
    top: 64px; right: 0;
    width: 1px; height: 96px;
    background: var(--vermelho);
    opacity: 0.35;
  }
  .section-dark h2, .section-dark h3 { color: var(--branco); }
  .section-dark .lede { color: rgba(255,255,255,0.78); }
  .section-dark .eyebrow { color: var(--branco); }
  .section-dark .eyebrow .sep { background: var(--vermelho); opacity: 1; }
  .section-dark .section-sub { color: rgba(255,255,255,0.7); }

  /* Valvoline navy section (Pantone 280) — used in Diferenciais */
  .section-blue {
    background:
      radial-gradient(ellipse 90% 60% at 80% 10%, rgba(255,255,255,0.06), transparent 65%),
      radial-gradient(ellipse 60% 40% at 0% 100%, rgba(0,0,0,0.25), transparent 65%),
      var(--azul-pantone);
    color: var(--branco);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    position: relative;
    overflow: hidden;
  }
  .section-blue::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--vermelho) 0%, var(--vermelho) 35%, transparent 100%);
    z-index: 1;
  }
  .section-blue::after {
    content: "";
    position: absolute;
    top: 64px; right: 0;
    width: 1px; height: 96px;
    background: var(--branco);
    opacity: 0.25;
  }
  .section-blue h2, .section-blue h3 { color: var(--branco); }
  .section-blue h2 em { color: inherit; }
  .section-blue .lede { color: rgba(255,255,255,0.82); }
  .section-blue .eyebrow { color: var(--branco); }
  .section-blue .eyebrow .num { color: var(--vermelho); }
  .section-blue .eyebrow .sep { background: var(--branco); opacity: 0.5; }
  .section-blue .section-sub { color: rgba(255,255,255,0.7); }
  /* Diferenciais list inside blue section */
  .section-blue .features-list { border-top-color: rgba(255,255,255,0.18); }
  .section-blue .feature-item { border-bottom-color: rgba(255,255,255,0.14); }
  .section-blue .feature-num { color: var(--vermelho); }
  .section-blue .feature-body p { color: rgba(255,255,255,0.75); }

  .section-head { margin-bottom: var(--space-2xl); }
  .section-head h2 { margin-top: var(--space-md); }

  /* ============================================================
     HERO — Motul oversized, bleed-block, dark carbon
     ============================================================ */
  .hero {
    position: relative;
    min-height: 100svh;
    padding: calc(var(--header-h) + 0.75rem) 0 clamp(1.25rem, 2.5vw, 2rem);
    background: var(--motul-dark-carbon);
    color: var(--motul-white);
    overflow: hidden;
    isolation: isolate;
    border-bottom: 0;
    display: flex;
    flex-direction: column;
  }
  .hero-inner {
    display: flex;
    flex-direction: column;
    gap: clamp(0.875rem, 1.8vw, 1.5rem);
    position: relative;
    flex: 1;
  }
  .hero-kicker-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding-bottom: clamp(0.5rem, 1vw, 0.875rem);
    border-bottom: 1px solid rgba(255,255,255,0.16);
  }
  .hero-kicker-row .section-kicker { color: var(--motul-white); }
  .hero-kicker-row .section-kicker::before { background: var(--motul-red); }
  .hero-locale { color: rgba(255,255,255,0.7); }
  .hero-locale em { color: var(--motul-red); font-style: normal; font-weight: 700; }

  .hero-stage {
    position: relative;
    isolation: isolate;
  }
  /* Hero color-block titles: caixas com texto vazando na borda inferior */
  .hero-title-row { display: block; }
  .hero-bleed-box {
    position: relative;
    display: inline-block;
    padding: 0.55em 1.5em 0.4em 0.5em;
    line-height: 1;
    color: var(--motul-white);
    z-index: 1;
    white-space: nowrap;
    text-transform: none;
  }
  .hero-bleed-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
    transform-origin: left center;
    transform: scaleX(1);
    transition: transform .9s var(--ease-expo) .2s;
  }
  .hero-bleed-box--red::before { background: var(--motul-red); }
  .hero-bleed-box--carbon::before {
    background: var(--motul-dark-carbon);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16);
  }
  .hero-bleed-box--sm {
    padding: 0.1em 0.28em 0;
    line-height: 1.02;
  }
  .hero-bleed-box--sm::before { bottom: 0.18em; }
  /* Reveal: box "grows" from left when parent enters viewport.
     Default state remains visible so layout is safe without JS. */
  .reveal:not(.visible) .hero-bleed-box::before { transform: scaleX(0); }
  @media (prefers-reduced-motion: reduce) {
    .reveal:not(.visible) .hero-bleed-box::before { transform: scaleX(1); }
  }
  .hero-stage-title {
    font-family: 'Graphik', 'Helvetica Now Display', 'Helvetica Neue', 'Arial Narrow', 'Open Sans', Arial, sans-serif;
    font-size: clamp(2rem, 5.5vw, 5rem);
    font-weight: 900;
    line-height: 0.96;
    letter-spacing: -0.035em;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    z-index: 2;
    color: var(--motul-white);
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .hero-stage-title em {
    font-style: italic;
    color: inherit;
    font-weight: 400;
    text-decoration: none;
    position: relative;
  }

  .hero-secondary-title {
    font-family: 'Graphik', 'Helvetica Now Display', 'Helvetica Neue', 'Arial Narrow', 'Open Sans', Arial, sans-serif;
    font-size: clamp(1.125rem, 2.4vw, 1.875rem);
    line-height: 1.05;
    letter-spacing: -0.02em;
    font-weight: 800;
    color: var(--motul-white);
    text-transform: none;
    margin: clamp(1.75rem, 3.5vw, 3rem) 0 0;
    max-width: 100%;
    position: relative;
    z-index: 2;
    display: block;
  }
  /* "Entrega Técnica." em vermelho — bloco acima da caixa, com gap pequeno mas claro.
     Composição editorial em duas linhas, alinhada à esquerda. */
  .hero-sub-tag {
    display: block;
    margin: 0 0 0.45em 0;
    color: var(--motul-red);
    font-weight: 800;
    font-size: 0.85em;
    letter-spacing: -0.015em;
    line-height: 1;
  }
  @media (max-width: 720px) {
    .hero-secondary-title {
      margin-top: clamp(1rem, 2.5vw, 1.75rem);
    }
  }
  @media (max-width: 480px) {
    .hero-bleed-box {
      white-space: normal;
      max-width: 100%;
      padding: 0.55em 1em 0.4em 0.5em;
    }
  }
  .hero-secondary-title .text-red {
    color: inherit;
    font-style: italic;
    font-weight: 400;
    text-decoration: none;
  }

  .hero-foot {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(0.875rem, 1.5vw, 1.25rem);
    align-items: end;
    position: relative;
    z-index: 2;
    padding-top: clamp(0.625rem, 1.2vw, 1rem);
    border-top: 1px solid rgba(255,255,255,0.16);
    margin-top: auto;
  }
  .hero-lede {
    color: rgba(255,255,255,0.86);
    font-size: clamp(0.875rem, 1.1vw, 1rem);
    line-height: 1.4;
    max-width: 60ch;
    font-weight: 400;
  }
  .hero-lede strong { font-weight: 700; color: var(--motul-white); }
  .hero-lede strong { color: var(--motul-white); font-weight: 600; }
  .hero-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
  @media (min-width: 480px) { .hero-actions { flex-direction: row; align-items: center; } }
  @media (min-width: 900px) { .hero-foot { grid-template-columns: 1.3fr 1fr; gap: var(--space-2xl); } }
  @media (min-width: 1200px) { .hero-foot { grid-template-columns: 1.5fr auto; } }
  .hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    filter: grayscale(15%) contrast(1.05);
    pointer-events: none;
  }
  .hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
      linear-gradient(180deg, rgba(13,13,13,0.55) 0%, rgba(13,13,13,0.70) 60%, rgba(13,13,13,0.92) 100%),
      radial-gradient(ellipse 80% 60% at 20% 30%, rgba(0,0,0,0.35), transparent 70%);
    pointer-events: none;
  }
  .hero .container { position: relative; z-index: 1; }
  .hero h1, .hero .lede { color: var(--branco); }
  .hero .lede { color: rgba(255,255,255,0.88); }
  .hero .display em { color: var(--vermelho); }
  .hero .btn-outline { color: var(--branco); border-color: var(--branco); }
  .hero .btn-outline:hover { background: var(--branco); color: var(--preto); }

  .hero-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-xl);
    align-items: end;
  }
  .hero-meta-top {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-xl);
    padding-bottom: var(--space-md);
    border-bottom: 1px solid rgba(255,255,255,0.18);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(255,255,255,0.75);
    font-weight: 600;
  }
  .hero-meta-top .right { display: flex; gap: var(--space-md); flex-wrap: wrap; align-items: center; }
  .hero-meta-top .sep-dot { color: var(--vermelho); margin: 0 4px; }
  .hero-meta-top .meta-link {
    color: var(--branco);
    border-bottom: 1px solid rgba(255,255,255,0.4);
    padding-bottom: 2px;
    transition: border-color .2s ease, color .2s ease;
  }
  .hero-meta-top .meta-link:hover { color: var(--vermelho); border-bottom-color: var(--vermelho); }
  .hero-title { max-width: 22ch; }
  .hero-actions {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    margin-top: var(--space-xl);
    align-items: flex-start;
  }
  .hero-actions .btn { width: 100%; }
  .hero-actions .text-link {
    color: var(--branco);
    border-bottom-color: rgba(255,255,255,0.5);
  }
  .hero-actions .text-link:hover { color: var(--vermelho); border-bottom-color: var(--vermelho); }
  .hero-aside {
    border-top: 1px solid rgba(255,255,255,0.18);
    padding-top: var(--space-lg);
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }
  .hero-stat {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .hero-stat .num {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
    color: var(--branco);
  }
  .hero-stat .num em { color: var(--vermelho); font-style: normal; }
  .hero-stat .label {
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(255,255,255,0.65);
    font-weight: 600;
  }

  /* Pause / hide video for users who prefer reduced motion */
  @media (prefers-reduced-motion: reduce) {
    .hero-video { display: none; }
    .hero { background: linear-gradient(135deg, #0D0D0D 0%, #1A1A1A 100%); }
  }

  /* ============================================================
     DIFERENCIAIS — list-style minimal
     ============================================================ */
  .features-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    border-top: 1px solid var(--border-light);
  }
  .feature-item {
    padding: var(--space-xl) var(--space-md);
    margin: 0 calc(-1 * var(--space-md));
    border-bottom: 1px solid var(--border-light);
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-md);
    align-items: start;
    position: relative;
    transition: background-color .45s var(--ease-quart);
  }
  .feature-item::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 2px;
    background: var(--vermelho);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .55s var(--ease-expo);
  }
  .feature-item:hover { background: rgba(0,0,0,0.03); }
  .feature-item:hover::before { transform: scaleY(1); }
  .feature-num {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: var(--vermelho);
    transition: letter-spacing .45s var(--ease-quart);
  }
  .feature-item:hover .feature-num { letter-spacing: 0.22em; }
  .feature-body h3 {
    margin-bottom: var(--space-sm);
    font-size: 1.5rem;
    transition: transform .45s var(--ease-quart);
    transform-origin: left center;
  }
  .feature-item:hover .feature-body h3 { transform: translateX(8px); }
  .feature-body p { color: var(--texto-mudo); font-size: 1.0625rem; max-width: 56ch; }

  /* ============================================================
     PORTFÓLIO — horizontal card grid (icon → tag → title → desc)
     ============================================================ */
  .products-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-md);
    margin-bottom: var(--space-xl);
  }
  .product-card {
    background: var(--motul-white);
    border: 1px solid var(--border-soft);
    padding: clamp(1.5rem, 2.5vw, 2.25rem);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(0.75rem, 1.4vw, 1.125rem);
    position: relative;
    overflow: hidden;
    transition: border-color .35s var(--ease-quart),
                transform .35s var(--ease-quart),
                box-shadow .35s var(--ease-quart);
  }
  /* Sliding top-line accent on hover (red default, blue on even cards) */
  .product-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: var(--motul-red);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease-quart);
  }
  .product-card:nth-child(even)::before { background: var(--valvoline-blue); }
  .product-card:hover {
    border-color: var(--motul-dark-carbon);
    transform: translateY(-3px);
    box-shadow: 0 16px 32px rgba(0,0,0,0.05);
  }
  .product-card:hover::before { transform: scaleX(1); }

  .product-head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  .product-icon {
    width: 52px; height: 52px;
    border-radius: 0;
    background: transparent;
    color: var(--motul-red);
    border: 1.5px solid var(--motul-red);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color .35s var(--ease-quart),
                color .35s var(--ease-quart);
  }
  .product-icon svg { width: 24px; height: 24px; }
  /* Icone em imagem (silhueta) via CSS mask — segue a cor do box (vermelho/azul) e fica branco no hover */
  .product-icon .pi-mask {
    width: 26px; height: 26px;
    display: block;
    background-color: currentColor;
    -webkit-mask-image: var(--icon);
            mask-image: var(--icon);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
  }
    .pi-oleos-motor { --icon: url('data:image/png;base64,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'); }
  .pi-cambio-transmissao { --icon: url('data:image/png;base64,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'); }
  .pi-fluidos-aditivos { --icon: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAABBHSURBVHhe7Z0JkCRFFYYXBBUvVAREYD1AxQCR4BRBVFRQQFAQQRRUlPtSQSLwWhAkABEliBBFLkEUVBAPAuRQEURDF1FYFQPCW9djnV3YZXZnuvJP49dXG9V/ZVVXdVf1dM/kF9ERE9N/ZlZnZldnvXzv5bx5kUgkEolEInMMAM/lS/8fmQMAOBvApL3O1vcjs5gkSQ7xAv+nusgsBMDGAP6jE4D/43uqj8wyANykg5/C91QfmUUAOEoHXUmS5GgtF5kFANgcwAodcIUaarV8ZMwBcGdgsO/hK/D/O7V8ZIwBcGpgkKe898/jy/7W90/VeiJjCICtQwOcJMmHMppT9H0A0yzbXVs5CxYsWFP/F5lBvPdrAbg3MLi5W7xzLvQTce/ChQvXVq3ivX8KgMsBPAjgSwCepprIDADgrMCgLgewWUC7Gd9TvXPuk6pVAFybLQPgG6qJDBkAOwNw2YExjlRtCt9TMf7PK1SbkiTJoVqGAHiPaiNDAsA6AH4bGJTvqlahJlCOt/Z1AtpNACxVPQHwiPd+vpaJDAEAFwUGhKbe56hWoQbAkkD5iwLaW1SXxTl3u5aJtAyAPXQgCIC3q7YIAAdrecK6M5pj9f0QSZKc1F17pDW89+sC+JMOAoCvqLYXLBOoh3WvNTk5OR/AY4H37w/8j9vNL9H6Iy3AR7DAAPwNwDNV2wuWAfDXQH2XAbg58P97JiYmOAF/FHjvJ977NbSNSIMA2F87nnQ6nX1UWxUAe2t9IQCsmpqa2oplvPdb8Fsf0HxM6480BIANAfwr0OlfUG1dAHxe61WSJPmglDlBNQASANtndZGGAHBDoMMfpoVOtXUB8GQAD2n9Kc6572sZAuBW1XKNAOAJqo0MgPf+3drRBMBuqu0XADsW3NYfBfB81RPaALz3y7SMc+581Ub6hB69BZ38KdUOAoAdCibAe1WbJUmSd2kZAuBVqo30AYDbAp3LR7HHq7ZfbEPp14F2blRtCO4LBMrSStnYNc5JAJwU6NjEe7+dagchSZLjAu1wwfls1YYAsAGAfwTqiAaifqFhBcDKQKd+VLWDYN9+Lia7SJLkbaotA8BbtA4Af1y0aFG8C9TFe7+mGVa0Q+na1aixxXv/6kA731NdFZxzOeOR9/51qov0gAYV7UVboG2h2kEBcEagrTeqrgqhPYoYkVST6enp7e13XjvyBNU2gff+a9IOA0qerroq0EsIwL+lvhtUFynAfo9/me1A68TbVNsU3vsfSlv3q6YOAH6Rrc85d7dqIgUkSZLz7DUbQGtOF845nQD3qaYOAH4u9d2lmkgAPnKF/PVoBVRtkwD4VrYx5xwf556kuip475+ou4sxFK0iAM7Pdpx13i2qaxrv/TmBdgv9A8sAsBOdC6WuT6suInBfXs299PMH8GLVeu9fAGCBGYn6+qZm6XQ6+2XbtbavVl0VnHNXBOraX3URAcDRgY67LKBjto/FGQ2jgNdSXR0WL17MncAuK555Ce+u2jK4MaUeymZNHHi3ctajHjbsSAD/c74Q3Y1ZnWkHdsVyzp0dqPefALZVbQjv/Ta2dlDOUW1E4ArfObcq22ucEKoDsEtWY7pHaIdXbV3Mz3D1nUXqf5/3/nFahpjF8nD9+SLOOX77n6FlIgI9ebXzAHxAdWqwMV3PiJ6qANhH60+hbYJtdTqdA7jNy991RiTxkVG1KQD20zYiAQBcoJ03NTW1jWg2cM51xf0D+HvT8XlJkpycbaNfYtRxDXS/nwOrq/uQMyiA87KapuDThS7mqmJrl+O0zkgB3NlTR4yQ6ZSDndUQxgWqrilsRZ/bjSzCnhru9t7vqnVFSgDw1MAj2LUBXZe1DsDEsmXLascB1MV7fyCA77C9bPuKPe4NbJOYc5gnTVfgJV20VRfYsHlANW1i1/lyLuwYEUwvYbke7gCuq+UiPbAgzUelMy8M6LTDB9qwGRTnXNfC1TyHewalRgTv/bP09grgi6oLTIAH+QyuumHhnLtErmcCwPqqi/SAv5uM65POvF51AK4SDR8JKzlstgGAb8r1/Jk7gaqLVCBgTFkY0OSezwG8QXXDwjn3M7mWB5r2VZwzhFb4akLlxkxWY1yZ1QwLXlvgZ6tS/EAkgPf+9GxnWoe+Mqux2L0uW70lghr6OQAFexKfUF2kIvTADXToWQHdharj/oDq2gbAmXoRAN6kukhFLEmD2gJoHexa5Vse4OmsjiRJcmJW1yZmuVyUbd85x2uPu36DoKtq0ul0cgEVdK9SHQEwlIMgGOQRaPvbqovUJLTZ45y7VXWWrfN3qjU3vNbt8M65XMYwAAeoLlITJlRgHF2gc1+rWvO+yaWEbyJTSBkAXh9o8w8xArghCiKBuRbIdTCAPTVwNEmS96uOZZMkORjAQaF6qsKy+ttPAHSljYkMgGX+DN0FPqtawkdFJnq2x8MrNcun1Xd7ph76HfRlrStISvmwthkZEP6eakcTAIepNqVoF65gwVbL05eUpKd5q2pnDcyJ0+l09vXev7nNF4AttW3n3PWBzmb2rb1VWwZz/gTq2UF1ZdBPMOQdVOCzsKV+vqZfAPYtylfUGLbnHQrRahwAHcYESPvr2eJKtQwUOSir7QU9iazclHPuXH2/DLYVOoTCMol2RQ/zM/CzqLYNzALajsOpGTp0c6ZV6H+v3jRFGbsIgA9ntb2wMwJyZweUAeA0bZfYYVNddxHb0eRnGBo2Rs1vPll4di4Pb5twEUdbv14LzasaZ5fCiKA0a2eTsM6iMwfN4XMvLRPap2ibNJ+xXsvA2AT4vTbYJqGjXVK4KNTHvRT+H8C5PBBKy9XFDpU6t6StVWUGn9BpZW1iYzS0CbBQFyP9vgAco4uqkA9gFgCvKbvFmjvWFdxUopOpli/CHFJZhmW73NKyMMKn19ODppq1u8Ux+vkHeHEMsvUPbwI0udfNHD/Zuq3+k1WnrFy5kr/jd2hZhbH59C/gjl2SJIfRYDQ9Pb0rX/zb/nemaXJZwhW2WWX9EHJYaTKfkcZEDnsCNJbgoNPp7JWt2+o/XHUhbIHKxVkuDq8FlllblRZaFh/YBT+r6vpF1yXjPAFyhp668fOWH+DSoqeEQbCDHy5lG9puGaHNLH5W1fXLrJkATL6Yrdvqr2XgSVm1atWL7Dk/l+SxLmbWPY91ajtVKDhz4EDV9cusmQBmXexiUJOq2fz3dM5xMtwVOgxKoYZaK8ONpYFs+hzsQBuNeQnNmgnA7d1s3Vb/UaobBIs14FGyNOMeYlY6vvg3/7c1NVpuEAAcoZ+ryQyhs2kCbJWt2+o/U3XjBp1CA5/rparrl9k0AdbXVTyA61Q3bujpY01lLkmZNRPAHuW6jl0D8Juqj1ujSuAz0XmksdC1WTMBiHNOD2HmjuALVTcuWOYyzXH0VdUNwkxPgMYsgYQZNLL1WxtHqG5coHUx8HkadVWfaUsgEyS9A8A7M69D6aXTz0qXjhO6y9dmMui2CYS2kZyjSy/Yl+xT69tsX7PvuxJoD3UCVIDZuyr/3llqNf1AdNrYXLWjDoCN1SJpgaJ1++O6bB29aHsC1PYHqHt8W8jhYhxz6hbENdZ1WNlN6+hFa/4A8+bNW0O3HqtQ9wg323/XhRMfnTZS7ahiySW7tqnNhayWfwL7LltHRRhC386Tk5lGe5pTs/CWrvX0AsA1gXo+p7pRhUfB6PU7565RXS/057AXZsbeU+tplBUrVmxEJwgmYbAJkb72YIRMILcvvXZruWgBeFnAOYSOFDuqdtSww6O7vIds8be1astgn+nxOOxb62P2dbbvORa7c2y0nqFjTwBd9HM4EgM6AvX8atTP3gXw48B1X6G6XoTuImUxECODneStqVtrr0xtFd0VGm51tRrnNwh0Lw9cL9cvtbKEhZ64zOt4Q9WOJAXJm2s5dxDv/ZFaD9Hj2kcBAEXnBNc2ZIWcSGYi4UXf8DdJr945d4/qquCc6zKmpFR1FxsGHDDnXM5NnYYg1VaBfRWoa8YSX9WGOfQLImZrn5ptiZeCBigAx6p+2Jh1LneWoXPuIWY4UX0v2Edal/Vl8FyCkSXkCNHvMWnmqFHk8DljJ2+ETjE16Dja154/+0gr40+h6kYec8fKfXPLgijKsEfPoLMn9wuGuWvIIEy186cAeKyu9TMlFAFtsZDjmWy64JGQp2fWeiJIodtYUXCqrbZPGdSHrwzLVnKiHSEbgt/8XOaSKtjKv+tkUTIWj34h6MjhnAs9y/MRMRi3XwXLzF24J0EnEp7lUycSqBesK0kS1tnl3JHFElhsp2WrYubjUHobHjfXjmm3TdQVKsU59/VBP9Dk5OT8bIaPEJwkAHKpYeowPT29M4DPhLKTZOEhlnWf9RX7wrBvcrAvVT/ShGz5xKxkjeTNY4clSfJx3ThSuG+uZVOYWSx0N7Jt2FzqF4VrkiRJTtPy/WJPPDlLImGfqn4kKRl8PtvmOntQbN/gZm0vpcgMy0dIAH+x8O3T5b2dtB6FOQDr7nFUwX4KcnYAMtKTwL41X9aLJmbYaHzwszACJxSKzUxgAW3IBX314o15BfX9FOfcDxg53F1js7CvQsYgYn1c2alkaFjIs14suWPp0qVdaVPaxM7uY3zg7ZpiJiVkqcyabL33a/Nsgsx7TFRxeT+GrH5hn1kEcsjCeIzqZ5yQ65IlT+jLINImExMTvM2utlTaAG+S1ZibOnME8M5S26LXBOy70BpnJOMlGF6lF0rMD26+6mea5cuXc9fyIwDOaD27Vh+wz6zvcgwr/3FtAJyvF0ssh+/ITYJRxQY/l/eYsI9VP1LESTAYYz34KWWTYHJycugneYwL7JuxH/wU51xR/v54JwhQ9s1nX6p+LIiToBqzcvBTyn4OqkwCS097E+3h/W6zDhPLVM5r5TX3TNtaNvhjd9svouQ4l9JJUOBUws4dOduCuXHnNsDKfAJ7DP54f/OVuneCIodQYvGCV3NrWMsNG9ueviqUPDpDzqOnx+DPjm++UnUSlA2+Yibfw4d5Pi/bsjZLt6SF1ZNgTg5+StkksFiAQ/W9KvCYdiZfsEMcauXyqwLrZN1sw46Er405kPIzzs3BTymZBLTJ5zxsGfPmnLu4xBWrC/MdzB0V0w+sw+oK+iMqvEa71twksTC5YPbwOTP4KUWTQKGvX3rsG4BN6QVc1IkKgOO13bqwDq03hF0Tr21TK7eLXXtP5tzgp/SaBNnBl3I8OeR4AD/VMlkAXKJl68I6tN4svAa7lvW0rCWiLp0Ec3bwU4omATuOHah6BQD99pjPf5HunfdKN1+FQLp3wrbY5s6qV8ruBHN+8FN0EhR988uwoNSu3P4ALlZdXViH1MkzCGoFaYYmQRx8gQGf9IsHcCuAbfX9XlgaWD1ouo0JwDZqp5PlZ7IAlvvioZItwG+lho+1MQEs+KPWHSAyBAomwAWqqwvryNYZJ8CIUjABuEI/bcCXPmnECTCKhCZAS8QJMIrYU0AwcLRJ7HTOOAFGDTvGPReO3jTWRt/HzUdaxPz4CyOHB8UCTluNCooMyJIlS55mSacbf7FubS8SiUQikUhkHPkvXf+UY7BaClcAAAAASUVORK5CYII='); }
  .pi-oleos-industriais { --icon: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAABN4SURBVHhe7Z0N2GVVVcctI78yE8wkTbRS0yjT/EhUwG9E/CCRQpRKUFEzExMxowILv8sPSkAkQ5FIDUMlUJMUS4tRsaaMUUrKccAZbaZxZt73vWf9d8//ztqnddfZ9733zpx9z3nvu3/Pc5535qx1zt5nn33P2Wfttda+1a0KhUKhUCgUCoVCoVBYe4QQvj+E8HgAvxlCOAPAq9rY9Fw85+NZhi+30AMAHAvgX0NmAGwMITzDl1/oEADP9zcqNwBO8fUodACAnwZQuZtzA4DPA7iupY3nusGVMQDwAF+fwpwRkXebm7IHwAkhhO/zevvLhg0bDgDwbJZhynuX1yvMEd5oAF81N+QNXqdtALzJlMenQuudrTAlIYQfAvAtc0OO8TptA+CpprxvAfhBr1OYEyGEOwO4xdyQp3qdtvEdIIRwJ69TmBMhhO8FcLO5IY/zOm3DMkx5t3h5YR/QG3kEH+EAjp5yezKA4wH8j7khZwE4KqHb1sZznxXLCyFsB3Cc1sXrjtuOWVlZOYLX7NthXQLgmSGEDaZR1wsbqqo63rfHugHAkwBc41tlvQHg03yy+PZZWAA8EsBHfUMQAN8BsG3Bt+/46yYA/gbAo317LQwAHgjgUn/hBMC/ADgRwF0BHBRCuMsibrw2vUYalL7s24EA+IsQws/59luzALgPgAu8uVYv9qsATt24ceO6m2GjASmE8AIR+VqiXSoA7wZwP3/cmgHAjwJ4C4CdiQvcAuB0AHf0x6032AYAXgFgc6KdvqtteA9/XOfwXV5V1Rki8gYReV3cAJwD4E9E5NuJC/q2fkbdxZ9vvaOvh7NEpDFG0LHRn7JtTTu/LoTwegC/DuC+/nzZoOVLRD7kK7kaAHaLyNsA/Jg/X2GUEMI9AbyVbebbcRw6CXamP1frhBBuDeDjvgLjMO+y+fXQBWFpael+AC7ktLNv13FUVfUqf55WCSE8yxYI4CYAnwDwt4ntohDCz/tzFGYDwIP1R+Tb95MhhL8DsMvcjz27du26uz9HawC4xBT2RQAHep3CfAFwGAeL5r6c6HVaA8DVpqA3enmhG0TkenNfTvPy1qC1KhYkIm/28kI3iMgXTQd4uZe3husAb/HyQjeIyJe66ADlCdAT5vkEqMcANAB5eaEb3BPgFV7eGjpREQv6HIDbeJ3CfAFwKIAd5r78itdpDQDPjQVpYRtF5AMhhL/k37LNbwNwmYhczinmeD9EhLEKh/j71hqMi+Mv33aCQn8QkT/w96x1Qgh3UytUoSdgL3/k71VW1IHzzQDOo0OHqcx/677zzfbnAJaMzlUA3ul0cm6sj3Uf/ydXPv99nZHfnDhHzo3lWyPbkraZ1TlPRL5hdOhEwxnCM2ku9vdnrnDkaSr2D15OAPxH1OGcgpfnBsC1po4Na5m7hk97eW4A/JIp/0YvJ4xRXO0aOsMODvkECCHcNqFTjx0A/J6X58aV/5qE/HeM/O+9PDchhN835X/Oyzdv3nx7bduo8xyv0xkuWOK7u3btaniwcMQadUTkQi/PTd87AGf8TPkfSsjvbn0EADzW63QGw6Q5ComVW15eflBC5+2m8ld6eW7WQAe4ypT/toT8wUYuvQpNp6cro2RMBY9O6Jxu5Nd7eW7WQAewM3qvTMiPjnKNSPphr9MZIQTGzt9oLuD5Xoeu0Eb+DQB38Do56XMHYFsA+KYp/wSvQw9iI6cn8QF6LJ1K6TByvfpoNDYR+TKAz2R9bbDRTAXP8nKNh4ty+rDN1T+wzx1A/QBt4onDvQ6As1P1o+k37p8EYxFGz9oiAN5nCmpkzlA38dq/jaldvE5O+twB2BambLbR3RI674o6IvI+s//UuH8SmtDie0bPPIbl5WXm3uGj5YO09a+2cZJIROwr4Ju0VRv5ZQCucB2AjyROLkWd4ZxCrtmseXWAEMK9+Lim4cZe17iNbcC2MGXTns+28u1nXxFf0+O42algxlucphtjDV6m9y/K/23qDmAf6R3wq74++0vuDkB3eY7eU4Ew8yI1uKa9wMin6wBUsrl35g2jZLZt29Zq6pWcHYC/emsO7wrWwdfNviJm7QBUjgdeq7boCzJt54vI++sr2VtmqzNbuTqA5in6Sl3xvcfvZvwEDV604yeut5VN5zjs4DtbB3iu18kBgNpaqP7u9/I6+0quDsCJnHicHvtBBsR6vVwAONmUna0DnOp1csAIIgDLptz3e519JUcHAHBvACvmuIYJNzcAXmrKz9YB5vIEILw5sVwt+xFeZ1/I1AGYQDpCS2jj8y03AJ5n6p2tA1wM4CQAv5Zz4+hfP1/sU4DvuMmVnkCmDmBtH5d7eWRlZeVwGmx4s/w17+fGe2KjtVrtACO5cbsEwC/7Os5Kpg5Qu8kzjj8hvwfj96JOblrrAGQeqdenRURe6+s3K5k6gJ3BG4mT0PmR2oFjHoyxA5xk5NN3gMFg8DSdYLhRU7lM2ja5tK3LTH+S0LOP9616nNeJG8u+MuVfMCuZOsDYJwCAJ0aZyjcnrpX/t169y4k24GYHmkxPG8/Dv1uN7OsuJyEzsZ1r5NN3gIiuwnHApE2zaVu3JnYGJkfyuvUjkb8azZXjdeLWWu6gDjrAbxjZf9JewDZKtNkfGz2mzRvR4bSv+2EdH8+jx58WZZMA8O8zd4BZAPAwUxh7beM7ngNKo3OJl+ei4w7QeDRHbOY0OoJ6uVoZ7RzKQ528niaeBMd19tjWCSH8uHtcPdLraG6bKJ+b82WmDlDnO0x0gFW/zyMAPhv1ROQcLw8hPMqcZ2X37t0j0+h8EojIX6sn8zbmZvIb0+kC+K/sn/NMnW7dr1PevwBebC6IJlTm/OfM44kicra6Ol+kf1+rn08P3V8Hkhk7AGfn7jQYDI7kjeQaAZyO1Y1Zu/ip+gTnaTySL2GaDqDXvsnovSihU2dlERE6hTLf4CPodAPg1Trz+Bj++PTr7XbMom63HTt2MPfi7f25W0crYGMEGpGqAJ5u5LSZb7T+hOPQHszv7mfsS0yi/aVN0QF2cGq1LnwK2GHd+SZ2APXmscmun5bQebmR7xCR5CSdDgDf2HkGNhs15B+LKq/HCfuKiHBNoDNDCD/lz59CXa7+OR4/qQPsC9qZ+Sj+RS3vFCNLeuJwGToRqTs/gId4HUb81IVMgfoEPMWfZ25wIGMqc1lCfoiNEjK6zKPLiOPLReQS/mWQiXWE8PCdqMfwEX2C5sthtOzPaE5iWt4YVcNRuD1uqg6g3rf83LpaROh8calGNfGpVbtwefTXWNtR9ByHMmnWYDB4SlVVr+Zsofsk5vnumajXyCxpRESYoIsRTo0nAjtV6mkyFwD8YawI35EJOR971ruFDcpv1oO8LlH9h2sIVO39sj9M6gCamPGVdL3mIMvr6quOHZnrFVycSorpmfSWExF6UY2Mc/g+t2MEQrtICOHIGHyjn4rMJMasbFbvf1NfYdmpqupFphKsfGNRJRGxj+MXevlq0LOVY4FxWbenYYoO8BkvXw0NmKX7VR1fOCupT0XrSq+83utY2JZWuc3Z1Klxa+rwl9T4ZU8KgpgGAD/COQJNRM21/W6Jj1SNll1iMCVz6lVV9bvWaWOKDjDVZ2AKfrHoUrP066OlbidfJXpeJs7kAJMWuffwFWfKvMqeZ9OmTbexry4vHwfb0xyTtMVkhQOZWAERkaWlpfsndOrHVVtz6Nu3b+cCUpyf5/uf44BDQgg/EOXuky1bB7Do4/lgDlYB/Cyzf7PjxuVi3EzeSLgcgF+IMuVRVj4OTUdvM4Y0YjSyQn9/Fwp+REKnXndnXDRx28xoB2ilA0xCRP4xlsngUCvjUyQKROTrqbHIOPjUi8cyJM/Ls6KfQDaO/dkJnXqtXxFh2PjUF7ev9K0D0JbhHvEjaxGLCAd7UTaTyRzAe82xF3t5dlzmytO93Ma56eMquydN3zqADhxrF/LBYPDkKNuyZcsdRKQ2RHFgPXr06gD4mLmWd3p5dvRTZYiIvMPLGT0c5VrJQ71O2/StA+iYwH4b1svE2HEUWVlZaRiIxsHPZhGxs4cv8zrZoTt0rADzAni5xrrbBMdP8Dpt08MOUPsL0AOaoXNGZj+lOckz9TyINR3r8dl/XA2YAcRU4PNeTiOGy3aRL7ed0sMOQB/IWB6tereLMn4iGtnHR48cj/oO1A4msxzbKs5XnQOdhmOHXSySje/lbdPDDsC5jFjedXG/WhnrFcU4Izp65HhclhEy4jswN7gQoqlIcpAH4CNG5zwvb5sedoDzTXlXmP0+FcxUC2KrebgmFaE9N7hGoKtM4z2k0bNDROSjXt42PewAyZG6Gxss79mz596jRzbRBJ528om+lt1lEOGARkRWHeTxJhj5F7y8bfrWAVyG79+O+60BSH34bj16ZBM75tLjnud15ooaOW4yFWoM8mxmCzp75PZYcR2gkWPP5QnM2gF0ls8ay04yMuYTiPs/MHpkEwD3t9PKdLr1Op3AuWpzIY1BHp0hjJzOFPkWO3IdgANQnURiAgxudPX6gqlP7g5Ac3m92BPbgvt1VTb+6iNn+GM9ImKTSzDDaGPupRPoHWMqdn5Czgkb6w2TNd3pLEvUs/P649vEpXwjw3Q56gFsnUQar04LF42sK73XYph/7cBpoY+cuZCPJOSczqXTQtRppJZrEwAfrltqAqvF+bUBXbZiWSLClG931f3HmDqs+lTUmc/alKxp5hq+F52hHquxco1Bno5c6/zBVVW9wOu0iXrwnKv5dujaldooe0fWnPt7r92nfBveODcQ3bhaEIfzqaAP2MO8Tqe4/MHJQZ4bmJ3t5YsKjTvmuj9r9tdL8jIB1OhR/4+1Iqpu/5bvoetWrKCI7E7F94nIX5mLuMjLFxUAf2au+73c5weAAJLLwKqhqHaHU0+nRnLuztFgj6ErlFZ01fzBItKN3boD7PrL/NUzoIYBHNaRZjAYHOWPIyJyRdTR4xtJJXvBzp07J+YPrqrK5g+m/XvsO29R4Gyd+wTktd8kItY0ztnBgxPH1qHeqteYau8NGrM2KX/wCUZOB4jah28R8V674+AEmp8C1kyrtfu5Joucepq4E2hQMRVuDPLoL2jkfPzN14N1jmgiSXsDGdSSTMKho/ob6M0c2wRAPV5SnXyJn9vCpSltDPLUS9aOE/r1KdMi1g9Sb/CTdP+DNMNoMhaRthIAn3L7GiF3vQTAW02lr07ID3Ij2lUtX2sZ5//wSS9nW1RVdaozWaeg4egn/PG9xE2wNAZ5Gh5dJ6MC8AkGQy7gVn/2kcFg8EzbDh7O7fPz0LrNRdR0zABQZlfp95jJpYzZsnXr1jsmdOromPWABo5OFd6ucwMMJK1T9lloROr1QBDAo01lk4M8ERkJalx0qqqaecU0jTA6lhlJGF5mzzeLy9jc0dSvdYVTgzzm0tOMIFcu4PZh/uLN9e9IPQVnYXl5me7k9aBQA2saPpe9YPv27Qe6T5+ne51Fxzl4MlD0nJSL3CzYz2cRoVGp4XPZC9S+bQd5L/E6i4xdKMuiq4IwAQYjqWcOi2PuAnOufhvQ3LTlx7x8UdEvnJF1BFLQGMSJn2kX0dLxAKeQ4/GXep1eYfPlaYXzpirrCQzJctf9W/pJWAduWDRvANPrHOnPZWHqF3foqvqdo7NcN9sa8xt2eXmZaU1o3z54kTYN+qTLl50Is3P+9IRiNpEv2TaxaN4jpoE7cLQ1h8fb5JT0Aur/BJrNGmJRMyd7/sJsaqmrk2XqdTa+fjQC6Cj1QhqZHYyowYdm4qG/JGME3FfVi/15e0tVVSd2uaJWV9Ac7tvCQ9MuE0TYd7tFrX/Mnlb7Amj6ncYToteoDzu/+UdeCYuAndQy+5hObhj0qYPCxhy/RbN8Pkszp62aVkxE5h/33xY6LniIZvx63BrfHqPX8nbn5r6LRhter056MZEVX3lJVy+PzhLynI0fi5ZT5xModAyA46zBS2/SsUZuM4IzecMwSRT/0k9g5GQO7TynuHUBGvkXCx2gIV71lLe5QbX3k13USWXDbGD6tRDT2zVC5yz6+rAdYKaUMYUMcODmM5fqah7HGZ3DmCnPyJnwejhwY9JHs/8r5pgD/VOB+YeNLlcVyRq3UJgCm5AxIiL8RT+Qcs0NWKfO1/f20GijmdRsDuT36H6OKW7WBJeHmbLsqiJZw9YKUzLOzk+4EIaLjiYvNcfWCzqrfJgEinkSzL4Lor5bZufcuL/QMfqL5VKxjeznFh/l49YuGFoJr7nmGr7nbebvYWSw5lNiZFXUP9meq9AD1O+Bq52MM+TQaENnDmZFP9zJnqPnoF+ETQ3zRO5nCnm3v//ewOsVxj/qugX1ohkea/a1izhpkum4n0al4WIY/N6vD94re8BIoYV+YoxDdg2lEXQVkzgwfLjZz3mFYY4f+8TQJ0FjUYlCj9HcfS+xGVM8InKtrs88tCTqIpNDZ0+XSYUdY1VzcqHHqLs3F7touHtbNH/QMDmUc6ylS9nYpBGFNQKze1RV9ZpxHkO6sMSnBoMBTcxHmAUnBnv27PlJf77CGkWzpHCVsYa7d0RNxdYHoJvsn4W86EonXP2szqE8hsZinIUFgvMAVVWdbI1FFiaF9McUFhRd+/BCt0JaeQKsNzQv0As5XvCyQqFQKBQKhUKhUCgUZuT/APyZa6+Lx8RfAAAAAElFTkSuQmCC'); }
  /* Alternate icon color: even cards in Valvoline blue */
  .product-card:nth-child(even) .product-icon {
    color: var(--valvoline-blue);
    border-color: var(--valvoline-blue);
  }
  .product-card:hover .product-icon {
    background: var(--motul-red);
    color: var(--motul-white);
  }
  .product-card:nth-child(even):hover .product-icon {
    background: var(--valvoline-blue);
    color: var(--motul-white);
  }

  .product-tag {
    font-family: 'Inter', 'Open Sans', Arial, sans-serif;
    font-size: 0.625rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    color: var(--medium-gray);
  }
  .product-card h3 {
    font-family: 'Graphik', 'Helvetica Now Display', 'Open Sans', Arial, sans-serif;
    font-size: clamp(1.125rem, 1.5vw, 1.375rem);
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--motul-dark-carbon);
    font-weight: 800;
    margin: 0 0 0.5rem;
  }
  /* Alinha as descricoes entre os cards: titulo reserva altura p/ ate 2 linhas */
  @media (min-width: 768px) {
    .product-card h3 { min-height: 2.2em; }
  }
  .product-card p {
    color: #555;
    font-size: 0.9375rem;
    line-height: 1.55;
    max-width: 100%;
    margin: 0;
  }
  .products-cta { padding-top: var(--space-lg); }

  /* ============================================================
     SOBRE — editorial split
     ============================================================ */
  .about-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-xl);
    align-items: start;
  }
  .about-text .lede + .lede { margin-top: var(--space-md); }
  .about-side {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xl);
  }
  .about-pull {
    border-left: 3px solid var(--vermelho);
    padding: var(--space-lg) 0 var(--space-lg) var(--space-lg);
    font-style: italic;
    font-weight: 700;
    font-size: clamp(1.25rem, 2.2vw, 1.625rem);
    line-height: 1.35;
    color: var(--preto);
    max-width: 22ch;
    letter-spacing: -0.01em;
  }

  /* MG state map — minimalist mockup */
  .about-map {
    position: relative;
    padding-top: var(--space-lg);
    border-top: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
  }
  .about-map-frame {
    position: relative;
    width: 100%;
    max-width: 480px;
    aspect-ratio: 1122 / 925;
    overflow: visible;
  }
  .about-map-frame::before {
    content: "";
    position: absolute;
    left: -12px; top: -12px;
    width: 40px; height: 40px;
    border-top: 1px solid var(--preto);
    border-left: 1px solid var(--preto);
    opacity: 0.5;
  }
  .about-map-frame::after {
    content: "";
    position: absolute;
    right: -12px; bottom: -12px;
    width: 40px; height: 40px;
    border-bottom: 1px solid var(--preto);
    border-right: 1px solid var(--preto);
    opacity: 0.5;
  }
  .about-map img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    opacity: 0.92;
    transition: opacity .4s var(--ease-quart), transform .8s var(--ease-expo);
    transform-origin: center;
  }
  .about-map:hover img { opacity: 1; transform: scale(1.02); }
  .about-map-caption {
    display: grid;
    gap: 4px;
    font-size: 0.875rem;
    line-height: 1.4;
    max-width: 280px;
  }
  .about-map-label {
    font-size: 0.625rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.24em;
    color: var(--vermelho);
  }
  .about-map-place {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--preto);
    letter-spacing: -0.01em;
  }
  .about-map-place em { font-style: italic; font-weight: 600; color: var(--texto-mudo); }
  .about-map-meta {
    font-size: 0.75rem;
    color: var(--texto-mudo);
    letter-spacing: 0.02em;
  }
  .about-map-meta strong { color: var(--preto); font-weight: 700; }
  .about-pull::before {
    content: "\201C";
    display: block;
    font-size: 3rem;
    color: var(--vermelho);
    line-height: 0.5;
    margin-bottom: var(--space-md);
    font-style: normal;
    font-weight: 800;
  }

  /* ============================================================
     STATS — big numbers, USVC style
     ============================================================ */
  .stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border-top: 1px solid var(--cinza-card);
  }
  .stat-cell {
    padding: var(--space-lg) var(--space-md);
    border-right: 1px solid var(--cinza-card);
    border-bottom: 1px solid var(--cinza-card);
  }
  .stats-grid:not(.stats-grid--five) .stat-cell:nth-child(2n) { border-right: none; }
  .stats-grid--five .stat-cell:nth-child(2n) { border-right: none; }
  .stat-num {
    font-size: clamp(2.5rem, 6vw, 4rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.04em;
    margin-bottom: var(--space-sm);
    font-variant-numeric: tabular-nums;
  }
  .stat-num em { color: var(--vermelho); font-style: normal; }
  .stat-num .count { display: inline-block; min-width: 0.5em; }
  .stat-label {
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(255,255,255,0.7);
    font-weight: 600;
  }

  /* ============================================================
     PARCEIROS — square brand cards w/ packshot carousel
     ============================================================ */
  .partners-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-lg);
    margin-top: var(--space-xl);
  }
  .partner-card {
    background: var(--branco);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    padding: var(--space-md);
    gap: var(--space-sm);
    aspect-ratio: 1 / 1;
    transition: border-color .35s var(--ease-quart),
                transform .35s var(--ease-quart),
                box-shadow .35s var(--ease-quart);
    position: relative;
    overflow: hidden;
  }
  .partner-card:hover {
    border-color: var(--preto);
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(0,0,0,0.06);
  }
  .partner-card-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
    min-height: 30px;
  }
  .partner-icon {
    width: 30px;
    height: 30px;
    background: var(--preto);
    color: var(--branco);
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s var(--ease-quart);
  }
  .partner-card:hover .partner-icon { background: var(--azul-pantone); }
  .partner-icon svg { width: 16px; height: 16px; display: block; }

  .partner-card-packshot {
    flex: 1;
    min-height: 0;
    position: relative;
    overflow: hidden;
  }
  .packshot-carousel {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .packshot-carousel img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    opacity: 0;
    transition: opacity .8s var(--ease-quart), transform .8s var(--ease-expo);
    padding: var(--space-xs);
  }
  .packshot-carousel img.is-active { opacity: 1; }
  .partner-card:hover .packshot-carousel img.is-active { transform: scale(1.04); }
  .partner-card-packshot--wd40 .packshot-carousel img {
    border-radius: 8px;
    padding: var(--space-md);
  }

  .packshot-dots {
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 4px;
    z-index: 2;
  }
  .packshot-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--border-mid);
    transition: background-color .3s var(--ease-quart), width .3s var(--ease-quart);
  }
  .packshot-dot.is-active {
    background: var(--vermelho);
    width: 14px;
    border-radius: 4px;
  }

  .partner-card-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: var(--space-sm);
    border-top: 1px solid var(--border-light);
    min-height: 52px;
  }
  .partner-card-logo img {
    max-width: 75%;
    max-height: 38px;
    width: auto;
    height: auto;
    object-fit: contain;
  }
  .partner-wordmark {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    letter-spacing: -0.02em;
    color: #003594;
  }

  /* ============================================================
     CATÁLOGOS — dark carbon technical grid
     ============================================================ */
  .section--catalogs-dark {
    background: var(--motul-dark-carbon);
    color: var(--motul-white);
    position: relative;
    overflow: hidden;
  }
  .section--catalogs-dark::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, var(--motul-red) 0%, var(--motul-red) 18%, transparent 60%);
    z-index: 1;
  }
  .section--catalogs-dark .section-head h2,
  .section--catalogs-dark .bleed-title { color: var(--motul-white); }
  .section--catalogs-dark .section-kicker { color: var(--motul-white); }
  .section--catalogs-dark .section-kicker::before { background: var(--motul-red); }
  .section--catalogs-dark .section-sub { color: rgba(255,255,255,0.66); }

  .catalogs-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: var(--space-xl);
  }
  .catalog-card {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: clamp(1.25rem, 2vw, 1.75rem);
    background: #1A1A1A;
    border: 1px solid rgba(255,255,255,0.18);
    text-decoration: none;
    color: var(--motul-white);
    min-height: 240px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: border-color .35s var(--ease-motul), transform .35s var(--ease-motul);
  }
  /* Foto do catálogo — topo do card, bleed até as bordas, tamanho uniforme */
  .catalog-card-media {
    margin: clamp(-1.25rem, -2vw, -1.75rem) clamp(-1.25rem, -2vw, -1.75rem) 0;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    position: relative;
    background: #0D0D0D;
  }
  .catalog-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform .6s var(--ease-motul);
  }
  /* Gradiente sutil na base da foto para casar com o fundo escuro do card */
  .catalog-card-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(26,26,26,0.85) 100%);
    pointer-events: none;
  }
  .catalog-card:hover .catalog-card-media img { transform: scale(1.05); }
  /* Diagonal thin line accent (top-right) */
  .catalog-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 64px;
    height: 1px;
    background: rgba(255,255,255,0.18);
    transform: rotate(-35deg) translate(20px, 18px);
    transform-origin: top right;
  }
  /* Sliding red line at bottom on hover */
  .catalog-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--motul-red);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .55s var(--ease-motul);
  }
  .catalog-card:hover {
    border-color: rgba(255,255,255,0.35);
    transform: translateY(-2px);
  }
  .catalog-card:hover::after { transform: scaleX(1); }
  .catalog-card:focus-visible {
    outline: 2px solid var(--motul-red);
    outline-offset: 4px;
  }
  .catalog-card-brand {
    font-family: 'Inter', 'Open Sans', Arial, sans-serif;
    font-size: 0.6875rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    color: var(--motul-red);
  }
  .catalog-card--blue .catalog-card-brand { color: #6F9CFF; }
  .catalog-card h3 {
    font-family: 'Graphik', 'Helvetica Now Display', 'Open Sans', Arial, sans-serif;
    font-size: 1.375rem;
    line-height: 1.05;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    margin-top: var(--space-xs);
    color: var(--motul-white);
    font-weight: 800;
  }
  .catalog-card p {
    color: rgba(255,255,255,0.72);
    font-size: 0.9375rem;
    line-height: 1.5;
    flex-grow: 1;
    margin-top: var(--space-xs);
  }
  .catalog-card-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--space-md);
    margin-top: var(--space-md);
    border-top: 1px solid rgba(255,255,255,0.18);
  }
  .catalog-card-meta .size {
    font-family: 'Inter', 'Open Sans', Arial, sans-serif;
    font-size: 0.6875rem;
    color: rgba(255,255,255,0.65);
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-variant-numeric: tabular-nums;
  }
  .catalog-card-meta .size svg { width: 14px; height: 14px; }
  .catalog-card-meta .action {
    font-family: 'Inter', 'Open Sans', Arial, sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--motul-white);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: gap .25s var(--ease-motul), color .25s var(--ease-motul);
  }
  .catalog-card-meta .action::after {
    content: "↓";
    font-size: 0.9em;
    transition: transform .35s var(--ease-motul);
  }
  .catalog-card:hover .catalog-card-meta .action { color: var(--motul-red); gap: 14px; }
  .catalog-card:hover .catalog-card-meta .action::after { transform: translateY(3px); }

  /* ============================================================
     TESTIMONIALS — marquee horizontal contínua de cards editoriais
     ============================================================ */
  .testimonials-marquee {
    position: relative;
    overflow: hidden;
    margin-top: var(--space-xl);
    /* Fade suave nas bordas para indicar continuidade da rolagem */
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);
  }
  .testimonials-track {
    display: flex;
    gap: clamp(1.25rem, 2.5vw, 2rem);
    width: max-content;
    animation: testimonials-scroll 70s linear infinite;
    will-change: transform;
  }
  .testimonials-marquee:hover .testimonials-track,
  .testimonials-marquee:focus-within .testimonials-track {
    animation-play-state: paused;
  }
  @keyframes testimonials-scroll {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-50%, 0, 0); }
  }
  @media (prefers-reduced-motion: reduce) {
    .testimonials-track {
      animation: none;
      transform: none;
    }
  }

  .testimonial {
    flex: 0 0 clamp(280px, 32vw, 440px);
    padding: clamp(1.5rem, 2.5vw, 2rem);
    background: var(--motul-white);
    border: 1px solid var(--border-soft);
    border-radius: 6px;
    box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 6px 18px rgba(0,0,0,0.04);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: clamp(280px, 30vw, 360px);
    margin: 0;
  }
  .testimonial blockquote {
    font-size: clamp(0.9375rem, 1.15vw, 1.0625rem);
    line-height: 1.55;
    font-style: italic;
    font-weight: 500;
    color: var(--preto);
    margin: 0 0 var(--space-md);
    letter-spacing: -0.005em;
    position: relative;
    padding-top: var(--space-md);
    /* Limita a altura: depoimentos longos ganham scroll sutil em vez de explodir o card */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
  }
  .testimonial blockquote::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 40px; height: 2px;
    background: var(--vermelho);
  }
  .testimonial cite {
    display: block;
    font-style: normal;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    color: var(--texto-mudo);
    margin-top: auto;
  }

  /* ============================================================
     CTA BAND — Motul red dominant, oversized bleeding text
     ============================================================ */
  .section--cta {
    background: var(--motul-red);
    color: var(--motul-white);
    padding: clamp(4.5rem, 9vw, 9rem) 0;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border-bottom: 0;
  }
  .section--cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle at center, rgba(255,255,255,0.08) 1px, transparent 1.2px);
    background-size: 22px 22px;
    pointer-events: none;
    opacity: 0.7;
  }
  .cta-band-inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 4vw, 3.25rem);
  }
  .cta-band-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .cta-band-head .section-kicker { color: var(--motul-white); }
  .cta-band-head .section-kicker::before { background: var(--motul-white); }
  .cta-band-title {
    font-family: 'Graphik', 'Helvetica Now Display', 'Open Sans', Arial, sans-serif;
    font-weight: 900;
    line-height: 0.88;
    letter-spacing: -0.045em;
    text-transform: uppercase;
    color: var(--motul-white);
    margin: 0;
    font-size: clamp(2.5rem, 9vw, 8rem);
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .cta-band-line { display: block; }
  .cta-band-em {
    font-style: italic;
    color: inherit;
    font-weight: 400;
    text-decoration: none;
    position: relative;
  }
  .cta-band-foot {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: end;
    padding-top: clamp(1rem, 2vw, 1.75rem);
    border-top: 1px solid rgba(255,255,255,0.25);
  }
  @media (min-width: 900px) {
    .cta-band-foot { grid-template-columns: 1.2fr auto; }
  }
  .cta-band-sub {
    font-size: clamp(1rem, 1.4vw, 1.25rem);
    color: rgba(255,255,255,0.92);
    line-height: 1.45;
    max-width: 60ch;
    margin: 0;
  }
  .cta-band-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
  }
  /* Button color overrides on red bg */
  .section--cta .btn--carbon:hover { background: var(--motul-white); color: var(--motul-dark-carbon); border-color: var(--motul-white); }
  .section--cta .btn--ghost-light:hover { background: var(--motul-white); color: var(--motul-dark-carbon); }

  /* ============================================================
     FORMULÁRIO — clean, USVC style
     ============================================================ */
  .form-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-2xl);
  }
  .form-wrap {
    background: var(--branco);
    border: 1px solid var(--border-light);
    padding: var(--space-xl) var(--space-lg);
  }
  .form-field { display: flex; flex-direction: column; gap: var(--space-xs); margin-bottom: var(--space-md); }
  .form-field label {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--preto);
  }
  .form-field input,
  .form-field select,
  .form-field textarea {
    width: 100%;
    min-height: 48px;
    padding: var(--space-sm);
    background: var(--branco);
    color: var(--preto);
    border: 1.5px solid var(--border-mid);
    border-radius: var(--radius-sharp);
    font-size: 1rem;
    transition: border-color .2s ease, box-shadow .2s ease;
  }
  .form-field textarea { resize: vertical; min-height: 140px; font-family: inherit; }
  .form-field input:focus,
  .form-field select:focus,
  .form-field textarea:focus {
    outline: none;
    border-color: var(--vermelho);
    box-shadow: 0 0 0 3px rgba(237,28,36,0.15);
  }
  .form-row { display: grid; grid-template-columns: 1fr; gap: var(--space-md); }
  .form-submit { width: 100%; margin-top: var(--space-sm); }
  .form-info h2 { margin: var(--space-md) 0 var(--space-lg); }
  .info-list { list-style: none; display: grid; gap: var(--space-lg); margin-top: var(--space-xl); }
  .info-list li { display: grid; grid-template-columns: 1fr; gap: 4px; padding-top: var(--space-md); border-top: 1px solid var(--border-light); }
  .info-list .label {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: var(--texto-mudo);
  }
  .info-list .value { font-size: 1.125rem; font-weight: 600; color: var(--preto); }
  .form-status {
    margin-top: var(--space-md);
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-sharp);
    font-size: 0.875rem;
    display: none;
  }
  .form-status.show { display: block; }
  .form-status.success { background: rgba(37,211,102,0.12); color: #0a6e2e; border: 1px solid rgba(37,211,102,0.4); }
  .form-status.error { background: rgba(237,28,36,0.10); color: #8A1015; border: 1px solid rgba(237,28,36,0.35); }

  /* Honeypot field — invisível para humanos, visível para bots */
  .hp-field {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
  }
  .form-submit[disabled] { opacity: 0.6; cursor: not-allowed; }

  /* ============================================================
     FOOTER
     ============================================================ */
  /* Smooth gradient transition: bottom of form section fades into dark, top of footer fades in from light */
  #contato {
    position: relative;
    z-index: 0;
  }
  #contato::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0; right: 0;
    height: 200px;
    background: linear-gradient(180deg, transparent 0%, rgba(20,20,20,0.04) 35%, rgba(20,20,20,0.18) 80%, rgba(20,20,20,0.32) 100%);
    pointer-events: none;
    z-index: 1;
  }

  .site-footer {
    position: relative;
    min-height: 100svh;
    background-color: var(--motul-dark-carbon);
    color: var(--branco);
    padding: calc(var(--header-h) + 1.5rem) 0 clamp(1rem, 2vw, 1.5rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .site-footer > .container {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
  /* Background image — subtly blurred, visible content */
  .site-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: url('../brands/footer-bg.jpg');
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    filter: blur(2px) brightness(0.85) saturate(1.1);
    transform: scale(1.02);
    opacity: 1;
  }
  /* Dark overlay for legibility — lighter so image stays visible */
  .site-footer::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
      linear-gradient(180deg, rgba(20,20,20,0.55) 0%, rgba(20,20,20,0.35) 35%, rgba(20,20,20,0.32) 60%, rgba(20,20,20,0.65) 100%);
    pointer-events: none;
  }
  .site-footer > * { position: relative; z-index: 2; }
  .footer-top {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-md);
    padding-bottom: var(--space-lg);
    border-bottom: 1px solid rgba(255,255,255,0.10);
    align-items: end;
  }
  .footer-tagline {
    font-size: clamp(1.5rem, 3.2vw, 2.25rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.03em;
    max-width: 22ch;
  }
  .footer-tagline em { color: var(--vermelho); font-style: italic; }
  .footer-cta-block { display: flex; flex-direction: column; gap: var(--space-sm); align-items: flex-start; }
  .footer-cta-block .text-link { color: var(--branco); border-bottom-color: rgba(255,255,255,0.4); }
  .footer-cta-block .text-link:hover { color: var(--vermelho); border-bottom-color: var(--vermelho); }
  .footer-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-lg);
    padding: var(--space-lg) 0 var(--space-md);
  }
  .footer-col p {
    color: rgba(255,255,255,0.7);
    font-size: 0.8125rem;
    line-height: 1.5;
  }
  .footer-col p + p { margin-top: 6px; }
  .footer-col h4 {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: rgba(255,255,255,0.55);
    margin-bottom: var(--space-sm);
  }
  .footer-col ul { list-style: none; display: grid; gap: 6px; }
  .footer-col a {
    color: rgba(255,255,255,0.88);
    transition: color .2s ease;
    font-size: 0.9375rem;
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    min-height: 28px;
  }
  .footer-col li { font-size: 0.9375rem; color: rgba(255,255,255,0.88); }
  .footer-col a:hover { color: var(--vermelho); }
  .footer-bottom {
    padding-top: var(--space-md);
    border-top: 1px solid rgba(255,255,255,0.10);
    font-size: 0.75rem;
    color: rgba(255,255,255,0.5);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--space-xs);
    align-items: center;
    justify-content: flex-start;
  }
  .footer-social-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    margin-top: var(--space-sm);
  }
  .footer-social-label {
    font-family: 'Inter','Open Sans',Arial,sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.55);
  }
  .footer-social {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
  }
  .footer-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 20px 0 16px;
    border: 1.5px solid rgba(255,255,255,0.25);
    border-radius: var(--radius-sharp);
    color: var(--motul-white);
    font-family: 'Inter','Open Sans',Arial,sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .25s var(--ease-quart),
                border-color .25s var(--ease-quart),
                color .25s var(--ease-quart),
                transform .12s ease;
  }
  .footer-social-link svg { width: 22px; height: 22px; flex-shrink: 0; }
  .footer-social-link:active { transform: scale(0.97); }
  /* Instagram hover: gradient pink/purple/orange */
  .footer-social-link--ig:hover {
    background: linear-gradient(45deg, #F58529 0%, #DD2A7B 50%, #8134AF 100%);
    border-color: transparent;
    color: var(--motul-white);
  }
  /* WhatsApp hover: brand green */
  .footer-social-link--wa:hover {
    background: var(--whatsapp);
    border-color: var(--whatsapp);
    color: var(--motul-white);
  }

  /* ============================================================
     WHATSAPP FLOATING
     ============================================================ */
  .wa-float {
    position: fixed;
    bottom: var(--space-md);
    right: var(--space-md);
    z-index: 90;
    width: 56px; height: 56px;
    background: var(--whatsapp);
    color: var(--branco);
    border-radius: 50%;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease, background .2s ease;
  }
  .wa-float:hover { background: var(--whatsapp-hover); transform: scale(1.06); }
  .wa-float svg { width: 28px; height: 28px; }

  /* ============================================================
     SCROLL REVEAL & ANIMATION SYSTEM
     ============================================================ */
  .reveal {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 1.2s var(--ease-expo), transform 1.2s var(--ease-expo);
    transition-delay: calc(var(--reveal-i, 0) * 90ms);
    will-change: opacity, transform;
  }
  .reveal.visible { opacity: 1; transform: translateY(0); }

  /* Clip reveal — text rises from behind a mask line (used in headings) */
  .clip-reveal {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    padding-bottom: 0.08em;
    margin-bottom: -0.08em;
  }
  .clip-reveal > .clip-inner {
    display: inline-block;
    transform: translateY(110%);
    transition: transform 1.2s var(--ease-expo);
    transition-delay: calc(var(--clip-i, 0) * 80ms);
    will-change: transform;
  }
  .clip-reveal.visible > .clip-inner { transform: translateY(0); }

  /* Fade-only variant */
  .fade-reveal {
    opacity: 0;
    transition: opacity 1.4s var(--ease-expo);
    transition-delay: calc(var(--reveal-i, 0) * 120ms);
  }
  .fade-reveal.visible { opacity: 1; }

  /* Letter / word stagger using js-set --reveal-i */

  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      animation-duration: 0.001ms !important;
      transition-duration: 0.001ms !important;
      scroll-behavior: auto !important;
    }
    .reveal, .fade-reveal { opacity: 1; transform: none; }
    .clip-reveal > .clip-inner { transform: none; }
  }

  /* ============================================================
     RESPONSIVE — TABLET (>= 768px)
     ============================================================ */
  @media (min-width: 768px) {
    .container, .container-narrow { padding: 0 var(--space-lg); }

    .hero-grid { grid-template-columns: 1.5fr 1fr; gap: var(--space-2xl); }
    .hero-actions { flex-direction: row; }
    .hero-actions .btn { width: auto; }
    .hero-aside { grid-template-columns: 1fr 1fr; }

    .features-list { grid-template-columns: 1fr; }
    .feature-item { grid-template-columns: 160px 1fr; gap: var(--space-xl); align-items: start; }

    .products-grid { grid-template-columns: repeat(2, 1fr); }

    .stats-grid { grid-template-columns: repeat(4, 1fr); }
    .stats-grid--five { grid-template-columns: repeat(3, 1fr); }
    .stat-cell { padding: var(--space-xl) var(--space-md); border-bottom: 1px solid var(--cinza-card); }
    .stats-grid:not(.stats-grid--five) .stat-cell { border-bottom: none; }
    .stats-grid:not(.stats-grid--five) .stat-cell:nth-child(2n) { border-right: 1px solid var(--cinza-card); }
    .stats-grid:not(.stats-grid--five) .stat-cell:nth-child(4n),
    .stats-grid:not(.stats-grid--five) .stat-cell:last-child { border-right: none; }
    .stats-grid--five .stat-cell:nth-child(2n) { border-right: 1px solid var(--cinza-card); }
    .stats-grid--five .stat-cell:nth-child(3n) { border-right: none; }
    .stats-grid--five .stat-cell:nth-child(n+4) { border-bottom: none; }

    .partners-grid { grid-template-columns: repeat(2, 1fr); }

    .catalogs-grid { grid-template-columns: repeat(2, 1fr); }

    .about-grid { grid-template-columns: 1.2fr 1fr; gap: var(--space-2xl); }
    .cta-band { text-align: left; }
    .cta-actions { flex-direction: row; }
    .cta-actions .btn { width: auto; }

    .form-grid { grid-template-columns: 1fr 1.3fr; }
    .form-row { grid-template-columns: 1fr 1fr; }

    .footer-top { grid-template-columns: 1.4fr 1fr; align-items: end; }
    .footer-cols { grid-template-columns: repeat(4, 1fr); }
    .footer-bottom { flex-direction: row; justify-content: space-between; align-items: center; }
  }

  /* ============================================================
     RESPONSIVE — DESKTOP (>= 1024px)
     ============================================================ */
  @media (min-width: 1024px) {
    .main-nav { display: block; }
    .header-cta { display: inline-flex; }
    .nav-toggle { display: none; }
    .mobile-nav { display: none !important; }

    .partners-grid { grid-template-columns: repeat(4, 1fr); }
    .catalogs-grid { grid-template-columns: repeat(2, 1fr); }
    .feature-item { grid-template-columns: 200px 1fr; }
    .products-grid { grid-template-columns: repeat(4, 1fr); }
    .wa-float { width: 60px; height: 60px; bottom: var(--space-lg); right: var(--space-lg); }
    .stat-cell { padding: var(--space-2xl) var(--space-md); }
    .stats-grid--five { grid-template-columns: repeat(5, 1fr); }
    .stats-grid--five .stat-cell { border-bottom: none; }
    .stats-grid--five .stat-cell:nth-child(n) { border-right: 1px solid var(--cinza-card); }
    .stats-grid--five .stat-cell:nth-child(5n),
    .stats-grid--five .stat-cell:last-child { border-right: none; }
  }