<style>
		body {
			font-family: Arial, sans-serif;
			font-size: 1rem;
			background-color: #f2f2f2;
		}
		
		@media only screen and (max-width: 600px) {
			table {
				width: 100%;
			}
			img {
				width: 100%;
			}
		}
		@media only screen and (min-width: 601px) {
			table {
				width: 80%;
				margin: 20px auto;
			}
			img {
				max-width: 400px;
				width: 100%;
			}
		}

		h1 {
			text-align: center;
			font-size: 1.5rem;
		  }
		  
        .enmarcado {
			display: block;
			margin-bottom: 5px;
			padding: 5px;
			text-decoration: none;
			color: #333333;
			transition: all 0.3s ease;
			font-size: 1rem;
			font-weight: 400;
		}
		
		.enmarcado:hover {
			color: #007bff;
			box-shadow: 0 0 5px rgba(0,0,0,0.2);
		}

		.enlaces {
			display: flex;
			align-items: center;
		}
		  
		.separador {
			margin: 0 10px;
		}

		a.back-link {
    	font-size: 0.8rem;
		text-decoration: none;
		color: #333333;
		transition: all 0.3s ease;
		}

		
</style>