/* Page-specific styles: fitness-ginasios */

.hero {
      min-height: 80vh
    }

    .hero-left {
      padding: 6rem 3.5rem 5rem;
      padding-left: max(3.5rem, calc((100vw - 1400px) / 2 + 3.5rem))
    }

    .hero-right {
      min-height: 80vh;
      position: relative
    }

    /* ── CHECK-IN HUD ── */


    .checkin-hud {
      position: absolute;
      bottom: 3rem;
      right: max(3rem, calc((100vw - 1400px) / 2 + 3rem));
      background: var(--s1);
      border: 1px solid rgba(238, 234, 222, .1);
      border-radius: 12px;
      padding: 1.2rem;
      width: 276px;
      box-shadow: 0 24px 60px rgba(0, 0, 0, .5), 0 0 40px rgba(232, 83, 10, .06);
      opacity: 0;
      z-index: 2;
    }

    [data-theme="light"] .checkin-hud {
      background: var(--s1);
      border-color: rgba(26, 23, 19, .15);
      box-shadow: 0 12px 40px rgba(0, 0, 0, .1)
    }

    .chud-hdr {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: .9rem;
      padding-bottom: .8rem;
      border-bottom: 1px solid var(--border)
    }

    .chud-t {
      font-size: .62rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--muted)
    }

    .chud-live {
      display: flex;
      align-items: center;
      gap: .35rem;
      font-size: .6rem;
      color: var(--accent)
    }

    .chud-dot {
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: var(--accent);
      animation: cpulse 1.8s ease-in-out infinite
    }

    @keyframes cpulse {

      0%,
      100% {
        opacity: .5
      }

      50% {
        opacity: 1;
        box-shadow: 0 0 0 4px rgba(63, 221, 187, .15)
      }
    }

    .chud-rows {
      display: flex;
      flex-direction: column;
      gap: .3rem;
      margin-bottom: .8rem
    }

    .chud-row {
      display: flex;
      align-items: center;
      gap: .6rem;
      padding: .46rem .58rem;
      border-radius: 6px;
      border: 1px solid var(--border);
      background: var(--s2)
    }

    .chud-row.in {
      border-color: rgba(63, 221, 187, .25);
      background: rgba(63, 221, 187, .05)
    }

    .chud-av {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background: var(--s3);
      font-family: var(--Fd);
      font-size: .72rem;
      font-weight: 300;
      color: var(--accent);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      border: 1px solid rgba(63, 221, 187, .2)
    }

    .chud-n {
      font-size: .72rem;
      color: var(--text);
      flex: 1
    }

    .chud-time {
      font-size: .6rem;
      color: var(--muted);
      white-space: nowrap
    }

    .chud-ft {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      padding-top: .7rem;
      border-top: 1px solid var(--border);
      font-size: .62rem;
      color: var(--muted)
    }

    .chud-fv {
      color: var(--accent);
      font-family: var(--Fd);
      font-size: 1rem
    }

    /* ── MOCK CHECK-IN ── */
    .mock-checkin {
      background: var(--s1);
      border: 1px solid rgba(238, 234, 222, .1);
      border-radius: 12px;
      padding: 1.4rem;
      width: 310px;
      box-shadow: 0 32px 80px rgba(0, 0, 0, .5), 0 0 60px rgba(63, 221, 187, .06)
    }

    [data-theme="light"] .mock-checkin {
      background: var(--s1);
      border-color: rgba(26, 23, 19, .15);
      box-shadow: 0 16px 50px rgba(0, 0, 0, .1)
    }

    .mci-h {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1rem;
      padding-bottom: .8rem;
      border-bottom: 1px solid var(--border)
    }

    .mci-t {
      font-size: .62rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--muted)
    }

    .mci-c {
      font-size: .6rem;
      color: var(--accent);
      border: 1px solid rgba(63, 221, 187, .3);
      padding: .15rem .5rem;
      border-radius: 100px
    }

    .mci-big {
      background: rgba(63, 221, 187, .07);
      border: 1px solid rgba(63, 221, 187, .2);
      border-radius: 8px;
      padding: .9rem 1rem;
      margin-bottom: .9rem;
      display: flex;
      align-items: center;
      justify-content: space-between
    }

    .mci-big-label {
      font-size: .6rem;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--accent)
    }

    .mci-big-num {
      font-family: var(--Fd);
      font-size: 2.6rem;
      font-weight: 300;
      color: var(--accent);
      letter-spacing: -.04em
    }

    .mci-list {
      display: flex;
      flex-direction: column;
      gap: .3rem;
      margin-bottom: .8rem
    }

    .mci-row {
      display: flex;
      align-items: center;
      gap: .65rem;
      padding: .48rem .62rem;
      background: var(--s2);
      border-radius: 6px;
      border: 1px solid var(--border)
    }

    .mci-av2 {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: var(--s3);
      font-family: var(--Fd);
      font-size: .78rem;
      font-weight: 300;
      color: var(--muted);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0
    }

    .mci-name2 {
      flex: 1;
      font-size: .73rem;
      color: var(--text)
    }

    .mci-plan {
      font-size: .58rem;
      color: var(--muted);
      white-space: nowrap
    }

    .mci-in {
      font-size: .6rem;
      color: var(--accent)
    }

    .mci-stats {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: .5rem;
      padding-top: .7rem;
      border-top: 1px solid var(--border)
    }

    .mci-s {
      text-align: center
    }

    .mci-sv {
      font-family: var(--Fd);
      font-size: 1.2rem;
      font-weight: 300;
      color: var(--text)
    }

    .mci-sl {
      font-size: .56rem;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--muted);
      margin-top: .1rem
    }

    /* ── MOCK PLANOS ── */
    .mock-plans {
      background: var(--s1);
      border: 1px solid rgba(238, 234, 222, .1);
      border-radius: 12px;
      padding: 1.4rem;
      width: 298px;
      box-shadow: 0 32px 80px rgba(0, 0, 0, .5), 0 0 60px rgba(196, 163, 90, .07)
    }

    [data-theme="light"] .mock-plans {
      background: var(--s1);
      border-color: rgba(26, 23, 19, .15);
      box-shadow: 0 16px 50px rgba(0, 0, 0, .1)
    }

    .mpl-h {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1rem;
      padding-bottom: .8rem;
      border-bottom: 1px solid var(--border)
    }

    .mpl-t {
      font-size: .62rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--muted)
    }

    .mpl-l {
      display: flex;
      flex-direction: column;
      gap: .35rem;
      margin-bottom: .8rem
    }

    .mpl-r {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: .52rem .65rem;
      background: var(--s2);
      border-radius: 6px;
      border: 1px solid var(--border)
    }

    .mpl-n {
      font-size: .73rem;
      color: var(--text)
    }

    .mpl-q {
      font-size: .62rem;
      color: var(--muted);
      margin-right: .5rem
    }

    .mpl-p {
      font-family: var(--Fd);
      font-size: 1rem;
      font-weight: 300;
      color: var(--text)
    }

    .mpl-tot {
      background: rgba(196, 163, 90, .06);
      border: 1px solid rgba(196, 163, 90, .2);
      border-radius: 6px;
      padding: .7rem 1rem;
      display: flex;
      justify-content: space-between;
      align-items: baseline
    }

    .mpl-tl {
      font-size: .62rem;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--muted)
    }

    .mpl-tv {
      font-family: var(--Fd);
      font-size: 1.8rem;
      font-weight: 300;
      color: var(--warm);
      letter-spacing: -.03em
    }

    /* ── MOCK AULAS ── */
    .mock-aulas {
      background: var(--s1);
      border: 1px solid rgba(238, 234, 222, .1);
      border-radius: 12px;
      padding: 1.4rem;
      width: 298px;
      box-shadow: 0 32px 80px rgba(0, 0, 0, .5)
    }

    [data-theme="light"] .mock-aulas {
      background: var(--s1);
      border-color: rgba(26, 23, 19, .15);
      box-shadow: 0 16px 50px rgba(0, 0, 0, .1)
    }

    .maul-h {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1rem;
      padding-bottom: .8rem;
      border-bottom: 1px solid var(--border)
    }

    .maul-t {
      font-size: .62rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--muted)
    }

    .maul-l {
      display: flex;
      flex-direction: column;
      gap: .4rem;
      margin-bottom: .8rem
    }

    .maul-r {
      display: flex;
      align-items: center;
      gap: .65rem;
      padding: .5rem .62rem;
      background: var(--s2);
      border-radius: 6px;
      border: 1px solid var(--border)
    }

    .maul-r.hoje {
      border-color: rgba(63, 221, 187, .25);
      background: rgba(63, 221, 187, .05)
    }

    .maul-hr {
      font-family: var(--Fd);
      font-size: .88rem;
      font-weight: 300;
      color: var(--muted);
      min-width: 38px
    }

    .maul-r.hoje .maul-hr {
      color: var(--accent)
    }

    .maul-info {
      flex: 1
    }

    .maul-n {
      font-size: .73rem;
      color: var(--text)
    }

    .maul-inst {
      font-size: .58rem;
      color: var(--muted)
    }

    .maul-cap {
      font-size: .62rem;
      color: var(--muted);
      white-space: nowrap
    }

    .maul-bar {
      height: 3px;
      background: var(--s3);
      border-radius: 2px;
      overflow: hidden;
      margin-top: .18rem
    }

    .maul-bf {
      height: 100%;
      border-radius: 2px;
      background: var(--accent)
    }

.fitness-ginasios-inline-1 { color:inherit;text-decoration:none;opacity:.6; }
.fitness-ginasios-inline-2 { opacity:.35;margin:0 .2em; }
.fitness-ginasios-inline-3 { color:var(--accent); }
.fitness-ginasios-inline-4 { font-size:.62rem;color:var(--muted); }
.fitness-ginasios-inline-5 { width:100%; }
.fitness-ginasios-inline-6 { width:80%; }
.fitness-ginasios-inline-7 { width:60%; }
.fitness-ginasios-inline-8 { width:40%; }