@font-face {
  font-family: "Akrobat";
  src: url("/wp-content/themes/lucrar-hello-child/assets/fonts/Akrobat-Black.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url("/wp-content/themes/lucrar-hello-child/assets/fonts/Akrobat-Bold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url("/wp-content/themes/lucrar-hello-child/assets/fonts/Akrobat-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SegoePrint";
  src: url("/wp-content/themes/lucrar-hello-child/assets/fonts/segoepr.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ROOT */
.peg-section {
  --fg: #fff;
  --accent: #efd7a0;

  font-family: "Akrobat", -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  color: var(--fg);
  position: relative;
  overflow: hidden;
  isolation: isolate;

  --stage-h: 31vw;
  --scene-dy: -10%;

  --title-size: 60px;
  --title-py: 7%;

  --ground-w: 40vw;
  --ground-bottom: 19vw;
  --ground-x: 50%;
  --ground-rot: 0deg;
  --scale-ground: 1;

  --loc-y: 1%;
  --loc-x: 44%;
  --loc-rot: 0deg;
  --loc-fs: 40px;
  --loc-icon-w: clamp(28px, 5vw, 40px);
  --scale-loc: 0.8;

  --note-y: 0%;
  --note-x: 59%;

  --cap-x: 61%;
  --cap-y: 69%;
  --cap-rot: -35deg;
  --scale-cap: 0.85;
  --cap-size: 32px;
  --cap-w: auto;
  --cap-wrap: nowrap;
  --cap-align: left;
  --cap-tx: -50%;
  --cap-ty: -50%;

  --sketch-y: -8%;
  --sketch-w: 12vw;
  --sketch-rot: 0deg;
  --scale-sketch: 1;

  --card-y: 2%;
  --card-x: 65%;
  --card-w: 35vw;
  --card-rot: 0deg;
  --scale-card: 1;

  --arcL-left: -1%;
  --arcL-top: 20%;
  --arcL-w: 15vw;
  --arcL-opacity: 1;
  --arcL-rot: 0deg;
  --arcL-flipX: 1;
  --arcL-flipY: 1;

  --slash-right: 0%;
  --slash-top: 32%;
  --slash-w: 43vw;
  --slash-opacity: 1;
  --slash-rot: 0deg;

  --cta-max: 720px;
  --cta-ico: clamp(44px, 5.4vw, 70px);
  --cta-title: clamp(24px, 5.2vw, 44px);
  --cta-text: clamp(13px, 3.2vw, 16px);
  --cta-input: clamp(14px, 3.8vw, 18px);
  --cta-padY: clamp(10px, 2.6vw, 12px);
  --follow-gap: clamp(0px, 2vw, 16px);

  --label-x: var(--note-x);
  --label-y: var(--note-y);
  --label-dx: -6%;
  --label-dy: -1%;
  --label-w: 16vw;
  --label-rot: 15deg;
  --scale-note: 1;
  --label-size: clamp(1rem, 1.5vw, 1.5rem);
  --label-font: "SegoePrint", cursive;
  --curve-deg: 28;
  --curve-raise: 1.6;
  --curve-baseY: 70;
  --curve-gap-mul: 1.15;

  --arrow-x: calc(var(--note-x) - 9%);
  --arrow-y: calc(var(--note-y) + 9%);
  --arrow-w: 3.5vw;
  --arrow-rot: -27deg;
  --scale-arrow: 1;

  --asset-loc: url("/wp-content/themes/lucrar-hello-child/peg-project/assets/3d-shiny-blue-light-and-white-location-icon-3d-illustration-pngcopy.png");
  --asset-sketch: url("/wp-content/themes/lucrar-hello-child/peg-project/assets/ChatGPTImage23_06_202519_06_12.png");
  --asset-arrow: url("https://lucrar.pt/wp-content/uploads/2025/08/seta-Layer-1-1.png");
  --asset-ground: url("/wp-content/themes/lucrar-hello-child/peg-project/assets/removethishouse.png");
  --asset-arcL: url("/wp-content/themes/lucrar-hello-child/peg-project/assets/Ellipse2.png");
  --asset-slash: url("/wp-content/themes/lucrar-hello-child/peg-project/assets/Rectangle4.png");
  --asset-ico: url("/wp-content/themes/lucrar-hello-child/peg-project/assets/ChatGPTImage24_06_202510_32_53.png");


  --fs-top: 0%;
  --fs-ico-k: 5;
}

/* Acessibilidade */
.peg-sr-only {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* Resets locais */
.peg-section * {
  box-sizing: border-box;
  font-family: inherit !important;
}
.peg-section img {
  display: block;
  max-width: 100%;
  height: auto;
  image-rendering: crisp-edges;
  pointer-events: none;
}

/* Palco / cenário */
.peg-section .peg-stage {
  position: relative;
  min-height: var(--stage-h);
}
.peg-section .peg-pos {
  position: absolute;
  left: var(--x);
  top: calc(var(--y) + var(--scene-dy));
  transform: translate(-50%, -50%) rotate(var(--rot, 0deg))
    scale(calc(var(--scale, 1)));
  transform-origin: center;
}

/* Terreno */
.peg-section .peg-ground {
  position: absolute;
  left: var(--ground-x);
  bottom: var(--ground-bottom);
  width: var(--ground-w);
  transform: translateX(-50%) rotate(var(--ground-rot))
    scale(var(--scale-ground));
  z-index: 3;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.45));
  max-width: 800px;
}

/* Esboço */
.peg-section .peg-sketch {
  width: var(--sketch-w);
  max-width: 200px;
  --rot: var(--sketch-rot);
  --scale: var(--scale-sketch);
  z-index: 5;
  background-color: #0b1014;
  margin-bottom: var(--sketch-y);
}

/* Localização */
.peg-section .peg-loc {
  --x: var(--loc-x);
  --y: var(--loc-y);
  --rot: var(--loc-rot);
  --scale: var(--scale-loc);
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-weight: 800;
  font-size: var(--loc-fs);
}
.peg-section .peg-loc img {
  width: var(--loc-icon-w);
}

/* Legenda fora do SVG */
.peg-section .peg-caption {
  font-size: var(--cap-size);
  fill: var(--fg);
  letter-spacing: 0.6px;
  opacity: 0.9;
  white-space: var(--cap-wrap);
}

/* Etiqueta curva */
.peg-section .peg-notecurve {
  --x: calc(var(--label-x) + var(--label-dx));
  --y: calc(var(--label-y) + var(--label-dy));
  --rot: var(--label-rot);
  --scale: var(--scale-note);
  width: var(--label-w);
  height: auto;
  overflow: visible;
  z-index: 4;
}
.peg-section .peg-notecurve path {
  fill: none;
  stroke: none;
}
.peg-section .peg-notecurve text {
  font-family: var(--label-font) !important;
  font-size: var(--label-size) !important;
  fill: var(--accent);
  text-anchor: middle;
  dominant-baseline: middle;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.35))
    drop-shadow(0 3px 8px rgba(0, 0, 0, 0.25));
}

/* Seta */
.peg-section .peg-arrow {
  --x: var(--arrow-x);
  --y: var(--arrow-y);
  --rot: var(--arrow-rot);
  width: var(--arrow-w);
  --scale: var(--scale-arrow);
  z-index: 2;
}

/* Ornamentos */
.peg-section .peg-arcL {
  position: absolute;
  left: var(--arcL-left);
  top: calc(var(--arcL-top) + var(--scene-dy));
  width: var(--arcL-w);
  opacity: var(--arcL-opacity);
  z-index: 1;
  transform: scale(var(--arcL-flipX), var(--arcL-flipY)) rotate(var(--arcL-rot));
  transform-origin: center;
}
.peg-section .peg-slash {
  position: absolute;
  right: var(--slash-right);
  top: calc(var(--slash-top) + var(--scene-dy));
  width: var(--slash-w);
  opacity: var(--slash-opacity);
  z-index: 1;
  transform: rotate(var(--slash-rot));
  transform-origin: center;
}

/* FOLLOW / CTA */
.peg-section .peg-follow {
  width: min(92vw, var(--cta-max));
  margin: var(--follow-gap) auto 0;
  text-align: center;
  position: relative;
  z-index: 5;
  margin-bottom: 24px;
  padding-bottom: 56px;
}
.peg-section .peg-follow .peg-head {
  display: flex;
  align-items: center;
  gap: clamp(14px, 2vw, 20px);
  justify-content: center;
}
.peg-section .peg-follow .peg-head img {
  width: var(--cta-ico);
  transform: rotate(var(--cta-ico-rot));
  height: auto;
  flex: 0 0 auto;
}
.peg-section .peg-follow .peg-head h3 {
  margin: 0;
  font-size: var(--cta-title);
  font-weight: 800;
  line-height: 1;
  color: var(--accent);
}
.peg-section .peg-follow .peg-desc {
  max-width: 900px;
  margin: 10px auto 18px;
  font-size: var(--cta-text);
  line-height: 1.35;
  opacity: 0.9;
}
.peg-section .peg-follow .peg-form {
  display: grid;
  gap: 14px;
  justify-items: center;
}
.peg-section .peg-follow input[type="email"] {
  width: 100%;
  border: 2px solid rgba(255, 255, 255, 0.32);
  background: transparent;
  color: #fff;
  border-radius: 999px;
  padding: var(--cta-padY) clamp(18px, 3.4vw, 26px);
  font-size: var(--cta-input);
  outline: none;
  text-align: center;
}
.peg-section .peg-follow input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.peg-section .peg-follow .peg-cta {
  width: 100%;
  border: 0;
  border-radius: 999px;
  padding: var(--cta-padY) clamp(18px, 3.4vw, 26px);
  font-size: var(--cta-input);
  color: #fff;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #14e58f 0%, #0fb170 42%, #0a5a3f 100%);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  transition: transform 0.12s ease, filter 0.12s ease, box-shadow 0.12s ease;
  font-weight: 800;
}
.peg-section .peg-follow .peg-cta::before {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: inherit;
  pointer-events: none;
  background-image: var(--asset-cta-overlay);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  mix-blend-mode: overlay;
  opacity: 0.95;
}

/* Cabeçalho "do zero" */
#peg-project .peg-from-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 1.2vw, 18px);
  margin-bottom: var(--title-py);
}
#peg-project .peg-from-head .peg-from-text {
  font-family: "Akrobat", system-ui, -apple-system, "Segoe UI", Roboto, Arial,
    sans-serif !important;
  font-weight: 800;
  letter-spacing: 0.3px;
  line-height: 1.02;
  color: var(--accent);
  font-size: var(--title-size);
}
#peg-project .peg-from-head .peg-ico {
  height: calc(1em * var(--fs-ico-k)) !important;
  width: auto !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Cartão de estado + container */
