/* 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/4867155-renapsi---rede-nacional-de-aprendizagem.html", "name": "Renapsi - Rede Nacional de Aprendizagem", "headline": "Renapsi - Rede Nacional de Aprendizagem", "alternateName": "", "alternativeHeadline": "", "datePublished": "2020-08-07-0323:54:00-10800", "articleBody": "<p class="texto">JOVEM APRENDIZ<br />Empresa: P&uacute;blica / Ensino m&eacute;dio completo ou cursando / Vagas: 19 / Bolsa: R$ 1.045 + VT + VA / Hor&aacute;rio: 8h &agrave;s 14h &ndash; seg. a sex. / 18 a 22 anos</p> <p class="texto">Empresa: Privada/ Ensino m&eacute;dio completo/ Vagas: 2 / Bolsa: R$ 522,50 + VT/ Hor&aacute;rio: 9h &agrave;s 13h &ndash; seg. a sex. / 18 a 21 anos</p> <p class="texto">Empresa: P&uacute;blica/ Ensino m&eacute;dio completo ou cursando / Vaga: 1 / Bolsa: R$ 490,82 + VT + VA / Hor&aacute;rio: 14h &agrave;s 18h &ndash; seg. a sex. / 14 a 17 anos</p> <p class="texto">Empresa: Privada/ Ensino m&eacute;dio completo ou cursando / Vagas: 6 / Bolsa: R$ 490,82 + VT + VA / Hor&aacute;rio: 8h &agrave;s 12h &ndash; seg. a sex. / 15 a 17 anos</p> <p class="texto">Empresa: Privada/ Ensino m&eacute;dio completo/ Vaga: 1 / Bolsa: R$ 736,24 + VT/ Hor&aacute;rio: 8h &agrave;s 14h &ndash; seg. a sex. / 18 a 21 anos<br />Empresa: P&uacute;blica / Ensino m&eacute;dio completo ou cursando / Vagas: 5 / Bolsa: R$ 1045 + VT + VA / Hor&aacute;rio: 8h &agrave;s 14h &ndash; seg. a sex. / 18 a 22 anos</p> <p class="texto">Empresa: Privada/ Ensino m&eacute;dio completo/ Vaga: 1 / Bolsa: R$ 736,24 + VT/ Hor&aacute;rio: 9h &agrave;s 13h &ndash; seg. a sex. / 18 a 21 anos</p> <p class="texto">Empresa: Privada/ Ensino m&eacute;dio completo ou cursando / Vagas: 2 / Bolsa: R$ 522,50 + VT/ Hor&aacute;rio: 14h &agrave;s 18h &ndash; seg. a sex. / 14 a 18 anos</p> <p class="texto">Empresa: Privada/ Ensino fundamental ou m&eacute;dio cursando/ Vaga: 1 / Bolsa: R$ 522,50 + VT / Hor&aacute;rio: 8h &agrave;s 12h &ndash; seg. a sex. / 15 a 17 anos</p> <p class="texto">Empresa: Privada/ Ensino m&eacute;dio completo ou cursando / Vagas: 3 / Bolsa: R$ 522,50 + VT/ Hor&aacute;rio: 8h &agrave;s 12h &ndash; seg. a sex. / 18 a 20 anos<br />Empresa: Privada/ Ensino fundamental, m&eacute;dio ou t&eacute;cnico cursando/ Vaga: 1 / Bolsa: R$ 490,82 + VT/ Hor&aacute;rio: 14h &agrave;s 18h &ndash; seg. a sex. / 18 a 21 anos</p> <p class="texto">Empresa: Privada/ Ensino m&eacute;dio, t&eacute;cnico ou superior cursando/ Vaga: 1 / Bolsa: R$ 736,24 + VT + VA/ Hor&aacute;rio: 9h &agrave;s 15h &ndash; seg. a sex. / 18 a 21 anos</p> <p class="texto">Empresa: Privada/ Ensino m&eacute;dio completo ou cursando / Vaga: 1 / Bolsa: R$ 522,50 + VT / Hor&aacute;rio: 14h &agrave;s 18h &ndash; seg. a sex. / 15 a 17 anos</p> <p class="texto">Empresa: P&uacute;blica/ Ensino m&eacute;dio completo ou cursando / Vaga: 1 / Bolsa: R$ 736,24 + VT + VA / Hor&aacute;rio: 10h &agrave;s 16h &ndash; seg. a sex. / 18 a 21 anos.</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" } } 4u414w