/* 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/4867145-precisa-se.html", "name": "Precisa-se", "headline": "Precisa-se", "alternateName": "", "alternativeHeadline": "", "datePublished": "2020-08-07-0323:47:00-10800", "articleBody": "<p class="texto"><strong>188 vagas</strong></p> <p class="texto"><strong>&nbsp;VAGA QUANTIDADE SAL&Aacute;RIO</strong></p> <p class="texto">A&Ccedil;OUGUEIRO 22 DE R$ 1.200 A R$ 1.700</p> <p class="texto">AJUDANTE DE CARGA E DESCARGA DE MERCADORIA 10 R$ 1.184,50</p> <p class="texto">AJUDANTE DE SERRALHEIRO 3 R$ 1.200</p> <p class="texto">ARQUITETO DE INTERIORES 1 R$ 1.500</p> <p class="texto">ATU&Aacute;RIO 1 R$ 3.500</p> <p class="texto">AUXILIAR CONT&Aacute;BIL 1 R$ 1.200</p> <p class="texto">AUXILIAR DE COZINHA 5 R$ 1.500</p> <p class="texto">AUXILIAR DE LAVANDERIA 13 R$ 1.100</p> <p class="texto">AUXILIAR DE LIMPEZA 6 R$ 1.184,45</p> <p class="texto">AUXILIAR DE LINHA DE PRODU&Ccedil;&Atilde;O 10 R$ 1.100</p> <p class="texto">AUXILIAR DE MANUTEN&Ccedil;&Atilde;O PREDIAL 9 DE R$ 1.184,54 A R$ 1.198</p> <p class="texto">AUXILIAR DE PADEIRO 8 R$ 1.184,45</p> <p class="texto">AUXILIAR DE VIDRACEIRO 1 R$ 1.243,67</p> <p class="texto">AUXILIAR NOS SERVI&Ccedil;OS DE ALIMENTA&Ccedil;&Atilde;O 4 R$ 1.184,45</p> <p class="texto">AUXILIAR OPERACIONAL DE LOG&Iacute;STICA 10 R$ 1.243,67</p> <p class="texto">CARPINTEIRO 4 R$ 1.750</p> <p class="texto">CHAPISTA DE LANCHONETE 3 R$ 1.500</p> <p class="texto">CHURRASQUEIRO 4 R$ 1.500</p> <p class="texto">CORTADOR DE PEDRAS 1 R$ 1.500</p> <p class="texto">COZINHEIRO DE RESTAURANTE 1 R$ 1.200</p> <p class="texto">DESIGNER DE INTERIORES 1 R$ 20 (DIA)</p> <p class="texto">FIEL DE DEP&Oacute;SITO 5 R$ 1.106</p> <p class="texto">FISCAL DE PREVEN&Ccedil;&Atilde;O DE PERDAS 2 R$ 1.184,45</p> <p class="texto">GAR&Ccedil;OM 12 DE R$ 1.198 A R$ 1.500</p> <p class="texto">MARCENEIRO 9 DE R$ 1.200 A R$ 1.800</p> <p class="texto">MARCENEIRO MODELISTA 1 R$ 1.300</p> <p class="texto">MEC&Acirc;NICO 1 R$ 1.154</p> <p class="texto">MEC&Acirc;NICO DE AFINA&Ccedil;&Atilde;O DE MOTORES DIESEL (EXCETO DE VE&Iacute;CULOS AUTOMOTORES) 1 R$ 2.500</p> <p class="texto">MOTORISTA CARRETEIRO 2 R$ 2.800</p> <p class="texto">MOTORISTA ENTREGADOR 8 DE R$ 1.200 A R$ 1.470</p> <p class="texto">OPERADOR DE RETRO-ESCAVADEIRA 1 R$ 1.500</p> <p class="texto">PEDREIRO 2 R$ 1.200</p> <p class="texto">PIZZAIOLO 1 R$ 1.200</p> <p class="texto">PROJETISTA DE M&Oacute;VEIS 1 R$ 1.200</p> <p class="texto">REPOSITOR DE MERCADORIAS 8 R$ 1.184,45</p> <p class="texto">SERRALHEIRO 9 DE R$ 1.300 A R$ 1.696</p> <p class="texto">T&Eacute;CNICO DE ENFERMAGEM 5 R$ 1.236</p> <p class="texto">TORNEIRO MEC&Acirc;NICO 1 R$ 1.100</p> <p class="texto">VAQUEIRO 1 R$ 2.200</p> <p class="texto">&nbsp;</p> <p class="texto">&nbsp;</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" } } s3fi