body.public-website-educacao .hero {
  min-height: 80vh;
}

body.public-website-educacao .hero-left {
  padding: 6rem 3.5rem 5rem;
  padding-left: max(3.5rem, calc((100vw - 1400px) / 2 + 3.5rem));
}

body.public-website-educacao .hero-right {
  min-height: 80vh;
  position: relative;
}

body.public-website-educacao .educacao-hud {
  position: absolute;
  bottom: 3rem;
  right: max(3rem, calc((100vw - 1400px) / 2 + 3rem));
  background: var(--s1);
  border: 1px solid rgba(238, 234, 222, .1);
  border-radius: 12px;
  padding: 1.2rem;
  width: 276px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .5), 0 0 40px rgba(232, 83, 10, .06);
  opacity: 0;
  z-index: 2;
}

[data-theme="light"] body.public-website-educacao .educacao-hud {
  background: var(--s1);
  border-color: rgba(26, 23, 19, .15);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .1);
}

body.public-website-educacao .shud-hdr,
body.public-website-educacao .msu-h,
body.public-website-educacao .mpl-h,
body.public-website-educacao .mtr-h {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: .8rem;
  border-bottom: 1px solid var(--border);
}

body.public-website-educacao .shud-hdr {
  margin-bottom: .9rem;
}

body.public-website-educacao .shud-t,
body.public-website-educacao .msu-t,
body.public-website-educacao .mpl-t,
body.public-website-educacao .mtr-t {
  font-size: .62rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
}

body.public-website-educacao .shud-tag {
  font-size: .58rem;
  color: var(--warm);
  border: 1px solid rgba(196, 163, 90, .3);
  padding: .12rem .42rem;
  border-radius: 100px;
}

body.public-website-educacao .shud-metrics,
body.public-website-educacao .msu-steps,
body.public-website-educacao .mpl-rows,
body.public-website-educacao .mtr-rows {
  display: flex;
  flex-direction: column;
  margin-bottom: .8rem;
}

body.public-website-educacao .shud-metrics {
  gap: .3rem;
}

body.public-website-educacao .msu-steps,
body.public-website-educacao .mtr-rows {
  gap: .28rem;
}

body.public-website-educacao .mpl-rows {
  gap: .3rem;
}

body.public-website-educacao .shud-m,
body.public-website-educacao .msu-s,
body.public-website-educacao .mpl-r,
body.public-website-educacao .mtr-r {
  background: var(--s2);
  border-radius: 6px;
  border: 1px solid var(--border);
}

