/* Start custom CSS for html, class: .elementor-element-d04e86e */:root {
      --black: #030303;
      --white: #ffffff;
      --off: #f3f0eb;
      --gold: #c9872d;
      --gold-light: #e4aa52;
      --text: #d7d7d7;
      --text-dark: #1a1a1a;
      --muted: #5f5f5f;
      --border-light: rgba(255,255,255,.12);
      --border-gold: rgba(201,135,45,.45);
      --container: 1180px;
      --font-title: "Bebas Neue", sans-serif;
      --font-body: "Inter", sans-serif;
      --fs-eyebrow: clamp(10px, .85vw, 13px);
      --fs-hero: clamp(42px, 5.4vw, 68px);
      --fs-title: clamp(32px, 4vw, 52px);
      --fs-body: clamp(14px, 1vw, 16px);
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      background: #000;
      color: var(--white);
      font-family: var(--font-body);
    }

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

    img {
      width: 100%;
      display: block;
    }

    .container {
      width: min(90%, var(--container));
      margin: 0 auto;
    }

    .eyebrow {
      color: var(--gold);
      font-size: var(--fs-eyebrow);
      font-weight: 900;
      letter-spacing: .16em;
      text-transform: uppercase;
      line-height: 1.1;
      margin-bottom: 10px;
    }

    .title {
      font-family: var(--font-title);
      font-weight: 400;
      text-transform: uppercase;
      line-height: .94;
      letter-spacing: .025em;
    }

    .title-xl {
      font-size: var(--fs-hero);
    }

    .title-lg {
      font-size: var(--fs-title);
    }

    .text {
      color: var(--text);
      font-size: var(--fs-body);
      line-height: 1.58;
      font-weight: 400;
    }

    .text-dark {
      color: #3f3f3f;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      background: linear-gradient(135deg, var(--gold), var(--gold-light));
      color: #fff;
      padding: 15px 24px;
      border-radius: 4px;
      border: 1px solid rgba(255,255,255,.18);
      font-size: 12px;
      font-weight: 900;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: .03em;
      box-shadow: 0 16px 34px rgba(201,135,45,.25);
      transition: .25s ease;
    }

    .btn:hover {
      transform: translateY(-2px);
      filter: brightness(1.07);
    }

    .btn svg {
      width: 18px;
      height: 18px;
      fill: currentColor;
    }

    .btn-outline {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 18px;
      border: 1px solid rgba(201,135,45,.55);
      color: #161616;
      padding: 13px 18px;
      border-radius: 4px;
      font-size: 12px;
      font-weight: 900;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: .03em;
      transition: .25s ease;
    }

    .btn-outline:hover {
      background: var(--gold);
      color: #fff;
    }

    /* HERO */

    .hero {
      position: relative;
      min-height: 710px;
      background:
        linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.82) 34%, rgba(0,0,0,.20) 58%, rgba(0,0,0,.28) 100%),
        url("https://taliari.com.br/wp-content/uploads/2026/06/hero-final.webp");
      background-size: cover;
      background-position: center right;
      overflow: hidden;
    }

    .hero::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 95px;
      background: linear-gradient(to top, rgba(5,5,5,.88), transparent);
      pointer-events: none;
    }

    .navbar {
      position: relative;
      z-index: 5;
      height: 92px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
    }

    .logo {
      line-height: 1;
      display: inline-block;
      flex-shrink: 0;
    }

    .logo-main {
      font-family: var(--font-title);
      color: var(--gold);
      font-size: 38px;
      letter-spacing: .24em;
      font-weight: 400;
    }

    .logo-sub {
      display: block;
      margin-top: 4px;
      color: #e8e8e8;
      font-size: 8px;
      letter-spacing: .28em;
      text-transform: uppercase;
      font-weight: 700;
    }

    .desktop-menu {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 34px;
      flex: 1;
    }

    .desktop-menu a {
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .06em;
      color: rgba(255,255,255,.82);
      transition: .2s ease;
      white-space: nowrap;
    }

    .desktop-menu a:hover {
      color: var(--gold-light);
    }

    .nav-actions {
      display: flex;
      align-items: center;
      gap: 24px;
      flex-shrink: 0;
    }

    .top-budget {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: var(--gold-light);
      border: 1px solid var(--border-gold);
      border-radius: 4px;
      padding: 13px 22px;
      font-size: 12px;
      font-weight: 900;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: .03em;
      background: rgba(0,0,0,.35);
    }

    .top-budget svg {
      width: 16px;
      height: 16px;
      fill: currentColor;
    }

    .menu {
      width: 30px;
      display: none;
      gap: 6px;
    }

    .menu span {
      display: block;
      height: 3px;
      background: #fff;
      border-radius: 10px;
    }

    .hero-content {
      position: relative;
      z-index: 2;
      max-width: 540px;
      padding-top: 74px;
      padding-bottom: 92px;
    }

    .hero h1 {
      margin-bottom: 22px;
      text-shadow: 0 8px 35px rgba(0,0,0,.65);
    }

    .hero .text {
      max-width: 440px;
      margin-bottom: 24px;
    }

    .hero-mini {
      display: flex;
      align-items: center;
      gap: 10px;
      margin: 26px 0 28px;
      color: #fff;
      font-size: 13px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .03em;
    }

    .hero-mini svg {
      width: 23px;
      height: 23px;
      fill: none;
      stroke: var(--gold);
      stroke-width: 1.8;
    }

    /* BENEFÍCIOS */

    .benefits {
      background: #050505;
      border-top: 1px solid var(--border-light);
      border-bottom: 1px solid var(--border-light);
    }

    .benefits-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
    }

    .benefit {
      min-height: 92px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      padding: 20px 18px;
      border-right: 1px solid var(--border-light);
    }

    .benefit:last-child {
      border-right: none;
    }

    .benefit svg {
      width: 28px;
      height: 28px;
      fill: none;
      stroke: var(--gold);
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round;
      flex-shrink: 0;
    }

    .benefit strong {
      font-family: var(--font-body);
      font-size: clamp(14px, 1.2vw, 16px);
      line-height: 1.28;
      letter-spacing: 0;
      font-weight: 400;
      text-transform: none;
      color: rgba(255,255,255,.92);
    }

    /* SOBRE */

    .about {
      background: var(--off);
      color: var(--text-dark);
      padding: 58px 0;
    }

    .about-grid {
      display: grid;
      grid-template-columns: .82fr 1.18fr;
      gap: 46px;
      align-items: center;
    }

    .about-copy .text {
      max-width: 420px;
      margin: 18px 0 26px;
    }

    .image-collage {
      display: grid;
      grid-template-columns: 1.25fr .9fr;
      gap: 14px;
    }

    .img-box {
      position: relative;
      overflow: hidden;
      background: #111;
    }

    .img-box img {
      height: 100%;
      object-fit: cover;
      transition: .45s ease;
    }

    .img-main {
      height: 360px;
    }

    .img-stack {
      display: grid;
      gap: 14px;
    }

    .img-small {
      height: 173px;
    }

    /* TÉCNICAS - 4 VISÍVEIS */

    .techniques {
      background:
        radial-gradient(circle at 8% 18%, rgba(201,135,45,.08), transparent 28%),
        #050505;
      padding: 52px 0 44px;
      overflow: hidden;
    }

    .techniques .container {
      width: min(94%, 1280px);
      margin: 0 auto;
    }

    .carousel-head {
      margin-bottom: 24px;
    }

    .techniques .title {
      font-size: clamp(38px, 4vw, 58px);
      color: #fff;
    }

    .tech-slider {
      --tech-per-view: 4;
      min-width: 0;
    }

    .tech-viewport {
      overflow: hidden;
      width: 100%;
      cursor: grab;
      touch-action: pan-y;
      -webkit-user-select: none;
      user-select: none;
    }

    .tech-viewport:active {
      cursor: grabbing;
    }

    .tech-track {
      display: flex;
      transition: transform .35s ease;
      will-change: transform;
    }

    .tech-slide {
      flex: 0 0 calc(100% / var(--tech-per-view));
      min-width: calc(100% / var(--tech-per-view));
      padding: 0 8px;
    }

    .tech-card {
      position: relative;
      height: 330px;
      border-radius: 6px;
      overflow: hidden;
      background: #111;
      border: 1px solid rgba(255,255,255,.14);
      box-shadow: 0 22px 52px rgba(0,0,0,.38);
    }

    .tech-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(to bottom, rgba(0,0,0,.03) 0%, rgba(0,0,0,.16) 45%, rgba(0,0,0,.86) 100%);
      z-index: 1;
    }

    .tech-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: .35s ease;
    }

    .tech-card:hover img {
      transform: scale(1.05);
    }

    .tech-card h3 {
      position: absolute;
      left: 12px;
      right: 12px;
      bottom: 20px;
      z-index: 2;
      margin: 0;
      font-family: var(--font-body);
      font-size: 14px;
      line-height: 1.12;
      font-weight: 900;
      letter-spacing: .02em;
      text-align: center;
      text-transform: uppercase;
      color: #fff;
    }

    .carousel-note {
      margin: 22px auto 0;
      max-width: 920px;
      text-align: center;
      color: rgba(255,255,255,.78);
      font-size: 13px;
      line-height: 1.55;
    }

    .slider-controls {
      margin-top: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
    }

    .slider-arrow {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 1px solid rgba(201,135,45,.48);
      background: transparent;
      color: var(--gold);
      display: grid;
      place-items: center;
      cursor: pointer;
      padding: 0;
      transition: .2s ease;
    }

    .slider-arrow:hover {
      background: rgba(201,135,45,.09);
      border-color: rgba(201,135,45,.8);
    }

    .slider-arrow svg {
      width: 13px;
      height: 13px;
      fill: currentColor;
    }

    .slider-dots {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .slider-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: rgba(201,135,45,.32);
      cursor: pointer;
      transition: .2s ease;
    }

    .slider-dot.active {
      background: var(--gold);
    }

    /* MODELOS - 2 VISÍVEIS */

    .taliari-modelos-v2 {
      background: #f3f0eb;
      padding: 56px 0 50px;
      overflow: hidden;
      color: #171717;
    }

    .taliari-modelos-v2 * {
      box-sizing: border-box;
    }

    .tmv2-container {
      width: min(94%, 1280px);
      margin: 0 auto;
    }

    .tmv2-layout {
      display: grid;
      grid-template-columns: 380px minmax(0, 1fr);
      gap: 48px;
      align-items: center;
    }

    .tmv2-eyebrow {
      margin: 0 0 12px;
      font-family: var(--font-body);
      font-size: 12px;
      line-height: 1;
      font-weight: 900;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #c9872d;
    }

    .tmv2-title {
      margin: 0;
      max-width: 390px;
      font-family: var(--font-title);
      font-size: clamp(48px, 4.5vw, 68px);
      line-height: 0.92;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #171717;
      font-weight: 400;
    }

    .tmv2-text {
      margin: 24px 0 30px;
      max-width: 390px;
      font-family: var(--font-body);
      font-size: 15px;
      line-height: 1.72;
      color: #555;
    }

    .tmv2-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      padding: 14px 22px;
      border: 1px solid rgba(201,135,45,.55);
      border-radius: 4px;
      background: transparent;
      color: #111;
      font-family: var(--font-body);
      font-size: 11px;
      line-height: 1;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      transition: .22s ease;
    }

    .tmv2-btn:hover {
      background: #c9872d;
      color: #fff;
    }

    .tmv2-slider {
      min-width: 0;
      --model-per-view: 2;
    }

    .tmv2-viewport {
      overflow: hidden;
      width: 100%;
      cursor: grab;
      touch-action: pan-y;
      -webkit-user-select: none;
      user-select: none;
    }

    .tmv2-viewport:active {
      cursor: grabbing;
    }

    .tmv2-track {
      display: flex;
      transition: transform .35s ease;
      will-change: transform;
    }

    .tmv2-slide {
      flex: 0 0 calc(100% / var(--model-per-view));
      min-width: calc(100% / var(--model-per-view));
      padding: 0 10px;
    }

    .tmv2-item {
      position: relative;
      height: 385px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .tmv2-item::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 44px;
      width: 78%;
      height: 30px;
      transform: translateX(-50%);
      background: radial-gradient(ellipse at center, rgba(0,0,0,.20) 0%, rgba(0,0,0,.08) 45%, rgba(0,0,0,0) 75%);
      filter: blur(6px);
      pointer-events: none;
    }

    .tmv2-item img {
      position: relative;
      z-index: 2;
      width: 100%;
      max-width: 430px;
      max-height: 340px;
      object-fit: contain;
      display: block;
      filter: drop-shadow(0 16px 18px rgba(0,0,0,.14));
      transition: transform .22s ease, filter .22s ease;
    }

    .tmv2-slide:hover img {
      transform: translateY(-4px);
      filter: drop-shadow(0 22px 24px rgba(0,0,0,.18));
    }

    .tmv2-controls {
      margin-top: -6px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
    }

    .tmv2-arrow {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 1px solid rgba(201,135,45,.45);
      background: transparent;
      color: #c9872d;
      display: grid;
      place-items: center;
      cursor: pointer;
      padding: 0;
      transition: .2s ease;
    }

    .tmv2-arrow:hover {
      background: rgba(201,135,45,.08);
      border-color: rgba(201,135,45,.75);
    }

    .tmv2-arrow svg {
      width: 13px;
      height: 13px;
      fill: currentColor;
    }

    .tmv2-dots {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .tmv2-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: rgba(201,135,45,.28);
      cursor: pointer;
      transition: .2s ease;
    }

    .tmv2-dot.active {
      background: #c9872d;
    }

    /* PÚBLICOS */

    .audience {
      background: #050505;
      padding: 28px 0 48px;
    }

    .audience-title {
      font-family: var(--font-title);
      font-size: clamp(24px, 2.6vw, 34px);
      line-height: 1;
      font-weight: 400;
      letter-spacing: .04em;
      text-transform: uppercase;
      margin-bottom: 18px;
    }

    .audience-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }

    .aud-card {
      position: relative;
      height: 160px;
      overflow: hidden;
      background: #111;
      border: 1px solid rgba(255,255,255,.1);
    }

    .aud-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.28));
      z-index: 1;
    }

    .aud-card img {
      height: 100%;
      object-fit: cover;
      opacity: .78;
      filter: grayscale(.75);
    }

    .aud-card h3 {
      position: absolute;
      left: 22px;
      bottom: 20px;
      z-index: 2;
      font-family: var(--font-body);
      font-size: clamp(18px, 2vw, 26px);
      line-height: 1.02;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .03em;
    }

    /* PROCESSO */

    .taliari-processo {
      background: #f3f0eb;
      padding: 54px 0 56px;
      overflow: hidden;
    }

    .taliari-processo .tp-container {
      width: min(92%, 1280px);
      margin: 0 auto;
    }

    .taliari-processo .tp-eyebrow {
      font-family: var(--font-body);
      font-size: var(--fs-eyebrow);
      font-weight: 900;
      letter-spacing: .16em;
      line-height: 1.1;
      text-transform: uppercase;
      color: #c48a2f;
      margin: 0 0 12px;
    }

    .taliari-processo .tp-title {
      margin: 0;
      font-family: var(--font-title);
      font-size: clamp(38px, 4.8vw, 62px);
      line-height: .92;
      letter-spacing: .025em;
      color: #161616;
      text-transform: uppercase;
      font-weight: 400;
    }

    .taliari-processo .tp-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 30px;
      margin-top: 40px;
    }

    .taliari-processo .tp-top {
      display: grid;
      grid-template-columns: auto auto 1fr;
      align-items: center;
      gap: 13px;
      margin-bottom: 18px;
    }

    .taliari-processo .tp-number {
      width: 32px;
      height: 32px;
      border-radius: 999px;
      background: linear-gradient(180deg, #d89d3a 0%, #c18427 100%);
      color: #fff;
      display: grid;
      place-items: center;
      font-size: 13px;
      font-weight: 800;
      line-height: 1;
      flex-shrink: 0;
    }

    .taliari-processo .tp-icon,
    .taliari-processo .tp-icon img {
      width: 58px;
      height: 58px;
      object-fit: contain;
      display: block;
      flex-shrink: 0;
    }

    .taliari-processo .tp-dash {
      height: 0;
      border-top: 3px dotted rgba(196,138,47,.7);
      transform: translateY(-1px);
      margin-left: -4px;
      opacity: .8;
    }

    .taliari-processo .tp-step:last-child .tp-dash {
      display: none;
    }

    .taliari-processo .tp-step h3 {
      margin: 0 0 8px;
      font-size: clamp(11px, .95vw, 13px);
      font-weight: 900;
      line-height: 1.18;
      text-transform: uppercase;
      color: #111;
    }

    .taliari-processo .tp-step p {
      margin: 0;
      max-width: 210px;
      font-size: clamp(12px, .95vw, 14px);
      line-height: 1.45;
      color: #595959;
    }

    /* CTA */

    .cta {
      position: relative;
      background:
        linear-gradient(90deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.90) 42%, rgba(0,0,0,.35) 100%),
        url("https://taliari.com.br/wp-content/uploads/2026/06/17-CTA-FINAL.png");
      background-size: auto 100%;
      background-position: right center;
      background-repeat: no-repeat;
      background-color: #050505;
      padding: 64px 0;
      overflow: hidden;
    }

    .cta-content {
      max-width: 540px;
    }

    .cta .title-lg {
      font-size: clamp(36px, 4.2vw, 56px);
    }

    .cta .text {
      margin: 18px 0 28px;
      max-width: 430px;
    }

    .cta-actions {
      display: flex;
      align-items: center;
      gap: 26px;
      flex-wrap: wrap;
    }

    .phone-link {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: var(--gold-light);
      font-size: 15px;
      font-weight: 900;
    }

    .phone-link svg {
      width: 18px;
      height: 18px;
      fill: currentColor;
    }

    /* FOOTER */

    .footer {
      background: #040404;
      border-top: 1px solid rgba(201,135,45,.28);
      padding: 26px 0;
    }

    .footer-content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 22px;
    }

    .footer-brand {
      font-family: var(--font-title);
      color: var(--gold);
      font-size: 28px;
      line-height: 1;
      font-weight: 400;
      letter-spacing: .27em;
    }

    .footer-copy {
      color: #808080;
      font-size: 12px;
    }

    .footer-social {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .footer-social a {
      width: 36px;
      height: 36px;
      border: 1px solid rgba(201,135,45,.55);
      color: var(--gold);
      border-radius: 50%;
      display: grid;
      place-items: center;
    }

    .footer-social svg {
      width: 16px;
      height: 16px;
      fill: currentColor;
    }

    .whatsapp-float {
      position: fixed;
      right: 22px;
      bottom: 22px;
      z-index: 99;
      width: 56px;
      height: 56px;
      background: linear-gradient(135deg, var(--gold), var(--gold-light));
      color: #fff;
      border-radius: 999px;
      display: grid;
      place-items: center;
      box-shadow: 0 18px 35px rgba(0,0,0,.38);
    }

    .whatsapp-float svg {
      width: 27px;
      height: 27px;
      fill: currentColor;
    }

    /* RESPONSIVO */

    @media (max-width: 1200px) {
      .desktop-menu {
        gap: 18px;
      }

      .desktop-menu a {
        font-size: 10px;
      }

      .taliari-processo .tp-grid {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 40px;
      }

      .taliari-processo .tp-step:nth-child(3) .tp-dash,
      .taliari-processo .tp-step:last-child .tp-dash {
        display: none;
      }
    }

    @media (max-width: 1100px) {
      .tmv2-layout {
        grid-template-columns: 330px 1fr;
        gap: 30px;
      }

      .tmv2-title {
        font-size: 54px;
        max-width: 340px;
      }

      .tmv2-text {
        max-width: 330px;
      }

      .tmv2-item {
        height: 310px;
      }

      .tmv2-item img {
        max-width: 315px;
        max-height: 260px;
      }
    }

    @media (max-width: 1024px) {
      .desktop-menu {
        display: none;
      }

      .menu {
        display: grid;
      }

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

      .benefit:nth-child(2) {
        border-right: none;
      }

      .benefit:nth-child(1),
      .benefit:nth-child(2) {
        border-bottom: 1px solid var(--border-light);
      }

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

      .tech-slider {
        --tech-per-view: 2;
      }

      .tech-card {
        height: 280px;
      }
    }

    @media (max-width: 768px) {
      .container {
        width: 88%;
      }

      .hero {
        min-height: auto !important;
        padding-bottom: 30px !important;
        background:
          linear-gradient(180deg, rgba(0,0,0,.14) 0%, rgba(0,0,0,.58) 50%, rgba(0,0,0,.94) 90%),
          url("https://taliari.com.br/wp-content/uploads/2026/06/hero-final.webp") !important;
        background-size: cover !important;
        background-position: 62% top !important;
      }

      .hero::after {
        height: 70px !important;
      }

      .navbar {
        height: 96px !important;
        align-items: flex-start !important;
        padding-top: 24px !important;
      }

      .logo-main {
        font-size: 34px !important;
        letter-spacing: .22em !important;
      }

      .logo-sub {
        font-size: 8px !important;
        margin-top: 5px !important;
      }

      .top-budget {
        display: none;
      }

      .menu {
        margin-top: 4px !important;
      }

      .hero-content {
        padding-top: 145px !important;
        padding-bottom: 24px !important;
        max-width: 340px !important;
      }

      .hero .eyebrow {
        margin-bottom: 12px !important;
        font-size: 11px !important;
      }

      .hero .title-xl,
      .title-xl {
        font-size: 38px !important;
        line-height: .94 !important;
        letter-spacing: .02em !important;
      }

      .title-lg {
        font-size: 38px;
      }

      .hero .text {
        margin-top: 22px !important;
        margin-bottom: 18px !important;
        max-width: 330px !important;
        font-size: 15px !important;
        line-height: 1.55 !important;
      }

      .text,
      .about-copy .text,
      .cta .text {
        font-size: 15px;
      }

      .hero-mini {
        margin: 16px 0 20px !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
      }

      .hero .btn {
        width: auto !important;
        min-width: 230px !important;
      }

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

      .benefit {
        border-right: none;
        border-bottom: 1px solid var(--border-light);
        justify-content: flex-start;
      }

      .benefit:last-child {
        border-bottom: none;
      }

      .benefit strong {
        font-size: 16px;
        font-weight: 400;
      }

      .image-collage {
        grid-template-columns: 1fr;
      }

      .img-main,
      .img-small {
        height: 245px;
      }

      .techniques {
        padding: 42px 0 36px;
      }

      .techniques .container {
        width: 90%;
      }

      .techniques .title {
        font-size: 38px;
      }

      .tech-slider {
        --tech-per-view: 1;
      }

      .tech-slide {
        padding: 0 5px;
      }

      .tech-card {
        height: 300px;
      }

      .tech-card h3 {
        font-size: 13px;
      }

      .carousel-note {
        text-align: left;
        font-size: 12px;
      }

      .taliari-modelos-v2 {
        padding: 44px 0 40px;
      }

      .tmv2-container {
        width: 90%;
      }

      .tmv2-layout {
        grid-template-columns: 1fr;
        gap: 26px;
      }

      .tmv2-title {
        max-width: 100%;
        font-size: 42px;
      }

      .tmv2-text {
        max-width: 100%;
        margin: 16px 0 22px;
        font-size: 14px;
        line-height: 1.65;
      }

      .tmv2-slide {
        padding: 0 8px;
      }

      .tmv2-item {
        height: 180px;
      }

      .tmv2-item::after {
        bottom: 24px;
        width: 78%;
        height: 18px;
      }

      .tmv2-item img {
        max-width: 165px;
        max-height: 145px;
      }

      .tmv2-btn {
        width: 100%;
      }

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

      .aud-card {
        height: 150px;
      }

      .taliari-processo {
        padding: 42px 0 44px;
      }

      .taliari-processo .tp-title {
        font-size: 42px;
      }

      .taliari-processo .tp-grid {
        grid-template-columns: 1fr;
        gap: 28px;
        margin-top: 32px;
      }

      .taliari-processo .tp-step {
        display: grid;
        grid-template-columns: 108px 1fr;
        align-items: start;
        gap: 16px;
      }

      .taliari-processo .tp-top {
        grid-column: 1;
        grid-row: 1 / span 2;
        grid-template-columns: auto auto;
        margin-bottom: 0;
        gap: 12px;
      }

      .taliari-processo .tp-dash {
        display: none !important;
      }

      .taliari-processo .tp-icon,
      .taliari-processo .tp-icon img {
        width: 54px;
        height: 54px;
      }

      .taliari-processo .tp-number {
        width: 30px;
        height: 30px;
        font-size: 12px;
      }

      .taliari-processo .tp-step h3 {
        margin-top: 2px;
        font-size: 14px;
        max-width: 100%;
      }

      .taliari-processo .tp-step p {
        font-size: 14px;
        max-width: 100%;
      }

      .cta {
        background:
          linear-gradient(180deg, rgba(0,0,0,.64) 0%, rgba(0,0,0,.96) 92%),
          url("https://taliari.com.br/wp-content/uploads/2026/06/17-CTA-FINAL.png");
        background-size: auto 100%;
        background-position: center right;
        background-repeat: no-repeat;
        background-color: #050505;
      }

      .footer-content {
        flex-direction: column;
        text-align: center;
      }
    }

    @media (max-width: 480px) {
      .hero {
        padding-bottom: 22px !important;
      }

      .hero-content {
        padding-top: 130px !important;
        padding-bottom: 18px !important;
      }

      .hero .title-xl,
      .title-xl {
        font-size: 37px !important;
      }

      .hero .text {
        margin-top: 20px !important;
        margin-bottom: 16px !important;
      }

      .hero-mini {
        margin: 14px 0 18px !important;
      }

      .title-lg {
        font-size: 34px;
      }

      .taliari-processo .tp-title {
        font-size: 38px;
      }

      .cta-actions {
        align-items: flex-start;
        flex-direction: column;
      }

      .btn {
        width: 100%;
      }

      .whatsapp-float {
        width: 54px;
        height: 54px;
        right: 16px;
        bottom: 16px;
      }
    }

    /* =====================================================
       AJUSTES EXCLUSIVOS MOBILE - MENU / MODELOS / PROCESSO
    ===================================================== */

    @media (max-width: 1024px) {
      .navbar {
        position: relative;
      }

      .menu {
        width: 44px !important;
        height: 44px !important;
        border: 1px solid rgba(201,135,45,.55);
        border-radius: 999px;
        display: grid !important;
        place-items: center;
        gap: 0 !important;
        background: rgba(0,0,0,.42);
        backdrop-filter: blur(8px);
        cursor: pointer;
        position: relative;
        z-index: 1001;
      }

      .menu span {
        width: 20px;
        height: 2px;
        background: #fff;
        border-radius: 10px;
        transition: .25s ease;
        position: absolute;
        left: 11px;
      }

      .menu span:nth-child(1) { top: 14px; }
      .menu span:nth-child(2) { top: 21px; }
      .menu span:nth-child(3) { top: 28px; }

      .menu.active span:nth-child(1) {
        top: 21px;
        transform: rotate(45deg);
        background: var(--gold-light);
      }

      .menu.active span:nth-child(2) {
        opacity: 0;
        transform: translateX(8px);
      }

      .menu.active span:nth-child(3) {
        top: 21px;
        transform: rotate(-45deg);
        background: var(--gold-light);
      }

      .desktop-menu {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: min(86vw, 360px);
        height: 100vh;
        z-index: 1000;
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0;
        padding: 104px 28px 28px;
        background:
          radial-gradient(circle at 20% 0%, rgba(201,135,45,.18), transparent 34%),
          linear-gradient(180deg, rgba(8,8,8,.98), rgba(0,0,0,.96));
        border-left: 1px solid rgba(201,135,45,.28);
        box-shadow: -28px 0 60px rgba(0,0,0,.55);
        transform: translateX(105%);
        transition: transform .32s ease;
      }

      .desktop-menu.mobile-open {
        transform: translateX(0);
      }

      .desktop-menu a {
        width: 100%;
        padding: 17px 0;
        border-bottom: 1px solid rgba(255,255,255,.10);
        color: #fff;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: .08em;
      }

      .desktop-menu a:last-child {
        margin-top: 18px;
        padding: 16px 18px;
        border: 1px solid rgba(201,135,45,.55);
        border-radius: 4px;
        background: linear-gradient(135deg, var(--gold), var(--gold-light));
        color: #fff;
        text-align: center;
      }

      body.menu-open {
        overflow: hidden;
      }
    }

    @media (max-width: 768px) {
      .tmv2-slider {
        --model-per-view: 1 !important;
      }

      .tmv2-layout {
        gap: 24px !important;
      }

      .tmv2-slide {
        padding: 0 12px !important;
      }

      .tmv2-item {
        height: 310px !important;
      }

      .tmv2-item::after {
        bottom: 42px !important;
        width: 68% !important;
        height: 26px !important;
      }

      .tmv2-item img {
        max-width: 330px !important;
        max-height: 265px !important;
      }

      .tmv2-controls {
        margin-top: -8px !important;
      }

      .taliari-processo {
        padding: 46px 0 58px !important;
      }

      .taliari-processo .tp-container {
        width: 90% !important;
      }

      .taliari-processo .tp-eyebrow {
        font-size: 11px !important;
        margin-bottom: 10px !important;
      }

      .taliari-processo .tp-title {
        font-size: 40px !important;
        line-height: .94 !important;
        margin-bottom: 0 !important;
      }

      .taliari-processo .tp-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        margin-top: 28px !important;
      }

      .taliari-processo .tp-step {
        position: relative;
        display: grid !important;
        grid-template-columns: 64px 1fr !important;
        gap: 0 16px !important;
        align-items: center !important;
        padding: 18px 18px 18px 16px !important;
        background: rgba(255,255,255,.62);
        border: 1px solid rgba(17,17,17,.07);
        border-radius: 16px;
        box-shadow: 0 16px 35px rgba(0,0,0,.045);
      }

      .taliari-processo .tp-top {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        margin: 0 !important;
      }

      .taliari-processo .tp-number {
        width: 34px !important;
        height: 34px !important;
        font-size: 13px !important;
        box-shadow: 0 8px 18px rgba(201,135,45,.22);
      }

      .taliari-processo .tp-icon,
      .taliari-processo .tp-icon img {
        width: 42px !important;
        height: 42px !important;
        opacity: .72;
      }

      .taliari-processo .tp-dash {
        display: none !important;
      }

      .taliari-processo .tp-step h3 {
        grid-column: 2 !important;
        margin: 0 0 7px !important;
        font-size: 15px !important;
        line-height: 1.12 !important;
        letter-spacing: .01em !important;
      }

      .taliari-processo .tp-step p {
        grid-column: 2 !important;
        margin: 0 !important;
        max-width: 100% !important;
        font-size: 14px !important;
        line-height: 1.48 !important;
      }
    }

    @media (max-width: 480px) {
      .tmv2-title {
        font-size: 39px !important;
      }

      .tmv2-text {
        font-size: 15px !important;
        line-height: 1.65 !important;
      }

      .tmv2-item {
        height: 285px !important;
      }

      .tmv2-item img {
        max-width: 300px !important;
        max-height: 245px !important;
      }

      .taliari-processo .tp-title {
        font-size: 36px !important;
      }
    }

