.caja5 .content {
  padding: 0 .5rem;
  text-shadow: 2px 2px 1px #c2c2c2;
  
}

.caja5 .modo5 {
  background: #D81B60;
  text-shadow: 2px 2px 3px black;
  background-image: url("../images/icono1.png");
  background-repeat: no-repeat;
}

.caja5 .modo55 {
  background: #D81B60;
  text-shadow: 2px 2px 3px black;
  background-image: url("../images/podcast_vineta.png");
  background-repeat: no-repeat;
}

.caja5 .modo555 {
  background: #D81B60;
  text-shadow: 2px 2px 3px black;
  background-image: url("../images/logodescartes.png");
  background-repeat: no-repeat;
}

.caja5 .modo5555 {
  background: #D81B60;
  text-shadow: 2px 2px 3px black;
  
  background-repeat: no-repeat;
}

.caja5 .modog {
  background: #D81B60;
  text-shadow: 2px 2px 3px black;
  background-image: url("../images/genially.png");
  background-repeat: no-repeat;
}

.caja5 .modopdf {
  background: #D81B60;
  text-shadow: 2px 2px 3px black;
  background-image: url("../images/icono2.png");
  background-repeat: no-repeat;
}

.caja5 {
  background: hsl(250 30% 90%);
  border-radius: .3rem;
  overflow: hidden;
  margin: 0.65em 0;
  color:var(--raro-color);
  width:80%;
  margin-left:10%;
  
}

.caja5 h5 {
  padding: .3rem .5rem;
  margin: 0;
  background: hsl(250 80% 90%);
  color: white;
  font-size: 20px;
  text-align: center;
  
}


.caja_katex1 {
	background-color: rgba(250, 250, 190, 0.4);
	width: 60%;
        margin-left: 20%;
	padding: 8px;
	padding-bottom: 4px;
	border-radius: 4px;
	border-style: 1px solid;
	border-color: black;
	box-shadow: 1px 1px;
}

.caja_katex2 {
	background-color: rgba(220, 220, 220, 0.5);
	display: inline-flex;
	padding: 8px;
	padding-bottom: 4px;
	border-radius: 8px;
	box-shadow: 1px 1px 1px black;
}

.caja_katex3 {
	background-color: rgba(247, 223, 215, 0.5);
	display: inline-flex;
	padding: 8px;
	padding-bottom: 4px;
	border-radius: 4px;
	box-shadow: 2px 2px 1px black;
}

.caja_katex4 {
	background-color: rgba(0, 163, 255, 0.3);
	display: inline-flex;
	padding: 8px;
	padding-bottom: 4px;
	border-radius: 4px;
	box-shadow: 2px 2px 1px black;
}

.caja11 {
	width: 94%;
	margin-left: 3%;
	margin-bottom: 1em;
	background-image: url("../images/criterio_de_evaluacion_11_largo.png");
	background-repeat: no-repeat;
	background-color: rgba(200, 200, 200, 0.45);
	box-shadow: 6px 6px 10px #000;
	border-radius: 10px;
	padding: 25px;
	padding-top: 70px;
	font-size: 20px;
}

.caja11B {
	width: 94%;
	margin-left: 3%;
	margin-bottom: 1em;
	background-image: url("../images/criterio_de_evaluacion_12_largo.png");
	background-repeat: no-repeat;
	background-color: rgba(200, 200, 200, 0.45);
	box-shadow: 6px 6px 10px #000;
	border-radius: 10px;
	padding: 25px;
	padding-top: 70px;
	font-size: 20px;
}

.caja12 {
	width: 94%;
	margin-left: 3%;
	margin-bottom: 1em;
	background-image: url("../images/estandar_de_aprendizaje_12_1.png");
	background-repeat: no-repeat;
	background-color: rgba(200, 200, 200, 0.45);
	box-shadow: 6px 6px 10px #000;
	border-radius: 10px;
	padding: 25px;
	padding-top: 70px;
	font-size: 20px;
}

.caja12B {
	width: 94%;
	margin-left: 3%;
	margin-bottom: 1em;
	background-image: url("../images/estandar_de_aprendizaje_12_2.png");
	background-repeat: no-repeat;
	background-color: rgba(200, 200, 200, 0.45);
	box-shadow: 6px 6px 10px #000;
	border-radius: 10px;
	padding: 25px;
	padding-top: 70px;
	font-size: 20px;
}

