/* =========================================================
   Páginas internas — complementa style.css
   ========================================================= */

/* menu: item da página atual */
.nav__links a[aria-current="page"] { opacity: 1; }
.nav__links a[aria-current="page"]::after { transform: scaleX(1); transform-origin: left; }
.menu__list a[aria-current="page"] { color: var(--yellow); }

/* ---------- Abertura de página ---------- */
.phero { padding: calc(7.5rem + env(safe-area-inset-top, 0px)) var(--gutter) clamp(3rem, 6vw, 5rem); }
.phero__top { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.phero__grid { display: grid; grid-template-columns: 7fr 5fr; gap: var(--col-gap); align-items: end; }
.phero .h1 { max-width: 14ch; }
.phero__media { position: relative; margin-top: clamp(2rem, 4vw, 3.5rem); aspect-ratio: 1000 / 380; overflow: hidden; }
.phero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 55%; }
.phero__media figcaption { position: absolute; left: 1.25rem; bottom: 1.25rem; z-index: 2; color: var(--paper); background: rgba(10,10,10,0.72); padding: 0.45rem 0.65rem; }
.phero--film .hero__film { margin-top: clamp(2rem, 4vw, 3.5rem); }

/* ---------- Áreas (modalidades) ---------- */
.areas { display: flex; flex-wrap: wrap; gap: 0.75rem; padding: 0 var(--gutter) clamp(3rem, 6vw, 5rem); }
.areas a { display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.8rem 1.1rem; border: 1px solid var(--line); border-radius: 999px; font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: 1.05rem; letter-spacing: 0.02em; transition: border-color 0.3s, color 0.3s; }
.areas a em { font-family: var(--font-mono); font-style: normal; font-size: 0.62rem; letter-spacing: 0.1em; color: var(--yellow); }
.areas a:hover { border-color: var(--yellow); color: var(--yellow); }
.area { scroll-margin-top: 6rem; }
.facts--inline { grid-template-columns: repeat(2, auto); justify-content: start; gap: 3rem; margin-top: 1.5rem; border-bottom: 0; padding-bottom: 0; }

/* ---------- Cartões de modalidade ---------- */
.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--col-gap); }
.card { position: relative; display: flex; flex-direction: column; background: var(--ink-2); border: 1px solid var(--line); }
.card .media { aspect-ratio: 16 / 9; } /* fotos das modalidades são 1920×1080 */
.card__body { padding: 1.25rem 1.25rem 1.5rem; display: grid; grid-template-columns: auto 1fr auto; gap: 0.35rem 0.9rem; align-items: baseline; }
.card__body em { font-family: var(--font-mono); font-style: normal; font-size: 0.68rem; letter-spacing: 0.08em; color: var(--yellow); }
.card__body h3 { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: clamp(1.5rem, 2.2vw, 2rem); line-height: 1; min-width: 0; overflow-wrap: anywhere; }
.card__body .modlist__tag { justify-self: end; }
.card__body p { grid-column: 2 / -1; color: var(--mute); font-size: 0.95rem; line-height: 1.5; }
.card__body .card__link { grid-column: 2 / -1; justify-self: start; margin-top: 0.35rem; }

/* ---------- Grade de horários ---------- */
.grade { border-top: 1px solid var(--line); padding-top: clamp(2rem, 4vw, 3rem); }
.grade__bar { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
.grade__dias, .grade__filtros { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.chip { font-family: var(--font-mono); font-size: 0.66rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.55rem 0.85rem; border: 1px solid var(--line); border-radius: 999px; color: var(--mute); transition: color 0.3s, border-color 0.3s, background 0.3s; }
.chip:hover { color: var(--paper); border-color: var(--paper); }
.chip.is-on { background: var(--yellow); color: var(--ink); border-color: var(--yellow); }
.grade__table { width: 100%; border-collapse: collapse; }
.grade__table tr { border-top: 1px solid var(--line); }
.grade__table tr:last-child { border-bottom: 1px solid var(--line); }
.grade__table td { padding: 1rem 0; vertical-align: middle; }
.grade__table .t-hora { width: 7rem; font-family: var(--font-display); font-weight: 700; font-size: 1.5rem; letter-spacing: 0.02em; font-variant-numeric: tabular-nums; }
.grade__table .t-nome { font-weight: 500; font-size: 1.05rem; }
.grade__table .t-local, .grade__table .t-prof { font-family: var(--font-mono); font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); text-align: right; white-space: nowrap; }
.grade__table .t-local { text-align: left; }
.grade__vazio { border: 1px dashed var(--mute-2); padding: clamp(1.5rem, 4vw, 3rem); display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; align-items: center; }
.grade__vazio p { max-width: 48ch; color: var(--paper-2); }
.grade__hoje { font-family: var(--font-mono); font-size: 0.66rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--yellow); margin-left: 0.5rem; }