/* ==========================================
     AJUSTE FINAL - PÚBLICOS / FEITOS PARA QUEM REPRESENTA
  ========================================== */

  .audience {
    background:
      radial-gradient(circle at 12% 20%, rgba(201,135,45,.10), transparent 28%),
      #050505 !important;
    padding: 54px 0 64px !important;
    overflow: hidden;
  }

  .audience .container {
    width: min(92%, 1280px) !important;
    margin: 0 auto !important;
  }

  .audience-title {
    font-family: var(--font-title) !important;
    font-size: clamp(40px, 4vw, 58px) !important;
    line-height: .92 !important;
    font-weight: 400 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
    margin: 0 0 28px !important;
    color: #fff !important;
  }

  .audience-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 22px !important;
  }

  .aud-card {
    position: relative !important;
    height: 220px !important;
    overflow: hidden !important;
    background: #111 !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 4px !important;
    box-shadow: 0 22px 55px rgba(0,0,0,.34) !important;
  }

  .aud-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
      linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.66) 42%, rgba(0,0,0,.22) 100%) !important;
    z-index: 1 !important;
  }

  .aud-card::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #c9872d, rgba(201,135,45,0));
    z-index: 2;
  }

  .aud-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: .82 !important;
    filter: grayscale(.78) contrast(1.05) !important;
    transition: .45s ease !important;
  }

  .aud-card:hover img {
    transform: scale(1.05);
    opacity: .95 !important;
    filter: grayscale(.45) contrast(1.08) !important;
  }

  .aud-card h3 {
    position: absolute !important;
    left: 28px !important;
    right: 24px !important;
    bottom: 28px !important;
    z-index: 3 !important;
    margin: 0 !important;
    font-family: var(--font-body) !important;
    font-size: clamp(24px, 2.2vw, 34px) !important;
    line-height: .96 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
    color: #fff !important;
  }

  @media (max-width: 900px) {
    .audience {
      padding: 44px 0 46px !important;
    }

    .audience .container {
      width: 90% !important;
    }

    .audience-title {
      font-size: 42px !important;
      margin-bottom: 22px !important;
    }

    .audience-grid {
      grid-template-columns: 1fr !important;
      gap: 16px !important;
    }

    .aud-card {
      height: 180px !important;
    }

    .aud-card h3 {
      left: 24px !important;
      bottom: 24px !important;
      font-size: 30px !important;
    }
  }

  @media (max-width: 480px) {
    .audience-title {
      font-size: 38px !important;
    }

    .aud-card {
      height: 165px !important;
    }

    .aud-card h3 {
      font-size: 27px !important;
    }
  }