body.public-website-educacao .shud-m,
body.public-website-educacao .mtr-r {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body.public-website-educacao .shud-m {
  padding: .44rem .58rem;
}

body.public-website-educacao .shud-ml {
  font-size: .68rem;
  color: var(--muted);
}

body.public-website-educacao .shud-mv {
  font-family: var(--Fd);
  font-size: .95rem;
  color: var(--text);
}

body.public-website-educacao .shud-mv.warm {
  color: var(--warm);
}

body.public-website-educacao .shud-mv.up {
  color: var(--accent);
}

body.public-website-educacao .shud-bar {
  display: flex;
  gap: .25rem;
  margin-bottom: .8rem;
}

body.public-website-educacao .shud-bar-seg {
  height: 4px;
  border-radius: 100px;
  flex: 1;
  background: rgba(196, 163, 90, .2);
}

body.public-website-educacao .shud-bar-seg.on {
  background: var(--warm);
}

body.public-website-educacao .shud-cta {
  text-align: center;
  font-size: .65rem;
  color: var(--warm);
  background: rgba(196, 163, 90, .08);
  border: 1px solid rgba(196, 163, 90, .25);
  border-radius: 6px;
  padding: .5rem;
  font-family: var(--Fb);
  letter-spacing: .06em;
}

body.public-website-educacao .mock-setup,
body.public-website-educacao .mock-planos,
body.public-website-educacao .mock-transp {
  background: var(--s1);
  border: 1px solid rgba(238, 234, 222, .1);
  border-radius: 12px;
  padding: 1.4rem;
  box-shadow: 0 32px 80px rgba(0, 0, 0, .5);
}

body.public-website-educacao .mock-setup {
  width: 308px;
  box-shadow: 0 32px 80px rgba(0, 0, 0, .5), 0 0 60px rgba(196, 163, 90, .07);
}

body.public-website-educacao .mock-planos {
  width: 296px;
}

body.public-website-educacao .mock-transp {
  width: 292px;
}

[data-theme="light"] body.public-website-educacao .mock-setup,
[data-theme="light"] body.public-website-educacao .mock-planos,
[data-theme="light"] body.public-website-educacao .mock-transp {
  background: var(--s1);
  border-color: rgba(26, 23, 19, .15);
  box-shadow: 0 16px 50px rgba(0, 0, 0, .1);
}

body.public-website-educacao .msu-prog {
  font-size: .6rem;
  color: var(--accent);
  font-family: var(--Fb);
}

body.public-website-educacao .msu-s {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .5rem .62rem;
}

body.public-website-educacao .msu-s.done {
  border-color: rgba(63, 221, 187, .2);
  background: rgba(63, 221, 187, .04);
}

body.public-website-educacao .msu-s.active {
  border-color: rgba(196, 163, 90, .25);
  background: rgba(196, 163, 90, .06);
}

body.public-website-educacao .msu-ico {
  font-size: .95rem;
  width: 18px;
  text-align: center;
}

body.public-website-educacao .msu-n,
body.public-website-educacao .mtr-n {
  color: var(--text);
  flex: 1;
}

body.public-website-educacao .msu-n {
  font-size: .73rem;
}

body.public-website-educacao .msu-chk {
  font-size: .9rem;
}

body.public-website-educacao .msu-eta {
  background: var(--s2);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: .58rem .7rem;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

body.public-website-educacao .msu-etal {
  font-size: .6rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
}

body.public-website-educacao .msu-etav {
  font-family: var(--Fd);
  font-size: 1.3rem;
  font-weight: 300;
  color: var(--warm);
}

body.public-website-educacao .mpl-r {
  padding: .65rem .75rem;
}

body.public-website-educacao .mpl-r.current {
  border-color: rgba(196, 163, 90, .3);
  background: rgba(196, 163, 90, .06);
}

body.public-website-educacao .mpl-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: .25rem;
}

body.public-website-educacao .mpl-name {
  font-size: .72rem;
  color: var(--text);
  font-weight: 500;
}

body.public-website-educacao .mpl-price,
body.public-website-educacao .mtr-v {
  font-family: var(--Fd);
}

body.public-website-educacao .mpl-price {
  font-size: 1rem;
  color: var(--warm);
}

body.public-website-educacao .mpl-feat {
  font-size: .6rem;
  color: var(--muted);
  line-height: 1.5;
}

body.public-website-educacao .mpl-badge {
  display: inline-block;
  font-size: .55rem;
  background: rgba(196, 163, 90, .15);
  border: 1px solid rgba(196, 163, 90, .3);
  color: var(--warm);
  padding: .08rem .38rem;
  border-radius: 100px;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-left: .4rem;
}

body.public-website-educacao .mtr-r {
  padding: .46rem .62rem;
  font-size: .7rem;
}

body.public-website-educacao .mtr-r--total {
  border-color: rgba(196, 163, 90, .25);
  background: rgba(196, 163, 90, .06);
}

body.public-website-educacao .mtr-n--strong {
  font-weight: 500;
}

body.public-website-educacao .mtr-v {
  color: var(--warn, var(--warm));
  font-size: .95rem;
}

body.public-website-educacao .mtr-v.free {
  color: var(--accent);
}

body.public-website-educacao .mtr-note {
  font-size: .62rem;
  color: var(--muted);
  padding: .5rem .62rem;
  border-radius: 6px;
  background: rgba(63, 221, 187, .05);
  border: 1px solid rgba(63, 221, 187, .15);
  line-height: 1.5;
}
