/* ── CARDS (base comum) ── */
    .benefit, .step, .quote, .faq details {
      background:
        radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--g6) 10%, transparent), transparent 42%),
        linear-gradient(160deg,
          color-mix(in srgb, var(--g3) 78%, transparent),
          color-mix(in srgb, var(--g1) 88%, transparent));
      border: 1px solid var(--border-soft);
      box-shadow: 0 18px 42px var(--shadow-color);
    }

    /* ── BENEFITS — service cards (estilo escuro/gamer) ── */
    /* cabeçalho da seção: texto à esquerda + contador à direita */
    #vantagens .benefits-header {
      display: flex; justify-content: center;
      margin-bottom: 40px;
    }
    #vantagens .benefits-header .section-head {
      text-align: center; max-width: none; margin: 0 auto;
    }
    #vantagens .section-head h2 {
      font-size: clamp(1.9rem, 4.5vw, 2.8rem);
    }

    #vantagens .benefits-grid {
      position: relative; display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: clamp(10px, 0.9vw, 16px);
    }

    /* card-serviço: imagem de fundo + conteúdo sobreposto */
    #vantagens .benefit-service-card {
      position: relative; display: block;
      height: clamp(220px, 18vw, 260px); min-height: unset;
      border-radius: 18px; overflow: hidden;
      background: #070912;
      border: 1px solid rgba(255,255,255,.10);
      box-shadow: 0 18px 42px rgba(0,0,0,.45);
      cursor: pointer;
      transition: transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);
    }
    #vantagens .benefit-service-card:hover {
      transform: translateY(-6px);
      border-color: rgba(255,255,255,.28);
      box-shadow: 0 30px 60px rgba(0,0,0,.62);
    }

    #vantagens .benefit-card-bg {
      position: absolute; inset: 0; z-index: 0;
      width: 100%; height: 100%;
      object-fit: cover; object-position: center;
      transition: transform .5s var(--ease);
    }
    #vantagens .benefit-service-card:hover .benefit-card-bg { transform: scale(1.06); }

    #vantagens .benefit-card-overlay {
      position: absolute; inset: 0; z-index: 1; pointer-events: none;
      background:
        linear-gradient(180deg, rgba(3,5,12,.18) 0%, rgba(3,5,12,.58) 52%, rgba(3,5,12,.92) 100%),
        linear-gradient(90deg, rgba(3,5,12,.82) 0%, rgba(3,5,12,.38) 48%, rgba(3,5,12,.76) 100%);
      box-shadow: inset 0 0 90px rgba(0,0,0,.5);
    }

    /* topo: tag (esq) + número (dir) */
    #vantagens .benefit-card-top {
      position: absolute; top: 0; left: 0; right: 0; z-index: 2;
      display: flex; align-items: center; justify-content: space-between;
      padding: 11px 13px;
    }
    #vantagens .benefit-card-tag {
      display: inline-flex; align-items: center; gap: 5px;
      font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
      color: #fff; padding: 5px 10px; border-radius: 999px;
      background: rgba(7,9,18,.62);
      border: 1px solid rgba(255,180,58,.55);
      backdrop-filter: blur(6px);
    }
    #vantagens .benefit-card-number {
      font-family: 'Bricolage Grotesque', 'Manrope', system-ui, sans-serif;
      font-size: 13px; font-weight: 800; color: rgba(255,255,255,.85);
      padding: 4px 9px; border-radius: 9px;
      background: rgba(7,9,18,.5);
      border: 1px solid rgba(255,255,255,.22);
      backdrop-filter: blur(6px);
    }

    /* conteúdo: título + descrição, na parte inferior */
    #vantagens .benefit-card-content {
      position: absolute; left: 0; right: 0; bottom: 52px; z-index: 2;
      padding: 0 14px; pointer-events: none;
    }
    #vantagens .benefit-service-card h3 {
      font-family: 'Manrope', system-ui, sans-serif; font-weight: 800;
      font-size: 1.05rem; line-height: 1.15; letter-spacing: -.015em;
      color: #fff !important; margin: 0 0 5px;
      text-shadow: 0 2px 14px rgba(0,0,0,.8);
    }
    #vantagens .benefit-service-card p {
      margin: 0; font-size: .8rem; line-height: 1.38;
      color: rgba(255,255,255,.78) !important;
      text-shadow: 0 2px 12px rgba(0,0,0,.85);
      display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
    }

    /* rodapé: CTA (esq) + botão de seta (dir) */
    #vantagens .benefit-card-bottom {
      position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
      display: flex; align-items: center; justify-content: space-between;
      padding: 11px 13px 13px;
    }
    #vantagens .benefit-card-link {
      position: relative; padding: 4px 0; background: none;
      font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
      color: rgba(255,255,255,.9); text-decoration: none;
    }
    #vantagens .benefit-card-link::after {
      content: ""; position: absolute; left: 0; bottom: -2px; height: 1px; width: 0;
      background: #ffb43a; transition: width .3s var(--ease);
    }
    #vantagens .benefit-service-card:hover .benefit-card-link::after { width: 100%; }
    #vantagens .benefit-card-arrow {
      width: 36px; height: 36px; flex: none;
      display: grid; place-items: center; border-radius: 11px;
      background: linear-gradient(135deg, #7c4dff, #4361ee);
      color: #fff; font-size: 18px; line-height: 1; text-decoration: none;
      box-shadow: 0 8px 22px rgba(67,97,238,.4);
      transition: transform .25s var(--ease), box-shadow .25s var(--ease);
    }
    #vantagens .benefit-service-card:hover .benefit-card-arrow {
      transform: translateX(4px);
      box-shadow: 0 12px 28px rgba(124,77,255,.55);
    }
    #vantagens .benefit-card-link:focus-visible,
    #vantagens .benefit-card-arrow:focus-visible {
      outline: 2px solid #ffb43a; outline-offset: 3px;
    }

    /* trava de scroll quando a modal está aberta */
    body.modal-open { overflow: hidden; }

    /* desktop: mesma altura/proporção da seção "Prova Social" (#depoimentos) */
    @media (min-width: 901px) {
      #vantagens.vantagens-services {
        height: clamp(540px, 66vh, 680px);
        min-height: 540px;
        max-height: 680px;
        padding-block: clamp(36px, 4vw, 52px);
        overflow: hidden;
      }
      #vantagens.vantagens-services .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
      }
      #vantagens .benefits-header { margin-bottom: clamp(20px, 2.4vw, 32px); }
    }

    @media (max-width: 900px) {
      #vantagens .benefits-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
      #vantagens .benefit-service-card { height: 295px; }
    }
    @media (max-width: 640px) {
      #vantagens .benefits-grid { grid-template-columns: 1fr; gap: 18px; }
      #vantagens .benefit-service-card { height: 330px; }
      #vantagens .benefit-card-content { bottom: 74px; }
      #vantagens .section-head h2 { white-space: normal; }
    }
    @media (max-width: 480px) {
      #vantagens .benefit-service-card h3 { font-size: 1.18rem; }
      #vantagens .benefit-card-content { bottom: 72px; padding: 0 18px; }
      #vantagens .benefit-card-tag { font-size: 10px; padding: 5px 10px; }
      #vantagens .benefit-card-number { font-size: 14px; padding: 4px 9px; }
      #vantagens .benefit-card-top { padding: 14px 16px; }
      #vantagens .benefit-card-bottom { padding: 14px 16px 16px; }
      #vantagens .benefit-card-arrow { width: 40px; height: 40px; font-size: 18px; }
    }

    /* cursor personalizado dos cards de vantagens (independente da prova social) */
    .benefit-cursor {
      position: fixed;
      left: 0; top: 0;
      width: 58px; height: 58px;
      border-radius: 999px;
      display: grid; place-items: center;
      pointer-events: none;
      opacity: 0;
      transform: translate3d(-50%, -50%, 0) scale(.88);
      z-index: 9999;
      background: rgba(255,255,255,.16);
      border: 1px solid rgba(255,255,255,.34);
      backdrop-filter: blur(10px);
      box-shadow: 0 10px 32px rgba(0,0,0,.34);
      transition: opacity .18s ease, transform .18s ease;
    }
    .benefit-cursor::before {
      content: "›"; color: #fff; font-size: 36px; line-height: 1; transform: translateY(-2px);
    }
    .benefits-grid.is-hovering .benefit-cursor {
      opacity: 1;
      transform: translate3d(-50%, -50%, 0) scale(1);
    }
    @media (hover: none) {
      .benefit-cursor { display: none; }
      #vantagens .benefit-service-card { cursor: pointer; }
    }

    /* modal / lightbox dos cards de vantagens */
    .benefit-modal {
      position: fixed; inset: 0; z-index: 10000;
      display: none; align-items: center; justify-content: center;
      padding: 24px;
    }
    .benefit-modal.is-open { display: flex; }
    .benefit-modal__backdrop {
      position: absolute; inset: 0;
      background: rgba(6, 8, 14, .72);
      backdrop-filter: blur(12px);
    }
    .benefit-modal__dialog {
      position: relative; z-index: 1;
      max-width: min(92vw, 980px);
      animation: benefitModalIn .28s var(--ease);
    }
    @keyframes benefitModalIn {
      from { opacity: 0; transform: scale(.94); }
      to   { opacity: 1; transform: scale(1); }
    }
    .benefit-modal__img {
      display: block;
      max-width: min(92vw, 980px);
      max-height: 86vh;
      width: auto; height: auto;
      object-fit: contain;
      border-radius: var(--radius);
      box-shadow: 0 40px 90px rgba(0,0,0,.6);
      border: 1px solid rgba(255,255,255,.14);
    }
    .benefit-modal__close {
      position: absolute; top: -16px; right: -16px;
      width: 44px; height: 44px;
      display: grid; place-items: center;
      border-radius: 999px; border: 1px solid rgba(255,255,255,.34);
      background: rgba(255,255,255,.16);
      backdrop-filter: blur(10px);
      color: #fff; font-size: 26px; line-height: 1; cursor: pointer;
      box-shadow: 0 10px 32px rgba(0,0,0,.34);
      transition: transform .18s ease, background .18s ease;
    }
    .benefit-modal__close:hover { transform: scale(1.08); background: rgba(255,255,255,.28); }
    @media (max-width: 640px) {
      .benefit-modal { padding: 16px; }
      .benefit-modal__close { top: 8px; right: 8px; }
    }

    /* ── STEPS ── */
    .steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; counter-reset: step; }
    .step { position: relative; padding: 30px 26px 28px; border-radius: var(--radius); }
    .step::before {
      counter-increment: step; content: counter(step);
      font-size: 1.05rem; font-weight: 800;
      width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center;
      background: var(--accent); color: var(--text-inverted); margin-bottom: 18px;
      box-shadow: 0 8px 18px var(--shadow-color);
    }
    .step h3 { font-size: 1.1rem; font-weight: 700; color: var(--text-main); margin-bottom: 8px; letter-spacing: -.01em; }
    .step p { color: var(--text-soft); font-size: .95rem; }

    /* ── SIMPLES ASSIM — media cards ── */
    #como-funciona .container {
      max-width: 1240px;
    }

    #como-funciona .steps {
      position: relative;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 26px;
      counter-reset: none;
    }

    #como-funciona .step {
      position: relative;
      min-height: unset;
      height: clamp(240px, 22vw, 285px);
      padding: 0;
      border-radius: 18px;
      overflow: hidden;
      background: transparent !important;
      border: 0;
      box-shadow: none;
      transition: transform .3s var(--ease);
    }

    #como-funciona .step::before {
      content: none !important;
      display: none !important;
    }

    #como-funciona .step:hover {
      transform: translateY(-6px);
    }

    #como-funciona .step-card-bg {
      position: absolute;
      inset: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform .55s var(--ease);
    }

    #como-funciona .step:hover .step-card-bg {
      transform: scale(1.06);
    }

    #como-funciona video.step-card-bg {
      pointer-events: none;
    }

    #como-funciona .step-card-overlay {
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none;
      background:
        linear-gradient(180deg, rgba(3,5,12,.12) 0%, rgba(3,5,12,.48) 48%, rgba(3,5,12,.94) 100%),
        linear-gradient(90deg, rgba(3,5,12,.76) 0%, rgba(3,5,12,.28) 52%, rgba(3,5,12,.70) 100%);
      box-shadow: inset 0 0 90px rgba(0,0,0,.55);
    }

    #como-funciona .step-card-top {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 16px 18px;
    }

    #como-funciona .step-card-tag {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: #fff;
      padding: 6px 12px;
      border-radius: 999px;
      background: rgba(7,9,18,.62);
      border: 1px solid rgba(255,180,58,.58);
      backdrop-filter: blur(6px);
    }

    #como-funciona .step-card-number {
      font-family: 'Bricolage Grotesque', 'Manrope', system-ui, sans-serif;
      font-size: 15px;
      font-weight: 800;
      color: rgba(255,255,255,.88);
      padding: 5px 11px;
      border-radius: 10px;
      background: rgba(7,9,18,.50);
      border: 1px solid rgba(255,255,255,.22);
      backdrop-filter: blur(6px);
    }

    #como-funciona .step-card-content {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      padding: 0 20px 22px;
    }

    #como-funciona .step-card-content h3 {
      margin: 0 0 8px;
      font-family: 'Manrope', system-ui, sans-serif;
      font-weight: 800;
      font-size: 1.28rem;
      line-height: 1.15;
      letter-spacing: -.015em;
      color: #fff !important;
      text-shadow: 0 2px 14px rgba(0,0,0,.85);
    }

    #como-funciona .step-card-content p {
      margin: 0;
      max-width: 30ch;
      font-size: .9rem;
      line-height: 1.35;
      color: rgba(255,255,255,.80) !important;
      text-shadow: 0 2px 12px rgba(0,0,0,.88);
    }

    /* terceiro card: conteúdo sobe um pouco para liberar espaço ao rodapé com o CTA */
    #como-funciona .step-card-content--cta {
      bottom: 52px;
      padding-bottom: 0;
    }

    /* rodapé do terceiro card — mesmo padrão dos cards de "Por que a Maju":
       texto de ação à esquerda + botão de seta à direita */
    #como-funciona .step-card-bottom {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 3;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      padding: 11px 13px 13px;
      pointer-events: auto;
    }

    #como-funciona .step-card-link {
      position: relative;
      padding: 4px 0;
      background: none;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(255,255,255,.9);
      text-decoration: none;
    }

    #como-funciona .step-card-link::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -2px;
      height: 1px;
      width: 0;
      background: #ffb43a;
      transition: width .3s var(--ease);
    }

    #como-funciona .step-media-card:hover .step-card-link::after {
      width: 100%;
    }

    #como-funciona .step-card-arrow {
      width: 36px;
      height: 36px;
      flex: none;
      display: grid;
      place-items: center;
      border-radius: 11px;
      background: linear-gradient(135deg, #7c4dff, #4361ee);
      color: #fff;
      font-size: 18px;
      line-height: 1;
      text-decoration: none;
      box-shadow: 0 8px 22px rgba(67,97,238,.4);
      transition: transform .25s var(--ease), box-shadow .25s var(--ease);
    }

    #como-funciona .step-media-card:hover .step-card-arrow {
      transform: translateX(4px);
      box-shadow: 0 12px 28px rgba(124,77,255,.55);
    }

    #como-funciona .step-card-link:focus-visible,
    #como-funciona .step-card-arrow:focus-visible {
      outline: 2px solid #ffb43a;
      outline-offset: 3px;
    }

    /* cursor personalizado da seção "SIMPLES ASSIM" — igual ao de #vantagens */
    #como-funciona .step-media-card {
      cursor: none;
    }

    .step-cursor {
      position: fixed;
      left: 0; top: 0;
      width: 58px; height: 58px;
      border-radius: 999px;
      display: grid; place-items: center;
      pointer-events: none;
      opacity: 0;
      transform: translate3d(-50%, -50%, 0) scale(.88);
      z-index: 9999;
      background: rgba(255,255,255,.16);
      border: 1px solid rgba(255,255,255,.34);
      backdrop-filter: blur(10px);
      box-shadow: 0 10px 32px rgba(0,0,0,.34);
      transition: opacity .18s ease, transform .18s ease;
    }
    .step-cursor::before {
      content: "›"; color: #fff; font-size: 36px; line-height: 1; transform: translateY(-2px);
    }
    #como-funciona .steps.is-hovering .step-cursor {
      opacity: 1;
      transform: translate3d(-50%, -50%, 0) scale(1);
    }
    @media (hover: none) {
      .step-cursor { display: none; }
      #como-funciona .step-media-card { cursor: pointer; }
    }

    /* desktop: mesma altura/proporção da seção "Prova Social" (#depoimentos) */
    @media (min-width: 901px) {
      #como-funciona {
        height: clamp(540px, 66vh, 680px);
        min-height: 540px;
        max-height: 680px;
        padding-block: clamp(36px, 4vw, 52px);
        overflow: hidden;
      }
      #como-funciona .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
      }
      #como-funciona .section-head { margin-bottom: clamp(20px, 2.4vw, 32px); }
    }

    @media (max-width: 900px) {
      #como-funciona .steps {
        grid-template-columns: repeat(2, 1fr);
      }

      #como-funciona .step {
        height: 300px;
        min-height: unset;
      }
    }

    @media (max-width: 640px) {
      #como-funciona .steps {
        grid-template-columns: 1fr;
        gap: 18px;
      }

      #como-funciona .step {
        height: 300px;
        min-height: unset;
      }

      #como-funciona .step:hover {
        transform: none;
      }

      #como-funciona .step-card-content {
        padding: 0 18px 22px;
      }

      #como-funciona .step-card-content h3 {
        font-size: 1.18rem;
      }

      #como-funciona .step-card-tag {
        font-size: 10px;
        padding: 5px 10px;
      }

      #como-funciona .step-card-number {
        font-size: 14px;
        padding: 4px 9px;
      }

      #como-funciona .step-card-bottom {
        padding: 14px 16px 16px;
      }

      #como-funciona .step-card-arrow {
        width: 40px;
        height: 40px;
        font-size: 18px;
      }
    }

    /* ── STATS ── */

    /* ── PROVA SOCIAL — REVIEWS STYLE (#depoimentos) ── */
    #depoimentos.proof-reviews {
      position: relative;
      width: 100%;
      height: clamp(540px, 66vh, 680px);
      min-height: 540px;
      max-height: 680px;
      padding: clamp(48px, 5vw, 64px) 0 clamp(52px, 5.5vw, 72px);
      margin: 0;
      overflow: hidden;
      isolation: isolate;
      background: #000;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }

    #depoimentos.proof-reviews::before,
    #depoimentos.proof-reviews::after {
      content: none !important;
      display: none !important;
    }

    /* vídeo/gif de fundo real da seção */
    .proof-bg-video {
      position: absolute;
      inset: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      pointer-events: none;
      user-select: none;
      transform: scale(1.04);
    }

    /* FILTRO PRETO SOBRE O VÍDEO */
    .proof-bg-overlay {
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none;
      background:
        linear-gradient(180deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.66) 45%, rgba(0,0,0,.86) 100%),
        radial-gradient(circle at 50% 45%, rgba(0,0,0,.22) 0%, rgba(0,0,0,.72) 72%);
    }

    /* CONTEÚDO ACIMA DO FILTRO */
    .proof-reviews__header,
    .proof-reviews__viewport {
      position: relative;
      z-index: 2;
    }

    .proof-reviews__header {
      width: min(92vw, 900px);
      margin: 0 auto clamp(30px, 3.8vw, 44px);
      text-align: center;
    }

    .proof-stars {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      margin-bottom: 10px;
      color: #ffb43a;
      font-size: clamp(.95rem, 1.4vw, 1.15rem);
      line-height: 1;
      letter-spacing: .08em;
    }

    /* última estrela parcialmente preenchida (~90%) para refletir a nota 4.9 */
    .proof-star-partial {
      position: relative;
      color: rgba(255,255,255,.26);
    }

    .proof-star-partial::before {
      content: "★";
      position: absolute;
      left: 0;
      top: 0;
      width: 90%;
      overflow: hidden;
      color: #ffb43a;
    }

    .proof-score {
      margin-left: 8px;
      padding-left: 10px;
      border-left: 1px solid rgba(255,255,255,.22);
      font-weight: 800;
      letter-spacing: 0;
      color: #fff;
    }

    #depoimentos.proof-reviews .eyebrow {
      display: inline-block;
      color: rgba(255,255,255,.62);
      margin-bottom: 8px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 3px;
      text-transform: uppercase;
    }

    #depoimentos.proof-reviews h2 {
      margin: 0;
      font-family: 'Bricolage Grotesque', 'Manrope', system-ui, sans-serif;
      font-size: clamp(1.9rem, 4.5vw, 2.8rem);
      line-height: .96;
      letter-spacing: -0.045em;
      text-transform: uppercase;
      color: #f4f6ff;
      text-shadow: 0 4px 24px rgba(0,0,0,.55);
    }

    #depoimentos.proof-reviews p {
      margin: 13px auto 0;
      max-width: 58ch;
      color: rgba(255,255,255,.72);
      font-size: clamp(.9rem, 1.1vw, 1rem);
      line-height: 1.55;
    }

    #depoimentos.proof-reviews p strong {
      color: #fff;
      font-weight: 800;
    }

    .proof-reviews__viewport {
      width: min(100%, 1240px);
      margin-inline: auto;
      overflow: visible;
      padding-inline: 20px;
    }

    .proof-reviews__track {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: nowrap;
      gap: clamp(10px, 0.9vw, 16px);
      width: 100%;
      max-width: 1240px;
      margin-inline: auto;
      padding-inline: 0;
    }

    /* a própria imagem é o card — sem base/moldura por trás, sem corte */
    .proof-review-card {
      position: relative;
      flex: 0 0 auto;
      cursor: none;
      transition: transform .32s cubic-bezier(.2,.7,.2,1);
    }

    .proof-review-card img {
      display: block;
      height: clamp(150px, 16.5vw, 205px);
      width: auto;
      max-width: 100%;
      object-fit: contain;
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,.16);
      box-shadow: 0 18px 42px rgba(0,0,0,.52);
      transition: border-color .32s ease, box-shadow .32s ease;
    }

    .proof-review-card:hover {
      z-index: 10;
      transform: translateY(-14px) scale(1.4);
    }

    .proof-review-card:hover img {
      border-color: rgba(255,180,58,.85);
      box-shadow: 0 40px 100px rgba(0,0,0,.85);
    }

    /* cursor personalizado da prova social — igual ao da seção "Por que a Maju" */
    .proof-cursor {
      position: fixed;
      left: 0;
      top: 0;
      width: 58px;
      height: 58px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      pointer-events: none;
      opacity: 0;
      transform: translate3d(-50%, -50%, 0) scale(.88);
      z-index: 10030;
      background: rgba(255,255,255,.16);
      border: 1px solid rgba(255,255,255,.34);
      backdrop-filter: blur(10px);
      box-shadow: 0 10px 32px rgba(0,0,0,.34);
      transition: opacity .18s ease, transform .18s ease;
    }

    .proof-cursor::before {
      content: "›";
      color: #fff;
      font-size: 36px;
      line-height: 1;
      transform: translateY(-2px);
    }

    .proof-reviews__viewport.is-hovering .proof-cursor {
      opacity: 1;
      transform: translate3d(-50%, -50%, 0) scale(1);
    }

    @media (hover: none) {
      .proof-cursor {
        display: none;
      }

      .proof-review-card {
        cursor: pointer;
      }
    }

    @media (max-width: 900px) {
      #depoimentos.proof-reviews {
        height: auto;
        min-height: 560px;
        max-height: none;
        padding: 64px 0 72px;
      }

      .proof-reviews__viewport {
        width: 100%;
        padding-inline: 0;
        overflow: hidden;
      }

      .proof-reviews__track {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        scroll-snap-type: x mandatory;
        padding-inline: 22px;
        padding-bottom: 8px;
        margin-inline: 0;
        max-width: none;
      }

      .proof-review-card {
        flex: 0 0 auto;
        scroll-snap-align: center;
      }

      .proof-review-card img {
        height: clamp(220px, 32vw, 300px);
        width: auto;
      }
    }

    @media (max-width: 640px) {
      #depoimentos.proof-reviews {
        min-height: 560px;
        padding: 60px 0 70px;
      }

      .proof-bg-video {
        object-position: center;
        transform: scale(1.08);
      }


      .proof-reviews__header {
        margin-bottom: 32px;
        padding-inline: 22px;
      }

      .proof-review-card {
        flex: 0 0 auto;
        cursor: pointer;
      }

      .proof-review-card img {
        width: 82vw;
        height: auto;
        max-height: 78vh;
      }

      .proof-review-card:hover {
        transform: none;
      }
    }