@charset "utf-8";

.dia-section.dia-escura { --dia-branco: #000000; --dia-tinta: #f5f5f7; --dia-tinta-2: #8a8a8f; --dia-fio: rgba(255, 255, 255, 0.12); }

.dia-section.dia-escura .dia-intro .dia-headline { color: rgb(120, 120, 126); }

.dia-section.dia-escura .dia-foto { background: rgb(28, 28, 31); }

.dia-section.dia-escura .dia-agua { color: rgba(255, 255, 255, 0.08); }

@media (min-width: 961px) {
  .dia-section.dia-escura .dia-texto-card > .dia-hora { color: rgb(161, 161, 166); }
  .dia-section.dia-escura .dia-trilho > .dia-marco { color: rgb(122, 122, 128); }
  .dia-section.dia-escura .dia-trilho > .dia-marco::after { background: rgb(48, 48, 54); }
  .dia-section.dia-escura .dia-trilho > .dia-marco.is-passed::after { background: rgb(80, 80, 86); }
  .dia-section.dia-escura[data-ato="1"] .dia-marco[data-ato="1"], .dia-section.dia-escura[data-ato="2"] .dia-marco[data-ato="2"], .dia-section.dia-escura[data-ato="3"] .dia-marco[data-ato="3"], .dia-section.dia-escura[data-ato="4"] .dia-marco[data-ato="4"], .dia-section.dia-escura[data-ato="5"] .dia-marco[data-ato="5"] { color: var(--dia-tinta); }
  .dia-section.dia-escura .dia-trilho::after { box-shadow: rgb(0, 0, 0) 0px 0px 0px 3px; }
}

@media (max-width: 960px), (prefers-reduced-motion: reduce) {
  .dia-section.dia-escura .dia-cartao > .dia-hora { color: rgb(161, 161, 166); }
}

@media (max-width: 960px) {
  .dia-section.dia-escura .dia-mobile-copy > p { color: var(--dia-tinta-2); }
  .dia-section.dia-escura .dia-trilho::before { background: var(--dia-fio); }
  .dia-section.dia-escura .dia-trilho > .dia-marco { color: rgb(120, 120, 126); }
  .dia-section.dia-escura .dia-trilho > .dia-marco::after { background: rgb(48, 48, 54); }
  .dia-section.dia-escura .dia-trilho > .dia-marco.is-mobile-current { color: var(--dia-tinta); }
}