/* ---------- Texto corrido ---------- */
.prose { max-width: 62ch; }
.prose p { color: var(--paper-2); line-height: 1.65; margin-bottom: 1.25rem; font-size: clamp(1rem, 1.15vw, 1.15rem); }
.prose p:last-child { margin-bottom: 0; }
.prose strong { color: var(--paper); font-weight: 500; }
.prose > .label { font-size: 0.72rem; line-height: 1.4; color: var(--mute); margin-bottom: 1.25rem; }
.prose > h2.h2 { font-size: clamp(1.9rem, 3.8vw, 3.8rem); letter-spacing: -0.03em; line-height: 1.04; margin: 0 0 1.5rem; }
.prose h2, .prose h3 { font-family: var(--font-sans); font-weight: 500; letter-spacing: -0.02em; line-height: 1.1; margin: 2.5rem 0 1rem; }
.prose h2 { font-size: clamp(1.6rem, 2.6vw, 2.4rem); }
.prose h3 { font-size: clamp(1.25rem, 1.8vw, 1.6rem); }
.prose ul { padding-left: 1.2rem; color: var(--paper-2); margin-bottom: 1.25rem; list-style: disc; }
.prose li { margin-bottom: 0.4rem; }
.prose a:not(.btn) { color: var(--yellow); }
.prose .btn--primary { color: var(--ink); }
.prose .btn--ghost { color: var(--paper); }
.prose .btn--ghost:hover { color: var(--ink); }
.prose blockquote { margin: 2rem 0; padding-left: 1.25rem; border-left: 2px solid var(--yellow); font-family: var(--font-serif); font-style: italic; font-size: 1.4em; line-height: 1.3; color: var(--paper); }

/* ---------- Duas colunas (texto + mídia) ---------- */
.duo { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 6rem); align-items: center; }
.duo .media { aspect-ratio: 4 / 3; }
.duo--flip .duo__media { order: -1; }
.duo__media--2 { display: grid; gap: var(--col-gap); }
.duo .duo__media--2 .media { aspect-ratio: 16 / 10; }
.duo__media--2 figcaption { position: absolute; left: 1rem; bottom: 1rem; z-index: 2; color: var(--paper); background: rgba(10,10,10,0.72); padding: 0.4rem 0.6rem; }
.duo__media--2 .media.is-empty figcaption { display: none; }

/* ---------- Fatos em linha ---------- */
.facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--col-gap); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 1.5rem 0; }
.facts strong { display: block; font-family: var(--font-display); font-weight: 900; font-size: clamp(2rem, 3.4vw, 3.2rem); line-height: 1; }
.facts span { display: block; margin-top: 0.4rem; font-family: var(--font-mono); font-size: 0.66rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); }

/* ---------- Galeria em grade (página) ---------- */
.gal { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--col-gap); }
.gal .media { aspect-ratio: 4 / 3; cursor: pointer; }
.gal .media:nth-child(1) { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; }

/* ---------- Equipe ---------- */
.team { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--col-gap); }
.team figure { background: var(--ink-2); border: 1px solid var(--line); }
.team .media { aspect-ratio: 4 / 5; }
.team figcaption { padding: 1rem 1.1rem 1.2rem; }
.team figcaption strong { display: block; font-weight: 500; }
.team figcaption span { font-family: var(--font-mono); font-size: 0.66rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); }

/* ---------- Mapa ---------- */
.map { aspect-ratio: 16 / 8; background: var(--ink-3); overflow: hidden; }
.map iframe { width: 100%; height: 100%; border: 0; display: block; }

/* ---------- Ajuda: blocos ---------- */
.help { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--col-gap); }
.help article { border: 1px solid var(--line); background: var(--ink-2); padding: clamp(1.25rem, 2.5vw, 2rem); display: flex; flex-direction: column; gap: 0.75rem; }
.help h3 { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: 1.8rem; line-height: 1; }
.help p { color: var(--mute); font-size: 0.95rem; line-height: 1.5; }
.help .links { display: flex; flex-direction: column; gap: 0.5rem; margin-top: auto; padding-top: 0.5rem; }