/* AJUSTE TÉCNICAS - TÍTULOS EM ATÉ 2 LINHAS */
.tech-card h3 {
  min-height: 32px;
  display: grid;
  place-items: center;
  line-height: 1.12 !important;
}

@media (max-width: 768px) {
  .tech-card h3 {
    font-size: 13px !important;
  }
}

/* =====================================================
   AJUSTE MODELOS - CARD / VITRINE PREMIUM
   Mantém 2 por vez no desktop e 1 por vez no mobile
===================================================== */

.tmv2-slider {
  --model-per-view: 2;
}

.tmv2-slide {
  padding: 0 16px !important;
}

.tmv2-item {
  position: relative !important;
  height: 395px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 34px 24px 30px !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 50% 28%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.72) 34%, rgba(232,226,215,.92) 100%),
    linear-gradient(180deg, #fffdf8 0%, #ebe5db 100%) !important;
  border: 1px solid rgba(201,135,45,.22) !important;
  box-shadow:
    0 24px 55px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
}

.tmv2-item::before {
  content: "" !important;
  position: absolute !important;
  inset: 12px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.tmv2-item::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 42px !important;
  width: 66% !important;
  height: 30px !important;
  transform: translateX(-50%) !important;
  background: radial-gradient(ellipse at center, rgba(0,0,0,.20) 0%, rgba(0,0,0,.08) 45%, rgba(0,0,0,0) 75%) !important;
  filter: blur(7px) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.tmv2-item img {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 460px !important;
  max-height: 320px !important;
  object-fit: contain !important;
  display: block !important;
  filter: drop-shadow(0 16px 18px rgba(0,0,0,.13)) !important;
  transition: transform .24s ease, filter .24s ease !important;
}

.tmv2-slide:hover .tmv2-item {
  border-color: rgba(201,135,45,.38) !important;
  box-shadow:
    0 30px 65px rgba(0,0,0,.13),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.tmv2-slide:hover img {
  transform: translateY(-4px) scale(1.015) !important;
  filter: drop-shadow(0 22px 24px rgba(0,0,0,.17)) !important;
}

.tmv2-controls {
  margin-top: 18px !important;
}

@media (max-width: 1100px) {
  .tmv2-item {
    height: 340px !important;
    padding: 28px 20px 26px !important;
  }

  .tmv2-item img {
    max-width: 355px !important;
    max-height: 275px !important;
  }
}

@media (max-width: 768px) {
  .tmv2-slider {
    --model-per-view: 1 !important;
  }

  .tmv2-slide {
    padding: 0 6px !important;
  }

  .tmv2-item {
    height: 360px !important;
    padding: 32px 18px 28px !important;
    border-radius: 20px !important;
  }

  .tmv2-item::before {
    inset: 10px !important;
    border-radius: 16px !important;
  }

  .tmv2-item::after {
    bottom: 44px !important;
    width: 64% !important;
    height: 28px !important;
  }

  .tmv2-item img {
    max-width: 330px !important;
    max-height: 285px !important;
  }

  .tmv2-controls {
    margin-top: 16px !important;
  }
}

@media (max-width: 480px) {
  .tmv2-item {
    height: 325px !important;
    padding: 28px 14px 24px !important;
  }

  .tmv2-item img {
    max-width: 300px !important;
    max-height: 255px !important;
  }
}

/* =====================================================
   AJUSTE MODELOS - VITRINE FULL IMAGE
   Imagem vira o próprio card para evitar fundo/sombra duplicados
===================================================== */

.tmv2-slide {
  padding: 0 14px !important;
}

.tmv2-item {
  position: relative !important;
  height: 365px !important;
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  background: transparent !important;
  border: 2px solid rgba(201,135,45,.20) !important;
  box-shadow: none !important;
}

.tmv2-item::before,
.tmv2-item::after {
  display: none !important;
}

.tmv2-item img {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  filter: none !important;
  transform: none !important;
}

.tmv2-slide:hover .tmv2-item {
  border-color: rgba(201,135,45,.38) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.08) !important;
}

.tmv2-slide:hover img {
  transform: scale(1.015) !important;
  filter: none !important;
}

.tmv2-controls {
  margin-top: 20px !important;
}

@media (max-width: 1100px) {
  .tmv2-item {
    height: 320px !important;
  }
}

@media (max-width: 768px) {
  .tmv2-slider {
    --model-per-view: 1 !important;
  }

  .tmv2-slide {
    padding: 0 4px !important;
  }

  .tmv2-item {
    height: 340px !important;
    border-radius: 12px !important;
  }
}

@media (max-width: 480px) {
  .tmv2-item {
    height: 305px !important;
  }
}

/* AJUSTE FINAL - BORDA MAIS FORTE NO CARROSSEL DE MODELOS */
.tmv2-item {
  border-width: 2px !important;
}

/* =====================================================
   CORREÇÃO - BRANCO SOMENTE DENTRO DO CARD DO BONÉ
   Remove o fundo branco do carrossel inteiro
===================================================== */

.tmv2-viewport {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.tmv2-item {
  background: #ffffff !important;
  border: 2px solid rgba(201,135,45,.24) !important;
  box-shadow: none !important;
}

.tmv2-item img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: #ffffff !important;
}

.tmv2-slide:hover .tmv2-item {
  border-color: rgba(201,135,45,.42) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.06) !important;
}

