.excelencia-educativa {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background-color: #ffffff;
}

.excelencia-educativa .nav-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px 0px;
  padding: 24px 64px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  box-shadow: 0px 4px 4px #0000000d;
}

.excelencia-educativa .logotipo-congreso {
  position: relative;
  width: 202px;
  height: 50px;
  aspect-ratio: 4.05;
}

.excelencia-educativa .menu {
  display: flex;
  flex-wrap: wrap;
  min-width: 220px;
  align-items: center;
  justify-content: flex-end;
  gap: 40px 40px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.excelencia-educativa .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Regesto Grotesk-Bold", Helvetica;
  font-weight: 700;
  color: #1e1e1e;
  font-size: 14px;
  text-align: center;
  letter-spacing: -0.31px;
  line-height: 21px;
  white-space: nowrap;
}

.excelencia-educativa .body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 0px 0px 80px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.excelencia-educativa .hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 80px 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-image: url("/images/hero.png");
  background-size: cover;
  background-position: 50% 50%;
}

.excelencia-educativa .frame {
  flex-direction: column;
  align-items: center;
  gap: 22px;
  padding: 0px 40px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  position: relative;
}

.excelencia-educativa .reverso-wrapper {
  width: 333px;
  height: 333px;
  align-items: center;
  gap: 10px;
  padding: 21px;
  border-radius: 202.5px;
  background-image: url("/images/frame-10.png");
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  justify-content: center;
  position: relative;
}

.excelencia-educativa .reverso {
  position: relative;
  width: 290px;
  height: 291px;
  aspect-ratio: 1;
  object-fit: cover;
}

.excelencia-educativa .pergamino-y-la {
  position: relative;
  font-family: "Regesto Grotesk-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.excelencia-educativa .secction {
  display: flex;
  flex-direction: column;
  max-width: 1920px;
  align-items: center;
  gap: 80px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.excelencia-educativa .div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 22px;
  padding: 0px 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.excelencia-educativa .celebrando-la {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Regesto Grotesk-Bold", Helvetica;
  font-weight: 700;
  color: #454545;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.excelencia-educativa .el-congreso-del {
  position: relative;
  font-family: "Regesto Grotesk-Regular", Helvetica;
  font-weight: 400;
  color: #454545;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.excelencia-educativa .rectangle {
  position: relative;
  max-width: 1440px;
  width: 100%;
  height: 78px;
  object-fit: cover;
}

.excelencia-educativa .div-2 {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 0px 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 20px;
}

.excelencia-educativa .titulo-categoria {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.excelencia-educativa .logocongreso {
  position: relative;
  width: 85px;
  height: 90px;
  aspect-ratio: 0.95;
  object-fit: cover;
}

.excelencia-educativa .text-wrapper-2 {
  position: relative;
  font-family: "Athelas-Regular", Helvetica;
  font-weight: 400;
  color: #454545;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.excelencia-educativa .categorias {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 100px;
  padding: 40px 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.excelencia-educativa .div-3 {
  display: flex;
  flex-direction: column;
  min-width: 220px;
  align-items: center;
  gap: 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 10px;
}

.excelencia-educativa .text-wrapper-3 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Regesto Grotesk-Regular", Helvetica;
  font-weight: 400;
  color: #454545;
  font-size: 20px;
  text-align: center;
  letter-spacing: 6.00px;
  line-height: normal;
}

.excelencia-educativa .frame-2 {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 40px 40px;
  padding: 0px 80px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  position: relative;
}

.excelencia-educativa .div-4 {
  display: flex;
  min-width: 220px;
  max-width: 350px;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.excelencia-educativa .vector {
  position: relative;
  width: 33px;
  height: 62px;
  aspect-ratio: 0.54;
}

.excelencia-educativa .text-wrapper-4 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Athelas-Bold", Helvetica;
  font-weight: 700;
  color: #454545;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.excelencia-educativa .img {
  width: 35px;
  aspect-ratio: 0.57;
  position: relative;
  height: 62px;
}

.excelencia-educativa .text-wrapper-5 {
  font-family: "Athelas-Bold", Helvetica;
  font-weight: 700;
  color: #454545;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  flex: 1;
}

.excelencia-educativa .EDUCACIN-MEDIA {
  display: flex;
  flex-direction: column;
  min-width: 220px;
  align-items: center;
  gap: 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.excelencia-educativa .div-5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 0px 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 20px;
}

.excelencia-educativa .categorias-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 100px;
  padding: 40px 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.excelencia-educativa .vector-2 {
  width: 33px;
  margin-left: -26.00px;
  aspect-ratio: 0.54;
  position: relative;
  height: 62px;
}

.excelencia-educativa .ALEJANDRA-NAVARRETE {
  width: fit-content;
  white-space: nowrap;
  position: relative;
  font-family: "Athelas-Bold", Helvetica;
  font-weight: 700;
  color: #454545;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.excelencia-educativa .vector-3 {
  width: 35px;
  margin-right: -26.00px;
  aspect-ratio: 0.57;
  position: relative;
  height: 62px;
}

.excelencia-educativa .p {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Regesto Grotesk-Bold", Helvetica;
  font-weight: 700;
  color: #454545;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.excelencia-educativa .text-wrapper-6 {
  position: relative;
  font-family: "Regesto Grotesk-Regular", Helvetica;
  font-weight: 400;
  color: #454545;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.excelencia-educativa .congreso-logo {
  position: relative;
  width: 300px;
  height: 112px;
  aspect-ratio: 2.68;
  object-fit: cover;
}

.excelencia-educativa .footer {
  display: flex;
  flex-wrap: wrap;
  height: 139.76px;
  align-items: center;
  justify-content: center;
  gap: 20px 0px;
  padding: 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #ffffff;
}