.OESC {
  width: 100%;
  min-width: 1440px;
  min-height: 5337.51px;
  display: flex;
  justify-content: center;
}

.OESC .frame {
  width: 1440px;
  height: 5337.51px;
  background-color: #ffffff;
  overflow-y: scroll;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.OESC .frame::-webkit-scrollbar {
  width: 0;
  display: none;
}

.OESC .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #071129f5;
  border-top-style: none;
  border-right-style: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-style: none;
  border-color: #ffffff14;
  backdrop-filter: blur(4px) brightness(100%);
  -webkit-backdrop-filter: blur(4px) brightness(100%);
}

.OESC .container {
  display: flex;
  width: 1180px;
  min-height: 70px;
  align-items: center;
  justify-content: space-between;
  padding: 20.73px 0px 20.75px;
  position: relative;
  flex: 0 0 auto;
}

.OESC .link {
  position: relative;
  width: 54.33px;
  height: 28.52px;
}

.OESC .text-wrapper {
  position: absolute;
  top: -1px;
  left: 0;
  height: 29px;
  display: flex;
  align-items: center;
  font-family: "Roboto-ExtraBold", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 18.4px;
  letter-spacing: 0.55px;
  line-height: 28.5px;
  white-space: nowrap;
}

.OESC .navegao-principal {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.OESC .list {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0px 18px;
  position: relative;
  flex: 0 0 auto;
}

.OESC .item {
  width: 52px;
  position: relative;
  align-self: stretch;
}

.OESC .div-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 0 auto;
  position: relative;
  align-self: stretch;
}

.OESC .div {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #e8edf6;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 23.3px;
  white-space: nowrap;
}

.OESC .div-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .section {
  padding: 91px 0px 82px;
  background:
    radial-gradient(
      50% 50% at 31% 57%,
      rgba(66, 165, 198, 0.28) 0%,
      rgba(66, 165, 198, 0) 30%
    ),
    linear-gradient(157deg, rgba(7, 17, 41, 1) 0%, rgba(14, 29, 61, 1) 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .container-2 {
  display: flex;
  flex-direction: column;
  width: 1180px;
  align-items: flex-start;
  gap: 18px;
  position: relative;
  flex: 0 0 auto;
}

.OESC .FAPESC-CP-n {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--roboto-bold-upper-font-family);
  font-weight: var(--roboto-bold-upper-font-weight);
  color: #9fd9eb;
  font-size: var(--roboto-bold-upper-font-size);
  letter-spacing: var(--roboto-bold-upper-letter-spacing);
  line-height: var(--roboto-bold-upper-line-height);
  font-style: var(--roboto-bold-upper-font-style);
}

.OESC .heading {
  max-width: 980px;
  width: 980px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.OESC .p {
  position: relative;
  display: flex;
  align-items: center;
  width: 980px;
  margin-top: -1px;
  font-family: var(--semantic-heading-1-font-family);
  font-weight: var(--semantic-heading-1-font-weight);
  color: #ffffff;
  font-size: var(--semantic-heading-1-font-size);
  letter-spacing: var(--semantic-heading-1-letter-spacing);
  line-height: var(--semantic-heading-1-line-height);
  font-style: var(--semantic-heading-1-font-style);
}

.OESC .o-observat-rio-da-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 840px;
  width: 840px;
  align-items: flex-start;
  padding: 4px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.OESC .o-observat-rio-da {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #d9e2ef;
  font-size: 18.9px;
  letter-spacing: 0;
  line-height: 29.3px;
}

.OESC .span {
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #d9e2ef;
  font-size: 18.9px;
  letter-spacing: 0;
  line-height: 29.3px;
}

.OESC .text-wrapper-2 {
  font-family: "Roboto-Bold", Helvetica;
  font-weight: 700;
}

.OESC .container-3 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0px 12px;
  padding: 14px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .link-2 {
  display: inline-flex;
  flex-direction: column;
  min-width: 173.58px;
  align-items: flex-start;
  padding: 12px 20px 13.8px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid;
  border-color: transparent;
}

.OESC .text-wrapper-3 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: var(--semantic-link-font-family);
  font-weight: var(--semantic-link-font-weight);
  color: #071129;
  font-size: var(--semantic-link-font-size);
  letter-spacing: var(--semantic-link-letter-spacing);
  line-height: var(--semantic-link-line-height);
  white-space: nowrap;
  font-style: var(--semantic-link-font-style);
}

.OESC .link-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 20px 13.8px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  border-radius: 8px;
  border: 1px solid;
  border-color: #7f90aa;
}

.OESC .text-wrapper-4 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: var(--semantic-link-font-family);
  font-weight: var(--semantic-link-font-weight);
  color: #ffffff;
  font-size: var(--semantic-link-font-size);
  letter-spacing: var(--semantic-link-letter-spacing);
  line-height: var(--semantic-link-line-height);
  white-space: nowrap;
  font-style: var(--semantic-link-font-style);
}

.OESC .container-wrapper {
  padding: 70.83px 0px 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .container-4 {
  display: flex;
  flex-direction: column;
  width: 1180px;
  align-items: flex-start;
  gap: 15.3px;
  position: relative;
  flex: 0 0 auto;
}

.OESC .text-wrapper-5 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--semantic-heading-2-font-family);
  font-weight: var(--semantic-heading-2-font-weight);
  color: #172033;
  font-size: var(--semantic-heading-2-font-size);
  letter-spacing: var(--semantic-heading-2-letter-spacing);
  line-height: var(--semantic-heading-2-line-height);
  font-style: var(--semantic-heading-2-font-style);
}

.OESC .voc-n-o-precisa {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #607086;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 26.8px;
}

.OESC .text-wrapper-6 {
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #607086;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 26.8px;
}

.OESC .img {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 634px;
}

.OESC .container-5 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  padding: 18.71px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .background-border {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8.8px;
  padding: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #ffffff;
  border-radius: 14px;
  border: 1px solid;
  border-color: #dce3ea;
  box-shadow: 0px 8px 25px #0711290a;
}

.OESC .icon {
  position: relative;
  width: 32px;
  height: 32px;
  aspect-ratio: 1;
}

