body:not(.ga-comp-hydrated) .summary-row,
body:not(.ga-comp-hydrated) #resultados,
body:not(.ga-comp-hydrated) .final-wrap {
  visibility: hidden;
  opacity: 0;
}

body.ga-comp-hydrated .summary-row,
body.ga-comp-hydrated #resultados,
body.ga-comp-hydrated .final-wrap {
  visibility: visible;
  opacity: 1;
  transition: opacity 120ms ease-out;
}

.summary-row {
  padding: 0 !important;
  margin-bottom: 5rem !important;
  border: 1px solid rgba(245, 196, 0, 0.24);
  background: rgba(6, 14, 26, 0.58);
}

.summary-item {
  padding: 1.35rem 0.8rem !important;
  border: 0 !important;
  border-right: 1px solid rgba(245, 196, 0, 0.16) !important;
  background: transparent !important;
}

.summary-item:last-child {
  border-right: 0 !important;
}

.summary-num {
  font-size: 20px !important;
  line-height: 1.2 !important;
  white-space: normal;
}

.summary-item:first-child .summary-num {
  font-size: 2rem !important;
}

.summary-label {
  margin-top: 0.45rem !important;
  font-size: 15px !important;
  line-height: 1.45;
  letter-spacing: 0.5px !important;
}

.round-title {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

.round-meta {
  color: #d7dee8 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
}

.hero-sub,
.note,
.final-sub,
.f-txt {
  color: #e1e7ef !important;
}

.status {
  min-width: 126px !important;
  color: #f5f7fa !important;
  font-size: 18px !important;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.5px !important;
  border-color: rgba(245, 247, 250, 0.34) !important;
  background: rgba(245, 247, 250, 0.04);
}

.versus {
  color: #cbd5e1 !important;
}

.points.pending {
  color: #d7dee8 !important;
}

.final-head {
  padding: 1.5rem 2rem 0.25rem !important;
}

.final-sub {
  margin-top: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
}

.final-match {
  padding-top: 1rem !important;
}

.champion-msg {
  color: #e8edf3 !important;
}

@media (max-width: 600px) {
  body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  .badge {
    font-size: 1.12rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 1.2px;
  }

  .hero-kicker {
    font-size: 1.9rem;
    line-height: 1.15;
    letter-spacing: 1.5px;
  }

  .hero-title {
    font-size: 3.55rem;
    line-height: 0.9;
  }

  .hero-sub {
    font-size: 21px;
    line-height: 1.65;
    font-weight: 500;
  }

  .summary-item {
    padding: 1.25rem 0.75rem !important;
  }

  .summary-num {
    font-size: 19px !important;
    line-height: 1.25 !important;
  }

  .summary-item:first-child .summary-num {
    font-size: 2.25rem !important;
  }

  .summary-label {
    font-family: Arial, sans-serif;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: 0.35px !important;
  }

  .slabel {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 1.5px;
  }

  .round-title {
    font-size: 1.75rem;
    line-height: 1.2;
  }

  .round-title .round-meta {
    font-family: Arial, sans-serif;
    font-size: 18px !important;
  }

  .team {
    font-size: 20px !important;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.25px;
  }

  .points {
    font-size: 1.65rem;
  }

  .status {
    min-width: 132px !important;
    font-size: 19px !important;
  }

  .final-sub {
    font-family: Arial, sans-serif;
    font-size: 18px !important;
    line-height: 1.6;
    letter-spacing: 0.5px !important;
  }

  .final-team {
    font-size: 2.15rem;
    line-height: 1.05;
  }

  .champion-kicker {
    font-size: 1.12rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 1px;
  }

  .champion-msg {
    font-size: 20px;
    line-height: 1.65;
    font-weight: 500;
  }

  .note,
  .f-logo-sub,
  .f-txt {
    font-size: 17px !important;
    line-height: 1.55;
    letter-spacing: 0.5px !important;
  }
}

@media (max-width: 380px) {
  .hero-title {
    font-size: 3.2rem;
  }

  .hero-sub {
    font-size: 1.22rem;
  }

  .summary-num {
    font-size: 18px !important;
  }

  .summary-label {
    font-size: 15.5px !important;
  }
}