/* REINFORMA — Mundo */
.reinforma-world-page .reinforma-world-hero {
  background:
    radial-gradient(circle at 88% 16%, rgba(242,106,33,.30) 0, rgba(242,106,33,0) 28%),
    radial-gradient(circle at 76% 120%, rgba(255,255,255,.08) 0, rgba(255,255,255,0) 34%),
    linear-gradient(135deg, #050505 0%, #161616 100%);
}

.reinforma-world-page .reinforma-world-hero::before {
  content: '';
  position: absolute;
  right: 34px;
  top: 30px;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  box-shadow:
    0 0 0 28px rgba(255,255,255,.035),
    0 0 0 58px rgba(255,255,255,.018);
  pointer-events: none;
}

.reinforma-world-page .reinforma-state-hero-copy,
.reinforma-world-page .reinforma-state-hero-topline,
.reinforma-world-page .reinforma-world-ribbon {
  position: relative;
  z-index: 2;
}

.reinforma-world-page .reinforma-state-hero h1 {
  letter-spacing: .035em;
}

.reinforma-world-ribbon {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.12);
}

.reinforma-world-ribbon span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.86);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.reinforma-world-page .reinforma-world-featured .reinforma-state-featured-body {
  background:
    linear-gradient(180deg, rgba(242,106,33,.045), rgba(242,106,33,0)),
    #fff;
}

.reinforma-world-page .reinforma-world-card .reinforma-state-kicker,
.reinforma-world-page .reinforma-state-section-head > div > span {
  letter-spacing: .11em;
}

.reinforma-world-page .reinforma-state-card:hover {
  border-color: rgba(242,106,33,.30);
}

@media (max-width: 768px) {
  .reinforma-world-page .reinforma-world-hero::before {
    right: -18px;
    top: 44px;
    width: 110px;
    height: 110px;
  }

  .reinforma-world-ribbon {
    gap: 6px;
    margin-top: 18px;
    padding-top: 14px;
  }

  .reinforma-world-ribbon span {
    min-height: 30px;
    padding: 0 10px;
    font-size: 9px;
  }
}