/* Use the same bundled Regular face as the other three routes. */
@font-face {
  font-family: "Surgena";
  src: url("/assets/surgena-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Camada da versão estática da página de Agentes (snapshot do bundle).
   Fontes locais no lugar do Google Fonts (mesmos arquivos das outras
   páginas), estilos que eram inline no DOM gerado pelo React e o estado
   congelado do ticker. */

@font-face {
  font-family: "Montserrat";
  src: url("/assets/montserrat-variable-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/assets/jetbrains-mono-regular.woff2") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/assets/jetbrains-mono-semibold.woff2") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

html {
  scroll-padding-top: 86px;
}

/* Ticker da seção laranja: o checkmark vem embutido em todos os cards e
   só aparece quando o ciclo (agentes-ticker.js) marca o card. */
.ticker__card:not(.is-done) .ticker__checkbox svg {
  display: none;
}

/* Estilos que o bundle aplicava inline no DOM gerado. */
.container > .agent-display__layout:nth-child(1) { --cycle: 25s; }
.carousel__stage > .carousel__slot:nth-child(1) { animation-delay: 0s; }
.carousel__stage > .carousel__slot:nth-child(2) { animation-delay: 5s; }
.carousel__stage > .carousel__slot:nth-child(3) { animation-delay: 10s; }
.carousel__stage > .carousel__slot:nth-child(4) { animation-delay: 15s; }
.carousel__stage > .carousel__slot:nth-child(5) { animation-delay: 20s; }
.carousel__indicator > .carousel__ind:nth-child(1) { animation-delay: 0s; }
.carousel__indicator > .carousel__ind:nth-child(2) { animation-delay: 5s; }
.carousel__indicator > .carousel__ind:nth-child(3) { animation-delay: 10s; }
.carousel__indicator > .carousel__ind:nth-child(4) { animation-delay: 15s; }
.carousel__indicator > .carousel__ind:nth-child(5) { animation-delay: 20s; }
.recap__chart > .recap__bar:nth-child(1) { height: 38px; }
.recap__chart > .recap__bar:nth-child(2) { height: 54px; }
.recap__chart > .recap__bar:nth-child(3) { height: 46px; }
.recap__chart > .recap__bar:nth-child(4) { height: 62px; }
.recap__chart > .recap__bar:nth-child(5) { height: 72px; }
.recap__chart > .recap__bar:nth-child(6) { height: 68px; }
.recap__chart > .recap__bar:nth-child(7) { height: 86px; }