@font-face {
  font-family: Montserrat;
  src: url("/documents/20122/19409743/montserrat.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}


.parent-infografia {
  max-width: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.infografia-child {
  padding: 10px;
  text-align: center;
}

.title-div,
.info-div-periodos,
.subtitle-div,
.periodos-div,
.grafico-periodos,
.segundoGrafico {
  display: flex !important ;
  justify-content: center !important ;
  align-items: center !important ;
}

.title-div {
  width: 100%;
  background-color: rgb(92, 136, 26) !important;
  height: 97px !important;
}
.title-periodos {
  font-family: Montserrat, "Source Sans Pro", _fb_ !important ;
  font-weight: bold !important ;
  font-size: 29.8233px !important ;
  color: #ffffff !important ;
  padding: 0px !important ;
  line-height: 1.23 !important ;
  letter-spacing: 0px !important ;
  overflow-wrap: break-word !important ;
}
.info-text-periodos {
  font-family: Montserrat !important ;
  font-size: 19px !important ;
  color: rgb(35, 35, 35) !important ;
  padding: 0px !important ;
  line-height: 1.23 !important ;
  letter-spacing: 0px !important ;
  overflow-wrap: break-word !important ;
  text-align: center !important ;
}
.infografia {
    flex-grow: 1;
}

.subtitle-div {
  margin-top: 32px !important ;
  margin-bottom: 20px !important ;
  width: 100% !important ;
}

.subtitle-semana {
  font-family: Montserrat, "Source Sans Pro", _fb_ !important ;
  font-size: 22px !important ;
  font-weight: bold !important ;
  color: rgb(35, 35, 35) !important ;
  padding: 0px !important ;
  line-height: 1.43 !important ;
  letter-spacing: 0px !important ;
  overflow-wrap: break-word !important ;
}
.texto-periodos {
  font-family: Montserrat, "Source Sans Pro", _fb_ !important ;
  font-size: 18.9715px;
  line-height: 1.43;
  letter-spacing: 0px;
  color: rgb(35, 35, 35);
  overflow-wrap: break-word;
}
.diasSemana {
  font-family: Montserrat !important ;
  font-size: 22px !important ;
  color: rgb(35, 35, 35) !important ;
  padding: 0px !important ;
  line-height: 1.43 !important ;
  letter-spacing: 0px !important ;
  overflow-wrap: break-word !important ;
  font-weight: bold !important ;
}

.textoGrafico p, .textoGrafico-segundo p  {
  display: flex !important ;
  margin: 0px !important ;
  align-items: center !important ;
  justify-content: center !important ;
  gap: 10px !important ;
}
.textoGrafico svg, .textoGrafico-segundo svg {
  width: 31px !important ;
  height: 31px !important ;
}
.textoGrafico {
  position: absolute !important ;
  top: 0 !important ;
  left: 0 !important ;
  right: 0 !important ;
  bottom: 0 !important ;
  margin: auto !important ;
  width: 135.267px !important ;
  height: 117.8px !important ;
}
.textoGrafico-segundo {
  position: absolute !important ;
  top: 0 !important ;
  left: 0 !important ;
  right: 0 !important ;
  bottom: 0 !important ;
  margin: auto !important ;
  width: 135.29px !important ;
  height: 72.1px !important ;
}
.textoVerdeClarito,
.textoVerdeOscuro {
  font-weight: bold !important ;
}
.textoVerdeClarito {
  color: rgb(164, 186, 8) !important ;
}
.textoVerdeOscuro {
  color: rgb(92, 136, 26) !important ;
}
.grafico-periodos {
  position: relative !important ;
  margin: 90px !important ;
}
.grafico-periodos.segundo{
  margin: 90px 50px 30px 50px !important ;
}

.grafico-periodos > svg {
  width: 323.26px !important ;
  height: 323.26px !important ;
}
.grafico-periodos > svg > g {
  transform: scale(1.72866, 1.72866) !important ;
}

.igc-graph-pie-piece {
  stroke: #fff !important ;
  stroke-width: 1px !important ;
  stroke-linejoin: round !important ;
  -webkit-print-color-adjust: exact !important ;
}

.textoGraficoInicio {
  display: flex !important ;
  flex-flow: column !important ;
  justify-content: center !important ;
  align-items: center !important ;
  gap: 10px !important ;
}
.textoGraficoCentrado {
  display: flex !important ;
  flex-flow: column !important ;
  justify-content: flex-start !important ;
  align-items: flex-start !important ;
  gap: 10px !important ;
}

.textoHoras {
  width: 55.95px !important ;
  height: 35px !important ;
  opacity: 1 !important ;
  font-family: Montserrat !important ;
  font-size: 24.1368px !important ;
  color: rgb(35, 35, 35) !important ;
  padding: 0px !important ;
  line-height: 1.43 !important ;
  letter-spacing: 0px !important ;
  overflow-wrap: break-word !important ;
  text-align: center !important ;
}

.imagenHoras {
  height: 100% !important;
  width: 39.65px !important;
  max-width: fit-content !important;
  margin: 0 !important;
  height: 40.0333px !important;
}
.textoImagenHora {
  position: absolute !important ;
  inset: 0% !important ;
  display: flex !important ;
  flex-flow: column !important ;
  gap: 5px !important ;
  justify-content: center !important ;
  align-items: center !important ;
}

.uno-periodos {
  top: -410px !important ;
}
.imagenHoras.dos-periodos {
  width: 53.25px !important ;
  height: 32.6px !important ;
}
.dos-periodos {
  top: 225px !important ;
  left: 330px !important ;
}

.imagenHoras.tres-periodos {
  width: 52.2333px !important ;
  height: 52.2333px !important ;
}

.tres-periodos {
  top: 360px !important ;
  left: 190px !important ;
}
.imagenHoras.cuatro-periodos {
  width: 52.2333px !important ;
  height: 52.2333px !important ;
}
.cuatro-periodos {
  top: 360px !important ;
  right: 190px !important ;
}
.imagenHoras.cinco-periodos {
  width: 55.5167px !important ;
  height: 23.6167px !important ;
}
.cinco-periodos {
  top: 30px !important ;
  left: -390px !important ;
}
.imagenHoras.seis-periodos {
  width: 39.65px !important ;
  height: 40.0333px !important ;
}
.seis-periodos {
  top: -360px !important ;
  right: 190px !important ;
}

.periodosSecundario-div {
  display: flex !important ;
  flex-flow: row !important ;
  justify-content: center !important ;
  align-items: center !important ;
  margin: 10px 0px 20px 00px !important ;
}
.segundoGrafico {
  width: 227px !important ;
  opacity: 1 !important ;
  height: 200px !important ;
  position: relative !important ;
}
.segundoGrafico > svg {
  width: 151.1px !important ;
  height: 151.1px !important ;
}
.segundoGrafico > svg > g {
  transform: scale(0.807927, 0.807927) !important ;
}

.siete-periodos,
.ocho-periodos,
.nueve-periodos {
  position: absolute !important ;
  inset: 0% !important ;
  display: flex !important ;
  justify-content: center !important ;
  align-items: center !important ;
}

.siete-periodos {
  bottom: 180px !important ;
}
.ocho-periodos {
  top: 160px !important ;
  left: 120px !important ;
}
.nueve-periodos {
  right: 210px !important ;
}

.iconos-periodos {
  position: absolute !important ;
  display: flex !important ;
  align-items: center !important ;
  justify-content: space-around !important ;
  width: 90px !important ;
}
.sol {
  width: 33.5px !important ;
  height: 33.5px !important ;
}
.luna {
  width: 22px !important ;
  height: 22.21px !important ;
}