header ul li:nth-of-type(1) {
		text-decoration: overline;
	}
	
	H1 {
		Margin: auto;
		width: 50%;
		text-align: center;
		color: red;
	}

	main {
		text-align: center;
	}
	
	main img {
		margin: auto;
		width: 50%;
	}
	
	main p {
		font-size: 18px;
		text-align: center;
		width: 75%;
		Margin: auto;
		padding-bottom: 2%;
	}
	
	
	
	
	
	
	
	
/* --- MEDIA QUERIES --- */

/* Para tables */
@media (max-width: 768px) {
    h1 {
        width: 70%;
        font-size: 28px;
    }

    main img {
        width: 70%;
    }

    main p {
        width: 85%;
        font-size: 16px;
    }
}

/* Para móviles */
@media (max-width: 480px) {
    h1 {
        width: 90%;
        font-size: 24px;
    }

    main img {
        width: 90%;
    }

    main p {
        width: 95%;
        font-size: 14px;
    }
}

/* Para móviles */
@media (max-width: 480px) {
	H1 {
		width: 100%;
		font-size: 1.5em; /* Título más compacto */
	}

	main img {
		width: 90%; /* Imagen ocupa casi todo el ancho */
	}

	main p {
		width: 85%;
		font-size: 18px;
		text-align: justify;
		padding-bottom: 4%; /* Más espacio entre párrafos */
	}
}