/*estilos para el programa*/
.header1 {
    background-color: #333; /* Color de fondo del encabezado */
    color: #fff; /* Color del texto */
    padding: 20px; /* Espacio alrededor del contenido */
    text-align: center; /* Alineación del texto */
    font-size: 23px;
}

header h1 {
    margin: 0; /* Elimina el margen predeterminado del h1 */
}

nav ul {
    list-style-type: none; /* Elimina los puntos de la lista */
    padding: 0; /* Elimina el espacio alrededor de la lista */
}

nav ul li {
    display: inline; /* Muestra los elementos de la lista en línea */
    margin-right: 20px; /* Espacio entre los elementos de la lista */
}

nav ul li a {
    color: #fff; /* Color del texto de los enlaces */
    text-decoration: none; /* Elimina el subrayado de los enlaces */
}
.p1{
	font-size: 28px;
	text-align: justify;
	color: black;
	
}

img {
    width: auto; 
    height: 300px; 
    object-fit: cover;
    display: block; 
    margin: 0 auto; 
    border-radius: 8px; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
}
body{
	background-color: #F5ECD0;
}

/*aqui se termina los estilos del index*/


/*aqui comienza los estilos del html1*/

h2{
	font-size: 28px;
	text-align: center;
}
p{
	font-size: 24px;
	text-align: justify;
}
.img2{
	width: auto;
	height: 500px;
	object-fit: cover;
	display: block;
	margin: 0 auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.img02{
	width: auto;
	height: 370px;
	object-fit: cover;
	display: block;
	margin: 0 auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/*aqui termina estilos de html01*/
/*aqui comienza estilos de html02*/

.img3{
	width: auto;
	height: 400px;
	object-fit cover;
	display: block;
	margin: 0 auto;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.h31{
  font-size: 28px;
  text-align: justify;
  }

/*aqui termina estilos de html02*/
/*aqui comienza estilos de html03*/
h3{
	font-size: 28px;
	text-align: center;
}


.img4{
	width: auto;
	height: auto;
	object-fit cover;
	display: block;
	margin: 0 auto;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.h03{
	font-size: 26px;
	text-align: justify;
}