.OESC .text-wrapper-7 {
  font-size: 18.9px;
  line-height: 29.3px;
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Roboto-Bold", Helvetica;
  font-weight: 700;
  color: #172033;
  letter-spacing: 0;
}

.OESC .container-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 0px 0.6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .text-wrapper-8 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #607086;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24.8px;
}

.OESC .text-wrapper-9 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #607086;
  font-size: 15.8px;
  letter-spacing: 0;
  line-height: 24.8px;
}

.OESC .icon-2 {
  position: relative;
  width: 32px;
  height: 29px;
  aspect-ratio: 1.1;
}

.OESC .section-2 {
  padding: 40px 0px;
  background-color: #f5f7fa;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .container-7 {
  display: flex;
  flex-direction: column;
  width: 1180px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.OESC .container-8 {
  display: flex;
  flex-direction: column;
  max-width: 900px;
  width: 900px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.OESC .frame-2 {
  gap: 16px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.OESC .heading-2 {
  padding: 0px 0px 0.67px;
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.OESC .o-OESC {
  position: relative;
  width: fit-content;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #607086;
  font-size: 17.3px;
  letter-spacing: 0;
  line-height: 26.8px;
}

.OESC .container-9 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-rows: repeat(1, fit-content(100%));
  height: fit-content;
  gap: 14px;
}

.OESC .background {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  min-height: 185px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  background-color: #16213c;
  border-radius: 14px;
}

.OESC .text-wrapper-10 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Roboto-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16.8px;
  letter-spacing: 0;
  line-height: 26px;
}

.OESC .text-wrapper-11 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #ffffffd1;
  font-size: 14.7px;
  letter-spacing: 0;
  line-height: 22.8px;
}

.OESC .background-2 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  width: 100%;
  min-height: 185px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  background-color: #237f85;
  border-radius: 14px;
}

.OESC .text-wrapper-12 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Roboto-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16.8px;
  letter-spacing: 0;
  line-height: 26px;
}

.OESC .background-3 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 3 / 4;
  width: 100%;
  min-height: 185px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  background-color: #17465e;
  border-radius: 14px;
}

.OESC .icon-3 {
  position: relative;
  width: 35px;
  height: 32px;
  aspect-ratio: 1.11;
}

.OESC .background-4 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 4 / 5;
  width: 100%;
  min-height: 185px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  background-color: #293b6f;
  border-radius: 14px;
}

.OESC .icon-4 {
  position: relative;
  width: 29px;
  height: 32px;
  aspect-ratio: 0.9;
}

.OESC .text-wrapper-13 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #ffffffd1;
  font-size: 14.7px;
  letter-spacing: 0;
  line-height: 22.8px;
}

.OESC .background-5 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 5 / 6;
  width: 100%;
  min-height: 185px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  background-color: #58a66b;
  border-radius: 14px;
}

.OESC .section-3 {
  gap: 24px;
  padding: 40px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .container-10 {
  display: flex;
  flex-direction: column;
  width: 1180px;
  align-items: flex-start;
  gap: 15.4px;
  position: relative;
  flex: 0 0 auto;
}

.OESC .text-wrapper-14 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #607086;
  font-size: 17.3px;
  letter-spacing: 0;
  line-height: 26.8px;
}

.OESC .agrupar {
  position: relative;
  width: 686px;
  height: 470.43px;
}

.OESC .cidade {
  top: 387px;
  left: 961px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  background-color: #7fa8e0;
  border-radius: 8px;
}

.OESC .text-wrapper-15 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--semantic-link-font-family);
  font-weight: var(--semantic-link-font-weight);
  color: #172033;
  font-size: var(--semantic-link-font-size);
  text-align: center;
  letter-spacing: var(--semantic-link-letter-spacing);
  line-height: var(--semantic-link-line-height);
  white-space: nowrap;
  font-style: var(--semantic-link-font-style);
}

.OESC .vector {
  position: absolute;
  top: 43px;
  left: 16px;
  width: 16px;
  height: 11px;
}

.OESC .cidade-2 {
  top: 567px;
  left: 916px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  background-color: #7fa8e0;
  border-radius: 8px;
}

.OESC .vector-2 {
  top: -6px;
  left: 16px;
  position: absolute;
  width: 16px;
  height: 11px;
}

.OESC .cidade-3 {
  top: 304px;
  left: 894px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  background-color: #7fa8e0;
  border-radius: 8px;
}

.OESC .cidade-4 {
  top: 172px;
  left: 971px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  background-color: #7fa8e0;
  border-radius: 8px;
}

.OESC .cidade-5 {
  top: 260px;
  left: 486px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  background-color: #7fa8e0;
  border-radius: 8px;
}

.OESC .cidade-6 {
  top: 430px;
  left: 748px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  background-color: #7fa8e0;
  border-radius: 8px;
}

.OESC .vector-3 {
  top: -10px;
  left: 53px;
  position: absolute;
  width: 16px;
  height: 11px;
}

.OESC .section-4 {
  padding: 71px 0px 72px;
  background-color: #f5f7fa;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .o-projeto-dever {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #607086;
  font-size: 17.2px;
  letter-spacing: 0;
  line-height: 26.8px;
}

.OESC .container-11 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: 106.39px 106.39px;
  height: 247.38px;
  gap: 16px;
  padding: 18.6px 0px 0px;
}

.OESC .background-6 {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: fit-content;
  gap: 2.89px;
  padding: 14px 16px;
  border-radius: 0px 10px 10px 0px;
  border-left-width: 4px;
  border-left-style: solid;
  border-color: #42a5c6;
  box-shadow: 0px 4px 16px #0711290a;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #ffffff;
}

.OESC .div-wrapper-2 {
  align-items: flex-start;
  padding: 0px 0px 0.8px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .text-wrapper-16 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--semantic-link-font-family);
  font-weight: var(--semantic-link-font-weight);
  color: #172033;
  font-size: var(--semantic-link-font-size);
  letter-spacing: var(--semantic-link-letter-spacing);
  line-height: var(--semantic-link-line-height);
  font-style: var(--semantic-link-font-style);
}

.OESC .text-wrapper-17 {
  position: relative;
  width: fit-content;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #172033;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24.8px;
}

