/* 1rem = 16px, 0.625rem = 10px, 0.5rem = 8px, 0.25rem = 4px, 0.125rem = 2px, 0.0625rem = 1px */ :root { --cor: #073267; --fonte: "Roboto", sans-serif; --menu: 12rem; /* Tamanho Menu */ } @media screen and (min-width: 600px){ .site{ width: 50%; margin-left: 25%; } .logo{ width: 50%; } .hamburger{ display: none; } } @media screen and (max-width: 600px){ .logo{ width: 100%; } } p { text-align: justify; } .logo { display: flex; position: absolute; /* Tem logo que fica melhor sem position absolute*/ align-items: center; justify-content: center; } .hamburger { font-size: 1.5rem; padding-left: 0.5rem; z-index: 2; } .sidebar { padding: 10px; margin: 0; z-index: 2; } .sidebar>li { list-style: none; margin-bottom: 10px; z-index: 2; } .sidebar a { text-decoration: none; color: #fff; z-index: 2; } .close-sidebar { font-size: 1.625em; padding-left: 5px; height: 2rem; z-index: 3; padding-top: 2px; } #sidebar1 { width: var(--menu); background: var(--cor); color: #fff; } #sidebar1 amp-img { width: var(--menu); height: 2rem; position: absolute; top: 5px; z-index: -1; } .fonte { font-family: var(--fonte); } .header { display: flex; background: var(--cor); color: #fff; align-items: center; height: 3.4rem; } .noticia { margin: 0.5rem; } .assunto { text-decoration: none; color: var(--cor); text-transform: uppercase; font-size: 1rem; font-weight: 800; display: block; } .titulo { color: #333; } .autor { color: var(--cor); font-weight: 600; } .chamada { color: #333; font-weight: 600; font-size: 1.2rem; line-height: 1.3; } .texto { line-height: 1.3; } .galeria {} .retranca {} .share { display: flex; justify-content: space-around; padding-bottom: 0.625rem; padding-top: 0.625rem; } .tags { display: flex; flex-wrap: wrap; flex-direction: row; text-decoration: none; } .tags ul { display: flex; flex-wrap: wrap; list-style-type: disc; margin-block-start: 0.5rem; margin-block-end: 0.5rem; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; flex-direction: row; } .tags ul li { display: flex; flex-wrap: wrap; flex-direction: row; padding-inline-end: 2px; padding-bottom: 3px; padding-top: 3px; } .tags ul li a { color: var(--cor); text-decoration: none; } .tags ul li a:visited { color: var(--cor); } .citacao {} /* Botões de compartilhamento arrendodados com a cor padrão do site */ amp-social-share.rounded { border-radius: 50%; background-size: 60%; color: #fff; background-color: var(--cor); } --> { "@type": "NewsArticle", "mainEntityOfPage": "/euestudante/trabalho--formacao/2020/08/4868636-magalu-no-df.html", "name": "Magalu no DF", "headline": "Magalu no DF", "alternateName": "", "alternativeHeadline": "", "datePublished": "2020-08-14-0322:15:00-10800", "articleBody": "<p class="texto">Em 2019, o Magazine Luiza pretendia abrir de 10 a 15 lojas em Bras&iacute;lia em 2020. A pandemia atrasou a expans&atilde;o, mas unidades da rede finalmente chegar&atilde;o. Parte delas est&atilde;o previstas para serem abertas na quinta (20/8). A varejista deve abrir 11 pontos no DF, um no Conjunto Nacional. Tamb&eacute;m s&atilde;o planejadas unidades no Entorno, em Valpara&iacute;so, Planaltina, Novo Gama e &Aacute;guas Lindas. O Magalu deve criar 600 empregos.</p>", "isAccessibleForFree": true, "image": { "url": "https://image.staticox.com/?url=https%3A%2F%2Fimgsapp2.correiobraziliense.com.br%2Fportlet%2F548%2F48580%2F20171221175808962986e.png", "width": 1200, "@type": "ImageObject", "height": 630 }, "author": [ { "@type": "Person", "name": "" } ], "publisher": { "logo": { "url": "https://image.staticox.com/?url=http%3A%2F%2Fimgs2.correiobraziliense.com.br%2Famp%2Flogo_cb_json.png", "@type": "ImageObject" }, "name": "Correio Braziliense", "@type": "Organization" } } 2j5b3n