.PT {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.PT .div {
  background-color: #ffffff;
  width: 1440px;
  height: 4100px;
  position: relative;
}

.PT .a-confer-ncia {
  position: absolute;
  width: 562px;
  top: 447px;
  left: 344px;
  font-family: "Octarine-Light", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.PT .text-wrapper {
  font-weight: 300;
}

.PT .span {
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
}

.PT .as-propostas-s-o {
  position: absolute;
  width: 591px;
  top: 1923px;
  left: 344px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
}

.PT .text-wrapper-2 {
  font-weight: 700;
}

.PT .text-wrapper-3 {
  font-family: "Octarine-Light", Helvetica;
  font-weight: 300;
  font-size: 16px;
}

.PT .text-wrapper-4 {
  font-family: "Octarine-Light", Helvetica;
  font-weight: 300;
  font-size: 12px;
}

.PT .text-wrapper-5 {
  font-weight: 700;
  font-size: 16px;
}

.PT .REAS-DE-INTERESSE-a {
  position: absolute;
  width: 550px;
  top: 1174px;
  left: 344px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
}

.PT .text-wrapper-6 {
  font-weight: 700;
  font-size: 18px;
}

.PT .p {
  width: 454px;
  top: 127px;
  left: 862px;
  font-size: 23px;
  line-height: normal;
  position: absolute;
  font-family: "Octarine-Light", Helvetica;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0;
  white-space: nowrap;
}

.PT .text-wrapper-7 {
  position: absolute;
  width: 457px;
  top: 161px;
  left: 863px;
  font-family: "Octarine-Light", Helvetica;
  font-weight: 300;
  color: #000000;
  font-size: 23px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.PT .group {
  position: absolute;
  width: 291px;
  height: 287px;
  top: 0;
  left: 0;
}

.PT .text-wrapper-8 {
  position: absolute;
  width: 724px;
  top: 1854px;
  left: 344px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 38.4px;
}

.PT .overlap-group {
  position: absolute;
  width: 860px;
  height: 889px;
  top: 2650px;
  left: 370px;
}

.PT .alexandra-saraiva {
    width: 860px;
    top: 0;
    left: 0;
    font-family: "Octarine-Bold", Helvetica;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    color: #000000;
    letter-spacing: 0;
    height: 979px;
}

.PT .janina-ebner-school {
  position: absolute;
  width: 381px;
  top: 0;
  left: 408px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.PT .text-wrapper-9 {
  font-family: "Octarine-Light", Helvetica;
  font-weight: 300;
}

.PT .text-wrapper-10 {
  width: 308px;
  top: 2598px;
  left: 344px;
  font-size: 24px;
  line-height: 38.4px;
  position: absolute;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  letter-spacing: 0;
  white-space: nowrap;
}

.PT .text-wrapper-11 {
    position: absolute;
    width: 724px;
    top: 3988px;
    left: 344px;
    font-family: "Octarine-Bold", Helvetica;
    font-weight: 700;
    color: #000000;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 38.4px;
}

.PT .line {
  position: absolute;
  width: 886px;
  height: 8px;
  top: 1825px;
  left: 344px;
}

.PT .img {
    position: absolute;
    width: 886px;
    height: 8px;
    top: 3962px;
    left: 344px;
}

.PT .line-2 {
    position: absolute;
    width: 886px;
    height: 8px;
    top: 3698px;
    left: 344px;
}

.PT .line-3 {
  position: absolute;
  width: 886px;
  height: 8px;
  top: 2565px;
  left: 344px;
}

.PT .text-wrapper-12 {
    position: absolute;
    width: 352px;
    top: 4045px;
    left: 344px;
    font-family: "Octarine-Light", Helvetica;
    font-weight: 300;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
}

.PT .participantes-com {
    position: absolute;
    width: 678px;
    top: 3773px;
    left: 370px;
    font-family: "Octarine-Bold", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}

.PT .text-wrapper-13 {
    width: 724px;
    top: 3726px;
    left: 344px;
    font-size: 24px;
    line-height: 38.4px;
    white-space: nowrap;
    position: absolute;
    font-family: "Octarine-Bold", Helvetica;
    font-weight: 700;
    color: #000000;
    letter-spacing: 0;
}

.PT .text-wrapper-14 {
  position: absolute;
  width: 518px;
  top: 260px;
  left: 344px;
  font-family: "Octarine-BoldOblique", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 17px;
  letter-spacing: -0.68px;
  line-height: normal;
}

.PT .element-confer-ncia {
  position: absolute;
  top: 121px;
  left: 344px;
  font-family: "Octarine-Light", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 28px;
  line-height: 28px;
}

.PT .text-wrapper-15 {
  font-weight: 300;
  letter-spacing: 0;
  line-height: 36.1px;
}

.PT .text-wrapper-16 {
  font-size: 37px;
  letter-spacing: 0.14px;
  line-height: 46.6px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
}

.PT .text-wrapper-17 {
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  font-size: 37px;
  letter-spacing: 0;
  line-height: 46.6px;
}

.PT .frame {
  position: absolute;
  width: 49px;
  height: 55px;
  top: 1801px;
  left: 234px;
}

.PT .text-wrapper-18 {
  position: absolute;
  width: 105px;
  top: 360px;
  left: 422px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.PT .text-wrapper-19 {
  position: absolute;
  width: 200px;
  top: 361px;
  left: 543px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.PT .text-wrapper-20 {
  position: absolute;
  width: 62px;
  top: 360px;
  left: 344px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.PT .text-wrapper-21 {
  position: absolute;
  width: 121px;
  top: 362px;
  left: 1137px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.PT .text-wrapper-22 {
  position: absolute;
  width: 139px;
  top: 361px;
  left: 982px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.PT .text-wrapper-23 {
  position: absolute;
  width: 113px;
  top: 362px;
  left: 759px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.PT .text-wrapper-24 {
  width: 78px;
  top: 360px;
  left: 888px;
  font-size: 20px;
  line-height: normal;
  position: absolute;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  letter-spacing: 0;
}

.PT .line-4 {
  position: absolute;
  width: 885px;
  height: 10px;
  top: 315px;
  left: 345px;
}

.PT .overlap {
  position: absolute;
  width: 265px;
  height: 305px;
  top: 801px;
  left: 966px;
}

.PT .carlos-casimiro {
  width: 264px;
  top: 0;
  left: 1px;
  font-family: "Octarine-Light", Helvetica;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  position: absolute;
  color: #000000;
  letter-spacing: 0;
}

.PT .text-wrapper-25 {
  font-family: "Octarine-Light", Helvetica;
  font-weight: 300;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.PT .text-wrapper-26 {
  font-size: 12px;
}

.PT .text-wrapper-27 {
  position: absolute;
  width: 264px;
  top: 281px;
  left: 0;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
  white-space: nowrap;
}

.PT .ana-l-cia-pinto-IPB {
  width: 325px;
  top: 477px;
  left: 967px;
  font-family: "Octarine-Light", Helvetica;
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  position: absolute;
  color: #000000;
  letter-spacing: 0;
}

.PT .text-wrapper-28 {
  font-family: "Octarine-Light", Helvetica;
  font-weight: 300;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 22px;
}

.PT .text-wrapper-29 {
  font-size: 16px;
}

.PT .text-wrapper-30 {
  width: 264px;
  top: 767px;
  left: 967px;
  font-size: 18px;
  line-height: 28.8px;
  position: absolute;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  letter-spacing: 0;
  white-space: nowrap;
}

.PT .text-wrapper-31 {
  position: absolute;
  width: 264px;
  top: 1116px;
  left: 966px;
  font-family: "Octarine-Light", Helvetica;
  font-weight: 300;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.PT .text-wrapper-32 {
  position: absolute;
  width: 230px;
  top: 444px;
  left: 967px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
  white-space: nowrap;
}

.PT .joana-tavares-IPB {
  position: absolute;
  width: 301px;
  top: 646px;
  left: 967px;
  font-family: "Octarine-Light", Helvetica;
  font-weight: 300;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.PT .text-wrapper-33 {
  position: absolute;
  width: 198px;
  top: 616px;
  left: 967px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
}

.PT .text-wrapper-34 {
  top: 1949px;
  left: 967px;
  font-size: 16px;
  line-height: 24px;
  position: absolute;
  font-family: "Octarine-Light", Helvetica;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0;
  white-space: nowrap;
}

.PT .text-wrapper-35 {
  position: absolute;
  top: 1920px;
  left: 967px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
  white-space: nowrap;
}

.PT .text-wrapper-36 {
  position: absolute;
  top: 2025px;
  left: 967px;
  font-family: "Octarine-Light", Helvetica;
  font-weight: 300;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.PT .text-wrapper-37 {
  position: absolute;
  top: 1993px;
  left: 967px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
  white-space: nowrap;
}

.PT .template-de-submiss {
  position: absolute;
  top: 2140px;
  left: 967px;
  font-family: "Octarine-Light", Helvetica;
  font-weight: 300;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.PT .templates-download {
  position: absolute;
  top: 2074px;
  left: 967px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
}

.PT .asset {
    position: absolute;
    width: 168px;
    height: 76px;
    top: 4130px;
    left: 344px;
    object-fit: cover;
}

.PT .asset-cited {
    position: absolute;
    width: 168px;
    height: 42px;
    top: 4147px;
    left: 571px;
    object-fit: cover;
}

.PT .asset-esactipb {
    position: absolute;
    width: 261px;
    height: 56px;
    top: 4140px;
    left: 787px;
    object-fit: cover;
}

.PT .layer {
  position: absolute;
  width: 176px;
  height: 54px;
  top: 52px;
  left: 345px;
}

.PT .vector {
  position: absolute;
  width: 174px;
  height: 52px;
  top: 1px;
  left: 1px;
}

.PT .asset-2 {
  position: absolute;
  width: 200px;
  height: 42px;
  top: 621px;
  left: 99px;
  object-fit: cover;
}

.PT .asset-3 {
  position: absolute;
  width: 168px;
  height: 42px;
  top: 542px;
  left: 99px;
  object-fit: cover;
}

.PT .asset-starseu {
  position: absolute;
  width: 168px;
  height: 76px;
  top: 439px;
  left: 99px;
  object-fit: cover;
}

.PT .text-wrapper-38 {
  position: absolute;
  top: 1173px;
  left: 965px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.PT .text-wrapper-39 {
  position: absolute;
  width: 109px;
  top: 1217px;
  left: 965px;
  font-family: "Octarine-Light", Helvetica;
  font-weight: 300;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.PT .text-wrapper-40 {
  position: absolute;
  top: 1273px;
  left: 966px;
  font-family: "Octarine-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.PT .group-wrapper {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 2085px;
  left: 1091px;
  border-radius: 15px;
  background: conic-gradient(
    from 180deg at 50% 50%,
    rgba(213, 176, 255, 1) 0%,
    rgba(255, 201, 153, 1) 49%,
    rgba(118, 226, 206, 1) 100%
  );
}

.PT .group-2 {
  position: relative;
  width: 20px;
  height: 17px;
  top: 5px;
  left: 5px;
}

.PT .arrow {
  position: absolute;
  width: 7px;
  height: 15px;
  top: 0;
  left: 6px;
  object-fit: cover;
}

.PT .line-5 {
  position: absolute;
  width: 20px;
  height: 1px;
  top: 16px;
  left: 0;
  object-fit: cover;
}

.PT .vector-2 {
  position: absolute;
  width: 39px;
  height: 40px;
  top: 1318px;
  left: 967px;
}
/* Inject original CSS here */

/* Additional styles */
body {
  font-family: "Octarine-Light", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  color: #000000;
}

header {
  text-align: center;
  padding: 2rem 0;
}

.logo {
  max-width: 200px;
  margin-bottom: 1rem;
}

h1 {
  font-size: 2rem;
  margin-bottom: 1rem;
}

nav ul {
  display: flex;
  justify-content: center;
  list-style-type: none;
  padding: 0;
}

nav ul li {
  margin: 0 1rem;
}

nav ul li a {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}

section {
  margin-bottom: 3rem;
}

h2 {
  font-family: "Octarine-Bold", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

ul {
  list-style-type: none;
  padding-left: 1rem;
}

.submission-details {
  background-color: #f0f0f0;
  padding: 1rem;
  border-radius: 5px;
}

.overlap-group {
  display: flex;
  flex-wrap: wrap;
}

.overlap-group ul {
  flex: 1;
  min-width: 300px;
}

footer {
  background-color: #f0f0f0;
  padding: 2rem;
  margin-top: 3rem;
}

.sponsors {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}

.sponsors img {
  max-width: 150px;
  margin: 0 1rem;
}

.social-link {
  display: inline-block;
  margin-top: 1rem;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@media (max-width: 768px) {
  nav ul {
    flex-direction: column;
    align-items: center;
  }

  nav ul li {
    margin: 0.5rem 0;
  }

  .overlap-group {
    flex-direction: column;
  }
}