/* ---------- LOGO ---------- */
    .logo {
      display: inline-flex;
      align-items: center;
      gap: 10px
    }

    .logo .mark {
      width: 46px;
      height: 46px;
      border-radius: 50%;
      background: var(--green);
      border: 2.5px solid var(--dark);
      box-shadow: var(--stamp-shadow);
      display: grid;
      place-items: center;
      flex: none
    }

    .logo .mark img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      border-radius: 50%
    }

    .logo .ltxt b {
      display: block;
      font-family: 'Bebas Neue', sans-serif;
      font-weight: 400;
      font-size: 17px;
      letter-spacing: .02em;
      line-height: 1
    }

    .logo .ltxt i {
      display: block;
      font-style: normal;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 9px;
      letter-spacing: .14em;
      color: var(--label);
      font-weight: 700;
      text-transform: uppercase;
      margin-top: 3px
    }

    .logo.on-dark .ltxt b {
      color: #fff
    }

    .logo.on-dark .ltxt i {
      color: rgba(255, 255, 255, .6)
    }

    /* ---------- SITE HEADER (público — landing + campeonato) ---------- */
    .site-header {
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(243, 236, 221, .92);
      backdrop-filter: blur(10px);
      border-bottom: 2px solid var(--dark)
    }

    .site-header-in {
      max-width: 1240px;
      margin: 0 auto;
      padding: 0 18px;
      height: 64px;
      display: flex;
      align-items: center;
      gap: 22px
    }

    @media(min-width:860px) {
      .site-header-in {
        height: 76px;
        padding: 0 clamp(18px, 4vw, 40px)
      }
    }

    .site-nav {
      display: none;
      align-items: center;
      gap: 2px;
      margin-left: 4px
    }

    @media(min-width:860px) {
      .site-nav {
        display: flex
      }
    }

    .site-nav a {
      padding: 9px 12px;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 15px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .02em;
      color: var(--muted2);
      border-radius: 6px
    }

    .site-nav a:hover,
    .site-nav a.active {
      background: rgba(42, 33, 24, .06);
      color: var(--green)
    }

    .burger {
      margin-left: auto;
      width: 42px;
      height: 42px;
      border-radius: 8px;
      border: 2px solid var(--dark);
      background: var(--card);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 4px;
      flex: none
    }

    @media(min-width:860px) {
      .burger {
        display: none
      }
    }

    .burger span {
      width: 18px;
      height: 2px;
      background: var(--dark);
      border-radius: 1px
    }

    .mobile-menu {
      position: fixed;
      left: 0;
      right: 0;
      top: 64px;
      z-index: 49;
      background: var(--card);
      border-bottom: 2px solid var(--dark);
      box-shadow: 0 14px 30px rgba(42, 33, 24, .12);
      padding: 6px 14px 14px;
      display: flex;
      flex-direction: column
    }

    .mobile-menu a {
      padding: 14px 8px;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 17px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .02em;
      color: var(--ink);
      border-bottom: 1px dashed var(--line)
    }

    .mobile-menu a:last-child {
      border-bottom: 0
    }