:root {
        --bg-light: #f9f9fb;
        --card-bg-red: #fff1f1;
        --card-border-red: #ffe4e4;
        --icon-bg-red: #ffdada;
        --icon-color-red: #045084;
        --text-dark: #121829;
        --text-muted: #5a6474;
      }

      body {
        background-color: var(--bg-light);
        color: var(--text-dark);
        font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
      }

      /* Título com destaque */
      .section-title {
        color: var(--text-dark);
        font-weight: 800;
        letter-spacing: -0.02em;
        font-size: 22px;
        font-family: "DM Sans", sans-serif;
      }

      .section-title-highlight {
        color: #dc3545;
        /* Vermelho de agitação de dor */
        display: block;
      }

    .text-secondary {
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
    
  }



      /* Cards de Fricção estilo "Soft Red" */
      .friction-card {
        background-color: var(--card-bg-red);
        border: 1px solid var(--card-border-red);
        border-radius: 16px;
        padding: 1.75rem;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
      }

      .friction-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 20px rgba(220, 53, 69, 0.05);
      }

      /* Ícones dentro do badge circular */
      .icon-wrapper {
        width: 48px;
        height: 48px;
        min-width: 48px;
        background-color: var(--icon-bg-red);
        color: var(--icon-color-red);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
      }

      /* Título e Texto do Card */

      .card-title-custom {
        font-size: 1.4rem;
        font-weight: 700;
        color: var(--text-dark);
        margin-bottom: 0.35rem;
      }

      .card-text-custom {
        font-size: 0.95rem;
        color: var(--text-muted);
        line-height: 1.5;
        margin: 0;
      }

      /* Frase de Transição em Destaque */
      .transition-box {
        border-left: 4px solid #045084;
        background-color: #ffffff;
        padding: 1.25rem 1.5rem;
        border-radius: 0 12px 12px 0;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
        font-size: 22px;
      }

      .transition-box p {
        font-size: 1.5rem;
        /* Aumente para 1.4rem ou 1.5rem se quiser ainda maior */
        line-height: 1.4;
        /* Garante bom espaçamento entre linhas caso quebre no mobile */
      }

      :root {
        --bg-brancoweb: #ffffff;
        --bg-cinzaweb: #f8fafc;
      }

      /* Seção de cima (Cinza Suave) */
      .secao-cinza {
        background-color: var(--bg-cinzaweb);
        padding: 60px 0;
      }

      /* Seção de baixo (Branca) */
      .secao-branca {
        background-color: var(--bg-brancoweb);
        padding: 80px 0;
        position: relative;
      }

      /* Estilo dos cards flutuantes (Lead Score e CSAT) */
      .card-flutuante {
        background-color: #ffffff;
        border-radius: 12px;
        padding: 16px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
        /* Sombra suave dá efeito de elevação */
        border: 1px solid #f1f5f9;
      }