/* =====================================================
   AJUSTE FINAL MOBILE - HERO / ESPAÇAMENTOS
   Reduz o gap superior do hero somente no celular
===================================================== */

@media (max-width: 768px) {
  .hero {
    padding-bottom: 24px !important;
  }

  .navbar {
    height: 88px !important;
    padding-top: 22px !important;
  }

  .hero-content {
    padding-top: 68px !important;
    padding-bottom: 26px !important;
    max-width: 360px !important;
  }

  .hero .eyebrow {
    margin-bottom: 10px !important;
  }

  .hero .title-xl,
  .title-xl {
    font-size: 36px !important;
    line-height: .95 !important;
  }

  .hero .text {
    margin-top: 18px !important;
    margin-bottom: 16px !important;
    line-height: 1.5 !important;
  }

  .hero-mini {
    margin: 14px 0 18px !important;
  }
}

@media (max-width: 480px) {
  .navbar {
    height: 84px !important;
    padding-top: 20px !important;
  }

  .hero-content {
    padding-top: 62px !important;
    padding-bottom: 20px !important;
  }

  .hero .title-xl,
  .title-xl {
    font-size: 35px !important;
  }
}

/* =====================================================
   CARROSSEL DE MARCAS - FUNDO BRANCO / LOGOS PROPORCIONAIS
   Fundo branco, sem cards, logos equalizadas por CSS
===================================================== */