#peg-project .peg-status-card {
  width: var(--card-w);
  max-width: 550px;
  background: rgba(0, 0, 0, 0.34);
  border: 2px solid rgba(255, 255, 255, 0.92);
  border-radius: 10px;
  padding: clamp(12px, 1.4vw, 18px);
  -webkit-backdrop-filter: saturate(120%) blur(0.6px);
  backdrop-filter: saturate(120%) blur(0.6px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32);
  color: #fff;
  z-index: 4;
  opacity: 1 !important;
  display: block !important;
  pointer-events: auto;
}
#peg-project .peg-card-container {
  position: absolute;
  left: var(--card-x);
  top: calc(var(--card-y) + var(--scene-dy, 0px));
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: end;
}
#peg-project .peg-status-card h4 {
  display: none;
}
#peg-project .peg-status-card ul {
  list-style: disc;
  margin: 0;
  padding-left: 1.15em;
  display: grid;
  gap: clamp(0.3em, 0.55vw, 0.45em);
}
#peg-project .peg-status-card li {
  font-size: clamp(0.375rem, 1vw, 1.25rem);
  line-height: 1.25;
  letter-spacing: 0.2px;
  white-space: nowrap;
}
#peg-project .peg-status-card li b {
  font-weight: 800;
}
#peg-project .peg-status-card li b::after {
  content: " = ";
  opacity: 0.95;
  margin: 0 0.25em;
  font-weight: 800;
}
#peg-project .peg-status-card .peg-warn {
  color: #f5c451;
  font-weight: 800;
}
#peg-project .peg-status-card .peg-pending {
  color: rgba(255, 255, 255, 0.72);
}