.caja12C {
	width: 94%;
	margin-left: 3%;
	margin-bottom: 1em;
	background-image: url("../images/estandar_de_aprendizaje_12_3.png");
	background-repeat: no-repeat;
	background-color: rgba(200, 200, 200, 0.45);
	box-shadow: 6px 6px 10px #000;
	border-radius: 10px;
	padding: 25px;
	padding-top: 70px;
	font-size: 20px;
}

.caja13 {
	width: 80%;
	margin-left: 10%;
	margin-bottom: 1em;
	background-image: url("../images/audicion_podcast.png");
	background-repeat: no-repeat;
	background-color: rgba(200, 200, 200, 0.45);
	box-shadow: 6px 6px 10px #000;
	border-radius: 10px;
	padding: 25px;
	padding-top: 70px;
	font-size: 20px;
}

.lista2 li {
	padding-top: -10px;
	padding-left: 30px;
	margin-top: 5px;
	list-style: none;
	background-image: url("../images/podcast_vineta.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 21px;
}

.caja14 {
	width: 80%;
	margin-left: 10%;
	margin-bottom: 1em;
	background-image: url("../images/entrevista2.png");
	background-repeat: no-repeat;
	background-color: rgba(200, 200, 200, 0.45);
	box-shadow: 6px 6px 10px #000;
	border-radius: 10px;
	padding: 25px;
	padding-top: 70px;
	font-size: 20px;
}

.caja15 {
	width: 80%;
	margin-left: 10%;
	margin-bottom: 1em;
	background-image: url("../images/analisis_experiencia_2.png");
	background-repeat: no-repeat;
	background-color: rgba(200, 200, 200, 0.45);
	box-shadow: 6px 6px 10px #000;
	border-radius: 10px;
	padding: 25px;
	padding-top: 70px;
	font-size: 20px;
}

.caja16 {
	width: 100%;
	margin-left: 0%;
	margin-bottom: 1em;
	background-image: url("../images/recurso_interactivo_azul.png");
	background-repeat: no-repeat;
	background-color: rgba(200, 200, 200, 0.45);
	box-shadow: 6px 6px 10px #000;
	border-radius: 10px;
	padding: 25px;
        
	padding-top: 40px;
	font-size: 20px;
}

.caja17 {
	width: 100%;
	margin-left: 0%;
	margin-bottom: 1em;
	background-image: url("../images/audiovisual_interactivo_linea.png");
	background-repeat: no-repeat;
	background-color: rgba(200, 200, 200, 0.45);
	box-shadow: 6px 6px 10px #000;
	border-radius: 10px;
	padding: 25px;
        
	padding-top: 40px;
	font-size: 20px;
}

.caja18 {
	width: 90%;
	margin-left: 5%;
	margin-bottom: 1em;
	background-image: url("../images/objetivo.png");
	background-repeat: no-repeat;
	background-color: rgba(200, 200, 200, 0.45);
	box-shadow: 6px 6px 10px #000;
	border-radius: 10px;
	padding: 25px;
        
	padding-top: 60px;
	font-size: 19px;
}

.gpt {
	width:500px;
	background-color: #10A37F;
	border-radius:25px;
	background-image: url("../images/gpt.png");
	background-repeat: no-repeat;
	padding: 15px;
	color: white;
	background-size:40px 40px;
	background-position:10px 10px;
	padding-top:55px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 2px 1px 3px black;
}

/* Estilos para la etiqueta audio */

/* Color del fondo */
audio::-webkit-media-controls-panel {
	background-color: #56AEBB;
}

audio::-webkit-media-controls-timeline {
	background-color: #B1D4E0;
	border-radius: 25px;
	margin-left: 10px;
	margin-right: 10px;
}

/* Estilo para el botón play */
audio::-webkit-media-controls-play-button {
	background-color: #B1D4E0;
	border-radius: 50%;
}

audio::-webkit-media-controls-play-button:hover {
	background-color: rgba(177, 212, 224, .7);
}

/* Estilo para el tiempo transcurrido */
audio::-webkit-media-controls-current-time-display {
	color: #fff;
}

figcaption {
	margin-top: 0.5em;
}