.oportunidadeslaborales-contenedor_01 {
  width: 100%;
  height: 0px;
  z-index: 0;
  padding-top: 0px;
  top: -77px;
}

.oportunidadeslaborales-contenedor_02 {
  width: 100%;
  overflow: hidden;
  height: 850px;
  position: static;
  align-items: flex-start;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 1);
}

.oportunidadeslaborales-Rectangulo_01 {
  top: 1073px;
  left: 0px;
  width: 100%;
  height: 577px;
  position: absolute;
  background-color: #e0dcdc;
}

.oportunidadeslaborales-Text_01 {
  top: 345px;
  left: 36%;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  font-size: 36px;
  font-style: Extra Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Logo_TM {
  top: 680px;
  left: 67%;
  width: 100px;
  height: 100px;
  position: absolute;
}

.oportunidadeslaborales-Logo_Lely {
  top: 680px;
  left: 53%;
  width: 100px;
  height: 100px;
  position: absolute;
}

.oportunidadeslaborales-Logo_Consel {
  top: 680px;
  left: 80%;
  width: 100px;
  height: 100px;
  position: absolute;
}
.oportunidadeslaborales-QR {
  top: 430px;
  left: 15%;
  width: 400px;
  height: 400px;
  position: absolute;
}
.oportunidadeslaborales-Text_02 {
  top: 480px;
  left: 59%;
  color: black;
  width: 420px;
  height: auto;
  position: absolute;
  font-size: 18px;
  font-style: Extra Bold;
  text-align: center;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_03 {
  top: 880px;
  left: 38%;
  color: black;
  width: 450px;
  height: auto;
  position: absolute;
  font-size: 18px;
  font-style: Extra Bold;
  text-align: center;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_04 {
  top: 672px;
  left: 60%;
  color: rgba(143, 21, 123, 1);
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: Semi Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_10 {
  top: 934px;
  left: 60%;
  color: rgba(143, 21, 123, 1);
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: Semi Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_07 {
  top: 809px;
  left: 60%;
  color: rgba(143, 21, 123, 1);
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: Semi Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_06 {
  top: 785px;
  left: 60%;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  font-size: 16px;
  font-style: Semi Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_05 {
  top: 727px;
  left: 60%;
  color: #a70365;
  width: 447px;
  height: auto;
  position: absolute;
  font-size: 36px;
  font-style: Extra Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_09 {
  top: 904px;
  left: 60%;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  font-size: 16px;
  font-style: Semi Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_08 {
  top: 846px;
  left: 60%;
  color: #a70365;
  width: 271px;
  height: auto;
  position: absolute;
  font-size: 36px;
  font-style: Extra Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_22 {
  top: 1833px;
  left: 60%;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 24px;
  font-style: Extra Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_12 {
  top: 1149px;
  left: 60%;
  color: rgba(0, 0, 0, 1);
  width: 447px;
  height: auto;
  position: absolute;
  font-size: 36px;
  font-style: Extra Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_14 {
  top: 1238px;
  left: 60%;
  color: rgba(103, 103, 103, 1);
  width: 439px;
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: Semi Bold;
  text-align: justified;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_13 {
  top: 1208px;
  left: 60%;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  font-size: 16px;
  font-style: Semi Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_15 {
  top: 1276px;
  left: 60%;
  color: rgba(0, 0, 0, 1);
  width: 447px;
  height: auto;
  position: absolute;
  font-size: 36px;
  font-style: Extra Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_17 {
  top: 1353px;
  left: 60%;
  color: rgba(103, 103, 103, 1);
  width: 439px;
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: Semi Bold;
  text-align: justified;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_16 {
  top: 1327px;
  left: 60%;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  font-size: 16px;
  font-style: Semi Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_18 {
  top: 1399px;
  left: 60%;
  color: rgba(0, 0, 0, 1);
  width: 447px;
  height: auto;
  position: absolute;
  font-size: 36px;
  font-style: Extra Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_20 {
  top: 1476px;
  left: 60%;
  color: rgba(103, 103, 103, 1);
  width: 439px;
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: Semi Bold;
  text-align: justified;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_19 {
  top: 1448px;
  left: 60%;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  font-size: 16px;
  font-style: Semi Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_11 {
  top: 600px;
  left: 64%;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 24px;
  font-style: Extra Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.oportunidadeslaborales-Text_21 {
  top: 970px;
  left: 43%;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 24px;
  font-style: Extra Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.dialog-box {
  background-color: #fff;
  padding: 20px;
  max-width: 500px;
  border-radius: 60px;
  text-align: center;
}

.dialog-titlelely {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #a70365;
}

.dialog-titletm {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  color: gray;
}

.dialog-content {
  margin-bottom: 20px;
  text-align: justify;
  font-size: 14px;
}

.dialog-buttonslely {
  display: flex;
  justify-content: center;
}

.dialog-buttonstm {
  display: flex;
  justify-content: center;
}


.dialog-buttonslely button {
  background-color: #a70365;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 32px
}

.dialog-buttonstm button {
  background-color: gray;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 32px;
}

.dialog-closelely {
  position: absolute;
  top: 33%;
  left: 64%;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  background-color: #a70365;
  color: white;
}

.dialog-closetm {
  position: absolute;
  top: 200px;
  left: 65%;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  background-color: #848183;
  color: white;
}



.purple-buttonoportunidadeslely {
  background-color: #0d3878;
  color: white;
  border: none;
  border-radius: 32px;
  padding: 12px 30px;
  font-size: 14px;
  box-shadow: none;
}

.purple-buttonoportunidadestm {
  background-color: #128c7e;
  color: white;
  border: none;
  border-radius: 32px;
  padding: 14px 30px;
  font-size: 14px;
  box-shadow: none;
}

.purple-buttonoportunidadesconsel {
  background-color: #10589B;
  color: white;
  border: none;
  border-radius: 32px;
  padding: 15px 96px;
  font-size: 17px;
  cursor: pointer;
}

