@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@300;700&family=Montserrat:wght@400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* LIBROS */
#lectura {
  font-size: 0.9em;
  padding: 1.5% 10%;
  position: relative;
	margin-bottom: 0.5rem;
}
.destacado {
  background: #fff8e9;
  border-bottom: #f2bd3a solid 4px;
}
.alto {
  background: #dce8ea;
  border-bottom: #005864 solid 4px;
}
.complementario {
  background: #efefef;
  border-bottom: #888485 solid 4px;
}
#lectura li {
  list-style: none;
  display: inline-block;
  text-align: justify;
}
#lectura li:first-child {
  max-width: 60%;
  padding-right: 2%;
  position: relative;
  float: none;
  font-size: 0.9em;
}
#lectura li:last-child {
  background: #999798;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10%;
  color: #fff;
  padding: 0.2rem 0rem 0.2rem 4%;
  font-size: 0.8em;
  width: 12%;
  line-height: initial;
}
#lectura li:nth-child(2) {
  width: 15%;
  position: absolute;
  margin: 0 1%;
  text-align: center;
}
#lectura li:nth-child(2) a {
  background: #888586;
  padding: 5% 15%;
  border-radius: 2rem;
  color: #fff;
  font-size: 0.8em;
  font-weight: bold;
}
#lectura li:last-child h5 {
  color: #fff;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 8px;
  line-height: 10px;
  font-size: 0.9em;
}
#lectura li:last-child::before {
  content: url("estilos/0.png");
  position: absolute;
  width: 14%;
  background: url("pix/clock.png")no-repeat center center;
  background-size: contain;
  top: 1%;
  left: 0;
  bottom: 0;
  margin-left: 2%;
}
#lectura li:last-child h3 {
  color: #fff;
  margin: 0;
  line-height: initial;
  font-size: 0.8em;
  text-align: left;
}
#lectura ul {
  margin: 0;
}
#lectura h3 {
  font-size: 0.85rem;
  text-transform: uppercase;
  color: #000;
  margin: 0;
  line-height: initial;
}
#lectura::before {
  content: url("0.png");
  position: absolute;
  width: 6%;
  background-color: rgba(0, 0, 0, 0);
  top: 0;
  left: 0;
  bottom: 0;
  margin-left: 2%;
  background-size: contain;
}
#lectura.destacado::after {
  color: #f2be3a;
  content: "\f005""  DESTACADO";
  position: absolute;
  right: 3%;
  top: 5%;
  display: block;
  font-family: "Font Awesome 5 Free";
  text-align: right;
  width: 15%;
  font-weight: 700 !important;
  font-size: 0.9em;
  line-height: 20px;
  20px;
}
#lectura.alto::after {
  color: #005864;
  content: "\f02e""  ALTO";
  position: absolute;
  right: 3%;
  top: 5%;
  display: block;
  font-family: "Font Awesome 5 Free";
  text-align: right;
  width: 15%;
  font-weight: 700 !important;
  font-size: 0.9em;
  line-height: 20px;
  20px;
}
#lectura.complementario::after {
  color: #888485;
  content: "COMPLEMENTARIO";
  position: absolute;
  right: 3%;
  top: 5%;
  display: block;
  font-family: "Font Awesome 5 Free";
  text-align: right;
  width: 15%;
  font-weight: 700 !important;
  font-size: 0.9em;
  line-height: 20px;
  20px;
}
#lectura.articulo::before {
  background: url("pix/art.png") no-repeat center center;
  background-size: contain;
}
#lectura.documento::before {
  background: url("pix/doc.png") no-repeat center center;
  background-size: contain;
}
#lectura.libro::before {
  background: url("pix/book.png") no-repeat center center;
  background-size: contain;
}
#lectura.web::before {
  background: url("pix/web.png") no-repeat center center;
  background-size: contain;
}
#lectura.audio::before {
  background: url("pix/audio.png") no-repeat center center;
  background-size: contain;
}
#lectura.video::before {
  background: url("pix/video.png") no-repeat center center;
  background-size: contain;
}
/* PORTADA*/
	.svg_portada0{clip-path:url(#portada_m);}
	.svg_portada1{fill:none;}
	.svg_portada2{fill:#E9E9E9;}
	.svg_portada3{fill:#D6D7D7;}
	.svg_portada4{fill:#F1F1F1;}
	.svg_portada5{fill:#004651;}
	.svg_portada6{fill:#F2BD3A;}
	.svg_portada7{fill:#FFFFFF;}
	.svg_portada8{fill:#50B6B4;}
	.svg_portada9{font-family:'Montserrat'; font-weight: 600;}
	.svg_portada10{font-size:34px;}
	.svg_portada11{font-family:'Montserrat'; font-weight: 800;}
	.svg_portada12{fill:#282929;}
	.svg_portada13{font-family:'Antonio'; font-weight: 300;}
	.svg_portada14{font-size:15px;}
	.svg_portada15{letter-spacing:1;}
	.svg_portada16{font-size:22.3px;}
	.svg_portada17{font-family:'Montserrat'; font-weight: 400;}
	.svg_portada18{font-size:9.4px;}
	.svg_portada19{font-family:'Antonio'; font-weight: 700;}
	.svg_portada20{font-size:17px;}
	.svg_portada21{fill:none;stroke:#F2BD3A;stroke-miterlimit:10;}
	.svg_portada22{font-size:16px;}
	.svg_portada23{font-size:11px;}
	.svg_portada24{letter-spacing:2;}
	.svg_portada25{fill:none;stroke:#004651;stroke-miterlimit:10;}
	a .svg_portada12 {cursor: pointer;}
	a:hover .svg_portada12 {
  fill: #f2bd3a;
}

/* INTRODUCCION */
#intro_retos {
  background: #f4f4f4;
  padding: 1% 25% 1% 9%;
  position: relative;
}
#intro_retos h4 {
  color: #0b4e5f;
  font-size: 1em;
 line-height: 1.2rem;
	margin-bottom: 4%;
}
#intro_retos h4::after {
  border-bottom: solid 4px #f2bd3a;
  content: "";
  width: 20%;
  position: absolute;
  display: block;
  margin-top: 6px;
}

#intro_retos li {
  list-style: none;
  position: relative;
}
#intro_retos ul {
  margin: 0;
}
#intro_retos li::before {
  color: #f2be3a;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 700 !important;
  font-size: 0.9em;
  line-height: 20px;
  margin-right: 2%;
}
#intro_retos::after {
  content: "";
background: url("pix/competencias_top.png") no-repeat;    
	background-size: contain;
 	background-position: top;
  position: absolute;
  width: 25%;
  top: 0;
  right: 0;
  bottom: 0;
}
#intro_retos::before {
  content: "";
  background: url("pix/competencias_left.png") no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  position: absolute;
  width: 8%;
  top: 0;
  left: 0;
  bottom: 0;
  background-size: contain;
  background-position: center left;
}

/* APERTURA */
	.st0{fill:#F6F6F6;}
	.apertura1{fill:#FFFFFF;}
	.apertura2{fill:#006C79;}
	.apertura3{fill:#5FC0BF;}
	.apertura4{fill:#50B6B4;}
	.apertura5{fill:#282929;}
	.apertura6{font-family:'Antonio'; font-weight: 300;}
	.apertura7{font-size:17.3287px;}
	.apertura8{letter-spacing:1;}
	.apertura9{font-family:'Antonio'; font-weight: 700;}
	.apertura10{font-size:14px;}
	.apertura11{fill:#045864;}
	.apertura12{fill:#F2BD3A;}
	.apertura13{fill:none;stroke:#F2BD3A;stroke-linecap:round;stroke-linejoin:round;}
	.apertura14{fill:none;stroke:#F2BD3A;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4.8648,4.8648;}
	.apertura15{fill:none;stroke:#045864;stroke-linecap:round;stroke-linejoin:round;}
	.apertura16{fill:none;stroke:#045864;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4.9646,4.9646;}
	.apertura17{fill:none;stroke:#50B6B4;stroke-miterlimit:10;}
	.apertura18{fill:none;stroke:#50B6B4;stroke-miterlimit:10;stroke-dasharray:4.8648,4.8648;}


	.apertura19{fill:#A22B2A;}
	.apertura20{fill:#111E30;}



/* RTOS */
.retos .plus {
  font-size: 1em;
  border: solid 1pt #ddd;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-style: solid;
    border-bottom-width: 1pt;
  padding: 2%;
  border-bottom: 3pt solid #006C79;
}
.retos .plus i {
  margin: 0;
  float: left;
  margin: 2% 4%;
  color: #006C79;
}
.retos.panel-group .panel .panel-heading a {
  font-size: initial;
  font-family: 'Antonio';
  font-weight: 300;
}
.retos .claqueta_desc {
  padding: 2%;
  margin: 1% 0%;
  border: solid 1pt #ddd;
	border-bottom: 3pt solid #5FC0BF;
  border-bottom-right-radius: 2rem;
}
.retos .card {
  position: relative;
  display: block;
  margin-bottom: 0.5rem;
  background-color: #f6f6f6;
  border: 1px solid #e3e3e3;
    border-left-color: rgb(227, 227, 227);
    border-left-style: solid;
    border-left-width: 1px;
  border-radius: 0;
  margin-top: 0.5rem;
  border-left: 2pt solid #006C79;
  font-size: 0.9rem;
}
.retos .card-header {
  padding: initial;
  background-color: none;
  border-bottom: none;
}
.retos .card {
  font-size: 0.9rem;
}
.retos .btn.btn-link {
  color: #000 !important;
  padding: 1em 0 0 3em;
  margin: 0;
}
.retos .editor-indent {
  padding-top: 1rem;
}
.retos .editor-indent strong {
  color: #006C79;
  margin-top: 1%;
}



/* RTOS DERECHO*/
.retos0{fill:none;}
	.retos1{fill:#BCBCBB;}
	.retos2{fill:#E0E0E0;}
	.retos3{fill:#045864;}
	.retos4{fill:#70C4C4;}
	.retos5{fill:#FFFFFF;}
	.retos6{opacity:0.7;}
	.retos7{clip-path:url(#SVGID_00000103249503236997564430000009677652468007181494_);}
	.retos8{fill:#F2BD3A;}
	.retos9{fill:#111E30;}
	.retos10{fill:#282929;}
	
		.retos11{clip-path:url(#_x3C_Clipping_Path_x3E__00000021837621094311227480000000433698479707002815_);fill:url(#Place_Your_Image_Here_00000021115641091042203520000013877974527605534853_);}
	.retos12{clip-path:url(#_x3C_Clipping_Path_x3E__00000021837621094311227480000000433698479707002815_);}
	.retos13{fill:#A22B2A;}
	.retos14{font-family:'Montserrat'}
	.retos15{font-size:13.6px;}
	.retos16{font-family:Antonio; font-weight: lighter}
	.retos17{font-size:24.6px;}
	
		.retos18{clip-path:url(#_x3C_Clipping_Path_x3E__00000001625015865370111810000004168847170884331682_);fill:url(#Place_Your_Image_Here_00000137132282923131977380000011807906340893417399_);}
	.retos19{clip-path:url(#_x3C_Clipping_Path_x3E__00000001625015865370111810000004168847170884331682_);}
	.retos20{fill:#004651;}
	.retos21{font-size:22.1px;}
	.retos22{letter-spacing:1;}
	.retos23{font-family:'Antonio'; font-weight: bold}
	.retos24{font-size:14.7px;}
	.retos25{letter-spacing:3;}
	.retos26{fill:none;stroke:#004651;stroke-miterlimit:10;}
	.retos27{fill:#D69B51;}
	.retos28{font-family:'Poppins'; font-weight:400; }
	.retos29{font-size:53px;}
	.retos30{font-size:75px;}
	.retos31{fill:#2A2735;}
	.retos32{font-size:26px;}
	.retos33{font-family:'Antonio';}
	.retos34{font-size:28px;}
	.retos35{font-size:39px;}


/* INTRODUCCION */
#intro_retosD {
  background: #f4f4f4;
  padding: 1% 25% 1% 9%;
  position: relative;
}
#intro_retosD h4 {
  color: #0b4e5f;
  font-size: 1em;
 line-height: 1.2rem;
	margin-bottom: 4%;
}
#intro_retosD h4::after {
  border-bottom: solid 4px #f2bd3a;
  content: "";
  width: 20%;
  position: absolute;
  display: block;
  margin-top: 6px;
}

#intro_retosD li {
  list-style: none;
  position: relative;
}
#intro_retosD ul {
  margin: 0;
}
#intro_retosD li::before {
  color: #f2be3a;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 700 !important;
  font-size: 0.9em;
  line-height: 20px;
  margin-right: 2%;
}
#intro_retosD::after {
  content: "";
background: url("pix/competencia_top.png") no-repeat;    
	background-size: contain;
 	background-position: top;
  position: absolute;
  width: 25%;
  top: 0;
  right: 0;
  bottom: 0;
}
#intro_retosD::before {
  content: "";
  background: url("pix/competencia_left.png") no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  position: absolute;
  width: 8%;
  top: 0;
  left: 0;
  bottom: 0;
  background-size: contain;
  background-position: center left;
}