.OESC .background-7 {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  gap: 2.89px;
  padding: 14px 16px;
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #ffffff;
  border-radius: 0px 10px 10px 0px;
  border-left-width: 4px;
  border-left-style: solid;
  border-color: #42a5c6;
  box-shadow: 0px 4px 16px #0711290a;
}

.OESC .background-8 {
  grid-row: 1 / 2;
  grid-column: 3 / 4;
  gap: 3px;
  padding: 13px 16px 39.59px;
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #ffffff;
  border-radius: 0px 10px 10px 0px;
  border-left-width: 4px;
  border-left-style: solid;
  border-color: #42a5c6;
  box-shadow: 0px 4px 16px #0711290a;
}

.OESC .text-wrapper-18 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #172033;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24.8px;
  white-space: nowrap;
}

.OESC .background-9 {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  gap: 2.9px;
  padding: 14px 16px;
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #ffffff;
  border-radius: 0px 10px 10px 0px;
  border-left-width: 4px;
  border-left-style: solid;
  border-color: #42a5c6;
  box-shadow: 0px 4px 16px #0711290a;
}

.OESC .background-10 {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  gap: 2.9px;
  padding: 14px 16px;
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #ffffff;
  border-radius: 0px 10px 10px 0px;
  border-left-width: 4px;
  border-left-style: solid;
  border-color: #42a5c6;
  box-shadow: 0px 4px 16px #0711290a;
}

.OESC .background-11 {
  grid-row: 2 / 3;
  grid-column: 3 / 4;
  gap: 2.9px;
  padding: 14px 16px;
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #ffffff;
  border-radius: 0px 10px 10px 0px;
  border-left-width: 4px;
  border-left-style: solid;
  border-color: #42a5c6;
  box-shadow: 0px 4px 16px #0711290a;
}

.OESC .section-5 {
  padding: 71px 0px 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .border {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 18.61px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid;
  border-color: #dce3ea;
}

.OESC .background-12 {
  display: flex;
  flex-direction: column;
  width: 235.59px;
  min-height: 180px;
  align-items: flex-start;
  gap: 6px;
  padding: 26px 20px 29.71px;
  position: relative;
  background-color: #ffffff;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #dce3ea;
}

.OESC .fase {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--roboto-bold-wght-800-upper-font-family);
  font-weight: var(--roboto-bold-wght-800-upper-font-weight);
  color: #255f8f;
  font-size: var(--roboto-bold-wght-800-upper-font-size);
  letter-spacing: var(--roboto-bold-wght-800-upper-letter-spacing);
  line-height: var(--roboto-bold-wght-800-upper-line-height);
  font-style: var(--roboto-bold-wght-800-upper-font-style);
}

.OESC .heading-3 {
  padding: 0.99px 0px 0.52px;
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.OESC .text-wrapper-19 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--semantic-heading-3-font-family);
  font-weight: var(--semantic-heading-3-font-weight);
  color: #172033;
  font-size: var(--semantic-heading-3-font-size);
  letter-spacing: var(--semantic-heading-3-letter-spacing);
  line-height: var(--semantic-heading-3-line-height);
  font-style: var(--semantic-heading-3-font-style);
}

.OESC .text-wrapper-20 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Roboto-Bold", Helvetica;
  font-weight: 700;
  color: #607086;
  font-size: 13.6px;
  letter-spacing: 0;
  line-height: 22.3px;
}

.OESC .governan-a-bolsas-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 3.22px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .text-wrapper-21 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #607086;
  font-size: 14.7px;
  letter-spacing: 0;
  line-height: 22.8px;
}

.OESC .background-13 {
  width: 235.59px;
  min-height: 180px;
  gap: 6px;
  padding: 26px 20px 52.52px;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #dce3ea;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #ffffff;
}

.OESC .container-12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 3.31px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .background-14 {
  width: 235.61px;
  min-height: 180px;
  gap: 6px;
  padding: 26px 20px 52.52px;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #dce3ea;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #ffffff;
}

.OESC .background-15 {
  width: 235.59px;
  min-height: 180px;
  gap: 6px;
  padding: 26px 20px 24px;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #dce3ea;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #ffffff;
}

.OESC .priorizar-e-wrapper {
  padding: 0.75px 0px 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .priorizar-e {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--semantic-heading-3-font-family);
  font-weight: var(--semantic-heading-3-font-weight);
  color: #172033;
  font-size: var(--semantic-heading-3-font-size);
  letter-spacing: var(--semantic-heading-3-letter-spacing);
  line-height: var(--semantic-heading-3-line-height);
  font-style: var(--semantic-heading-3-font-style);
}

.OESC .text-wrapper-22 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Roboto-Bold", Helvetica;
  font-weight: 700;
  color: #607086;
  font-size: 13.7px;
  letter-spacing: 0;
  line-height: 22.3px;
}

.OESC .background-16 {
  display: flex;
  flex-direction: column;
  width: 235.61px;
  min-height: 180px;
  align-items: flex-start;
  gap: 6px;
  padding: 26px 20px 52.52px;
  position: relative;
  background-color: #ffffff;
}

.OESC .section-6 {
  padding: 72px 0px;
  background-color: #f5f7fa;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .container-13 {
  display: flex;
  flex-direction: column;
  width: 1180px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.OESC .background-17 {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  grid-template-rows: 260.53px;
  height: 328.53px;
  gap: 28px;
  padding: 34px;
  background-color: #071129;
  border-radius: 16px;
}

.OESC .container-14 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  align-self: center;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14.8px;
}

.OESC .primeira-a-o-sele-o {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--semantic-heading-2-font-family);
  font-weight: var(--semantic-heading-2-font-weight);
  color: #ffffff;
  font-size: var(--semantic-heading-2-font-size);
  letter-spacing: var(--semantic-heading-2-letter-spacing);
  line-height: var(--semantic-heading-2-line-height);
  font-style: var(--semantic-heading-2-font-style);
}

.OESC .o-OESC-prev {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #d8e0eb;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24.8px;
}

.OESC .link-4 {
  display: inline-flex;
  align-items: flex-start;
  padding: 16.2px 20px 13px;
  position: relative;
  flex: 0 0 auto;
  background-color: #58a66b;
  border-radius: 8px;
  border: 1px solid;
  border-color: transparent;
}

