:root {
  --color1: #fbbcbc;
}

body {
  background:
    radial-gradient(circle at 80% 0%, rgba(46, 89, 180, 0.16), transparent 32%),
    linear-gradient(180deg, #030305 0%, #070711 55%, #030305 100%);
}

.hero {
  background:
    linear-gradient(90deg, rgb(3, 3, 5) 0%, rgba(3, 3, 5, 0.82) 34%, rgba(3, 3, 5, 0.18) 74%, rgba(3, 5, 4, 0.86) 100%),
    url("../../assets/SENAI.png") center right / cover no-repeat;
}

.tags span {
  background: rgba(209, 220, 58, 0.09);
  border: 1px solid rgba(217, 220, 58, 0.22);
  color: #fdd2d2;
}

.icon {
  border: 1px solid rgba(220, 217, 58, 0.25);
  background: rgba(220, 217, 58, 0.08);
}

.icon svg, .step-icon svg {
  stroke: var(--color1);
}

.summary-card {
    width: 33%;
}

.telas {
    width: 100%;
    display: flex;
}

@media (max-width: 1024px) {
  .summary-card {
    width: 45%;
  }

  .telas{
    flex-wrap: wrap;
  }

  .telas div {
    width: 50%;
    justify-content: center;
  }
}

@media (max-width: 640px) {
 .hero {
    background-position: center center;
  }

  .summary-card {
    width: 100%;
  }

  .telas {
    flex-direction: column;
    width: 100%;
  }

  .telas div {
    width: 100%;
  }

}