* {																	/*Aplicamos a todos los elementos un Reset*/
	margin: 0;														/*Hacemos reset de márgenes*/
	padding: 0;														/*Hacemos reset de padding*/
}

*, *::before, *::after {											/*Aplicamos a todos los elementos antes y después*/							
	box-sizing: border-box;											/*Establecemos el modelo de caja CSS alternativo*/
}

html{																/*Estilo para todo el archivo*/
	font-size: 10px;												/*Se establece un tamaño de fuente raíz*/
}

/*------------------------------------------------BODY-----------------------------------------------------------*/

body{																/*Estilo para el body*/
	width: 100%;													/*Ocupamos el 100% del ancho de la ventana*/
	background-color: rgb(0, 0, 0);									/*Color de fondo Negro*/
	display: flex;													/*Aplicamos flex para una mejor alineación*/
	align-items: center;											/*Centramos el contenido en la vertical*/
}

/*-----------------------------------------------MAIN-------------------------------------------------------------*/

/*----------------Contenedores globales-----------------*/
.container1140 {													/*Estilo de la clase container*/
	width: 100%;													/*Ocupamos el 100% del ancho de la ventana*/
	padding-left: 1.5rem;											/*Padding izquierdo*/
	padding-right: 1.5rem;											/*Padding derecho*/
}

.container {														/*Estilo de la clase container*/
	width: 100%;													/*Ocupamos el 100% del ancho de la ventana*/
	padding: 5rem 7rem 0 7rem;										/*Establecemos un padding*/
}


/*--------Reglas de figuras e imágenes-------*/

figure.imagenConPieInterno{											/*Estilo de la figura con fuente dentro*/
	width:100%;														/*Ocupa el 100% del ancho disponible*/
	/*height: 1080px;*/													/*Se establece un alto*/
	z-index: 1;														/*Se ubica la figura detrás del texto*/
	position: relative;												/*Posición relativa para situar la fuente encima*/
}

figure.imagenConPieInterno>img{										/*Estilo de la imagen con fuente dentro*/
	width: 100%;													/*Ocupa el 100% del ancho disponible*/
	height: 100%;													/*Ocupa el 100% del alto disponible*/
	object-fit: cover;												/*Se expande hasta ocupar todo el espacio*/

}

figure.imagenConPieInterno>figcaption{								/*Estilo del pie de foto*/
	position:absolute;												/*Se ubica en relación a la figura*/
	bottom: 0;            											/*Se sitúa en el borde inferior*/
	right: 0;              											/*Se sitúa en el borde derecho*/
	background-color: rgba(242, 242, 230, 0.7);						/*Se establece el color de fondo Beige modificado*/
	padding: 7px;													/*Aplicamos un padding*/
	margin: 15px;													/*Aplicamos un margen*/
}

.imagenConPieInterno figcaption cite{								/*Estilo de las fuentes de imagen de artículos*/
	font-size: 1.2rem;												/*Establecemos un tamaño de fuente*/
}

cite{																/*Estilo de las citas*/
	font-style: normal;												/*Eliminamos la cursiva predeterminada*/
}



/*-------------------------------------------WEB RESPONSIVE----------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1023px){								/*ESTILO PARA TAMAÑOS PEQUEÑOS Y MEDIANOS*/
	
	body>header{													/*Estilo del header*/
		flex-direction: column;										/*Disponemos los elementos en columna*/
		gap: 20px;													/*Espacio entre elementos*/
	}
	
	.container {													/*Estilo de la clase container*/
		padding-left: 1.5rem;										/*Establecemos un padding izquierdo*/
		padding-right: 1.5rem;										/*Establecemos un padding derecho*/
	}
	

	figure.imagenConPieInterno>figcaption{							/*Estilo del pie de foto*/
		font-size: 1.3rem;											/*Aplicamos un tamaño de fuente*/
	}
	

	
	@media (max-width: 767px) {										/*Estilo aplicable al formato móvil*/
		
		
	}

	@media (min-width: 768px) {										/*Estilo aplicable al formato tablet*/	
		

	}
}

@media screen and (min-width: 1024px) {								/*ESTILO PARA TAMAÑOS GRANDES*/
	
	.container1140 {												/*Estilo de la clase container1140*/
		max-width: 1140px;											/*Establecemos un ancho máximo*/
		margin-left: auto;											/*Margen izquierdo*/
		margin-right: auto;											/*Margen derecho*/
	}
	
	figure.imagenConPieInterno>figcaption{							/*Estilo del pie de foto*/
		font-size: 1.5rem;											/*Aplicamos un tamaño de fuente*/
	}
	
	
}