/* MQs */
@media (min-width: 641px) {
  .peg-section {
    --slash-opacity: 0.35;
  }
  .peg-section .peg-follow {
    position: relative;
    z-index: 6;
  }
  .peg-section .peg-follow::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    top: calc(-1 * clamp(10px, 2vw, 18px));
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(5px) brightness(0.92) saturate(110%);
    backdrop-filter: blur(5px) brightness(0.92) saturate(110%);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.22);
    pointer-events: none;
    z-index: -1;
  }
  .peg-section .peg-follow * {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
  }
}

@media (max-width: 3900px) {
  .peg-section {
    --stage-h: 33vw;
    --title-py: 7%;

    --loc-y: 1%;
    --loc-x: 44%;
    --note-y: 0%;
    --note-x: 59%;
    --card-y: 2%;
    --card-x: 65%;
  }
}

@media (max-width: 3300px) {
  .peg-section {
    --stage-h: 37vw;
    --title-py: 5%;

    --loc-y: 8%;
    --loc-x: 42%;
    --note-y: 5%;
    --note-x: 59%;
    --card-y: 8%;
    --card-x: 68%;
  }
}

@media (max-width: 2800px) {
  .peg-section {
    --stage-h: 42vw;

    --loc-y: 15%;
    --loc-x: 40%;
    --note-y: 11%;
    --note-x: 58%;
    --card-y: 12%;
    --card-x: 70%;
  }
}

