select, option {-webkit-appearance: none;appearance: none;background-color: #FFF;color: #1a1a1a;} input {background-color:#FFF;} /***** PÁGINA BLOG LISTAR *****/ #pgBlog {background-color:#FFF;} #pgBlog .centralizar {flex-direction:column;} #pgBlog .header {display:flex;flex-direction:column;} #pgBlog .header h1 {font-size:28px;text-align:center;} #pgBlog .header .select {margin-top:30px;} #pgBlog .header select {border:2px solid #1a1a1a;border-radius:50px;padding: 15px 50px 15px 25px;align-self:center;cursor:pointer;width:100%;max-width:300px;font-weight: 700;font-size: 14px;} #pgBlog .direita {width:100vw;background-color:#1a1a1a;} #pgBlog .esquerda {width:100%;display:flex;flex-direction:column;padding-top: 60px;padding-bottom: 75px;} #pgBlog #paginador {margin-top:100px;} @media screen and (max-width:1023px){ #pgBlog .header .select {width: 100%;max-width: unset;margin:30px auto 0 auto;} #pgBlog .header select {max-width:100%;padding-right: 50px;} } @media screen and (min-width:1024px){ #pgBlog .centralizar {flex-direction:row;justify-content:space-between;} #pgBlog .header {display:flex;flex-direction:row;justify-content:space-between;padding-top: 60px;} #pgBlog .header h1 {font-size:38px;text-align:left;} #pgBlog .header .select {margin-top:0;} #pgBlog .header select {/* width:auto; *//* max-width:unset; */} #pgBlog .esquerda {max-width:63.371%;padding-top: 0;} #pgBlog .direita {width:100%;transform:unset;max-width:28.89%;position:relative;padding-top:120px;padding-left:50px;} #pgBlog .direita:after {content:'';display:block;background-color:#1a1a1a;position:absolute;top:0;right:0;bottom:0;width:100vw;transform:translateX(100%);} } @media screen and (min-width:768px) and (max-width:1023px){ } #pgBlog .thumb {display:flex;border-radius:25px;overflow:hidden;width:100%;position:relative;margin:0 auto 25px auto;/* max-width:75%; */align-self: center;} #pgBlog .thumb img {display:block;width:100%;} #pgBlog .thumb .mascara {position:absolute;background-color: rgba(0,0,0,.6);top: 0;right: 0;left: 0;bottom: 0;display: flex;justify-content: center;align-items: center;opacity:0;} @media screen and (min-width:1024px){ #pgBlog .thumb {max-width:320px;margin:0;} #pgBlog .thumb svg {width:25px;transform:rotate(45deg);} #pgBlog .thumb path {fill:#4ab762;} #pgBlog .thumb .svg {width:auto;} } #pgBlog .post {display:flex;flex-direction:column;margin-top: 40px;padding-top: 50px;border-top:1px solid #e1e1e1;text-align:center;} #pgBlog .post .conteudo {width:100%;align-self:center;} #pgBlog .post .conteudo .categoria {background-color:#1a1a1a;color:#FFF;font-size:10px;font-family: 'Poppins';font-weight:600;text-transform:uppercase;width:fit-content;padding: 8px 20px;border-radius: 4px;letter-spacing: .5px;margin:auto;} #pgBlog .post .conteudo .titulo {color:#1a1a1a;font-size:18px;font-weight:600;margin:15px 0;display:inline-block;line-height: 1.1;} #pgBlog .post .conteudo .resumo {color:#1a1a1a;font-size:12px;line-height: 1.4;} @media screen and (max-width:1023px){ #pgBlog .posts {margin-top:50px;} } @media screen and (max-width:499px){ #pgBlog .post:first-of-type {border:0;margin-top:0;padding-top:0;} } @media screen and (min-width:600px) and (max-width:799px){ #pgBlog .post:nth-child(-n+2) {border-top:0;padding-top:0;margin-top:0;} #pgBlog .post {max-width:47%;} } @media screen and (min-width:600px){ #pgBlog .posts {display:flex;justify-content:space-between;flex-wrap:wrap;} } @media screen and (min-width:800px) and (max-width:999px){ #pgBlog .post:nth-child(-n+3) {border-top:0;padding-top:0;margin-top:0;} #pgBlog .post {max-width:30%;} } @media screen and (min-width:1000px){ #pgBlog .posts {margin-top:90px;} #pgBlog .posts {display:block;justify-content:unset;flex-wrap:unset;} #pgBlog .post {flex-direction:row;justify-content:space-between;text-align:left;max-width:100%;} #pgBlog .post:first-of-type {margin-top:0;padding-top:0;border-top:0;} #pgBlog .post:nth-child(2) {margin-top:60px;padding-top:60px;border-top:1px solid #e1e1e1;} #pgBlog .post:nth-child(3) {margin-top:60px;padding-top:60px;border-top:1px solid #e1e1e1;} #pgBlog .post:hover .mascara {opacity:1;} #pgBlog .post .conteudo {margin-left:40px;} #pgBlog .post .conteudo .categoria {margin:0;} } #pgBlog .materialEduca {display:none;flex-direction:column;align-items:flex-end;padding:0 40px 40px 40px;} #pgBlog .materialEduca .header {margin:auto;display:flex;flex-direction:column;align-items:center;max-width:320px;width:100%;} #pgBlog .materialEduca .header h2 {color:#FFF;margin-bottom:20px;} #pgBlog .materialEduca .header a {font-size:12px;color:#4ab762;font-family: 'Poppins';text-transform:uppercase;} #pgBlog .materialEducaLista {display:flex;flex-direction:column;align-items:center;margin-top:75px;} #pgBlog .materialEducaLista .material {text-align:center;display:flex;flex-direction:column;width:100%;margin-bottom:50px;} #pgBlog .materialEducaLista .thumb {border:0;} #pgBlog .materialEducaLista .conteudo {width:100%;align-self:center;} #pgBlog .materialEducaLista .conteudo .categoria {margin:auto;background-color:#FFF;color:#1a1a1a;font-size:10px;font-family: 'Poppins';text-transform:uppercase;width:fit-content;padding: 8px 20px;border-radius:4px;letter-spacing:.5px;} #pgBlog .materialEducaLista .conteudo .titulo {color:#FFF;font-size:18px;font-weight:600;margin:15px 0;display:inline-block;} #pgBlog .materialEducaLista .conteudo .resumo {color:#FFF;font-size:12px;} @media screen and (min-width:600px){ #pgBlog .materialEducaLista {flex-direction:row;justify-content:space-between;flex-wrap:wrap;align-items:unset;} #pgBlog .materialEducaLista .material {max-width:47%;} } @media screen and (min-width:800px){ #pgBlog .materialEducaLista .material {max-width:30%;} } @media screen and (min-width:800px) and (max-width:999px) { #pgBlog .materialEducaLista[data-items="2"]:after {content:'';display:block;width:100%;max-width:30%;} #pgBlog .materialEducaLista[data-items="4"]:after {content:'';display:block;width:100%;max-width:60%;} #pgBlog .materialEducaLista[data-items="5"]:after {content:'';display:block;width:100%;max-width:30%;} } @media screen and (min-width:1000px){ #pgBlog .materialEduca {padding:0;display:flex;} #pgBlog .materialEduca .header {margin:0;} #pgBlog .materialEducaLista {flex-direction:column;} #pgBlog .materialEducaLista .material {text-align:left;max-width:320px;} #pgBlog .materialEducaLista .material:hover .mascara {opacity:1;} #pgBlog .materialEducaLista .conteudo {padding:30px;} #pgBlog .materialEducaLista .conteudo .categoria {margin:0;} } @media screen and (min-width:1000px) and (max-width:1365px) { #pgBlog .materialEduca {padding: 0 0 0 40px;} #pgBlog .materialEducaLista .conteudo {padding:30px 0 0 0;} } #pgBlog .direitaPostRelacionados .item {margin-bottom:50px;} #pgBlog .direitaPostRelacionados h2 {color:#FFF;margin-bottom:50px;text-align:center;font-size: 24px;font-family: 'Poppins';font-weight: 600;} #pgBlog .direitaPostRelacionados .titulo {color:#FFF;font-size:18px;font-weight:600;margin:15px 0;display:inline-block;} #pgBlog .direitaPostRelacionados .categoria {width:90%;margin-top:25px;} #pgBlog .direitaPostRelacionados .categoria span {margin:auto;background-color:#FFF;color:#1a1a1a;font-size:10px;font-family: 'Poppins';text-transform:uppercase;width:fit-content;padding: 8px 20px;border-radius:4px;letter-spacing:.5px;font-weight: 600;} @media screen and (max-width:999px){ #pgBlog .direitaPostRelacionados {padding-bottom:50px;} #pgBlog .direitaPostRelacionados .sidebarPost .carrousel {width:100vw;} #pgBlog .direitaPostRelacionados .sidebarPost .carrousel .item {text-align:center;} #pgBlog .direitaPostRelacionados .sidebarPost .carrousel .thumb {max-width:100%;} #pgBlog .direitaPostRelacionados .sidebarPost .carrousel .slick-slide > div {display: flex !important;justify-content: center;} } @media screen and (min-width:1000px){ #pgBlog .direitaPostRelacionados a:hover .titulo {text-decoration:underline;} #pgBlog .direitaPostRelacionados a:hover .mascara {opacity:1;} } #pgBlog .formNewsletter {background-color:#282828;padding:50px;width:100%;margin-bottom:90px;min-height:475px;display:flex;justify-content:center;} #pgBlog .formNewsletter label {margin-bottom:20px;} #pgBlog .formNewsletter input {width:100%;border-radius:50px;padding:13px 30px;} #pgBlog .formNewsletter input::placeholder {font-size:12px;font-family:'Poppins', sans-serif;color:#c4c4c4;font-weight:400;} #pgBlog .formNewsletter a {text-decoration:underline;color:#FFF;} #pgBlog .formNewsletter .header {flex-direction:column;align-items:center;padding-top: 0;} #pgBlog .formNewsletter .header h2 {font-family: 'Poppins';font-size:30px;color:#FFF;margin-bottom:8px;font-weight:600;} #pgBlog .formNewsletter .header p {font-size:12px;color:#FFF;text-align:center;font-family: 'Poppins';max-width:195px;line-height: 1.45;} #pgBlog .formNewsletter .textoTermos {font-size: 10px;color:#FFF;text-align:center;max-width:80%;margin:20px auto 0 auto;} #pgBlog .formNewsletter .formCampos {display:flex;flex-direction:column;margin-top:40px;} #pgBlog .formNewsletter .formBotao {display:flex;justify-content:center;margin-top:25px;} #pgBlog .formNewsletter .botao {font-family: 'Poppins';font-weight: 600;border: 2px solid #4ab762;border-radius: 50px;display: flex;width: 100%;justify-content: space-between;align-items: center;padding: 17px 20px;color: #FFF;background-color: #4ab762;text-transform: uppercase;font-size: 13px;font-weight: 600;letter-spacing: .5px;max-width: 180px;line-height: 1;cursor: pointer;} #pgBlog .formNewsletter .botao .svg {width:auto;} #pgBlog .formNewsletter .botao svg {width:14px;height:11px;} #pgBlog .formNewsletter .botao path {fill:#FFF;} #pgBlog .formNewsletter .botao .svg.seta2 {transform: rotate(45deg);} #pgBlog .formNewsletter .botao {padding:17px 25px;} #pgBlog .formNewsletter .mensagem {align-self:center;} #pgBlog .formNewsletter .mensagem > div {display:flex;flex-direction:column;align-items:center;text-align:center;} #pgBlog .formNewsletter .mensagem p {font-size:13px;color:#FFF;} #pgBlog .formNewsletter .mensagem .botao {align-self:center;max-width:unset;width:auto;background-color:#4ab762;color:#1a1a1a;margin-top:30px;font-size:14px;padding:17px 25px;} #pgBlog .formNewsletter .mensagem .botao path {fill:#1a1a1a;} #pgBlog .formNewsletter .mensagem .botao .svg {margin-left:20px;margin-right:0;} #pgBlog .formNewsletter .mensagem .titulo {font-size: 28px;font-family: 'Poppins';line-height:1.1;margin: 30px 0 10px 0;} #pgBlog .formNewsletter .mensagem .falha figure path {fill:#ff285f;} #pgBlog .formNewsletter .mensagem .falha .titulo {max-width:60%;} #pgBlog .formNewsletter .mensagem .falha .botao {flex-direction: row-reverse;} #pgBlog .formNewsletter .mensagem .falha .botao .svg {margin-left:0;margin-right:20px;transform: rotate(225deg);} #pgBlog .formNewsletter .mensagem .sucesso figure path {fill:#4bb763;} #pgBlog .formNewsletter .loading {align-self:center;} @media screen and (max-width:999px){ #pgBlog .formNewsletter {margin-bottom:0px;padding-left: 30px;padding-right: 30px;} } @media screen and (min-width:1000px){ #pgBlog .formNewsletter {margin-left:auto;width:100%;border-radius:25px;padding:40px 20px;} #pgBlog .formNewsletter a:hover {text-decoration:none;} #pgBlog .blogPostLeituraSidebar .formNewsletter {position: sticky;top: 120px;} } @media screen and (min-width:1366px){ #pgBlog .formNewsletter {margin-left:auto;width:100%;padding:50px;} } @media screen and (min-width:768px) and (max-width:1023px) { #pgBlog .formNewsletter {border-radius:25px;} } #pgBlog #blogPost .divBanner {height:auto;margin-bottom:50px;} #pgBlog #blogPost .divBanner img {border-radius:25px;overflow:hidden;} #pgBlog #blogPost .flex {display:flex;flex-direction:column;align-items:center;margin-bottom:50px;} #pgBlog #blogPost .blogPostCategoria {margin:0 auto 15px auto;background-color:#1a1a1a;color:#FFF;font-size:10px;font-family: 'Poppins';text-transform:uppercase;width:fit-content;padding:9px 20px 8px 20px;border-radius:4px;letter-spacing:.5px;display:inline-block;} @media screen and (min-width:1000px){ #pgBlog #blogPost .flex {flex-direction:row;justify-content:space-between;} #pgBlog #blogPost .blogPostCategoria {margin:0;} #pgBlog #blogPost .blogPostCategoria:hover {opacity:.75;} #pgBlog #btTenhoInteresse {display:none;} } #pgBlog #blogPost .compartilhe {margin-top:15px;display:flex;justify-content:center;align-items:center;} #pgBlog #blogPost .compartilhe p {font-size:12px;font-weight:500;color:#1a1a1a;} #pgBlog #blogPost .compartilhe a {display:flex;align-items:center;justify-content:center;border-radius:50%;width:30px;height:30px;border:1px solid #4ab762;margin-left:18px;} #pgBlog #blogPost .compartilhe svg {width:16px;height:auto;} #pgBlog #blogPost .compartilhe svg path {fill:#4ab762;} #pgBlog #blogPost .compartilhe rect {fill:#4ab762;} #pgBlog #blogPost .compartilhe a:hover {background-color:#4ab762;} #pgBlog #blogPost .compartilhe a:hover path {fill:#FFF;transition:all 0.3s ease-out;} #pgBlog #blogPost .compartilhe .svg {display:inline-flex;justify-content:center;align-items:center;} #pgBlog #blogPost .compartilhe .whatsapp svg {width:22px;} @media screen and (min-width:1000px){ #pgBlog #blogPost .compartilhe {justify-content:flex-end;} } #pgBlog #blogPost .postTitulo {margin-bottom:50px;} #pgBlog #blogPost .postTitulo h1 {line-height:1.3;} #pgBlog #blogPost .postTexto p, #pgBlog #blogPost .postTexto div {line-height:2 !important;} #pgBlog #blogPost .postTexto h1, #pgBlog #blogPost .postTexto h2, #pgBlog #blogPost .postTexto h3, #pgBlog #blogPost .postTexto h4, #pgBlog #blogPost .postTexto h5, #pgBlog #blogPost .postTexto h6 {margin-top:50px !important;} #pgBlog #blogPost .postTexto ol, #pgBlog #blogPost .postTexto ul {margin-bottom:25px !important;} #pgBlog #blogPost .postTexto ol li, #pgBlog #blogPost .postTexto ul li {margin-left:17px;padding-left:10px !important} #pgBlog #blogPost .postTexto a {color:#4ab762;} #pgBlog #blogPost .postTexto img{ max-width:100%;} @media screen and (max-width:999px){ #pgBlog #blogPost .postTitulo h1 {font-size:30px;word-wrap: break-word;} } @media screen and (min-width:1000px){ #pgBlog #blogPost .postTitulo {text-align:left;} #pgBlog #blogPost .postTitulo h1 {font-size:40px;} #pgBlog #blogPost .postTexto a:hover {text-decoration:underline;} } /* *** */ #pgBlog #postsRelacionados {padding-top:50px;margin-bottom:100px;} #pgBlog #postsRelacionados .header {margin-bottom:50px;width:100%;} #pgBlog #postsRelacionados .header header {display:flex;flex-direction:column;text-align:center;} #pgBlog #postsRelacionados .header h1 {font-size:29px;} #pgBlog #postsRelacionados .header h2 {font-size:29px;} #pgBlog #postsRelacionados .header a {font-size:12px;text-transform:uppercase;color:#4ab762;font-weight:500;margin-left:30px;transform:translateY(3px);} #pgBlog #postsRelacionados .post:nth-of-type(1), #pgBlog #postsRelacionados .post:nth-of-type(2) {margin-top:0;padding-top:0;border:0;} #pgBlog #postsRelacionados .post:nth-of-type(3) {margin-top:0;padding-top:0;border:0;} @media screen and (max-width:767px){ #pgBlog #postsRelacionados .header a {margin:20px 0 0 0 !important;} #pgBlog #postsRelacionados .post:nth-of-type(n+2) {margin-top:40px;padding-top:45px;border-top:1px solid #e1e1e1;} } @media screen and (min-width:768px){ #pgBlog #postsRelacionados .header header {flex-direction:row !important;align-items:center;width:100%;} #pgBlog #postsRelacionados .header a {margin-left: auto !important;} #pgBlog #postsRelacionados .post:nth-of-type(n+3) {margin-top:60px;} } @media screen and (min-width:1000px){ #pgBlog #postsRelacionados {padding-top:75px;} #pgBlog #postsRelacionados .header header {flex-direction:row;align-items:center;text-align:left;} #pgBlog #postsRelacionados .header a:hover {text-decoration:underline;} #pgBlog #postsRelacionados .post:nth-of-type(2), #pgBlog #postsRelacionados .post:nth-of-type(3) {margin-top:60px;padding-top:60px;border-top:1px solid #e1e1e1;} } #pgBlog .blogFormBuscar {display: flex;align-items: center;margin-bottom: 60px;} #pgBlog .blogFormBuscar label {width:100%;} #pgBlog .blogFormBuscar input {width: 100%;padding: 13px 20px 13px 50px;border-radius: 50px 0 0 50px;background-color:#FFF;border-right: 0;height:50px;} #pgBlog .blogFormBuscar input::placeholder {color:#cecdce;font-size:13px;} #pgBlog .blogFormBuscar svg {height:18px;} #pgBlog .blogFormBuscar circle, #pgBlog .blogFormBuscar line {stroke:#cecdce;} #pgBlog .blogFormBuscar button {background-color:#FFF;border:0px;border-style:solid;border-color:#cecdce;height:50px;width:50px;border-radius:0px 50px 50px 0px;cursor:pointer;display:n;justify-content:center;align-items:center;} #pgBlog .blogFormBuscar label.campo-invalido + button {border-color:red;border-left:0;border-width:1px;} #pgBlog .blogFormBuscar label.campo-invalido + button circle, #pgBlog .blogFormBuscar label.campo-invalido + button line {stroke:red;} #pgBlog .blogFormBuscar.exibirDesktop {display:none;} #pgBlog .blogFormBuscar.exibirMobile {margin-top:30px;width:100%;max-width:100%;margin-left:auto;margin-right:auto;margin-bottom:0;} @media screen and (max-width:999px){ #pgBlog .blogFormBuscar input{ background:#F4F4F3; } #pgBlog .blogFormBuscar button {background-color:#F4F4F3;} } @media screen and (min-width:600px) and (max-width:999px){ #pgBlog .blogFormBuscar.exibirMobile {max-width:45%;} } @media screen and (min-width:1000px){ #pgBlog .blogFormBuscar.exibirMobile {display:none;} #pgBlog .blogFormBuscar.exibirDesktop {display:flex;} #pgBlog .blogFormBuscar button:hover svg {opacity:.8;} } #pgBlog.pgBlogBuscar .header {align-items:center;} #pgBlog.pgBlogBuscar .botoes {margin:100px 0;justify-content:center;width:100%;display:flex;} #pgBlog.pgBlogBuscar .botoes .botao {justify-content: center;} #pgBlog.pgBlogBuscar #recebeAjax .loading {margin:auto;text-align:center;} @media screen and (min-width:1000px){ #pgBlog.pgBlogBuscar .botoes .botao span {color:#4ab762;} #pgBlog.pgBlogBuscar .botoes .botao:hover span {color:#FFF !important;} } @media screen and (max-width:767px){ #pgBlog .centralizar {padding:0;} #pgBlog .esquerda {padding:0 30px;} #pgBlog .direita {width:100%;} .direitaPostRelacionados {padding-top:70px;} } @media screen and (min-width:768px) and (max-width:1023px) { #pgBlog {padding-top:0;} #pgBlog .centralizar {padding: 0 30px;} #pgBlog .esquerda {padding: 0px 30px 0 30px;} #pgBlog .direita {width: calc(100% - 60px);border-radius: 25px;max-width: var(--siteLarguraMobile);margin: 0 30px;} #pgBlog .header {flex-direction:row;flex-wrap: wrap;align-items:center;} #pgBlog .header header {max-width:48%;width:100%;} #pgBlog .header header h1 {text-align: left;} #pgBlog .header .select {margin-top:0;padding:0;margin-right: 0;max-width: 48%;} #pgBlog .blogFormBuscar.exibirMobile {width:100%;max-width:100%;} #pgBlog .direitaPostRelacionados {padding-top:70px;padding-bottom:70px;} #pgBlog .direitaPostRelacionados .slick-dots {margin-top:0;} } @media screen and (min-width:1000px){ #divBlogRelacionadosSidebar .divCarrousel {flex-direction:column;} #divBlogRelacionadosSidebar .divCarrousel .item {max-width:100% !important;margin-right:0 !important;} } /* *** */ .blogPostLeitura > #divBreadcumb {margin-bottom:60px;} @media screen and (max-width:1023px){ .blogPostLeitura > #divBreadcumb, #divBreadcumb {margin-bottom:40px} } /* *** */ @media screen and (max-width:1023px){ #pgBlog #newsletterBlog .campo-invalido.labelCustomCheckBox .divCustomCheckBox {margin-bottom: 60px !important;} #pgBlog #newsletterBlog .campo-invalido.labelCustomCheckBox:after {bottom: -42px;} } @media screen and (max-width:425px){ } @media screen and (min-width:1024px){ #pgBlog #newsletterBlog .campo-invalido.labelCustomCheckBox .divCustomCheckBox {margin-bottom: 80px !important;} #pgBlog #newsletterBlog .campo-invalido.labelCustomCheckBox:after {bottom: -57px;} } @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1024px) {} /* ALTERACAO NO MODO DE EXIBIR OS RELACIONADOS */ @media screen and (max-width:1023px){ .divParcialCarrouselBlogRelacionadosSidebar {display:none !important;} .divParcialCarrouselBlogRelacionados .carrousel {width:100% !important;} .divParcialCarrouselBlogRelacionados .direitaPostRelacionados {width:100%;max-width:100%;} .divParcialCarrouselBlogRelacionados .direitaPostRelacionados h2 {color: #1a1a1a !important;font-size: 30px !important;} .divParcialCarrouselBlogRelacionados .direitaPostRelacionados .sidebarPost {} .divParcialCarrouselBlogRelacionados .direitaPostRelacionados .titulo {color:#1a1a1a !important;} .divParcialCarrouselBlogRelacionados .direitaPostRelacionados .item {margin-bottom:0 !important;} } @media screen and (min-width:1024px){ .divParcialCarrouselBlogRelacionados {display:none !important;} } @media screen and (min-width:768px) and (max-width:1023px) { .divParcialCarrouselBlogRelacionados .centralizar {/* padding:0 30px !important; */} } /* *** */ @media screen and (max-width:767px){ .pgBlogBuscar {padding-top:50px}; } /* *** */ @media screen and (min-width:1024px){ #blogPost #postsRelacionados {margin-top: 40px;border-top: 1px solid #e1e1e1;padding-top: 50px;} #blogPost #postsRelacionados .header {padding-top:0;} } #paginador {margin-bottom:0;}