.OESC .container-15 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  align-self: center;
  width: 100%;
  height: 107.42px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
}

.OESC .overlay-border {
  display: flex;
  flex-direction: column;
  width: 154.59px;
  align-items: center;
  gap: 0.49px;
  padding: 18px 10px 19.3px;
  position: relative;
  margin-bottom: -0.37px;
  margin-left: -0.01px;
  background-color: #ffffff14;
  border-radius: 12px;
  border: 1px solid;
  border-color: #ffffff1f;
}

.OESC .strong {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .text-wrapper-23 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 28.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 44.6px;
  white-space: nowrap;
}

.OESC .text-wrapper-24 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #d8e0eb;
  font-size: 14.4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22.3px;
  white-space: nowrap;
}

.OESC .overlay-border-2 {
  display: flex;
  flex-direction: column;
  width: 154.61px;
  align-items: center;
  gap: 0.49px;
  padding: 18px 10px 19.3px;
  position: relative;
  margin-bottom: -0.37px;
  background-color: #ffffff14;
  border-radius: 12px;
  border: 1px solid;
  border-color: #ffffff1f;
}

.OESC .overlay-border-3 {
  margin-right: -0.01px;
  display: flex;
  flex-direction: column;
  width: 154.61px;
  align-items: center;
  gap: 0.49px;
  padding: 18px 10px 19.3px;
  position: relative;
  margin-bottom: -0.37px;
  background-color: #ffffff14;
  border-radius: 12px;
  border: 1px solid;
  border-color: #ffffff1f;
}

.OESC .section-7 {
  padding: 71px 0px 88px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .container-16 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  padding: 18.71px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .background-border-2 {
  width: 226.39px;
  gap: 8.8px;
  padding: 19px 20px 44.79px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
  border-radius: 14px;
  border: 1px solid;
  border-color: #dce3ea;
  box-shadow: 0px 8px 25px #0711290a;
}

.OESC .text-wrapper-25 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #607086;
  font-size: 15.6px;
  letter-spacing: 0;
  line-height: 24.8px;
}

.OESC .background-border-3 {
  width: 226.41px;
  gap: 8.8px;
  padding: 19px 20px 44.79px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
  border-radius: 14px;
  border: 1px solid;
  border-color: #dce3ea;
  box-shadow: 0px 8px 25px #0711290a;
}

.OESC .quero-apresentar-uma {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--roboto-regular-font-family);
  font-weight: var(--roboto-regular-font-weight);
  color: #607086;
  font-size: var(--roboto-regular-font-size);
  letter-spacing: var(--roboto-regular-letter-spacing);
  line-height: var(--roboto-regular-line-height);
  font-style: var(--roboto-regular-font-style);
}

.OESC .background-border-4 {
  width: 226.39px;
  gap: 8.69px;
  padding: 19px 20px 19.99px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
  border-radius: 14px;
  border: 1px solid;
  border-color: #dce3ea;
  box-shadow: 0px 8px 25px #0711290a;
}

.OESC .text-wrapper-26 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #607086;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24.8px;
}

.OESC .background-border-5 {
  width: 226.41px;
  gap: 8.69px;
  padding: 19px 20px 19.99px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
  border-radius: 14px;
  border: 1px solid;
  border-color: #dce3ea;
  box-shadow: 0px 8px 25px #0711290a;
}

.OESC .container-17 {
  display: flex;
  align-items: flex-start;
  gap: 7.4px;
  padding: 15.7px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.OESC .background-18 {
  display: inline-flex;
  align-items: flex-start;
  padding: 5px 9px;
  position: relative;
  flex: 0 0 auto;
  background-color: #e7f1f5;
  border-radius: 999px;
}

.OESC .text-wrapper-27 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--roboto-bold-font-family);
  font-weight: var(--roboto-bold-font-weight);
  color: #285970;
  font-size: var(--roboto-bold-font-size);
  letter-spacing: var(--roboto-bold-letter-spacing);
  line-height: var(--roboto-bold-line-height);
  white-space: nowrap;
  font-style: var(--roboto-bold-font-style);
}

.OESC .footer {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: center;
  padding: 35.04px 0px 36px;
  position: relative;
  flex: 0 0 auto;
  background-color: #050b18;
}

.OESC .strong-OESC-observat {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto-Bold", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 14.9px;
  letter-spacing: 0;
  line-height: 23px;
}

.OESC .text-wrapper-28 {
  font-weight: 700;
  color: #ffffff;
}

.OESC .text-wrapper-29 {
  font-family: var(--semantic-strong-font-family);
  color: #aeb9c9;
  font-style: var(--semantic-strong-font-style);
  font-weight: var(--semantic-strong-font-weight);
  letter-spacing: var(--semantic-strong-letter-spacing);
  line-height: var(--semantic-strong-line-height);
  font-size: var(--semantic-strong-font-size);
}
/* Inject the following styles after the original style.css code. */

.OESC a:focus-visible {
  outline: 3px solid #9fd9eb;
  outline-offset: 4px;
}

.OESC .link,
.OESC .link-2,
.OESC .link-3,
.OESC .link-4 {
  text-decoration: none;
}

.OESC .list,
.OESC .border,
.OESC .container-17,
.OESC .container-15 {
  margin: 0;
  list-style: none;
}

.OESC .container-15 dd {
  margin: 0;
}

.OESC .container-15 dt {
  margin: 0;
}

@media (max-width: 1439px) {
  .OESC {
    min-width: 0;
  }

  .OESC .frame {
    width: 100%;
    height: auto;
    min-height: 0;
    overflow-y: visible;
  }

  .OESC .container,
  .OESC .container-2,
  .OESC .container-4,
  .OESC .container-7,
  .OESC .container-10,
  .OESC .container-13 {
    width: min(1180px, calc(100% - 48px));
  }

  .OESC .footer {
    width: 100%;
  }

  .OESC .img {
    height: auto;
  }
}