@media (max-width: 2500px) {
  .peg-section {
    --stage-h: 45vw;

    --loc-y: 16%;
    --loc-x: 38%;
    --note-y: 12%;
    --card-y: 14%;
    --card-x: 72%;
  }
}

@media (max-width: 2250px) {
  .peg-section {
    --stage-h: 48vw;

    --loc-y: 16%;
    --note-y: 12%;
    --card-y: 14%;
  }
}

@media (max-width: 2000px) {
  .peg-section {
    --title-py: 2%;
    --stage-h: 56vw;

    --loc-y: 24%;
    --note-y: 21%;
    --card-y: 24%;
    --card-x: 76%;
  }
}

@media (max-width: 1024px) {
  .peg-section {
    --stage-h: 75vw;
    --scene-dy: -20%;

    --title-size: 44px;
    --title-py: 10%;

    --ground-w: 55vw;
    --ground-bottom: 28vw;

    --loc-x: 34%;
    --loc-y: 30%;
    --scale-loc: 0.7;
    --loc-fs: 36px;
    --loc-icon-w: clamp(26px, 4.6vw, 38px);

    --note-x: 72%;
    --note-y: 18%;

    --sketch-y: -6%;
    --sketch-w: 15vw;

    --card-x: 80%;
    --card-y: 32%;
    --card-w: 35vw;

    --arcL-left: -8%;
    --arcL-top: 8%;
    --arcL-w: 20vw;

    --slash-right: -4%;
    --slash-top: 40%;
    --slash-w: 50vw;

    --label-dx: -18%;
    --label-dy: 4%;
    --label-w: 21vw;
    --label-rot: 10deg;
    --label-size: clamp(1rem, 3.8vw, 1.125rem);
    --scale-note: 0.94;

    --curve-deg: 24;
    --curve-raise: 1.6;
    --curve-baseY: 70;
    --curve-gap-mul: 1.15;

    --arrow-x: calc(var(--note-x) - 22%);
    --arrow-y: calc(var(--note-y) + 18%);
    --arrow-w: 7vw;
    --arrow-rot: -34deg;

    --scale-arrow: 0.8;
    --scale-sketch: 1;
    --scale-card: 0.7;

    --follow-gap: clamp(0px, 1.6vw, 12px);

    --cta-max: 540px;
    --cta-ico: clamp(38px, 6vw, 50px);
    --cta-title: clamp(20px, 4.8vw, 32px);
    --cta-text: clamp(12px, 3.4vw, 15px);
    --cta-input: clamp(13px, 4vw, 18px);
    --cta-padY: clamp(8px, 2.2vw, 10px);

    --fs-ico-k: 3;
  }

  #peg-project {
    --cap-w: 50vw;
    --cap-wrap: normal;
    --cap-align: left;
    --cap-tx: 0%;
  }

  .peg-section .peg-follow {
    margin-bottom: 12px;
    padding-bottom: 24px;
  }
}

@media (max-width: 768px) {
  .peg-section {
    --title-size: 45px;
    --loc-fs: 30px;
  }
}

@media (max-width: 640px) {
  .peg-section {
    --stage-h: 70vw;
    --scene-dy: -14%;

    --ground-w: 55vw;
    --ground-bottom: 13vw;

    --title-size: 40px;

    --loc-x: 32%;
    --loc-y: 38%;
    --scale-loc: 0.8;
    --loc-fs: 26px;
    --loc-icon-w: clamp(20px, 5vw, 36px);

    --note-x: 66%;
    --note-y: 12%;
    --sketch-y: -4%;
    --sketch-w: 14vw;

    --card-x: 78%;
    --card-y: 38%;
    --card-w: 35vw;

    --arcL-left: 0%;
    --arcL-top: 40%;
    --arcL-w: 20vw;

    --slash-right: -6%;
    --slash-top: 52%;
    --slash-w: 50vw;
    --slash-opacity: 0.18;

    --label-dx: -16%;
    --label-dy: 12%;
    --label-w: 36vw;
    --label-rot: 10deg;
    --label-size: clamp(1rem, 5vw, 1.5rem);
    --scale-note: 0.55;

    --curve-deg: 22;
    --curve-raise: 1.55;
    --curve-baseY: 70;
    --curve-gap-mul: 1.18;

    --arrow-x: calc(var(--note-x) - 18%);
    --arrow-y: calc(var(--note-y) + 32%);
    --arrow-w: 14vw;
    --arrow-rot: -34deg;

    --scale-arrow: 0.66;
    --scale-sketch: 0.55;
    --scale-card: 0.55;

    --follow-gap: clamp(0.825rem, 2vw, 1rem);

    --cta-max: 320px;
    --cta-ico: clamp(1.5rem, 7vw, 36px);
    --cta-title: clamp(1.125rem, 4vw, 1.375rem);
    --cta-text: clamp(0.75rem, 3vw, 0.875rem);
    --cta-input: clamp(0.75rem, 3vw, 1rem);
    --cta-padY: clamp(8px, 3vw, 10px);
  }

  #peg-project .peg-status-card li {
    white-space: unset;
  }
  .peg-section .peg-follow::before {
    content: none;
  }

  #peg-project {
    --cap-w: 64vw;
    --cap-wrap: normal;
    --cap-align: left;
    --cap-tx: 0%;
  }

  #peg-project .peg-status-card {
    padding: 8px 0px;
  }

  .peg-section .peg-follow {
    margin-bottom: 22px;
    padding-bottom: 0;
  }
}