/* ---------- Blog ---------- */
.posts { border-top: 1px solid var(--line); }
.post-row { display: grid; grid-template-columns: 9rem 1fr 14rem; gap: var(--col-gap); align-items: center; padding: 1.5rem 0; border-bottom: 1px solid var(--line); transition: padding 0.4s var(--ease); }
.post-row:hover { padding-left: 0.5rem; }
.post-row time { font-family: var(--font-mono); font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); }
.post-row h3 { font-family: var(--font-sans); font-weight: 500; font-size: clamp(1.25rem, 2vw, 1.8rem); letter-spacing: -0.02em; line-height: 1.15; }
.post-row p { color: var(--mute); margin-top: 0.35rem; font-size: 0.95rem; }
.post-row .media { aspect-ratio: 16 / 10; }
.post { max-width: 72ch; margin: 0 auto; padding-bottom: clamp(4rem, 8vw, 7rem); }
.post__body > :last-child { margin-bottom: 0; }
.post__meta { display: flex; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.post__cover { aspect-ratio: 16 / 9; margin: clamp(2rem, 4vw, 3rem) 0; }
.post .h1 { max-width: 20ch; }
.posts__vazio { padding: clamp(2rem, 5vw, 4rem) 0; color: var(--mute); }

/* ---------- Responsivo ---------- */
@media (max-width: 1024px) {
  .phero__grid { grid-template-columns: 1fr; }
  .cards { grid-template-columns: repeat(2, 1fr); }
  .duo { grid-template-columns: 1fr; }
  .duo--flip .duo__media { order: 0; }
  .facts { grid-template-columns: repeat(2, 1fr); }
  .gal { grid-template-columns: repeat(2, 1fr); }
  .gal .media:nth-child(1) { grid-column: span 2; grid-row: span 1; aspect-ratio: 16 / 9; }
  .team { grid-template-columns: repeat(2, 1fr); }
  .help { grid-template-columns: 1fr; }
  .post-row { grid-template-columns: 1fr; }
  .post-row .media { order: -1; }
}
@media (max-width: 640px) {
  .phero { padding-top: calc(6.5rem + env(safe-area-inset-top, 0px)); }
  .phero__top .label:nth-child(2) { display: none; }
  .cards { grid-template-columns: 1fr; }
  .grade__table .t-hora { width: 4.5rem; font-size: 1.2rem; }
  .grade__table .t-prof { display: none; }
  .grade__vazio { grid-template-columns: 1fr; }
  .gal { grid-template-columns: 1fr; }
  .gal .media:nth-child(1) { grid-column: span 1; }
  .team { grid-template-columns: 1fr; }
  .facts { grid-template-columns: 1fr 1fr; }
}

/* ---------- Central de ajuda ---------- */
.phero--ajuda .h1 { max-width: none; }
.busca { position: relative; margin-top: clamp(1.5rem, 3vw, 2.5rem); max-width: 760px; }
.busca input { width: 100%; padding: 1.1rem 1.4rem; font: 500 1.05rem/1.4 var(--font-sans); color: var(--paper); background: var(--ink-2); border: 1px solid var(--line); border-radius: 999px; outline: none; transition: border-color 0.3s; -webkit-appearance: none; }
.busca input::placeholder { color: var(--mute); }
.busca input:focus { border-color: var(--yellow); }
.busca__meta { position: absolute; right: 1.4rem; top: 50%; transform: translateY(-50%); color: var(--yellow); }
.populares { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; margin-top: 1.25rem; }
.populares .label { margin-right: 0.5rem; }
.populares a { font-size: 0.9rem; padding: 0.45rem 0.85rem; border: 1px solid var(--line); border-radius: 999px; color: var(--paper-2); transition: color 0.3s, border-color 0.3s; }
.populares a:hover { color: var(--yellow); border-color: var(--yellow); }
.cats { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--col-gap); }
.cats a { display: flex; flex-direction: column; gap: 0.35rem; padding: 1.4rem 1.5rem; background: var(--ink-2); border: 1px solid var(--line); transition: border-color 0.3s, transform 0.4s var(--ease); }
.cats a strong { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: 1.5rem; line-height: 1; }
.cats a:hover { border-color: var(--yellow); transform: translateY(-2px); }
.ajuda__grid { display: grid; gap: clamp(3rem, 6vw, 5rem); }
.ajuda__cat { display: grid; grid-template-columns: 1fr 1.6fr; gap: clamp(2rem, 5vw, 6rem); align-items: start; scroll-margin-top: 6rem; }
.ajuda__cat .h2 { position: sticky; top: 7rem; }
.ajuda__cat .faq__list { border-top: 1px solid var(--line); }
.ajuda__nada { color: var(--mute); padding: 2rem 0; }
.contato-bloco { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--col-gap); align-items: center; padding: clamp(2rem, 4vw, 3.5rem); border: 1px solid var(--line); background: var(--ink-2); }
.contato-bloco .label { margin-bottom: 1rem; }
.contato-bloco .lead { margin-top: 1rem; }
.contato-bloco__acoes { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; }
.contato-bloco__acoes .btn { max-width: 100%; }
.contato-bloco__acoes .btn > span { overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1024px) {
  .cats { grid-template-columns: repeat(2, 1fr); }
  .ajuda__cat { grid-template-columns: 1fr; gap: 1rem; }
  .ajuda__cat .h2 { position: static; }
  .contato-bloco { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .cats { grid-template-columns: 1fr; }
  .busca__meta { display: none; }
  .contato-bloco__acoes .btn { font-size: 0.85rem; padding: 0.9rem 1.1rem; }
}

/* ---------- Grade de aulas (página /grade) ---------- */
.agenda__bar { display: grid; gap: 1rem; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.agenda__dias { display: flex; gap: 0.5rem; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.agenda__dias::-webkit-scrollbar { display: none; }
.agenda__dias .chip { flex: none; font-size: 0.72rem; padding: 0.7rem 1rem; }
.agenda__dias .chip b { font-family: var(--font-display); font-size: 1rem; margin-left: 0.25rem; }
.agenda__dias .chip.is-on .grade__hoje { color: var(--ink); }
.agenda__filtros { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0.6rem 2rem; }
.agenda__grupo { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.agenda__grupo:empty { display: none; }
.agenda__status { padding: 2rem 0; }
.agenda__lista { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.agenda__aula { display: grid; grid-template-columns: 7.5rem 1fr auto; gap: 0.5rem 2rem; align-items: center; padding: 1.25rem 0; border-bottom: 1px solid var(--line); transition: opacity 0.3s; }
.agenda__aula.is-passada { opacity: 0.38; }
.agenda__hora { font-family: var(--font-display); font-weight: 700; font-size: 1.9rem; line-height: 1; letter-spacing: 0.02em; font-variant-numeric: tabular-nums; }
.agenda__hora small { display: block; margin-top: 0.35rem; font-family: var(--font-mono); font-weight: 400; font-size: 0.62rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); }
.agenda__info { min-width: 0; }
.agenda__info h3 { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: clamp(1.35rem, 2vw, 1.75rem); line-height: 1.05; overflow-wrap: anywhere; }
.agenda__info .label { margin-top: 0.4rem; }
.agenda__desc { margin-top: 0.5rem; color: var(--mute); font-size: 0.92rem; line-height: 1.45; max-width: 60ch; }
.agenda__acao { display: flex; align-items: center; gap: 1.25rem; justify-self: end; }
.agenda__vagas { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--paper-2); white-space: nowrap; }
.agenda__vagas small { color: var(--mute); font-size: inherit; }
.agenda__vagas.is-pouco { color: var(--yellow); }
.agenda__vagas.is-cheia { color: #ff6b5b; }
.agenda__vagas.is-off { color: var(--mute); }
.agenda__agendar { font-family: var(--font-mono); font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.65rem 1rem; border: 1px solid var(--yellow); border-radius: 999px; color: var(--yellow); white-space: nowrap; transition: background 0.3s, color 0.3s; }
.agenda__agendar:hover { background: var(--yellow); color: var(--ink); }
.agenda__sem { padding: 2.5rem 0; color: var(--mute); border-bottom: 1px solid var(--line); }
.agenda__nota { margin-top: 1.5rem; }
@media (max-width: 640px) {
  .agenda__filtros { flex-direction: column; }
  .agenda__grupo { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .agenda__grupo .chip { flex: none; }
  .agenda__aula { grid-template-columns: 4.5rem 1fr; gap: 0.75rem 1rem; align-items: start; }
  .agenda__hora { font-size: 1.45rem; }
  .agenda__acao { grid-column: 2; justify-self: start; }
  .agenda__desc { display: none; }
}
.agenda__desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.agenda__mais { border-bottom: 1px solid var(--line); }
.agenda__mais button { width: 100%; padding: 1rem 0; text-align: left; font-family: var(--font-mono); font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); transition: color 0.3s; }
.agenda__mais button:hover { color: var(--yellow); }
@media (max-width: 640px) { .agenda__desc { display: none; } }
.agenda__busca { margin-top: 0; max-width: 560px; }
.agenda__dias .chip[data-vazio] { opacity: 0.35; }

/* ---------- Ficha oficial (A Original) ---------- */
.ficha { display: grid; grid-template-columns: 1fr 1.6fr; gap: clamp(2rem, 5vw, 6rem); align-items: start; border-top: 1px solid var(--line); padding-top: clamp(2rem, 4vw, 3rem); }
.ficha__head .h2 { margin: 1rem 0; }
.ficha__head { position: sticky; top: 7rem; }
.ficha__lista { margin: 0; border-top: 1px solid var(--line); }
.ficha__lista > div { display: grid; grid-template-columns: 11rem 1fr; gap: 1.5rem; padding: 1rem 0; border-bottom: 1px solid var(--line); }
.ficha__lista dt { padding-top: 0.2rem; }
.ficha__lista dd { margin: 0; color: var(--paper-2); line-height: 1.55; }
@media (max-width: 1024px) { .ficha { grid-template-columns: 1fr; } .ficha__head { position: static; } }
@media (max-width: 640px) { .ficha__lista > div { grid-template-columns: 1fr; gap: 0.35rem; } }

/* ---------- Artigo do blog (página estática) ---------- */
.post__body { max-width: none; }
.post__body li { line-height: 1.6; margin-bottom: 0.4rem; font-size: clamp(1rem, 1.15vw, 1.1rem); }
.post__body ol { padding-left: 1.4rem; color: var(--paper-2); margin-bottom: 1.25rem; list-style: decimal; }
.post__body a { color: var(--yellow); text-decoration: underline; text-underline-offset: 3px; }
.post__body h2:first-child, .post__body h3:first-child { margin-top: 0; }

/* ---------- Blog: categorias ---------- */
.blog__cats { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.blog__cats .chip b { font-family: var(--font-display); font-size: 0.9rem; margin-left: 0.3rem; }
.post-row__meta { display: flex; flex-direction: column; gap: 0.45rem; }
.post-row__cat { color: var(--yellow); }
.post-row[hidden], .post-row.is-mais { display: none; }
.posts__mais { display: flex; justify-content: center; margin-top: clamp(2rem, 4vw, 3rem); }
.posts__mais [hidden] { display: none; }

/* ---------- App FITI ---------- */
.fiti { display: grid; grid-template-columns: 1fr 1fr; gap: var(--col-gap) clamp(2rem, 5vw, 5rem); border-top: 1px solid var(--line); padding-top: clamp(2rem, 4vw, 3rem); }
/* etiquetas que viraram H2 e frases grandes que viraram parágrafo: mantêm o visual de antes dentro de .prose */
.prose > h2.label { font-family: var(--font-mono); font-size: 0.72rem; font-weight: 400; letter-spacing: 0.08em; line-height: 1.4; color: var(--mute); margin: 0 0 1.25rem; }
.prose > p.h2 { font-family: var(--font-sans); font-size: clamp(1.9rem, 3.8vw, 3.8rem); font-weight: 500; letter-spacing: -0.03em; line-height: 1.04; color: var(--paper); margin: 0 0 1.5rem; }
.page--aplicativo-fiti .prose > p.h2 { font-size: clamp(1.7rem, 3vw, 2.8rem); }
.prose ol { padding-left: 1.4rem; color: var(--paper-2); margin-bottom: 1.25rem; list-style: decimal; }
.prose ol li, .prose ul li { line-height: 1.6; margin-bottom: 0.5rem; }
@media (max-width: 1024px) { .fiti { grid-template-columns: 1fr; } }

/* ---------- Página de aula (modalidades/<slug>/, ct/<slug>/) ---------- */
.aula__foto { margin-top: clamp(2rem, 4vw, 3.5rem); aspect-ratio: 16 / 9; overflow: hidden; } /* foto inteira, sem corte */
.aula__foto img { width: 100%; height: 100%; object-fit: cover; }
.aula__fatos { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--col-gap); margin: 1.5rem 0 0; border-bottom: 1px solid var(--line); padding-bottom: 1.5rem; }
.aula__fatos dt { margin-bottom: 0.4rem; }
.aula__fatos dd { margin: 0; font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: clamp(1.1rem, 1.6vw, 1.5rem); line-height: 1.05; }
.aula { display: grid; grid-template-columns: 1.6fr 1fr; gap: clamp(2rem, 5vw, 6rem); align-items: start; }
.aula__corpo { max-width: 64ch; }
.aula__corpo > h2:first-child { margin-top: 0; }
.aula__corpo a { color: var(--yellow); text-decoration: underline; text-underline-offset: 3px; }
.aula__lado { position: sticky; top: 7rem; }
.aula__horarios { padding: 1.5rem; background: var(--ink-2); border: 1px solid var(--line); display: grid; gap: 1rem; justify-items: start; }
.aula__lista, .aula__livre { list-style: none; margin: 0; padding: 0; width: 100%; border-top: 1px solid var(--line); }
.aula__lista li { display: grid; grid-template-columns: 4.2rem 3.4rem 1fr auto; gap: 0.6rem; align-items: center; padding: 0.7rem 0; border-bottom: 1px solid var(--line); font-size: 0.9rem; }
.aula__dia { font-family: var(--font-mono); font-size: 0.66rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); }
.aula__hora { font-family: var(--font-display); font-weight: 700; font-size: 1.2rem; font-variant-numeric: tabular-nums; }
.aula__info { color: var(--paper-2); min-width: 0; }
.aula__agendar { font-family: var(--font-mono); font-size: 0.62rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--yellow); border: 1px solid var(--yellow); border-radius: 999px; padding: 0.4rem 0.7rem; transition: background 0.3s, color 0.3s; }
.aula__agendar:hover { background: var(--yellow); color: var(--ink); }
.aula__lista .aula__vazio { display: block; color: var(--mute); }
.aula__livre li { padding: 0.8rem 0; border-bottom: 1px solid var(--line); color: var(--paper-2); }
.aula__nota { color: var(--mute); font-size: 0.9rem; line-height: 1.5; }
.aula__irmas { display: flex; flex-wrap: wrap; gap: 0.5rem; }
@media (max-width: 1024px) {
  .aula { grid-template-columns: 1fr; }
  .aula__lado { position: static; }
  .aula__fatos { grid-template-columns: repeat(2, 1fr); }
}


/* ---------- Formatos do CT ---------- */
.formatos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--col-gap); }
.formatos li > a, .formatos li > div { display: flex; flex-direction: column; gap: 0.5rem; height: 100%; padding: 1.4rem 1.5rem; background: var(--ink-2); border: 1px solid var(--line); transition: border-color 0.3s, transform 0.4s var(--ease); }
.formatos li > a:hover { border-color: var(--yellow); transform: translateY(-2px); }
.formatos strong { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: 1.5rem; line-height: 1; }
.formatos span { color: var(--mute); font-size: 0.92rem; line-height: 1.45; }
.formatos em { margin-top: auto; padding-top: 0.5rem; color: var(--yellow); font-style: normal; }
@media (max-width: 1024px) { .formatos { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .formatos { grid-template-columns: 1fr; } }
.card__body .card__links { grid-column: 2 / -1; display: flex; flex-wrap: wrap; gap: 0.4rem 1.25rem; margin-top: 0.35rem; }
@media (max-width: 640px) {
  .aula__lista li { grid-template-columns: 3.8rem 1fr auto; row-gap: 0.25rem; }
  .aula__lista .aula__info { grid-column: 2 / -1; grid-row: 2; font-size: 0.85rem; color: var(--mute); }
  .aula__lista .aula__agendar { grid-column: 3; grid-row: 1; }
  .aula__fatos dd { font-size: 1.05rem; }
}

/* ---------- Planos: comparativo ---------- */
.comparativo-wrap { overflow-x: auto; }
.comparativo { width: 100%; min-width: 520px; border-collapse: collapse; }
.comparativo th, .comparativo td { padding: 1rem 0.75rem; border-bottom: 1px solid var(--line); text-align: left; }
.comparativo thead th { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: 1.4rem; }
.comparativo tbody th { font-weight: 500; color: var(--paper); width: 40%; }
.comparativo td { color: var(--paper-2); }
.comparativo td:last-child { color: var(--paper); }
.page--planos .ajuda__cat .h2 { position: static; }

/* ---------- Aula experimental: dois caminhos ---------- */
.caminhos { display: grid; grid-template-columns: 1fr 1fr; gap: var(--col-gap); }
.caminho { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; padding: clamp(1.5rem, 3vw, 2.5rem); background: var(--ink-2); border: 1px solid var(--line); }
.caminho > p:not(.h2) { color: var(--paper-2); line-height: 1.6; }
.caminho .h2 { font-size: clamp(1.7rem, 3vw, 2.6rem); }
.caminho .btn { margin-top: auto; }
@media (max-width: 1024px) { .caminhos { grid-template-columns: 1fr; } }
.aula__info b { font-weight: 500; color: var(--paper); }

/* ---------- Tabela de níveis nas páginas de aula ---------- */
.niveis { overflow-x: auto; margin: 0 0 1.5rem; }
.niveis table { width: 100%; min-width: 460px; border-collapse: collapse; font-size: 0.95rem; }
.niveis th, .niveis td { text-align: left; padding: 0.75rem 0.6rem 0.75rem 0; border-bottom: 1px solid var(--line); color: var(--paper-2); vertical-align: top; }
.niveis thead th { font-family: var(--font-mono); font-size: 0.64rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); font-weight: 400; }
.niveis tbody th { color: var(--paper); font-weight: 500; white-space: nowrap; }
.niveis__tag { font-family: var(--font-mono); font-size: 0.62rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--yellow); margin-left: 0.5rem; vertical-align: middle; font-weight: 400; }
.aula__corpo h3[id] { scroll-margin-top: 6rem; }
.novas-aulas { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.6rem; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.novas-aulas .label { margin-right: 0.4rem; color: var(--yellow); }
.formatos-ct { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1.25rem; }
.aula__mini { aspect-ratio: 16 / 9; margin: 0.25rem 0 1rem; max-width: 560px; }
.agregadores { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; margin-top: 1.5rem; max-width: 520px; }
.agregador { display: flex; flex-direction: column; gap: 0.5rem; }
.agregador img { width: 100%; height: auto; aspect-ratio: 640 / 261; object-fit: cover; border-radius: 10px; transition: transform 0.4s var(--ease); }
.agregador--totalpass img { object-fit: contain; background: #fff; padding: 0.4rem 1rem; }
.agregador:hover img { transform: translateY(-2px); }
.agregador span { font-family: var(--font-mono); font-size: 0.64rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); }
.lista-simples { padding-left: 1.1rem; color: var(--paper-2); list-style: disc; }
.lista-simples li { line-height: 1.6; margin-bottom: 0.5rem; }
.cards--ct { margin-top: clamp(2rem, 4vw, 3rem); }
#musculacao .duo__media { aspect-ratio: 16 / 9; } /* foto da musculação: 1920×1080 */

.agenda__link { color: inherit; background: linear-gradient(currentColor, currentColor) 0 100% / 0 2px no-repeat; transition: background-size 0.4s var(--ease), color 0.3s; }
.agenda__link:hover, .agenda__link:focus-visible { color: var(--yellow); background-size: 100% 2px; }

/* tipo da aula na grade: etiqueta com ponto colorido */
.agenda__tipo { display: inline-flex; align-items: center; gap: 0.4rem; margin-right: 0.7rem; padding: 0.22rem 0.6rem 0.22rem 0.5rem; border: 1px solid var(--line); border-radius: 999px; color: var(--paper-2); --tipo: var(--mute); vertical-align: 1px; }
.agenda__tipo::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--tipo); }
.agenda__tipo--cardio { --tipo: #ff7a59; }
.agenda__tipo--forca { --tipo: #ffcc00; }
.agenda__tipo--mobilidade { --tipo: #5ec8b8; }
.agenda__tipo--core { --tipo: #b18cff; }
.agenda__tipo--danca { --tipo: #ff6fae; }
.chip__ponto { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--tipo); margin-right: 0.45rem; vertical-align: 1px; }
.chip.is-on .chip__ponto { box-shadow: 0 0 0 1.5px var(--ink); }



/* grade: sala, tipo e período como campos de seleção (todas as telas) */
.agenda__selects { display: grid; grid-template-columns: repeat(3, minmax(0, 220px)); gap: 0.75rem; }
.agenda__selects label { display: flex; flex-direction: column; gap: 0.35rem; min-width: 0; }
.agenda__selects label[hidden] { display: none; }
.agenda__selects .label { font-size: 0.62rem; }
.agenda__selects select { width: 100%; min-width: 0; appearance: none; -webkit-appearance: none; font: 500 0.9rem/1.2 var(--font-sans); color: var(--paper); background: var(--ink-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23f2efe8' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 0.8rem center; border: 1px solid var(--line); border-radius: 10px; padding: 0.7rem 2rem 0.7rem 0.8rem; text-overflow: ellipsis; cursor: pointer; transition: border-color 0.3s; }
.agenda__selects select:hover, .agenda__selects select:focus-visible { border-color: var(--paper-2); outline: none; }
.agenda__selects select.is-on { border-color: var(--yellow); color: var(--yellow); }
/* computador: busca e filtros (sala, tipo, período) na mesma linha; os dias embaixo */
@media (min-width: 1025px) {
  .agenda__bar { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "busca filtros" "dias dias"; align-items: end; column-gap: 1.5rem; }
  .agenda__busca { grid-area: busca; max-width: none; }
  .agenda__bar { grid-template-columns: minmax(22rem, 1fr) auto; }
  .agenda__selects { grid-area: filtros; grid-template-columns: repeat(3, clamp(8.5rem, 11vw, 11.5rem)); }
  .agenda__selects select { min-height: 3.6rem; }
  .agenda__dias { grid-area: dias; }
}
@media (max-width: 640px) {
  .agenda__selects { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; }
  .agenda__selects .label { font-size: 0.6rem; }
  .agenda__selects select { font-size: 0.85rem; padding: 0.65rem 1.8rem 0.65rem 0.7rem; }
  .agenda__tipo { border: 0; padding: 0; margin-right: 0.55rem; background: none; }
}

/* ---------- Trilhas (opção B: lista que abre e fecha) ---------- */
.trilhas { border-top: 1px solid var(--line); }
.trilha { border-bottom: 1px solid var(--line); scroll-margin-top: 6rem; }
.trilha__linha { display: grid; grid-template-columns: 3rem minmax(0, 1fr) minmax(0, 1.3fr) 5rem 2rem; align-items: center; gap: 1.5rem; padding: 1.2rem 0; cursor: pointer; list-style: none; }
.trilha__linha::-webkit-details-marker { display: none; }
.trilha__linha em { font-family: var(--font-mono); font-style: normal; font-size: 0.7rem; color: var(--mute); }
.trilha__linha h3 { font-family: var(--font-display); font-weight: 900; font-size: clamp(1.8rem, 3vw, 2.6rem); line-height: 1; text-transform: uppercase; transition: color 0.3s; }
.trilha[open] .trilha__linha h3, .trilha__linha:hover h3 { color: var(--yellow); }
.trilha__linha .label { text-align: right; }
.trilha__linha i { justify-self: end; width: 14px; height: 14px; position: relative; }
.trilha__linha i::before, .trilha__linha i::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; background: var(--yellow); transition: transform 0.35s var(--ease); }
.trilha__linha i::after { transform: rotate(90deg); }
.trilha[open] .trilha__linha i::after { transform: rotate(0deg); }
.trilha__aulas { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; }
.trilha__aulas a { display: inline-flex; padding: 0.35rem 0.7rem; border: 1px solid var(--line); border-radius: 999px; font-family: var(--font-mono); font-size: 0.66rem; letter-spacing: 0.08em; text-transform: uppercase; transition: border-color 0.3s, color 0.3s; }
.trilha__aulas a:hover { border-color: var(--yellow); color: var(--yellow); }
.trilha__mais { color: var(--yellow); font-family: var(--font-display); }
.trilha__corpo { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem 3rem; padding: 0 0 1.8rem 4.5rem; }
.trilha__corpo:has(.trilha__arte) { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); grid-template-rows: auto 1fr; }
.trilha__arte { grid-row: span 2; margin: 0; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid var(--line); background: var(--ink-2); align-self: start; }
.trilha__arte img { width: 100%; height: 100%; object-fit: cover; display: block; }
.trilha__foco { font-weight: 500; color: var(--paper); margin-bottom: 0.4rem; }
.trilha__desc { color: var(--paper-2); line-height: 1.55; }
.trilha__prox { margin-bottom: 0.6rem; }
.trilha__horarios { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.trilha__horarios li { display: grid; grid-template-columns: 3.8rem auto; gap: 0.2rem 0.8rem; padding: 0.6rem 0; border-bottom: 1px solid var(--line); }
.trilha__horarios li.aula__vazio { display: block; color: var(--mute); }
.trilha__janela { font-family: var(--font-display); font-weight: 700; font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.trilha__seq { grid-column: 2; color: var(--mute); font-size: 0.8rem; }
@media (max-width: 640px) {
  .trilha__linha { grid-template-columns: 2.2rem 1fr auto 1.2rem; gap: 0.6rem 0.8rem; }
  .trilha__linha .trilha__aulas { grid-column: 2 / -1; grid-row: 2; }
  .trilha__corpo, .trilha__corpo:has(.trilha__arte) { grid-template-columns: 1fr; padding-left: 0; }
  .trilha__arte { grid-row: auto; }
}
.trilhas__nota { margin-top: 1.25rem; }
.trilhas-chamada { display: grid; gap: 0.35rem; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); padding: 1.1rem 1.3rem; border: 1px solid var(--yellow); background: rgba(255,204,0,0.05); transition: background 0.3s; }
.trilhas-chamada:hover { background: rgba(255,204,0,0.1); }
.trilhas-chamada .label { color: var(--yellow); }
.trilhas-chamada strong { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: clamp(1.1rem, 1.8vw, 1.5rem); line-height: 1.1; }
.trilhas-chamada em { font-style: normal; color: var(--paper-2); font-size: 0.92rem; }
.agenda__trilhas { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-bottom: 1.25rem; }
.agenda__trilhas-rot { color: var(--yellow); margin-right: 0.3rem; }
.agenda__trilhas-todas { margin-left: auto; font-size: 0.9rem; }
/* trilhas do dia: botões no computador, campo de seleção no celular */
.agenda__trilhas-sel { display: none; }
@media (max-width: 640px) {
  .agenda__trilhas .chip, .agenda__trilhas-rot { display: none; }
  .agenda__trilhas-sel { display: flex; flex-direction: column; gap: 0.35rem; flex: 1 1 100%; }
  .agenda__trilhas-sel .label { font-size: 0.6rem; color: var(--yellow); }
  .agenda__trilhas-sel select { width: 100%; appearance: none; -webkit-appearance: none; font: 500 0.9rem/1.2 var(--font-sans); color: var(--paper); background: var(--ink-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23f2efe8' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 0.85rem center; border: 1px solid var(--line); border-radius: 12px; padding: 0.75rem 2.2rem 0.75rem 0.9rem; }
  .agenda__trilhas-sel select.is-on { border-color: var(--yellow); color: var(--yellow); }
}
.grade__trilhas-dica { margin-top: 1rem; }
@media (max-width: 640px) { .agenda__trilhas-todas { margin: 0.25rem 0 0 0.2rem; } }
.agenda__trilhas .chip b { font-family: var(--font-display); font-size: 0.9rem; margin-left: 0.3rem; }

/* página de aula no computador: foto (16:9, sem corte) numa coluna e a ficha ao lado */
@media (min-width: 1025px) {
  .aula__topo { display: grid; grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr); gap: clamp(2rem, 4vw, 4rem); align-items: end; margin-top: clamp(2rem, 4vw, 3.5rem); }
  .aula__topo .aula__foto { margin-top: 0; }
  .aula__topo .aula__fatos { grid-template-columns: 1fr; gap: 0; margin: 0; padding: 0; border-bottom: 0; border-top: 1px solid var(--line); }
  .aula__topo .aula__fatos > div { padding: 1rem 0; border-bottom: 1px solid var(--line); }
}
.aula > * { min-width: 0; } /* a tabela de níveis rola dentro da coluna, sem alargar a página no celular */
@media (max-width: 640px) { .niveis table { min-width: 0; font-size: 0.85rem; } .niveis th, .niveis td { padding-right: 0.5rem; } .niveis tbody th { white-space: normal; } }
.card__foto { display: block; }
.card__foto .media img { transition: transform 0.8s var(--ease), filter 0.8s var(--ease); }
.card__foto:hover .media img, .card__foto:focus-visible .media img { transform: scale(1.04); }
.card:has(.card__foto:hover) h3 { color: var(--yellow); }
.agenda__grupoaulas { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.9rem; margin-bottom: 1.25rem; padding: 0.9rem 1.1rem; border: 1px solid var(--yellow); background: rgba(255,204,0,0.05); }
.agenda__grupoaulas strong { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: 1.3rem; color: var(--yellow); }
.agenda__grupoaulas .chip { margin-left: auto; }
.ct-intro .prose { max-width: 62ch; }

/* página do CT: foto do topo como nas páginas de aula (16:9, sem corte) com os números ao lado no computador */
.ct__topo { margin-top: clamp(2rem, 4vw, 3.5rem); }
.ct__foto { position: relative; aspect-ratio: 16 / 9; overflow: hidden; }
.ct__foto img { width: 100%; height: 100%; object-fit: cover; }
.ct__foto figcaption { position: absolute; left: 1.25rem; bottom: 1.25rem; z-index: 2; color: var(--paper); background: rgba(10,10,10,0.72); padding: 0.45rem 0.65rem; }
.ct__topo .facts { margin-top: 1.5rem; }
@media (min-width: 1025px) {
  .ct__topo { display: grid; grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr); gap: clamp(2rem, 4vw, 4rem); align-items: end; }
  .ct__topo .facts { grid-template-columns: 1fr; gap: 0; margin: 0; padding: 0; border-bottom: 0; border-top: 1px solid var(--line); }
  .ct__topo .facts li { padding: 1rem 0; border-bottom: 1px solid var(--line); }
}

/* ---------- Artigo do blog (opção 4: resposta rápida, ficha da aula, chamada no meio, barra de leitura) ---------- */
.art { padding: calc(7.5rem + env(safe-area-inset-top, 0px)) var(--gutter) clamp(4rem, 8vw, 7rem); box-sizing: content-box; }
.art .post__meta { align-items: center; }
.art .art-cat { color: var(--yellow); }
.art .h1 { max-width: 18ch; margin: 0 0 2rem; }
.art-barra { position: fixed; top: 0; left: 0; height: 3px; width: 0; background: var(--yellow); z-index: 100; pointer-events: none; }
.art-resp { border-left: 3px solid var(--yellow); background: rgba(255, 204, 0, 0.06); padding: 1.5rem 1.5rem 1.5rem 1.75rem; margin-bottom: 1.5rem; }
.art-resp .label { color: var(--yellow); margin-bottom: 0.75rem; display: block; }
.art-resp p { color: var(--paper); font-size: clamp(1.05rem, 1.3vw, 1.25rem); line-height: 1.6; margin: 0; }
.art-resp a { color: var(--yellow); text-decoration: underline; text-underline-offset: 3px; }
.art-ficha { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line); margin: 0 0 2.5rem; }
.art-ficha > div { padding: 1rem 1.1rem; border-right: 1px solid var(--line); }
.art-ficha > div:last-child { border-right: 0; }
.art-ficha dt { font-family: var(--font-mono); font-size: 0.6rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); margin-bottom: 0.35rem; }
.art-ficha dd { margin: 0; color: var(--paper); font-size: 0.95rem; }
.art-ficha a { color: var(--yellow); text-decoration: underline; text-underline-offset: 3px; }
.art .post__cover { margin: 0 0 2.5rem; }
.art-cta { display: flex; justify-content: space-between; align-items: center; gap: 1.25rem; flex-wrap: wrap; border: 1px solid var(--yellow); padding: 1.25rem 1.5rem; margin: 2.5rem 0; }
.art-cta p { margin: 0 !important; color: var(--paper) !important; flex: 1 1 22rem; }
.post__body .art-cta a.btn { color: var(--ink); text-decoration: none; }
.post__body h2 { scroll-margin-top: 7rem; }
.art-autor { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 1.5rem 0; margin-top: 3rem; }
.art-autor .label { color: var(--mute); }
.art-autor__nome { font-size: 1.15rem; color: var(--paper); margin: 0.2rem 0; }
@media (max-width: 640px) {
  .art-ficha { grid-template-columns: 1fr 1fr; }
  .art-ficha > div:nth-child(2n) { border-right: 0; }
  .art-ficha > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .art-resp { padding: 1.25rem 1.1rem 1.25rem 1.25rem; }
}

/* ---------- dificuldade em bolinhas (páginas das aulas e ficha dos artigos) ---------- */
.dific { display: inline-flex; gap: 0.28em; vertical-align: middle; }
.dific i { width: 0.62em; height: 0.62em; border-radius: 50%; border: 1px solid var(--yellow); opacity: 0.5; }
.dific i.on { background: var(--yellow); opacity: 1; }
.dific i.meio { background: linear-gradient(90deg, var(--yellow) 50%, transparent 50%); opacity: 1; }
.niveis td .dific { font-size: 1rem; }
.niveis__tag .dific { font-size: 0.8rem; margin-left: 0.2em; }