/*Elimina formato Standar del HTML*/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box; /*para que no se expanda el cantenidos de las cajas*/
	}
	
/*Color de fondo del Cuerpo del HTML*/
body{
	background: #DBDBDB;
	margin: 0;
	
}

/*Principal*/
.tpd{
	/*content: "";https://rockcontent.com/es/blog/factores-de-posicionamiento-de-google/*/
	width:80%; /*se debe revisar para ajustar*/
	margin:50px auto;
	display: flex;	 /*para que los campos se pongan al lado*/
	justify-content: center;
	flex-wrap: wrap;
	align-items:stretch;/*para que ambas columnas tengan lamisma altura*/
	background: rgb(183,28,28);
	border-radius: 10px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
	/*box-sizing: border-box;*/
}

/*Formato Contenedor Principal*/

.tpd_1{
	width: 32%;
	padding: 25px 25px;/* margenes extremos*/
	
	/*Formal (Tipo Corporativo)
	background: linear-gradient(120deg,#3b0000,#7a0000);*/
	
	/*Corporativo con iluminacion Central*/
	background: radial-gradient(circle at center,#ff2a2a,#9b0000,#2b0000);

	margin:0;
	/*fin fondo formal*/
	text-align:center;
}

/*Formato del Contenedor 1*/
.tpd1{
	width: 32%;
	padding: 25px 25px;/* margenes extremos*/
	/* ROJO 
	background: rgb(253,000,000);*/
	
	 /*Elegante Muy Usado
	background: linear-gradient(135deg,#7a0000,#d10000,#ff2a2a);*/
	
	/*Formal (Tipo Corporativo)
	background: linear-gradient(120deg,#3b0000,#7a0000);*/
		
	/*Muy Elegante
	background:linear-gradient(135deg,#6b0000,#c10000),url("https://www.transparenttextures.com/patterns/diagmonds.png"); */
	
	/*para fondo formal Profesional*/
	background: radial-gradient(circle at center,#ff2a2a,#7a0000,#2b0000);
	
	/*Moderno y Profesional
	background: linear-gradient(135deg,#4b0000,#8f0000,#d10000);*/
	
	/*Corporativo con iluminacion Central
	background: radial-gradient(circle at center,#ff2a2a,#9b0000,#2b0000);*/
	
	/*rojo profesional con patrón sutil
	background:linear-gradient(135deg,#5b0000,#b30000),url("https://www.transparenttextures.com/patterns/diamond-upholstery.png");*/
	
		
	
	/*height:100vh;*/
	margin:0;
	/*fin fondo formal*/
	text-align:center;
}

/*Formato del contenedor 2*/
.tpd2{
	width: 68%;
	/*width: 68%; empuja el auto*/ /*ancho para lineal quitar auto*/
	padding: 35px 25px; /*margenes extremos*/
	/*background:rgba(20,90,50,0.8);*/
	background-color:#fff;
	display: flex;
	flex-direction:column;
}

.tpd2 a{
	
	margin-top:auto;
	align-self:center;
	
	/*padding:3px 20px;10-20
	background:#b71c1c;*/
	color:#070d78;/*#fff*/
	text-decoration:none;
	border-radius:5px;
}

/*Formato del contenedor 2 Principal*/
.tpd_2{
	width: 68%;
	/*width: 68%; empuja el auto*/ /*ancho para lineal quitar auto*/
	padding: 35px 25px; /*margenes extremos*/
	/*background:rgba(20,90,50,0.8);*/
	background-color:#fff;
	display: flex;
	flex-direction:column;
}

.tpd_2 a{
	
	margin-top:auto;
	align-self:center;
	
	padding:10px 20px;
	background:#b71c1c;
	color:#fff;
	text-decoration:none;
	border-radius:5px;
}

/*Cambio a celfon*/

@media (max-width:550px){
	.tpd_1{
	width: 100% ;
	padding: 25px 30px;/* margenes extremos*/
	background: radial-gradient(circle at center,#ff2a2a,#9b0000,#2b0000);
	margin:0;
	}
/*Formato del contenedor 1*/
	.tpd1{
	width: 100% ;
	padding: 25px 30px;/* margenes extremos*/
	background: radial-gradient(circle at center,#ff2a2a,#7a0000,#2b0000);
	margin:0;
	}

/*Formato del contenedor 2 Principal*/
	.tpd_2{
	width: 100%;
	padding: 35px 20px; /*margenes extremos*/
	background-color:#fff;
	}


/*Formato del contenedor 2*/
	.tpd2{
	width: 100%;
	padding: 35px 20px; /*margenes extremos*/
	background-color:#fff;
	}
}

/*Formato de la inagen del contenedor TPDI*/
.tpdi img{
	border-radius: 50%;
	width: 180px;
	height: 180px;
	border: 5px solid #fff;
	margin-bottom: 5px;
}

/*formato de Texto
h1{
	color:#fff;
	text-align: center;
	margin: 0;
	font-size: 13px;
	margin-bottom: 15px;
}*/
h2{
	color:#fff;
	text-align: center;
	margin: 0;
	font-size: 30px;
	margin-bottom: 15px;
}
h3{
	color:#fff;
	text-align:left;
	margin: 0;
	font-size: 13px;
	margin-bottom: 13px;
}
h4{
	color:#b03a2e;
	text-align:justify;
	margin: 0;
	font-size: 14px;
	margin-bottom: 20px;
}
h6{
	color:#b03a2e;
	text-align: center;
	margin: 0;
	font-size: 30px;
	margin-bottom: 20px;
}
h5{	
	color:#fff;
	text-align: center;
	margin: 0;
	font-size: 14px;
	margin-bottom: 5px;
}