CINXE.COM
<style>html { font-size: 62.5%; box-sizing: border-box; word-wrap: break-word; overflow:hidden; } h2, h4, span, article { font-family: 'Benton Sans Book', Helvetica, sans-serif; font-weight: 100; line-height: 1.39; margin-bottom: 0; padding-bottom: 0.5em; } h2 { font-size: 2.6em; margin-bottom: 1.6rem; @media (min-width: 768px) { font-size: 3.6em; } } h4 { font-size: 1.5em; margin-bottom: 1.6rem; @media (min-width: 768px) { font-size: 2.3em; } } ul, span, p { font-size: 1.6em; margin-bottom: 1.6rem; } p { text-align: center; } /* Main --------------------------------------------------- */ .iframe--content{ display:flex; } .section--main { flex-grow: 1; padding-top: 0; margin-bottom: 2.6rem; } #viz-graphic { height: auto; width: 70%; max-width: 100%; margin-left: 5vh; @media (min-width: 768px) { margin-left: 15vh; } } .container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; margin-right: 1rem; } .item { align-self: flex-start; padding: 1.6rem; @media (min-width: 768px) { max-width: 40%; } } /* Font imports ----------------- */ @font-face { font-display: 'fallback'; font-family: 'Benton Sans Book'; src: local('Benton Sans Book'); src: url('https://www.tableau.com/sites/all/fonts/bentonsans-book.eot#iefix') format('embedded-opentype'), url('https://www.tableau.com/sites/all/fonts/bentonsans-book.woff2') format('woff2'), url('https://www.tableau.com/sites/all/fonts/bentonsans-book.woff') format('woff'); font-style: normal; font-weight: normal; } @font-face { font-display: 'fallback'; font-family: 'Merriweather'; src: local('Merriweather'); src: url('https://www.tableau.com/sites/all/fonts/merriweather-light.eot#iefix') format('embedded-opentype'), url('https://www.tableau.com/sites/all/fonts/merriweather-light.woff2') format('woff2'), url('https://www.tableau.com/sites/all/fonts/merriweather-light.woff') format('woff'); font-style: normal; font-weight: normal; } @font-face { font-display: 'fallback'; font-family: 'Benton Sans Light'; src: local('Benton Sans Light'); src: url('https://www.tableau.com/sites/all/fonts/bentonsans-light.eot#iefix') format('embedded-opentype'), url('https://www.tableau.com/sites/all/fonts/bentonsans-light.woff2') format('woff2'), url('https://www.tableau.com/sites/all/fonts/bentonsans-light.woff') format('woff'); font-style: normal; font-weight: normal; } @font-face { font-display: 'fallback'; font-family: 'Merriweather'; src: local('Merriweather'); src: url('https://www.tableau.com/sites/all/fonts/merriweather-bold.eot#iefix') format('embedded-opentype'), url('https://www.tableau.com/sites/all/fonts/merriweather-bold.woff2') format('woff2'), url('https://www.tableau.com/sites/all/fonts/merriweather-bold.woff') format('woff'); font-style: normal; font-weight: 700; } @font-face { font-display: 'fallback'; font-family: 'Merriweather'; src: local('Merriweather'); src: url('https://www.tableau.com/sites/all/fonts/merriweather-light-italic.eot#iefix') format('embedded-opentype'), url('https://www.tableau.com/sites/all/fonts/merriweather-light-italic.woff2') format('woff2'), url('https://www.tableau.com/sites/all/fonts/merriweather-light-italic.woff') format('woff'); font-style: italic; font-weight: normal; }</style> <head> <meta content="width=device-width, initial-scale=1" name="viewport" /> </head> <body> <div class=" iframe--content"> <div class="section--main"> <article role="main" class="container"> <section class="item"> <h2>No se encuentra la p谩gina que busca.</h2> <h4>Sin embargo, encontr贸 a Elvis.</h4> <span>驴No est谩 buscando a Elvis? Intente lo siguiente:</span> <ul> <li>Si introdujo una URL, verifique que est茅 bien escrita.</li> <li>Si hizo clic en un enlace que lo dirigi贸 aqu铆, por favor visite <a href="https://www.tableau.com/es-es/support/help" target="_blank">Ayuda de Tableau</a></li> </ul> </section> <section class="item"> <a href="https://public.tableau.com/shared/YK35MDX9J?:display_count=yes&:showVizHome=no" target="_blank"> <img id="viz-graphic" loading="lazy" src="https://www.tableau.com/sites/default/files/pages/elvis.png" alt="Representaci贸n de Elvis en burbujas"></a> <p><a href="https://public.tableau.com/shared/YK35MDX9J?:display_count=yes&:showVizHome=no" target="_blank">Supuestos avistamientos de Elvis</a></p> </section> </article> </div> </div> </body>