/*
CSS3.
	Regla del 0,0
	Carga de fuentes
	Body
	Contendor
	Contenido
	
Colores:


*/

/*Regla del 0,0*/
* {
	margin:0px;
	padding: 0px;
	box-sizing: border-box;
	color: #000;
	font: menu;
	font-size: 16px;
}
/*Se quitan todos los bordes a las imagenes, para Internet Explorer*/
img {
    border:none;
}

/* Cargamos las fuentes para mostrar la pagina*/


/*Le damos un color al fondo y una fuente para toda la pagina*/
body {
	background-color:white;	
}




.secFirma{
	padding-left:10%;
	padding-right:10%;
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 16px;
	justify-items: center;
	font-size: 16px;
	margin-bottom:2%;
	margin-top:2%;
}

.tituloFirma{
	font-size: 36px;
	text-align:center;
	margin-top:1%;
}

article{
	height:100%;
	width: 100%;
	display: flex;	
	flex-direction:column;
	justify-content: flex-start;
	align-items: center;

	}

.imagenFondo{
	max-width:30%;
}

.marcaSinVideo{
	display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.video{
	width: 100%;
	height: 100%;
}

video{
	max-height:700px;
	max-width:100%;
}




.nombreFirma{
	margin-top:1%;
	text-align: left;
	text-align: left;
	font-size: 16px;
	font-style:italic;
}

.subtituloFirma{
	text-align:center;
}

.subtituloFirma p{
	font-weight:bold;	
}



em{
	font-style:italic;
	color:inherit;
}

strong{
	font-weight:bold;
}

.ql-size-small{
	font-size:small;
}

.ql-size-large{
	font-size:large;
}

.ql-size-huge{
	font-size:huge;
}

.ql-indent-1{
	margin-left:2.5%;
}

.ql-indent-2{
	margin-left:5%;
}

.ql-align-center{
	text-align:center;
}

.descripcion{
	margin-top: 2%;
}

.descripcion ul{
	margin-left: 5%;
}

.descripcion p{
	min-height: 10px;
}

@media (max-width: 858px){
	.textoFirma{
		width: 100%;
	}
	.marcaSinVideo{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}