@media (max-width: 900px) {
  .OESC .container {
    min-height: auto;
    gap: 20px;
    align-items: flex-start;
    flex-direction: column;
  }

  .OESC .list {
    gap: 8px 18px;
  }

  .OESC .item {
    display: none;
  }

  .OESC .heading,
  .OESC .p,
  .OESC .o-observat-rio-da-wrapper,
  .OESC .container-8 {
    width: 100%;
    max-width: 100%;
  }

  .OESC .p {
    font-size: clamp(42px, 8vw, 72px);
    line-height: 1.03;
  }

  .OESC .container-5,
  .OESC .container-16 {
    flex-wrap: wrap;
  }

  .OESC .background-border,
  .OESC .background-border-2,
  .OESC .background-border-3,
  .OESC .background-border-4,
  .OESC .background-border-5 {
    min-width: min(100%, 280px);
  }

  .OESC .container-9 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .OESC .background,
  .OESC .background-2,
  .OESC .background-3,
  .OESC .background-4,
  .OESC .background-5 {
    grid-column: auto;
    grid-row: auto;
  }

  .OESC .container-11 {
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }

  .OESC .background-6,
  .OESC .background-7,
  .OESC .background-8,
  .OESC .background-9,
  .OESC .background-10,
  .OESC .background-11 {
    grid-column: auto;
    grid-row: auto;
    height: 100%;
  }

  .OESC .border {
    justify-content: flex-start;
    overflow-x: auto;
  }

  .OESC .background-12,
  .OESC .background-13,
  .OESC .background-14,
  .OESC .background-15,
  .OESC .background-16 {
    flex: 0 0 235.59px;
  }

  .OESC .background-17 {
    height: auto;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }

  .OESC .container-14,
  .OESC .container-15 {
    grid-column: 1;
    grid-row: auto;
  }

  .OESC .cidade,
  .OESC .cidade-2,
  .OESC .cidade-3,
  .OESC .cidade-4,
  .OESC .cidade-5,
  .OESC .cidade-6 {
    display: none;
  }
}

