/* ============================================================
   Catálogo de academias — leitura corrida, não vitrine de cartões.
   Depende dos tokens de site.css e do cabeçalho de página
   (.lp-page*) definido em landing.css.
   ============================================================ */

/* Coluna estreita: o programa é para ler, e linha longa demais cansa.
   ~62rem é a medida em que a linha ainda cabe cerca de 90 caracteres. */
.ac-programa {
    max-width: 62rem;
    margin: 0 auto;
}

.ac-academia {
    padding: clamp(1.4rem, 3vw, 2rem) 0;
    border-top: 1px solid var(--lp-line);
}

.ac-academia:first-child {
    border-top: none;
    padding-top: 0;
}

.ac-titulo {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .9rem;
    align-items: baseline;
    font-family: var(--font-display);
    font-size: clamp(1.05rem, 2vw, 1.25rem);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .06em;
    /* Uniformiza a caixa: o catálogo tem título em caixa alta e em caixa mista,
       e a diferença apareceria de uma linha para a outra. */
    text-transform: uppercase;
    color: var(--gold);
}

/* Dois dígitos para os números alinharem de 01 a 22. */
.ac-numero {
    font-size: .95em;
    font-weight: 700;
    color: rgba(201, 164, 92, .45);
    font-variant-numeric: tabular-nums;
}

/* O programa corre como texto: cada módulo é um <li> em linha, separado por
   ponto médio. Mantém a semântica de lista ordenada sem o bloco vertical. */
.ac-modulos {
    list-style: none;
    margin: .75rem 0 0;
    /* alinha o texto sob o título, depois da coluna do número */
    padding-left: calc(2ch + .9rem);
    font-size: .97rem;
    line-height: 1.75;
    color: var(--text-muted);
}

.ac-modulos li {
    display: inline;
}

.ac-modulos li + li::before {
    content: " · ";
    color: rgba(201, 164, 92, .55);
    /* o separador é decoração: o leitor de tela já anuncia os itens da lista */
    speak: never;
}

/* ---- Academias ainda sem conteúdo ---- */

.ac-preparo {
    max-width: 62rem;
    margin: clamp(2rem, 4vw, 3rem) auto 0;
    padding: 1.4rem 1.5rem;
    background: rgba(12, 25, 56, .5);
    border: 1px solid var(--lp-line);
    border-radius: 12px;
}

.ac-preparo-titulo {
    font-family: var(--font-display);
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: rgba(201, 164, 92, .7);
}

.ac-preparo-texto {
    margin-top: .6rem;
    font-size: .95rem;
    line-height: 1.6;
    color: var(--text-muted);
}

.ac-cta {
    margin-top: clamp(2.5rem, 5vw, 4rem);
    text-align: center;
}

.ac-cta-texto {
    margin-bottom: 1.2rem;
    color: var(--text-muted);
    font-size: 1.05rem;
}

@media (max-width: 620px) {
    /* No celular a coluna do número não compensa: o texto ganha a largura toda. */
    .ac-modulos {
        padding-left: 0;
    }
}