.brands-carousel {
  position: relative;
  background: #ffffff !important;
  padding: 42px 0 44px !important;
  overflow: hidden;
  border-top: 1px solid rgba(0,0,0,.06);
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.brands-head {
  width: min(90%, 1180px);
  margin: 0 auto 24px;
  text-align: center;
}

.brands-carousel .eyebrow {
  color: var(--gold) !important;
}

.brands-title {
  margin: 0;
  font-family: var(--font-title);
  font-size: clamp(32px, 3.4vw, 48px);
  line-height: .92;
  font-weight: 400;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #111111 !important;
}

.brands-marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.brands-marquee::before,
.brands-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  width: 130px;
  height: 100%;
  z-index: 3;
  pointer-events: none;
}

.brands-marquee::before {
  left: 0;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,0) 100%);
}

.brands-marquee::after {
  right: 0;
  background: linear-gradient(270deg, #ffffff 0%, rgba(255,255,255,0) 100%);
}

.brands-track {
  display: flex;
  align-items: center;
  gap: 48px;
  width: max-content;
  animation: brands-scroll 68s linear infinite;
  will-change: transform;
}

.brands-track:hover {
  animation-play-state: paused;
}

.brand-card {
  --brand-scale: 1;
  --brand-width: 174px;
  --brand-height: 58px;

  width: 178px;
  height: 76px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.brand-card img {
  width: 100% !important;
  height: 100% !important;
  max-width: var(--brand-width) !important;
  max-height: var(--brand-height) !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  background: transparent !important;
  filter: grayscale(1) contrast(1.18) !important;
  mix-blend-mode: multiply;
  opacity: .92;
  transform: scale(var(--brand-scale)) !important;
  transform-origin: center center !important;
  transition: opacity .25s ease, transform .25s ease;
}

.brand-card:hover img {
  opacity: 1;
  transform: scale(calc(var(--brand-scale) * 1.04)) !important;
}

/* Ajustes finos por formato da logo
   Usei seletor pelo nome do arquivo para funcionar também nas logos duplicadas pelo JS. */

/* Logos mais largas: segura a altura para não ficarem maiores que as demais */
.brand-card img[src*="MARCAS.pdf-1.webp"],
.brand-card img[src*="MARCAS.pdf-5.webp"],
.brand-card img[src*="MARCAS.pdf-6.webp"],
.brand-card img[src*="MARCAS.pdf-7.webp"],
.brand-card img[src*="MARCAS.pdf-8.webp"],
.brand-card img[src*="MARCAS.pdf-9.webp"],
.brand-card img[src*="MARCAS.pdf-10.webp"],
.brand-card img[src*="MARCAS.pdf-11.webp"],
.brand-card img[src*="MARCAS.pdf-12.webp"],
.brand-card img[src*="MARCAS.pdf-13.webp"],
.brand-card img[src*="MARCAS.pdf-14.webp"],
.brand-card img[src*="MARCAS.pdf-15.webp"],
.brand-card img[src*="MARCAS.pdf-16.webp"],
.brand-card img[src*="MARCAS.pdf-17.webp"],
.brand-card img[src*="MARCAS.pdf-18.webp"],
.brand-card img[src*="MARCAS.pdf-19.webp"],
.brand-card img[src*="MARCAS.pdf-20.webp"],
.brand-card img[src*="MARCAS.pdf-21.webp"],
.brand-card img[src*="MARCAS.pdf-22.webp"],
.brand-card img[src*="MARCAS.pdf-23.webp"],
.brand-card img[src*="MARCAS.pdf-24.webp"],
.brand-card img[src*="MARCAS.pdf-25.webp"],
.brand-card img[src*="MARCAS.pdf-26.webp"],
.brand-card img[src*="MARCAS.pdf-27.webp"],
.brand-card img[src*="MARCAS.pdf-28.webp"],
.brand-card img[src*="MARCAS.pdf-29.webp"] {
  --brand-height: 52px;
}

/* Logos mais quadradas/ícones: reduz um pouco para equilibrar com logos de texto */
.brand-card img[src*="MARCAS_2.webp"],
.brand-card img[src*="MARCAS_3.webp"],
.brand-card img[src*="MARCAS.pdf-4-1.webp"] {
  --brand-width: 126px;
  --brand-height: 58px;
  --brand-scale: .94;
}

/* Primeira logo sem numeração */
.brand-card img[src$="MARCAS.pdf.webp"] {
  --brand-width: 160px;
  --brand-height: 54px;
}

@keyframes brands-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (max-width: 768px) {
  .brands-carousel {
    padding: 36px 0 38px !important;
  }

  .brands-head {
    margin-bottom: 20px;
  }

  .brands-title {
    font-size: 34px;
  }

  .brands-marquee::before,
  .brands-marquee::after {
    width: 68px;
  }

  .brands-track {
    gap: 34px;
    animation-duration: 54s;
  }

  .brand-card {
    width: 154px;
    height: 68px;
    --brand-width: 152px;
    --brand-height: 54px;
  }

  .brand-card img[src*="MARCAS_2.webp"],
  .brand-card img[src*="MARCAS_3.webp"],
  .brand-card img[src*="MARCAS.pdf-4-1.webp"] {
    --brand-width: 112px;
    --brand-height: 54px;
    --brand-scale: .94;
  }
}

@media (max-width: 480px) {
  .brands-title {
    font-size: 30px;
  }

  .brands-track {
    gap: 30px;
  }

  .brand-card {
    width: 138px;
    height: 62px;
    --brand-width: 136px;
    --brand-height: 50px;
  }

  .brand-card img[src*="MARCAS_2.webp"],
  .brand-card img[src*="MARCAS_3.webp"],
  .brand-card img[src*="MARCAS.pdf-4-1.webp"] {
    --brand-width: 100px;
    --brand-height: 50px;
    --brand-scale: .94;
  }
}


/* =====================================================
   AJUSTE FINAL MOBILE - MARCAS
   Logos maiores e quebra do título somente no celular
===================================================== */

.brands-mobile-break {
  display: none;
}

@media (max-width: 768px) {
  .brands-mobile-break {
    display: block;
  }

  .brands-title {
    text-align: center !important;
    line-height: .95 !important;
  }

  .brands-carousel {
    padding: 34px 0 36px !important;
  }

  .brands-track {
    gap: 42px !important;
  }

  .brand-card {
    width: 210px !important;
    height: 92px !important;
  }

  .brand-card img {
    max-width: 210px !important;
    max-height: 82px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

@media (max-width: 480px) {
  .brands-track {
    gap: 38px !important;
  }

  .brand-card {
    width: 190px !important;
    height: 86px !important;
  }

  .brand-card img {
    max-width: 190px !important;
    max-height: 76px !important;
  }

  .brands-title {
    font-size: 32px !important;
    line-height: .95 !important;
  }
}
/* =====================================================
   HERO MINI - PRODUÇÃO + PEDIDO MÍNIMO
   Substitui o estilo antigo da .hero-mini
===================================================== */

.hero-mini {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin: 26px 0 28px;
  color: #fff;
}

.hero-mini-row {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.hero-mini-icon {
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--gold);
}

.hero-mini-icon svg {
  width: 23px;
  height: 23px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hero-mini-text {
  display: block;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.hero-mini-primary {
  color: #fff;
}

.hero-mini-secondary {
  color: #fff
}

/* remove conflito com o CSS antigo que mirava .hero-mini svg direto */
.hero-mini > svg {
  display: none !important;
}

@media (max-width: 768px) {
  .hero-mini {
    gap: 9px;
    margin: 14px 0 18px !important;
  }

  .hero-mini-row {
    gap: 9px;
    align-items: flex-start;
  }

  .hero-mini-icon {
    width: 21px;
    height: 21px;
    flex-basis: 21px;
    margin-top: 1px;
  }

  .hero-mini-icon svg {
    width: 21px;
    height: 21px;
  }

  .hero-mini-text {
    font-size: 12px;
    line-height: 1.25;
  }
}

@media (max-width: 480px) {
  .hero-mini {
    gap: 8px;
    margin: 14px 0 18px !important;
  }

  .hero-mini-text {
    font-size: 11.5px;
    line-height: 1.3;
  }
}/* End custom CSS */