@media (max-width: 600px) {
  .OESC .container,
  .OESC .container-2,
  .OESC .container-4,
  .OESC .container-7,
  .OESC .container-10,
  .OESC .container-13 {
    width: min(100% - 32px, 1180px);
  }

  .OESC .section,
  .OESC .container-wrapper,
  .OESC .section-4,
  .OESC .section-5,
  .OESC .section-6,
  .OESC .section-7 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .OESC .section-2,
  .OESC .section-3 {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .OESC .text-wrapper-5,
  .OESC .primeira-a-o-sele-o {
    font-size: clamp(31px, 9vw, 43.2px);
    line-height: 1.12;
  }

  .OESC .o-observat-rio-da br,
  .OESC .o-OESC br,
  .OESC .text-wrapper-14 br,
  .OESC .o-projeto-dever br,
  .OESC .o-OESC-prev br {
    display: none;
  }

  .OESC .container-9,
  .OESC .container-11 {
    grid-template-columns: 1fr;
  }

  .OESC .container-5,
  .OESC .container-16 {
    flex-direction: column;
  }

  .OESC .background-border,
  .OESC .background-border-2,
  .OESC .background-border-3,
  .OESC .background-border-4,
  .OESC .background-border-5 {
    width: 100%;
    min-width: 0;
  }

  .OESC .agrupar {
    width: min(100% - 32px, 686px);
    height: auto;
  }

  .OESC .background-17 {
    padding: 24px;
  }

  .OESC .container-15 {
    height: auto;
    flex-wrap: wrap;
  }

  .OESC .overlay-border,
  .OESC .overlay-border-2,
  .OESC .overlay-border-3 {
    width: calc(50% - 6px);
    margin-right: 0;
    margin-left: 0;
  }

  .OESC .container-17 {
    flex-wrap: wrap;
  }
}

/* =====================================================================
   QUEM SOMOS
   New section only. Existing OESC selectors above remain unchanged.
   ===================================================================== */

.OESC .who-we-are-section {
  width: 100%;
  padding: 80px 0;
  background-color: #f5f7fa;
  display: flex;
  justify-content: center;
}

.OESC .who-we-are-container {
  width: 1120px;
  max-width: calc(100% - 80px);
  margin: 0 auto;
}

.OESC .who-we-are-heading {
  max-width: 900px;
  margin-bottom: 36px;
}

.OESC .who-we-are-kicker {
  margin: 0 0 8px;
  color: #255f8f;
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.OESC .who-we-are-title {
  margin: 0 0 18px;
  color: #172033;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 43px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.8px;
}

.OESC .who-we-are-lead {
  margin: 0;
  color: #172033;
  font-family: "Roboto-Regular", Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 1.55;
}

.OESC .who-we-are-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(310px, 0.5fr);
  gap: 34px;
  align-items: stretch;
}

.OESC .who-we-are-copy {
  color: #607086;
  font-family: "Roboto-Regular", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
}

.OESC .who-we-are-copy p {
  margin: 0 0 18px;
}

.OESC .who-we-are-copy strong,
.OESC .who-we-are-lead strong {
  color: #172033;
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

.OESC .who-we-are-institutions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 25px;
}

.OESC .who-we-are-institutions span {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  background-color: #e7f1f5;
  color: #285970;
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
}

.OESC .who-we-are-highlight {
  padding: 30px;
  border-radius: 16px;
  background: radial-gradient(circle at 90% 10%, rgba(66,165,198,.24), transparent 38%), #071129;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.OESC .who-we-are-highlight-label {
  color: #9fd9eb;
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.OESC .who-we-are-highlight-title {
  display: block;
  margin-top: 10px;
  color: #ffffff;
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.OESC .who-we-are-highlight p {
  margin: 14px 0 0;
  color: #d8e0eb;
  font-family: "Roboto-Regular", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
}

.OESC .who-we-are-stat {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.16);
}

.OESC .who-we-are-stat strong {
  color: #ffffff;
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  font-size: 34px;
  font-weight: 700;
}

.OESC .who-we-are-stat span {
  color: #d8e0eb;
  font-family: "Roboto-Regular", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.4;
}

@media (max-width: 900px) {
  .OESC .who-we-are-container {
    max-width: calc(100% - 40px);
  }

  .OESC .who-we-are-grid {
    grid-template-columns: 1fr;
  }
}


/* =====================================================================
   ATUALIZACOES E OPORTUNIDADES - HOME
   ===================================================================== */
.OESC .updates-section { width:100%; padding:72px 0; background:#ffffff; display:flex; justify-content:center; }
.OESC .updates-container { width:1120px; max-width:calc(100% - 80px); margin:0 auto; }
.OESC .updates-heading { max-width:820px; margin-bottom:30px; }
.OESC .updates-kicker, .OESC .portal-page-kicker, .OESC .portal-eyebrow { margin:0 0 8px; color:#255f8f; font-family:"Roboto-Bold",Helvetica,Arial,sans-serif; font-size:13px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; }
.OESC .updates-title { margin:0 0 12px; color:#172033; font-family:"Roboto",Helvetica,Arial,sans-serif; font-size:39px; font-weight:700; line-height:1.15; letter-spacing:-.6px; }
.OESC .updates-lead { margin:0; color:#607086; font-family:"Roboto-Regular",Helvetica,Arial,sans-serif; font-size:17px; line-height:1.55; }
.OESC .updates-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.OESC .update-card { min-height:260px; padding:26px; border:1px solid #dce3ea; border-radius:14px; background:#f8fafc; display:flex; flex-direction:column; }
.OESC .update-card-featured { background:#071129; border-color:#071129; }
.OESC .update-card-meta { margin-bottom:13px; color:#255f8f; font-family:"Roboto-Bold",Helvetica,Arial,sans-serif; font-size:12px; font-weight:700; letter-spacing:1.1px; }
.OESC .update-card-featured .update-card-meta { color:#9fd9eb; }
.OESC .update-card h3 { margin:0 0 12px; color:#172033; font-family:"Roboto-Bold",Helvetica,Arial,sans-serif; font-size:22px; line-height:1.25; }
.OESC .update-card p { margin:0 0 20px; color:#607086; font-family:"Roboto-Regular",Helvetica,Arial,sans-serif; font-size:15px; line-height:1.55; }
.OESC .update-card a { margin-top:auto; color:#255f8f; font-family:"Roboto-Bold",Helvetica,Arial,sans-serif; font-size:14px; font-weight:700; text-decoration:none; }
.OESC .update-card-featured h3 { color:#fff; }
.OESC .update-card-featured p { color:#d8e0eb; }
.OESC .update-card-featured a { color:#9fd9eb; }

/* =====================================================================
   INTEGRACAO A REDE - HOME
   ===================================================================== */
.OESC .network-join-section { width:100%; padding:72px 0; background:#f5f7fa; display:flex; justify-content:center; }
.OESC .network-join-container { width:1120px; max-width:calc(100% - 80px); margin:0 auto; display:flex; gap:40px; align-items:center; justify-content:space-between; }
.OESC .network-join-copy { max-width:820px; }
.OESC .network-join-kicker { margin:0 0 8px; color:#255f8f; font-family:"Roboto-Bold",Helvetica,Arial,sans-serif; font-size:13px; font-weight:700; letter-spacing:1.4px; }
.OESC .network-join-title { margin:0 0 13px; color:#172033; font-family:"Roboto",Helvetica,Arial,sans-serif; font-size:38px; font-weight:700; line-height:1.18; }
.OESC .network-join-lead { margin:0; color:#607086; font-family:"Roboto-Regular",Helvetica,Arial,sans-serif; font-size:17px; line-height:1.62; }
.OESC .network-join-button, .OESC .portal-button { display:inline-flex; align-items:center; justify-content:center; padding:14px 20px; border-radius:8px; background:#255f8f; color:#fff; font-family:"Roboto-Bold",Helvetica,Arial,sans-serif; font-size:14px; font-weight:700; text-decoration:none; white-space:nowrap; }

/* =====================================================================
   PAGINAS INTERNAS
   ===================================================================== */
.OESC .portal-page-hero { width:100%; padding:82px 0 68px; background:radial-gradient(circle at 85% 20%,rgba(66,165,198,.25),transparent 30%),#071129; display:flex; justify-content:center; }
.OESC .portal-page-container { width:1120px; max-width:calc(100% - 80px); margin:0 auto; }
.OESC .portal-page-hero h1 { margin:0 0 14px; color:#fff; font-family:"Roboto",Helvetica,Arial,sans-serif; font-size:48px; font-weight:700; line-height:1.1; }
.OESC .portal-page-hero p:not(.portal-page-kicker) { max-width:850px; margin:0; color:#d8e0eb; font-family:"Roboto-Regular",Helvetica,Arial,sans-serif; font-size:18px; line-height:1.6; }
.OESC .portal-page-kicker { color:#9fd9eb; }
.OESC .portal-content-section { width:100%; padding:70px 0; background:#fff; }
.OESC .portal-alt-section { background:#f5f7fa; }
.OESC .portal-section-heading { max-width:900px; margin-bottom:30px; }
.OESC .portal-section-heading h2, .OESC .portal-form-callout h2 { margin:0 0 13px; color:#172033; font-family:"Roboto",Helvetica,Arial,sans-serif; font-size:34px; font-weight:700; line-height:1.2; }
.OESC .portal-section-heading p:not(.portal-eyebrow), .OESC .portal-form-callout p:not(.portal-eyebrow) { margin:0; color:#607086; font-family:"Roboto-Regular",Helvetica,Arial,sans-serif; font-size:16px; line-height:1.65; }
.OESC .portal-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:26px 0 30px; }
.OESC .portal-stat { padding:22px; border-radius:12px; background:#071129; color:#fff; text-align:center; }
.OESC .portal-stat strong { display:block; font-family:"Roboto-Bold",Helvetica,Arial,sans-serif; font-size:34px; }
.OESC .portal-stat span { color:#d8e0eb; font-family:"Roboto-Regular",Helvetica,Arial,sans-serif; font-size:14px; }

.OESC .portal-application-banner { margin:26px 0 34px; padding:28px 30px; border:1px solid #c9dce7; border-radius:15px; background:#eef7fa; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:28px; align-items:center; }
.OESC .portal-application-banner h3 { margin:0 0 9px; color:#172033; font-family:"Roboto-Bold",Helvetica,Arial,sans-serif; font-size:24px; line-height:1.25; }
.OESC .portal-application-banner p:not(.portal-application-status) { margin:0; max-width:780px; color:#50667c; font-family:"Roboto-Regular",Helvetica,Arial,sans-serif; font-size:15px; line-height:1.6; }
.OESC .portal-application-status { margin:0 0 8px; color:#c62828; font-family:"Roboto-Bold",Helvetica,Arial,sans-serif; font-size:13px; font-weight:700; letter-spacing:.8px; }
.OESC .portal-section-subheading { margin:4px 0 18px; }
.OESC .portal-section-subheading h3 { margin:0 0 6px; color:#172033; font-family:"Roboto-Bold",Helvetica,Arial,sans-serif; font-size:24px; line-height:1.25; }
.OESC .portal-section-subheading p:not(.portal-eyebrow) { margin:0; color:#607086; font-family:"Roboto-Regular",Helvetica,Arial,sans-serif; font-size:15px; line-height:1.55; }
.OESC .portal-scholarship-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0 0 32px; }
.OESC .portal-scholarship-card { min-height:330px; padding:26px; border-radius:14px; background:#071129; display:flex; flex-direction:column; }
.OESC .portal-scholarship-count { margin-bottom:6px; color:#fff; font-family:"Roboto-Bold",Helvetica,Arial,sans-serif; font-size:40px; font-weight:700; line-height:1; }
.OESC .portal-scholarship-card h3 { margin:0 0 12px; color:#fff; font-family:"Roboto-Bold",Helvetica,Arial,sans-serif; font-size:21px; line-height:1.3; }
.OESC .portal-scholarship-card p { margin:0 0 18px; color:#d8e0eb; font-family:"Roboto-Regular",Helvetica,Arial,sans-serif; font-size:14px; line-height:1.6; }
.OESC .portal-scholarship-open { display:block; margin-top:auto; margin-bottom:14px; color:#9fd9eb; font-family:"Roboto-Bold",Helvetica,Arial,sans-serif; font-size:12px; font-weight:700; letter-spacing:.8px; }
.OESC .portal-scholarship-button { align-self:flex-start; background:#fff; color:#071129; }
.OESC .portal-process-resources { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:8px; }
.OESC .portal-two-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.OESC .portal-three-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.OESC .portal-card, .OESC .portal-profile { padding:25px; border:1px solid #dce3ea; border-radius:13px; background:#fff; }
.OESC .portal-card h3, .OESC .portal-profile h3 { margin:0 0 10px; color:#172033; font-family:"Roboto-Bold",Helvetica,Arial,sans-serif; font-size:20px; line-height:1.3; }
.OESC .portal-card p, .OESC .portal-profile p { margin:0 0 16px; color:#607086; font-family:"Roboto-Regular",Helvetica,Arial,sans-serif; font-size:15px; line-height:1.6; }
.OESC .portal-button-disabled { display:inline-flex; padding:13px 18px; border-radius:8px; background:#e8edf2; color:#6d7a8b; font-family:"Roboto-Bold",Helvetica,Arial,sans-serif; font-size:14px; font-weight:700; }
.OESC .portal-note { margin-top:22px; padding:20px 22px; border-left:4px solid #42a5c6; background:#f5f7fa; }
.OESC .portal-note strong { color:#172033; font-family:"Roboto-Bold",Helvetica,Arial,sans-serif; }
.OESC .portal-note p { margin:5px 0 0; color:#607086; font-family:"Roboto-Regular",Helvetica,Arial,sans-serif; font-size:14px; line-height:1.55; }
.OESC .portal-profile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.OESC .portal-interest-list { display:flex; flex-wrap:wrap; gap:9px; }
.OESC .portal-interest-list span { padding:9px 13px; border-radius:999px; background:#e7f1f5; color:#285970; font-family:"Roboto-Bold",Helvetica,Arial,sans-serif; font-size:13px; font-weight:700; }
.OESC .portal-form-callout { margin-top:34px; padding:30px; border-radius:15px; background:#fff; display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; border:1px solid #dce3ea; }
.OESC .footer-links { margin:18px 0 0; font-family:"Roboto-Regular",Helvetica,Arial,sans-serif; font-size:13px; }
.OESC .footer-links a { color:#8da0b8; text-decoration:none; }

@media (max-width: 900px) {
  .OESC .updates-container, .OESC .network-join-container, .OESC .portal-page-container { max-width:calc(100% - 40px); }
  .OESC .updates-grid, .OESC .portal-three-columns, .OESC .portal-scholarship-grid { grid-template-columns:1fr; }
  .OESC .portal-two-columns, .OESC .portal-profile-grid, .OESC .portal-process-resources { grid-template-columns:1fr; }
  .OESC .network-join-container { flex-direction:column; align-items:flex-start; }
  .OESC .portal-form-callout, .OESC .portal-application-banner { grid-template-columns:1fr; }
}
@media (max-width: 600px) {
  .OESC .updates-section, .OESC .network-join-section, .OESC .portal-content-section { padding:48px 0; }
  .OESC .portal-page-hero { padding:60px 0 50px; }
  .OESC .portal-page-hero h1 { font-size:38px; }
  .OESC .portal-stats { grid-template-columns:1fr; }
}


/* =====================================================================
   ACOES DOS CARDS DE ATUALIZACOES
   ===================================================================== */
.OESC .update-card-actions {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

.OESC .update-card-actions a {
  margin-top: 0;
}

.OESC .update-card-secondary-link {
  color: #b9c9da !important;
  font-weight: 500 !important;
}

/* =====================================================================
   PUBLICACAO DE RESULTADOS DO EDITAL
   ===================================================================== */
.OESC .portal-results-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.OESC .portal-result-card {
  padding: 26px;
  border: 1px solid #dce3ea;
  border-radius: 13px;
  background: #ffffff;
}

.OESC .portal-result-card h3 {
  margin: 12px 0 10px;
  color: #172033;
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  font-size: 21px;
  line-height: 1.3;
}

.OESC .portal-result-card p {
  margin: 0 0 16px;
  color: #607086;
  font-family: "Roboto-Regular", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
}

.OESC .portal-result-status {
  display: inline-flex;
  align-items: center;
  padding: 6px 9px;
  border-radius: 999px;
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .7px;
}

.OESC .portal-result-pending {
  background: #edf1f5;
  color: #66768a;
}

.OESC .portal-result-published {
  background: #e4f3e8;
  color: #2f6d42;
}

.OESC .portal-permanent-link {
  margin-top: 24px;
  padding: 22px;
  border-left: 4px solid #255f8f;
  background: #ffffff;
}

.OESC .portal-permanent-link strong {
  display: block;
  margin-bottom: 10px;
  color: #172033;
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
}

.OESC .portal-permanent-link code {
  display: block;
  overflow-wrap: anywhere;
  padding: 10px 12px;
  border-radius: 7px;
  background: #071129;
  color: #dce8f3;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 13px;
}

.OESC .portal-permanent-link p {
  margin: 11px 0 0;
  color: #607086;
  font-family: "Roboto-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.55;
}

.OESC .portal-text-link {
  display: inline-block;
  margin-top: 10px;
  color: #255f8f;
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

@media (max-width: 900px) {
  .OESC .portal-results-grid {
    grid-template-columns: 1fr;
  }
}


/* =====================================================================
   AREAS DE INTERESSE - OBSERVACAO E EXPANSAO CONTINUA
   ===================================================================== */
.OESC .areas-observation-note {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  margin-top: 28px;
  padding: 22px 24px;
  border: 1px solid #cfdde6;
  border-left: 4px solid #255f8f;
  border-radius: 10px;
  background: #f5f9fb;
}

.OESC .areas-observation-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #255f8f;
  color: #ffffff;
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 1;
}

.OESC .areas-observation-copy h3 {
  margin: 0 0 8px;
  color: #172033;
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.35;
}

.OESC .areas-observation-copy p {
  margin: 0;
  color: #607086;
  font-family: "Roboto-Regular", Helvetica, Arial, sans-serif;
  font-size: 15.5px;
  line-height: 1.65;
}

.OESC .portal-profile-highlight {
  border-left: 4px solid #255f8f;
  background: #f5f9fb;
}

@media (max-width: 600px) {
  .OESC .areas-observation-note {
    grid-template-columns: 1fr;
  }
}


/* =====================================================================
   PAGINAS INTERNAS - ALTURA AUTOMATICA
   Evita a altura fixa herdada da landing page original.
   Aplica-se apenas a oportunidades.html e participar.html.
   ===================================================================== */
.OESC.portal-subpage {
  min-height: 100vh;
}

.OESC.portal-subpage .frame {
  height: auto;
  min-height: 100vh;
  overflow-y: visible;
}

/* =====================================================================
   HOMEPAGE - ALTURA AUTOMATICA
   Permite a inclusao de novas secoes sem depender da altura fixa
   herdada da exportacao original.
   ===================================================================== */
.OESC.oesc-home-page {
  min-height: 100vh;
}

.OESC.oesc-home-page .frame {
  height: auto;
  min-height: 100vh;
  overflow-y: visible;
}

/* =====================================================================
   COMO O OESC ATUA / METODOLOGIA
   ===================================================================== */
.OESC .oesc-methodology-section {
  width: 100%;
  padding: 72px 0;
  background: #ffffff;
  display: flex;
  justify-content: center;
}

.OESC .oesc-methodology-container {
  width: 1180px;
  max-width: calc(100% - 48px);
}

.OESC .oesc-methodology-heading {
  max-width: 930px;
  margin-bottom: 28px;
}

.OESC .oesc-methodology-heading h2 {
  margin: 0 0 12px;
  color: #172033;
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  font-size: 32px;
  line-height: 1.2;
}

.OESC .oesc-methodology-heading p {
  margin: 0;
  color: #607086;
  font-family: "Roboto-Regular", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}

.OESC .oesc-methodology-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.OESC .oesc-methodology-card {
  padding: 22px;
  border: 1px solid #dce3ea;
  border-radius: 12px;
  background: #f9fbfc;
}

.OESC .oesc-axis-number,
.OESC .oesc-strategic-label {
  display: inline-block;
  margin-bottom: 9px;
  color: #255f8f;
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}

.OESC .oesc-methodology-card h3 {
  margin: 0 0 9px;
  color: #172033;
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.35;
}

.OESC .oesc-methodology-card p {
  margin: 0;
  color: #607086;
  font-family: "Roboto-Regular", Helvetica, Arial, sans-serif;
  font-size: 14.5px;
  line-height: 1.6;
}

.OESC .oesc-strategic-heading {
  margin: 42px 0 18px;
}

.OESC .oesc-strategic-heading h3 {
  margin: 0;
  color: #172033;
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 1.3;
}

.OESC .oesc-strategic-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.OESC .oesc-strategic-card {
  padding: 24px;
  border-radius: 13px;
  background: #071129;
}

.OESC .oesc-strategic-card .oesc-strategic-label {
  color: #9fd9eb;
}

.OESC .oesc-strategic-card h4 {
  margin: 0 0 9px;
  color: #ffffff;
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.3;
}

.OESC .oesc-strategic-card p {
  margin: 0;
  color: #d8e0eb;
  font-family: "Roboto-Regular", Helvetica, Arial, sans-serif;
  font-size: 14.5px;
  line-height: 1.62;
}

.OESC .oesc-strategic-note {
  display: flex;
  gap: 9px;
  margin-top: 18px;
  padding: 18px 20px;
  border-left: 4px solid #58a66b;
  background: #f5f9f6;
  color: #4f6470;
  font-family: "Roboto-Regular", Helvetica, Arial, sans-serif;
  font-size: 14.5px;
  line-height: 1.6;
}

.OESC .oesc-strategic-note strong {
  color: #315b3d;
  white-space: nowrap;
}

@media (max-width: 980px) {
  .OESC .oesc-methodology-grid,
  .OESC .oesc-strategic-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .OESC .oesc-strategic-note {
    flex-direction: column;
  }
}

@media (max-width: 650px) {
  .OESC .oesc-methodology-section {
    padding: 52px 0;
  }

  .OESC .oesc-methodology-container {
    max-width: calc(100% - 32px);
  }

  .OESC .oesc-methodology-grid,
  .OESC .oesc-strategic-grid {
    grid-template-columns: 1fr;
  }
}