/* =========================================================
       MOBINO — SEGURANÇA E PRIVACIDADE
       Adequação ao novo design institucional
    ========================================================= */

    :root {
      --privacy-bg: #020f2d;
      --privacy-bg-2: #06285d;
      --privacy-card: #083776;
      --privacy-card-2: #0b4a91;
      --privacy-cyan: #12c8f4;
      --privacy-orange: #ff9d00;
      --privacy-white: #ffffff;
      --privacy-text: #d7e5f7;
      --privacy-muted: #a9bdd8;
      --privacy-line: rgba(33, 198, 255, .25);
    }

    body {
      background: var(--privacy-bg);
      color: var(--privacy-text);
    }

    .privacy-hero {
      position: relative;
      overflow: hidden;
      padding: 110px 0 90px;
      background:
        radial-gradient(circle at 78% 30%, rgba(0, 183, 255, .20), transparent 32%),
        linear-gradient(135deg, #020d28 0%, #05265b 100%);
      border-bottom: 1px solid var(--privacy-line);
    }

    .privacy-hero::after {
      content: "";
      position: absolute;
      width: 420px;
      height: 420px;
      right: -140px;
      top: -150px;
      border: 1px solid rgba(18, 200, 244, .22);
      border-radius: 50%;
      box-shadow: 0 0 80px rgba(18, 200, 244, .12);
      pointer-events: none;
    }

    .privacy-hero-content {
      position: relative;
      z-index: 1;
      max-width: 880px;
    }

    .privacy-hero h1,
    .privacy-title h2,
    .delete-content h2,
    .contract-box h2,
    .company-box h2,
    .privacy-contact h2 {
      color: var(--privacy-white) !important;
    }

    .privacy-hero h1 {
      max-width: 820px;
      margin: 14px 0 24px;
      font-size: clamp(2.7rem, 5vw, 5rem);
      line-height: .98;
      letter-spacing: -.045em;
    }

    .privacy-hero h1 em {
      color: var(--privacy-orange) !important;
      font-style: normal;
    }

    .privacy-hero p,
    .privacy-title p,
    .delete-content p,
    .contract-box p,
    .company-box > p,
    .privacy-contact p {
      color: var(--privacy-text) !important;
    }

    .privacy-hero p {
      max-width: 720px;
      font-size: 1.12rem;
      line-height: 1.75;
    }

    .privacy-eyebrow,
    .privacy-title .eyebrow,
    .delete-content .eyebrow,
    .contract-box .eyebrow,
    .company-box > .eyebrow {
      color: var(--privacy-orange) !important;
    }

    .privacy-contact .eyebrow {
      color: var(--privacy-cyan) !important;
    }

    main > .section {
      background:
        radial-gradient(circle at 90% 20%, rgba(8, 80, 160, .12), transparent 35%),
        var(--privacy-bg);
      border-bottom: 1px solid rgba(33, 198, 255, .10);
    }

    main > .section.privacy-soft {
      background:
        radial-gradient(circle at 10% 30%, rgba(18, 200, 244, .08), transparent 28%),
        linear-gradient(180deg, #05245a 0%, #031638 100%);
    }

    .privacy-container {
      max-width: 960px;
    }

    .privacy-title {
      max-width: 820px;
    }

    .privacy-title h2,
    .delete-content h2,
    .contract-box h2,
    .company-box h2,
    .privacy-contact h2 {
      margin-top: 10px;
      line-height: 1.08;
      letter-spacing: -.025em;
    }

    .privacy-title p {
      max-width: 820px;
      line-height: 1.8;
    }

    .privacy-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
    }

    .privacy-card {
      position: relative;
      overflow: hidden;
      min-height: 270px;
      padding: 30px;
      border: 1px solid rgba(18, 200, 244, .28);
      border-radius: 24px;
      background:
        linear-gradient(145deg, rgba(13, 76, 150, .88), rgba(4, 34, 82, .96));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 18px 40px rgba(0,0,0,.18);
    }

    .privacy-card::before {
      content: "";
      position: absolute;
      width: 120px;
      height: 120px;
      right: -45px;
      top: -45px;
      border-radius: 50%;
      background: rgba(18, 200, 244, .10);
      filter: blur(2px);
    }

    .privacy-number {
      position: relative;
      z-index: 1;
      display: inline-grid;
      place-items: center;
      min-width: 54px;
      height: 54px;
      margin-bottom: 22px;
      padding: 0 13px;
      border: 1px solid rgba(18, 200, 244, .62);
      border-radius: 18px;
      color: var(--privacy-white) !important;
      background: rgba(0, 184, 255, .15);
      box-shadow: 0 0 26px rgba(18, 200, 244, .18);
      font-weight: 900;
    }

    .privacy-card h3 {
      position: relative;
      z-index: 1;
      color: var(--privacy-white) !important;
      margin: 0 0 12px;
      font-size: 1.25rem;
    }

    .privacy-card p {
      position: relative;
      z-index: 1;
      color: var(--privacy-text) !important;
      margin: 0;
      line-height: 1.7;
    }

    .delete-box,
    .contract-box {
      border: 1px solid rgba(18, 200, 244, .30);
      border-radius: 28px;
      background:
        linear-gradient(135deg, rgba(8, 55, 118, .96), rgba(4, 30, 72, .96));
      box-shadow: 0 24px 55px rgba(0,0,0,.20);
    }

    .delete-box {
      display: grid;
      grid-template-columns: 90px 1fr;
      gap: 28px;
      padding: 42px;
    }

    .delete-icon {
      display: grid;
      place-items: center;
      width: 76px;
      height: 76px;
      border-radius: 24px;
      color: #fff !important;
      background: linear-gradient(135deg, #009be8, #18d1f4);
      box-shadow: 0 12px 30px rgba(18, 200, 244, .24);
      font-size: 2rem;
    }

    .delete-content p {
      max-width: 820px;
      line-height: 1.75;
    }

    .contract-box {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 38px;
      padding: 42px;
    }

    .contract-action small {
      display: block;
      margin-top: 10px;
      text-align: center;
      color: var(--privacy-muted) !important;
    }

    .company-box {
      padding-top: 12px;
      padding-bottom: 12px;
    }

    .company-data {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      margin-top: 30px;
    }

    .company-data > div {
      padding: 24px;
      border: 1px solid rgba(18, 200, 244, .25);
      border-radius: 20px;
      background: linear-gradient(145deg, rgba(11, 74, 145, .78), rgba(5, 42, 95, .90));
    }

    .company-data small {
      display: block;
      margin-bottom: 7px;
      color: var(--privacy-cyan) !important;
      font-weight: 900;
      letter-spacing: .08em;
    }

    .company-data strong {
      color: var(--privacy-white) !important;
      line-height: 1.45;
    }

    .privacy-contact {
      padding: 76px 0;
      background:
        radial-gradient(circle at 85% 50%, rgba(18, 200, 244, .22), transparent 28%),
        linear-gradient(100deg, #05265c, #064f9d);
      border-top: 1px solid rgba(18, 200, 244, .24);
      border-bottom: 1px solid rgba(18, 200, 244, .20);
    }

    .privacy-contact-grid {
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: 36px;
    }

    .privacy-contact p {
      max-width: 700px;
      margin-bottom: 0;
    }

    .privacy-contact .btn.white {
      color: #fff !important;
      background: linear-gradient(135deg, #009bea, #18cef3) !important;
      border-color: rgba(255,255,255,.30) !important;
      box-shadow: 0 12px 28px rgba(0, 188, 255, .25);
    }

    .privacy-contact .btn.white:hover {
      transform: translateY(-2px);
    }

    /* Blindagem contra regras antigas que deixavam textos azuis */
    .privacy-hero strong,
    .privacy-title strong,
    .privacy-card strong,
    .delete-box strong,
    .contract-box strong,
    .company-box strong,
    .privacy-contact strong {
      color: var(--privacy-white) !important;
    }

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

      .company-data {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 760px) {
      .privacy-hero {
        padding: 82px 0 64px;
      }

      .privacy-hero h1 {
        font-size: clamp(2.35rem, 12vw, 3.7rem);
      }

      .privacy-grid,
      .delete-box,
      .contract-box,
      .privacy-contact-grid {
        grid-template-columns: 1fr;
      }

      .privacy-card {
        min-height: auto;
      }

      .delete-box,
      .contract-box {
        padding: 28px;
      }

      .contract-action small {
        text-align: left;
      }

      .privacy-contact .btn {
        width: 100%;
        text-align: center;
      }
    }