#idiomas, #idiomas th, #parceiros, #parceiros th { font-size: 1.1em; font-family: var(--font-family-p) } .analise ul li, .blog-duvida ul, .blog-duvida ul li, ol li { margin-bottom: 10px } .analise p, .lista-sites p, p { text-align: justify } #idiomas, #idiomas th, #parceiros, #parceiros th, .analise ul li, .blog-duvida ul li, strong { font-family: var(--font-family-p) } p strong { font-weight: 800 !important; color: #303840 !important; font-size: 1em !important } body { background-color: #f7f7f7 !important } .analise iframe { width: 100%; height: 100%; min-height: 70vh } #idiomas, #parceiros { margin-bottom: 50px } #idiomas th, #parceiros th { font-weight: 500; padding-left: 25px } #idiomas tr th, #parceiros tr th { background-color: var(--blue-color); font-family: sans-serif; margin-bottom: 20px } #idiomas tr td, #parceiros tr td { padding: 15px !important; font-family: sans-serif !important; width: 50% } #idiomas tr td, ol li:first-letter { text-transform: capitalize } #idiomas tr:nth-last-child(odd), #parceiros tr:nth-last-child(odd), .table_descobrindo tr:hover { background-color: #ddd } .blog { margin-top: 0; width: 100%; float: left } .blog-duvida { margin-top: 3px } .blog-duvida li { margin-top: 10px } .blog-duvida ul li { color: #555; font-weight: 300 !important } .conteudo-blog { padding: 60px 0 0 15px } .conteudo-blog-analise { margin-top: -90px; margin-bottom: 20px; box-shadow: 0 .3rem .4rem rgba(0, 0, 0, .1); padding: 0 15px 20px } .conteudo-blog-analise h1 { font-size: 2.22em; color: #346fa1 !important; padding-bottom: 1%; text-transform: none !important; padding-top: 20px } .conteudo-blog-analise h1 strong { font-weight: 400 } .conteudo-blog p { font-size: 1.1em; font-family: sans-serif; margin-bottom: 25px !important } .conteudo-blog-analise h2 { font-size: 1.8em; margin-top: 1.8%; color: #333 !important; padding-bottom: 2% } .conteudo-blog-analise h3 { font-size: 1.6em; margin: 1.5% 0; padding-bottom: 1%; color: #303030 } .conteudo-blog-analise h4 { font-size: 1.4em; margin: 25px 0 2%; color: #444 } .conteudo-blog-analise h5 { font-size: 1.22em; color: #428bca; margin-bottom: 15px } .conteudo-blog-analise h6 { font-size: 1em; margin: 0 0 1%; color: #130400 } p.fonte { font-size: .9em } p.topo, p.topo strong { color: #606060 } .conteudo-blog h3.topo { font-family: var(--font-family-clean); font-size: 1em; margin-top: -40px; color: #aaa; margin-bottom: 0 } p.topo { padding: 0 25px 0 0 !important; margin: 30px 0 50px !important } .analise p a, .analise p a:hover { font-size: 1em; color: #0050a9 } .estilizacao-titulo-pro { padding: 5px; border-left: 8px solid #e84040 } .analise { padding: 10px; margin-bottom: 2.9% } .analise p { margin: 0 0 2%; color: #303840 } .analise p a:hover { text-decoration: underline; transition-duration: 1s } .analise ol { margin-left: 15px } .analise ul li { color: #444; font-weight: 300 !important } .analise img { margin-top: 50px !important } #tema-cobrado th, .grupo, .jogos, figure { text-align: center } figcaption { background-color: #096ee9; padding: 12px; color: #fff; margin-bottom: 50px !important } iframe { margin: 20px 0 } p.dicionario { border: 10px solid #fff; border-left-color: #428bca; padding: 5px } h5 { color: #303030 !important; font-weight: 500 } h5 i { color: #428bca } ol li { padding: 6px 0 !important; font-family: arial, sans-serif; font-size: 1.1em } .lista-sites { padding: 0 0 30px } .lista-sites h3 { font-size: 17.5pt; color: #303030 } .lista-sites p { margin-bottom: 5px } .barra-lateral-blog h4 { font-size: 1.24em; letter-spacing: 1.1px; color: #fff; background: #e84040; padding: 10px; font-family: sans-serif; margin-bottom: 0 } .barra-lateral-blog { padding: 20px 0 !important } .barra-lateral-blog a { color: #0050a9; text-decoration: none; padding: 0 10px } .conteudo-blog-analise span { background: #428bca; color: #fff; padding: 1% 1.2%; margin: 1% 0; text-decoration: none; display: inline-block; cursor: pointer; border-radius: 6px } .conteudo-blog-analise span:hover { background: #e51c23; transition-duration: 1s; opacity: .7 } .tab button.active, .tab button:hover, h4.espaco { background-color: #e84040 } h4.espaco { font-size: 1.2em; letter-spacing: .5px; color: #fff; padding: 8px 4px 8px 8px; font-family: sans-serif; margin-bottom: 0 } .tab { overflow: hidden } .tab button { background-color: inherit; float: left; border: none; outline: 0; cursor: pointer; padding: 8px 14px; transition: .4s; font-size: 1em; color: #fff } .tabcontent { display: none; border-top: none } @media (max-width: 740px) { .tab button { background-color: inherit; float: left; border: none; outline: 0; cursor: pointer; padding: 6px 5px; transition: .4s; font-size: .9em; color: #fff } } @media screen and (max-width: 768px) { .menu-blog, p.center, p.dados { text-align: center } .menu-blog { display: block; padding: 8px; margin-top: 10px; cursor: pointer; background-color: #0059b9; color: #fff !important; font-size: 1.2em; font-family: sans-serif; letter-spacing: 3px } span { padding: 2.5% 3%; margin: 1% 0 } .menu-blog a { color: #fff; display: grid; padding: 5px 0 } p.dados { font-size: 80% } table#tabela-competencias th { color: #333 !important } .lista-redacao { padding-left: 15px; font-family: 'Baloo 2', cursive !important; font-size: 1.1em; box-shadow: 1px 1px 1px #cbcbcb } .lista-redacao li a, .tab { padding: 10px } ol.lista-redacao { margin-left: 10px } p.descricao { font-size: .9em; margin-top: 10px } .lista-icones-redacao { grid-template-columns: repeat(auto-fit, minmax(45%, 1fr)); margin-top: 20px } .tab { overflow: hidden; background-color: var(--blue-color-one) } .site-header { padding: 10px 0 0 } .hero { padding-top: 10px } } #tabela-lateral-links { border: none !important } #tabela-lateral-links tr { background: #096ee9; transition-duration: .5s } #tabela-lateral-links tr:hover, #table_ferrovias tr:hover { background: #e84040; transition-delay: .3s } #tabela-lateral-links td { padding: 8px 1px 8px 8px } #tabela-lateral-links a { font-weight: 100; font-family: 'Baloo 2', cursive; color: #fff } .table_descobrindo { font-family: 'Baloo 2', cursive !important; border-collapse: collapse; width: 100% } .table_descobrindo td, .table_descobrindo th { border: 1px solid #ddd; padding: 8px } .table_descobrindo tr:nth-child(2n) { background-color: #f2f2f2 } .table_descobrindo th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: var(--blue-color-one); color: #fff } mark { padding: 5px 10px; color: #fff } .tab, mark { background-color: #096ee9 } button, input, optgroup, select, textarea { font-size: 100%; line-height: 1.15; margin: 0 } .lista-icones-redacao { display: grid; grid-gap: 5px; box-sizing: border-box; height: auto; margin: 0 auto; grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); padding: 10px } .lista-icones-grupo-redacao { width: 100%; color: #fff; border-radius: 5px; margin-bottom: 5px; text-align: center; padding: 0; background-color: var(--blue-color-one) } .lista-icones-texto h3 { font-size: 1em; font-weight: 400 !important } .lista-icones-texto { padding: 5px } .linha_design { display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: Jost } .design { display: flex; align-items: center; justify-content: center } .linha { width: 100%; height: auto; margin: 0 auto; display: flex; flex-direction: column } .linha_conteudo { padding: .4rem .8rem; background: #1f1f1f; border-radius: 6px; color: #fff; transition: .4s; overflow-wrap: break-word !important; margin: 1rem 1rem 10px } .linha_conteudo h3, .linha_conteudo p, .linha_conteudo p strong { font-family: var(--font-family-p); color: #fff !important; font-weight: 100 !important; font-size: .9em } .linha_componente { margin: 0 20px 10px 10px } @media screen and (min-width: 768px) { .conteudo-blog { width: 70%; margin-right: 1%; float: left } .barra-lateral-blog { width: 28%; float: left } .linha_circulo, .linha_do_meio { background-image: linear-gradient(45deg, #f27121, #e94057, #8a2387) } .linha { display: grid; grid-template-columns: 1fr 3px 1fr } .linha_do_meio { position: relative; width: 3px; height: 100% } .main-middle { opacity: 0 } .linha_circulo { position: absolute; top: 0; left: 50%; width: 15px; height: 15px; border-radius: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } } table.futebol { width: 100%; font-family: sans-serif; box-shadow: 0 0 20px rgba(19, 92, 78, 0.15); color: gray; border-collapse: collapse; margin-bottom: 1rem; } .futebol th { background: #096ee9; font-weight: 600; color: white; padding: 6px; font-size: 1em; text-align: left; } .futebol td { background-color: #fff; border: 1px solid #ddd; padding: 4px 8px; font-size: 0.9em; vertical-align: middle; } td.partida, td.resultado { background-color: #096ee9; color: #fff; } td.partida { font-size: 1em; text-align: left; } .partida span.direita { display: block; font-size: 1em !important; color: white; background: #096ee9; } .futebol span.placar { background: #fff; border-radius: 50%; width: 30px; height: 30px; display: inline-flex; justify-content: center; align-items: center; color: #096ee9; font-weight: bold; margin: 0 5px; } .data, .estadio { font-size: 0.85em; } .red { background-color: #e84040 !important; color: #fff; } p.m { padding: 8px; background: #346fa1; color: #fff; font-size: 1em; text-align: center; margin-bottom: 1rem; } /* RESPONSIVO */ @media screen and (max-width: 768px) { table.futebol, .futebol thead, .futebol tbody, .futebol th, .futebol td, .futebol tr { display: block; width: 100%; } .futebol tr { margin-bottom: 1rem; border-bottom: 2px solid #ccc; padding-bottom: 10px; } .futebol th { display: none; } .futebol td { padding: 10px; text-align: left; position: relative; } td.partida, td.resultado { background-color: #096ee9; color: #fff; } .futebol td::before { content: attr(data-label); font-weight: bold; color: #096ee9; display: block; margin-bottom: 4px; } .futebol span.placar { width: 28px; height: 28px; font-size: 0.9em; } } .red { background-color: #e84040 !important; color: #fff } p.m { padding: 5px; background: #346fa1; color: #fff } #table_ferrovias { border-radius: 0 0 .5rem .5rem; font-family: sans-serif } #table_ferrovias tr { background: #096ee9; transition-duration: .5s; border-bottom: 1px solid #eee } #table_ferrovias td, #table_ferrovias td a { padding: 8px 1px 8px 8px; color: #fff; font-size: .9em } #table_ferrovias thead td { background-color: #a020f0 } @media screen and (max-width: 767px) { p.topo strong { font-size: .9em !important } .conteudo-blog-analise { margin-top: -10px; margin-bottom: 10px; box-shadow: 0 .3rem .4rem rgba(0, 0, 0, .1); padding: 0 4px } .conteudo-blog-analise p strong { font-weight: 500 } .conteudo-blog-analise p { margin-bottom: 15px } .conteudo-blog-analise h1 { padding-top: 10px; margin-top: -1px; font-size: 1.7em; color: #428bca !important; padding-bottom: 1%; text-transform: none !important } .conteudo-blog-analise h2 { font-size: 1.5em; margin-top: 1%; color: #333 !important; padding-bottom: 3% } .conteudo-blog-analise h3 { margin:3% 0 1.5% 0; padding-bottom: 1%; color: #303030; text-align:center!important; } .conteudo-blog-analise span { padding: 2% 2.2% } .blog { margin-top: 0; width: 100%; overflow: hidden; padding: 10px 1px !important } .conteudo-blog { padding: 0 1px } .descricao { padding: 0; margin-bottom: -10px } #table_ferrovias thead td { font-size: .8em; text-align: center; background-color: #a020f0 } #table_ferrovias td { padding: 6px; color: #fff; font-size: .8em; text-align: center } #table_ferrovias td a { color: #fff; font-size: .9em } }