/*
Theme Name: Putfire Theme
Text Domain: putfire
Version: 1.2.0
Tested up to: 6.3
Requires at least: 4.7
Requires PHP: 7.0.0
Description: Tema super rápido para monetizaação
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready, seo, light
Author: Luiz Antonio Jr
Author URI: https://sitenota10.com.br
Theme URI: https://sitenota10.com.br/tema-nota-10
License: Apache License, version 2.0
License URI: https://www.apache.org/licenses/LICENSE-2.0
This is a paid Theme. You are not allowed to use unless according to an agreement with the author.

*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Estilo geral */
body {
	line-height: 1.7;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif;
}
body a{text-decoration:none;color:#413c3c}
body .conteudo a{color:var(--corPrincipal)}
.container {
    max-width: 1400px;
    margin: 0 auto;
    /*padding: 20px 0;*/
}

/* Header */
header {
    color: #000;
    padding: 10px 0;
}
.topo{display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between;padding-right: 20px;}

.logo {float: left;    display: flex;    align-items: center;    font-size:20px;}
.logo a{font-size: 15px; font-weight: 560; text-transform: uppercase;padding-left:10px;}

nav {
    float: left;
}

nav ul {list-style: none;display: flex;align-items: center;}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav ul li a {
    color: #000;
    text-decoration: none;
}
.post .lista span{position:relative;width:100%;margin-bottom:15px;}
.post .lista ul{list-style-type: none;}
.post .lista{margin-bottom:20px;margin-top:20px;text-align: center; background: #ededed; padding: 10px; border: 1px solid #cecece;      border-radius: 7px;}
.post .lista li{padding-left: 10px; padding-bottom: 6px; border-bottom: 3px solid #fff; margin-bottom: 10px;}
.lista a{color:var(--corPrincipal);font-weight: bold; font-size: 16px;}

.search {float: right; color: var(--corPrincipal); font-weight: bold;  z-index: 999;display:none}
 
.buscaDesktop input{height: 31px; bottom: 8px; position: relative;padding:10px;}

/* Main */
main {
    padding: 20px 0;
}

.highlight {
    background-color: #f9f9f9;
    padding: 20px;
    margin-bottom: 20px;
}
.destaqueCat p{margin-bottom: 10px;}
.destaquePost{text-align: center; margin-bottom: 10px; display: flex; flex-direction: column;}
.destaquePost h1{font-size:32px;letter-spacing: -1px;}
.destaquePost span{letter-spacing: .1em;font-size:12px;}
.destaquePost p{margin-bottom:15px;}
.post .conteudo{ line-height: 1.75; font-size: 1.125rem; max-width: 60%; margin: 0 auto;}
.post .conteudo img{max-width: 100%;height: auto;border-radius:8px;}
.post .conteudo iframe{max-width: 100%;border-radius:8px;}
.post .img{margin: 0 auto; text-align: center; width: 100%; position: relative; float: left;}
.post .img img{width:70%;border-radius:8px;height:auto;}
.post .img p{font-size:23px;margin-bottom:20px;font-weight:bold;  letter-spacing: -1px;font-style: italic;}
.post .wp-caption{max-width:100%;margin:20px 0px 20px 0px;}
.post .conteudo p{margin-bottom:20px;}
.post .conteudo table {font-size: 16px; border: 1px solid #ececec; padding: 5px; border-radius: 7px; margin: 20px 0px 30px 0px;}
.post .conteudo table tr:nth-child(even){background-color:#f0f0f0}
.post .conteudo table tr:nth-child(odd) {background-color: #ffffff; /* Cor para as linhas ímpares */}
.post .conteudo table tr th{background-color:#ececec;padding:5px;}
.post .conteudo table tr td{padding:5px;}
.post .conteudo .autor{padding-top:20px;border-top:1px solid #dedede;}
.post .conteudo .autor span{font-size: 12px; font-weight: 500;}
.post .conteudo .autor p,.post .autor p{font-size: 13px;font-style: italic;}
.post .conteudo li{margin:0px 0px 20px 20px}
.post .conteudo li::marker {color: var(--corPrincipal) ;font-size: 12px;font-weight: bold;}  
.post .anuncio1{min-height:350px;position: relative; display: flex;flex-direction: column;align-items: center;width:100%;text-align:center;margin-bottom:15px;border-bottom: 2px dashed #dadada; padding-bottom: 30px;}
.post .float{min-height: 60vh !important;}
.post .anuncio1 ins,.adsbygoogle{width:100%}
.post .anuncio1 .interno{border-radius: 10px;position: sticky;top: 80px; padding-top: 10px;min-height:280px;width:100%;}
.post .anuncio1::after{background-color:#cecece;width:100%;content:"";}
.post .anuncio1 .interno img, .post .anuncio1 .interno p, .post .anuncio1 .interno iframe{max-width:100%;}

.post .conteudo .migalha small{font-size:12px;font-weight:bold}
.post .conteudo .migalha a{color:var(--corPrincipal);font-weight:550;}
.post .conteudo .migalha{font-size:14px;margin-bottom:40px;border-top:1px solid #f2f2f2;padding-top:20px;}

.destaque{display:flex;margin: 10px 0px 70px 0px;}
.destaque a:not(.estiloBotao){color:var(--corLinks)}
.destaque div{margin-left:60px;justify-content: center; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; display:flex}
.destaque h2,.destaque p{margin-bottom:20px}
.destaque img{width:450px;height:300px;border-radius:9px}
.estiloBotao{color:#fff;padding:10px;background-color:var(--corPrincipal);border-radius:5px;}
.destaque2 .post{width:33.3333%;text-align:center;}
.destaque2 .post div{padding:10px;background-color:#f1f1f1;border-radius:8px;}
.destaque2 {margin:0 auto;display:flex;flex-wrap: wrap;}
.destaque2 h2{line-height: 2rem;font-size: 1.5rem;}
.destaque2 .post:nth-of-type(2) {width:calc(33% - 20px);margin:0px 10px 0px 10px;}
.destaque2 .post span{text-transform:uppercase;font-size:12px;}
.destaque2 .post svg,.destaque3 svg, .destaque4 svg, .destaque5 svg, .destaque6 svg{width:15px;}
.destaque2 .post div p:nth-of-type(1) {margin:30px 0 30px 0;}
.destaque2 .post div p:nth-of-type(2) a, .destaque3 p a, .destaque4 p a, .destaque5 p a, .destaque6 p a{color:var(--corPrincipal);font-weight:500;margin-top:15px;display:block}
.destaque3{display:flex;margin:90px 0 90px 0}
.destaque3 h2{width:40%;padding-right:23px;}
.destaque3 div{width:60%;margin-top:15px;}

.destaque4 span,.destaque5 span,.destaque6 span{font-size: 14px; font-weight: bold; margin-bottom: 22px; display: block;color:var(--corPrincipal); }}
.destaque4 h2,.destaque5 h2,.destaque6 h2{font-size:1.25rem;margin-bottom:30px;}
.destaque4 .linha,.destaque5 .linha,.destaque6 .linha,.destaqueCat .linha{width:100%;background-color:#f1f1f1;position: relative; float: left; height: .25rem;}
.destaque4 .linha:after,.destaque5 .linha:after,.destaque6 .linha:after,.destaqueCat .linha:after {content: ""; background-color: var(--corPrincipal); width: 200px; position: relative; float: left; height: .25rem; }
.destaque4 .item{width:33%;position:relative;float:left;}
.destaque4 .item img{max-width:100%;height:auto;}
.destaque4 .itens,.destaque5 .itens{display:flex;}
.destaque4 .item:nth-of-type(2) {margin:0px 20px 0px 20px;}
.destaque4 .limitaImagem a:nth-of-type(1){overflow-y: hidden; max-height: 250px; position: relative; float: left;letter-spacing: -1px;}
.destaque4 .item p{position:relative;float:left;}
.destaque5{margin-top:80px;}
.destaque5 .item{width:50%;position:relative;float:left;}
.destaque5 .item:nth-of-type(2) {margin-left:30px}
.destaque5 .itens .item b{font-weight:bold;font-size:14px}

.destaque6 {margin-top:80px;}
.destaque6 .item {display:flex;margin-bottom:30px;border-bottom:1px solid #e6e6e6;padding-bottom:25px;}
.destaque6 .item div:nth-of-type(1) {width:20%;position:relative;float:left;}
.destaque6 .item div:nth-of-type(2) {width:80%;position:relative;float:left;padding-left: 25px;}

.footer{text-align:left;}

footer {
	font-size: .75rem;
    line-height: 1rem;
	color:#545454;
}
footer .final{margin-top:30px;background-color:#eeeeee;padding:10px 0px 10px 0px;}
footer b{margin-top:20px;display:block}
footer .logo p{font-size:20px;padding-left:20px;}
footer .logo{margin-bottom:20px;position:relative;float:left;width:100%;}
footer li{float:left;margin-right:20px;font-size:14px;}
footer li a{color: var(--corPrincipal); font-weight: 500; position: relative; float: left; height: 48px; display: flex; align-items: center;}
footer ul{list-style-type: none; margin: 0; padding: 0; width: 100%; position: relative; float: left;margin-bottom:10px;border-left: 4px solid var(--corPrincipal); padding-left: 10px;}


@media only screen and (max-width: 1450px){.container {width: 80%;}.destaque4 .limitaImagem a:nth-of-type(1){ max-height: 200px;}}
@media only screen and (max-width: 1250px){.tags{text-align:center;}.container {width: 97%;}.topo nav{display:none;}.topo .search{display:block;z-index: 9999;}.destaque4 .limitaImagem a:nth-of-type(1){ max-height: 172px;}}
@media only screen and (max-width: 850px) {.destaque{flex-direction: column;} .destaque .img{margin:0 auto;} .destaque .estiloBotao, .destaque div,.destaque div h2{text-align:center;margin:0 auto}}
@media only screen and (max-width: 800px) {.destaque2 .post,.destaque2 .post:nth-of-type(2){width:100%;margin-bottom:20px;}}
@media only screen and (max-width: 750px) {.margens-espacos{margin-bottom: 30px; border-bottom: 1px solid #dedede; padding-bottom: 15px;} .destaque4 .item:nth-of-type(2){margin:0;margin-bottom:30px;}.destaque4 .itens{flex-direction: column;}.destaque4 .item{width: 100%; margin: 0 auto; text-align: center;}.destaque3{flex-direction: column;margin: 40px 0 40px 0;}.destaque3 h2,.destaque3 div:not(.tags){width:100% !important;display: flex;flex-direction: column;max-width:400px}}
@media only screen and (max-width: 650px) {.post .img img{width:100%;}.post .conteudo{max-width:100%;width:100%;} footer .final ul li{float:left;position:relative;width:100%;height:auto;}footer .final ul li a{width:100%;height:48px;position: relative; float: left;}}
@media only screen and (max-width: 540px) {.destaquePost h1{font-size:25px}.destaque6 .item div:nth-of-type(1){margin-bottom:15px;font-size:14px;}.destaque6 .item div:nth-of-type(2){padding-left:0px;}.destaque6 .item {flex-direction: column;}.destaque6 .item div:nth-of-type(2),.destaque6 .item div:nth-of-type(1){width:100%;}.destaque5 .item:nth-of-type(2){margin:unset;}.destaque5 .itens{flex-direction: column;margin-bottom:}.destaque5 .item{width:100%;}.destaque img{max-width:100%;height:auto}}


#pencet{
    display:flex;
    align-items:center;
    flex-direction:column;
    cursor:pointer;
    z-index: 9999;
  }
  
  #pencet span{
    background-color: var(--corPrincipal); width: 28px; height: 3px; margin: 0.17em 0; display: block; transition: all .4s ease; transform-origin: 0 0;
  }
  
  .Diam span:nth-child(1) {
    transform: rotate(39deg) translate(1px, -1px);
  }
  
  .Diam span:nth-child(2) {
    Transform: scaleX(0);
  }
  
  .Diam span:nth-child(3) {
    transform: rotate(-38deg) translate(1px, 0);
  }

  .menuMobile{
    display: flex !important; position: fixed; width: 100%; background: linear-gradient(to top, #cecece,#f1f1f1 ); top: 0px; left: 0px; height: 100%; z-index: 999;opacity: .97 !important;
    animation: animation-in .5s ease 0s 1 normal forwards;
}

 
 
.menuMobileHide {
    opacity: 0;
    transform: translateX(-1300px);
    animation: animation-in .5s ease 0s 1 normal forwards;
    display: flex !important;
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 999;
    animation: animation-out .5s ease 0s 1 normal forwards;
    background: linear-gradient(to top, #cecece,#f1f1f1 );
}



.menuMobile ul{float:unset;padding: 15px;display:block}
nav.menuMobile ul li{float:left;width:100%;margin-top: 5px;height: 35px; display: list-item;   padding-left: 30px; 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 24 24"><path fill="black" d="M8.122 24l-4.122-4 8-8-8-8 4.122-4 11.878 12z"/></svg>');
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 5px;}
.busca{display:none;}
nav.menuMobile ul li:hover{
    background-size: 11px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 24 24"><path fill="" d="M8.122 24l-4.122-4 8-8-8-8 4.122-4 11.878 12z"/></svg>');
}
.menuMobile .busca{display:block;margin-bottom:30px; padding-left: 0px; }
.menuMobile .busca input{width: 80%; padding: 10px; border: 0; border-bottom: 2px solid #cecece; font-size: 16px;}
.menuMobile .busca input:focus-visible,.buscaDesktop input:focus-visible{outline:0;}
.menuMobile .busca form{display:flex;}
.busca button,.buscaDesktop button{border: 0; background: none; left: -39px; position: relative; top: 4px; cursor: pointer;}
.buscaDesktop button{left: -32px; top: 10px;}
nav.menuMobile ul li a{width: 100%; position: relative; float: left; height: 48px;}
nav.menuMobile ul li a:hover{color:var(--corPrincipal);font-weight: 500;}
nav.menuMobile .buscaDesktop{display:none}

/*categoria*/
.categoria .destaque3{margin: 40px 0 40px 0;}
.categoria .destaque6 h2{text-transform: uppercase; font-size: 18px;}
.paginacao{display: flex; flex-direction: row; justify-content: space-between;}
.paginacao a{color:var(--corPrincipal);}

.post table {
    border-collapse: collapse;
    background: white;
    border-radius: 6px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-top:15px;
}
.post table * {
    position: relative;
}
.post table td,.tabela table th {
    padding-left: 8px;
}
 
.post table tbody tr {
    height: 48px;
    border-bottom: 1px solid #E3F1D5;
}
.post table tbody tr:last-child {
    border: 0;
}
.post table td,.post  table th {
    text-align: left;
}
.post table td.l, .post table th.l {
    text-align: right;
}
.post table td.c, .post table th.c {
    text-align: center;
}
.post table td.r, .post table th.r {
    text-align: center;
}

    @media screen and (max-width: 1000px) {
        .post table {
            display: block;
        }
        .post table > *, .post table tr,.post  table td,.post  table th {
            display: block;
        }
        .post table thead {
            display: none;
        }
        .post table tbody tr {
            height: auto;
            padding: 8px 0;
            border-bottom: 5px solid #fff;
        }
        .post table tbody tr td {
            padding-left: 45%;
            margin-bottom: 12px;
        }
        .post table tbody tr td:last-child {
            margin-bottom: 0;
        }
        .post table tbody tr td:before {
            position: absolute;
            font-weight: 700;
            width: 40%;
            left: 10px;
            top: 0;
        }
        
        .post table tbody tr td:before {
            content: attr(titulo-mobile);
            display: block;
            font-weight: bold;
        }
    }
    .post-edit-link{background-color:var(--corPrincipal);color:#fff;}