/* Mi hoja de estilos */

.caja1 {
	border: 1px solid;
	border-radius: 10px;
	widht: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background-color: blank;
	box-shadow: 5px 5px 10px black;
	padding-left: 20px;
	padding-right: 20px;
}

.caja1 h5 {
	text-align: left;
	background-color: #e5005f;
	color: white;
	font-size: 24px;
	margin: -30px -10px 0px -10px;
	border-radius: 10px 10px 0px 0px;
	padding: 5px;
	text-shadow: 2px 2px 4px black;
}

.caja2 {
	font-size: 17px;
	border: 0px solid;
	border-radius: 10px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background-color: blank;
	box-shadow: 5px 5px 10px black;
}


.caja2 h5 {
	text-align: center;
	background-color: #e5005f;
	color: white;
	font-size: 24px;
	margin: -30px -10px 0px -10px;
	border-radius: 10px 10px 0px 0px;
	padding: 5px;
	text-shadow: 2px 2px 4px black;
}

.caja_ventajas {
	font-size: 17px;
	border: 0px solid;
	border-radius: 10px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background-color: blank;
	box-shadow: 5px 5px 10px black;
}

.caja_ventajas h5 {
	text-align: left;
	background-color: MediumVioletRed;
	color: white;
	font-size: 24px;
	margin: -30px -10px 0px -10px;
	border-radius: 10px 10px 0px 0px;
	padding: 18px;
	padding-left: 60px;
	text-shadow: 2px 2px 4px black;
	background-image: url('../images/3/pulgar.png');
	background-size: 8%;
	background-repeat: no-repeat;
	background-position: 10px;
}

.caja_ejemplos {
	font-size: 17px;
	border: 0px solid;
	border-radius: 10px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background-color: blank;
	box-shadow: 5px 5px 10px black;
}

.caja_ejemplos h5 {
	text-align: left;
	background-color: MediumVioletRed;
	color: white;
	font-size: 24px;
	margin: -30px -10px 0px -10px;
	border-radius: 10px 10px 0px 0px;
	padding: 18px;
	padding-left: 60px;
	text-shadow: 2px 2px 4px black;
	background-image: url('../images/3/dedo.png');
	background-size: 8%;
	background-repeat: no-repeat;
	background-position: 10px;
}

.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 {
  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;
}

.table_img{
	margin-left: auto;
	margin-right: auto;
	border: 10px;
}

.flota_d{
	float: right;
	margin: 0px -10px 0px 15px;
	padding: 5px;
	width: 50%;
}

.flota_i{
	float: left;
	margin: 0px 15px 0px 10px;
	padding: 5px;
	width: 50%;
}

.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;
	
}

.gradiente {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 10s ease infinite; justify-content: center; display: flex; align-items: center;
}

.caja_edia {
	font-size: 17px;
	border: 0px solid;
	border-radius: 10px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 8px;
	background-color: blank;
	box-shadow: 5px 5px 8px black;
}

.caja_edia h5 {
	text-align: left;
	background-color: MediumVioletRed;
	color: white;
	font-size: 24px;
	margin: -30px -10px -5px -10px;
	border-radius: 10px 10px 0px 0px;
	padding:8px;
	padding-left: 60px;
	text-shadow: 2px 2px 4px black;
	background-image: url('../images/3/dedo.png');
	background-size: 8%;
	background-repeat: no-repeat;
	background-position: 10px;
}