@media (max-width: 520px) {
  .peg-section {
    --card-w: 38vw;
    --card-x: 80%;
    --card-y: 40%;
  }
  .peg-section .peg-sketch {
    display: none;
  }
}
@media (max-width: 480px) {
  .peg-section {
    --title-size: 35px;
    --loc-fs: 22px;
    --cap-size: 40px;
  }
}

/* Consent text sizes */
#peg-project {
  --consent-fs-desktop: 0.875rem;
  --consent-fs-tablet: 0.75rem;
  --consent-fs-mobile: 0.5rem;
  --consent-line: 1.3;

  --cta-offset: 0px;
}
#peg-project .peg-consent {
  font-size: var(--consent-fs-desktop);
  line-height: var(--consent-line);
  opacity: 0.9;
  text-align: center;
}
@media (max-width: 1024px) {
  #peg-project .peg-consent {
    font-size: var(--consent-fs-tablet);
  }
}
@media (max-width: 640px) {
  #peg-project .peg-consent {
    font-size: var(--consent-fs-mobile);
  }

  .peg-section .peg-follow::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    top: -16px;
    bottom: -56px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(4px) brightness(0.92) saturate(110%);
    backdrop-filter: blur(4px) brightness(0.92) saturate(110%);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.24);
    pointer-events: none;
    z-index: -1;
  }
}

/* Espaçamento da secção CTA em função do cenário */
#peg-project .peg-follow {
  margin-top: calc(var(--follow-gap) + var(--cta-offset));
}

@media (min-width: 2801px){
  #peg-project {
    --cta-offset: -16vw;
  }
}

@media (max-width: 2800px){
  #peg-project {
    --cta-offset: -14vw;
  }
}

@media (min-width: 1025px) {
  .peg-section .peg-follow::before {
    bottom: -120px;
  }
}
@media (min-width: 1025px) and (max-width: 2000px){
  #peg-project {
    --cta-offset: -12vw;
  }
}
@media (min-width: 641px) and (max-width: 1024px) {
  #peg-project {
    --cta-offset: -20vw;
  }
  .peg-section .peg-follow::before {
    bottom: -90px;
  }
}
@media (max-width: 640px) {
  #peg-project {
    --cta-offset: -4vw;
  }
}

/* SVG do terreno: permitir overflow da legenda */
#peg-project .peg-ground svg {
  overflow: visible;
}











/* 
   Glow laranjado no cartão PEG
   (similar ao Real-Estate) 

#peg-project .peg-status-card {
  position: relative;         
  overflow: hidden;
}

/* Glow principal 
#peg-project .peg-status-card::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;

  background:
    radial-gradient(
      130% 160% at 100% 0%,
      rgba(245, 196, 81, 0.35),
      transparent 60%
    ),
    radial-gradient(
      140% 180% at 0% 100%,
      rgba(255, 140, 0, 0.25),
      transparent 60%
    ),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 40%),
    rgba(10, 14, 18, 0.55);

  mix-blend-mode: screen;
  filter: saturate(120%) brightness(1.04);
  box-shadow: 0 0 32px rgba(245, 196, 81, 0.55);
}

#peg-project .peg-status-card::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: inherit;
  border: 1px solid rgba(255, 255, 255, 0.08);
  pointer-events: none;
  z-index: 0;
}

#peg-project .peg-status-card * {
  position: relative;
  z-index: 1;
}
*/