/* TEAM BIKE — Refinamento discreto da vitrine original do aplicativo.
   Base: website original 1.1.0, não substitui o Zero Block Tilda.
   Fundo branco, tipografia, alinhamentos, cores, imagens e rolagem preservados.
   Ajustes limitados a tamanhos, detalhes de movimento e visualização móvel.
*/

/* Mantém a composição Tilda e diminui de verdade a área dos quatro PNGs. */
body.tb-page-home #rec831306113 .t396__elem[data-elem-type="image"] .tn-atom {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
body.tb-page-home #rec831306113 .t396__elem[data-elem-type="image"] .tn-atom__img {
  display: block;
  width: 78% !important;
  max-width: 100%;
  height: auto !important;
  margin: 0 auto;
  object-fit: contain;
  filter: drop-shadow(0 12px 17px rgba(0,0,0,.10));
  transform-origin: 50% 50%;
  will-change: auto;
}
/* Antes: números de 126 px. Agora: 86 px, mantendo a cor ouro original. */
body.tb-page-home #rec831306113 .tn-elem[data-elem-id="1608107935049"] .tn-atom,
body.tb-page-home #rec831306113 .tn-elem[data-elem-id="1608109309340"] .tn-atom,
body.tb-page-home #rec831306113 .tn-elem[data-elem-id="1608112295090"] .tn-atom,
body.tb-page-home #rec831306113 .tn-elem[data-elem-id="1613530935477"] .tn-atom {
  font-size: 86px !important;
  letter-spacing: -.04em;
}

/* Refinamento das transições: a animação de rolagem Tilda continua intacta,
   e o movimento sutil acontece na imagem interna, sem disputar seu transform. */
@keyframes tb-app-original-breathe {
  0%, 100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(0,-7px,0); }
}
@media (prefers-reduced-motion: no-preference) {
  body.tb-page-home #rec831306113 .t396__elem[data-elem-type="image"] .tn-atom__img {
    animation: tb-app-original-breathe 6.8s ease-in-out infinite;
  }
  body.tb-page-home #rec831306113 .t396__elem[data-elem-id="1608112540969"] .tn-atom__img {animation-delay:-1.2s;}
  body.tb-page-home #rec831306113 .t396__elem[data-elem-id="1608113163283"] .tn-atom__img {animation-delay:-2.4s;}
  body.tb-page-home #rec831306113 .t396__elem[data-elem-id="1613655697639"] .tn-atom__img {animation-delay:-3.6s;}
}
@media (prefers-reduced-motion: reduce) {
  body.tb-page-home #rec831306113 .t396__elem[data-elem-type="image"] .tn-atom__img {
    animation: none !important;
    transform: none !important;
  }
}

/* Mobile original: mesma lista vertical em branco, agora com índice discreto.
   Não transforma as etapas em cards nem inventa novo componente visual. */
body.tb-page-home #rec499697147 .t847__item {counter-increment: tb-app-step;}
body.tb-page-home #rec499697147 .t847__container {counter-reset: tb-app-step;}
body.tb-page-home #rec499697147 .t-card__title::before {
  content: '0' counter(tb-app-step);
  display: block;
  color: #FDCF01;
  font-family: 'NekstMedium', Arial, sans-serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.2;
  letter-spacing: -.035em;
  margin-bottom: 8px;
}
body.tb-page-home #rec499697147 .t847__box {
  transition: opacity .3s ease;
}