* {
    margin: 0;
    padding: 0;
}

.wrapper {
    margin: 0 auto;
    max-width: 1200px;
}

body {
    background-color: #f7f7f7;
    font-family: 'Montserrat', sans-serif;
    position: relative;
}

body.noticia {
    background-color: #fff;
}

/* Cabeçalho */

header {
    background-color: #fff;
    box-shadow: 0 1px 5px rgb(0 0 0 / 9%);
    padding: 1em;
    position: fixed;
    width: 100%;
    z-index: 999999999;
}

header .wrapper {
    max-width: 1000px !important;
}

header .conteudo {
    align-content: center;
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
}

header .conteudo .logo img {
    width: 195px;
}

header .conteudo .menu {
    align-content: center;
    display: grid;
    justify-content: center;
}

header .conteudo .menu ul {
    margin-bottom: 0;
}

header .conteudo .menu ul li {
    display: inline;
    margin: 0px 10px;
}

header .conteudo .menu ul li a {
    color: #000;
}

header .conteudo .menu ul li a:hover {
    text-decoration: none;
}

header .conteudo .pesquisa {
    align-content: center;
    display: grid;
    justify-content: end;
}

header .conteudo .abre-menu, header .menu-mobile {
    display: none;
}

header .menu-mobile ul {
    list-style: none;
}

header .menu-mobile .menu {
    display: grid;
    justify-content: center;
}
    
header .menu-mobile ul li {
    margin: 10px 0px;
}
    
header .menu-mobile ul li a, header .menu-mobile ul li a:hover {
    color: #000;
    font-size: 1.25em; 
    text-decoration: none;
}

/* Inputs */

.input input, .input textarea {
    appearance: none;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 5px;
    color: #404040;
    font-size: 0.9rem;
    height: 40px;
    padding: 0 35px 0 8px;
    width: 230px;
}

.input textarea {
    height: 100%;
    padding: 1em 0.75em;
}

.input input:focus, .input textarea:focus {
    outline: 0 !important;
}

.input {
    position: relative;
}

.input i {
    color: #7F7F7F;
    position: absolute;
    right: 7;
    top: 0.75em;
}

/* Página */

.pagina {
    padding-top: 76px;
}

/* Área de pesquisa */

.area-pesquisa {
    background: rgb(24,238,106);
    background: linear-gradient(90deg, rgba(24,238,106,1) 0%, rgba(0,221,128,1) 74%);
    padding: 3.5em 1em;
}

.area-pesquisa .conteudo {
    align-content: center;
    display: grid;
    justify-content: center;
}

.area-pesquisa .conteudo h3 {
    font-size: 1.75em !important;
    text-align: center;
}

.area-pesquisa .conteudo .input input {
    min-width: 450px;
    width: 100%;
}

.area-pesquisa .conteudo .input i {
    color: #00dd80;
}

/* Conteúdo */

.noticias {
    margin: 0 auto;
    max-width: 1000px;
    padding: 2em 1em;
}

/* Notícias */

.noticia-destaque {
    z-index: 999999;
}

.noticia-destaque h3 {
    font-weight: 700;
}

.noticia-destaque .carousel-item {
    height: 500px;
}

.noticia-destaque .carousel-item img {
    height: 400px;
    object-fit: cover;
    width: 100%;
}

.noticia-destaque a {
    color: #000 !important;
}

.noticia-destaque .noticia {
    position: relative;
}

.noticia-destaque .noticia .info {
    background-color: rgba(24,238,106,0.75);
    margin-top: -4em;
    padding: 1.5em 1em;
    position: absolute;
}

.noticia-destaque .noticia .imagem img {
    max-width: 100%;
}

.noticia.destaque .info {
    width: 90%;
}

.noticia.destaque .info p {
    margin-bottom: 0;
}

.col-lg-12.noticia-destaque {
    padding: 0;
}

.lista-noticias {
    background: #fff;
    border-radius: 5px;
    padding: 2em;
    padding-bottom: calc(2em - 15px);
}

.lista-noticias h3 {
    font-weight: 700;
}

.lista-noticias .noticia {
    border-bottom: 1px solid rgba(0,0,0,0.075);
    display: grid;
    grid-template-columns: 1fr 2fr;
    margin: 1em 0em;
    padding-bottom: 15px;
}

.lista-noticias .noticia .titulo {
    align-content: center;
    display: grid;
}

.lista-noticias .noticia .titulo a, .lista-noticias .noticia .titulo a:hover {
    color: #000;
    text-decoration: none;
}

.lista-noticias .noticia .imagem img {
    border-radius: 5px;
    height: 80px;
    object-fit: cover;
    width: 80px;
}

.confira-tambem h3 {
    font-weight: 700;
}

.confira-tambem .col-lg-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.confira-tambem .noticia {
    background-color: #fff;
    border-radius: 5px;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 1fr 5fr;
    margin: 1em 0em;
    padding: 2em 1em;
    width: 100%;
}

.confira-tambem  .noticia .info {
    align-content: center;
    display: grid;
}

.confira-tambem .noticia .info a, .confira-tambem .noticia .info a:hover {
    color: #000;
    text-decoration: none;
}

.confira-tambem .noticia .info .titulo {
    font-size: 1.3em;
    font-weight: 500;
}

.confira-tambem .noticia .info p {
    margin-bottom: 0;
}

.confira-tambem  .noticia .info span {
    color: #18ee6a;
    font-size: 15px;
}

.confira-tambem .noticia .imagem img {
    border-radius: 5px;
    height: 80px;
    object-fit: cover;
    width: 80px;
}

/* Newsletter */

.newsletter {
    background-color: #18ee6a;
    border-radius: 5px;
    margin: 1em 0em;
    padding: 2em;
}

.newsletter h3 {
    font-weight: 700;
}

.newsletter .botao {
    background-color: #000;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
}

.newsletter .input input {
    width: 325px;
}

.newsletter .input a {
    text-align: center;
    text-transform: uppercase;
}

/*====================
        WIDGETS
====================*/

/* Câmbio */

.cambio {
    background-color: #18ee6a;
    border-radius: 5px;
    margin: 0em 1em;
    padding: 1em;
    padding-top: calc(1em + 15px);
}

.cambio h3 {
    font-weight: 700;
}

.cambio .conteudo .info {
    margin: 15px 0px;
}

.cambio .conteudo .titulo {
    font-size: 1.15em;
    text-transform: uppercase;
}

.cambio .conteudo .valor {
    font-size: 1.75em;
}

/* Categorias */

.categorias {
    background-color: #fff;
    border-radius: 5px;
    margin: 1em;
    padding: 1em;
    padding-top: calc(1em + 15px);
}

.categorias h3 {
    font-weight: 700;
}

.categorias .conteudo a, .categorias .conteudo a:hover {
    background-color: #000;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 0.8em;
    margin: 5px;
    padding: 10px;
    text-decoration: none;
}

/* Mais Lidas */

.mais-lidas {
    background: #fff;
    border-radius: 5px;
    margin: 1em;
    padding: 1em;
    padding-bottom: calc(2em - 15px);
}

.mais-lidas h3 {
    font-weight: 700;
    margin-top: 0.5em;
}

.mais-lidas .noticia {
    border-bottom: 1px solid rgba(0,0,0,0.075);
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 1fr 2fr;
    margin: 1em 0em;
    padding-bottom: 15px;
}

.mais-lidas .noticia .titulo {
    align-content: center;
    display: grid;
}

.mais-lidas .noticia .titulo a, .mais-lidas .noticia .titulo a:hover {
    color: #000;
    text-decoration: none;
}

.mais-lidas .noticia .imagem img {
    border-radius: 5px;
    height: 80px;
    object-fit: cover;
    width: 80px;
}

.mais-lidas .col-lg-12:last-of-type .noticia {
    border-bottom: none;
    margin-bottom: 0;
}

body.noticia .mais-lidas, body.noticia .categorias {
    border: 1px solid rgba(0,0,0,0.075);
}

/*====================
        POSTS
====================*/

.noticia-unica {
    margin-left: 0px;
    margin-right: 0px;
    padding: 2.5em 1em;
}

.noticia-unica .compartilhar {
    display: grid;
    justify-content: end;
    position: fixed;
}

.noticia-unica .compartilhar a {
    color: #2E2D2D;
}

.noticia-unica .compartilhar a:hover {
    text-decoration: none;
}

.noticia-unica .compartilhar .icone {
    align-content: center;
    background-color: #F3F3F3;
    border-radius: 50%;
    display: flex;
    height: 35px;
    justify-content: center;
    margin: 5px 0px;
    padding: 10px;
    width: 35px;
}

.noticia-unica .compartilhar .icone:hover {
    cursor: pointer;
}

.noticia-unica .horario span {
    color: #666;
    font-size: 0.85em;
}

.noticia-unica .caminho i {
    font-size: 0.75em;
    margin: 0px 5px;
}

.noticia-unica .caminho span a.ativo {
    color: #404040;
}

.noticia-unica .corpo-noticia h1.titulo {
    font-weight: 700;
}

.noticia-unica .corpo-noticia .conteudo {
    margin-top: 1.5em;
}

.noticia-unica .corpo-noticia .conteudo h2 {
    margin: 1em 0em 0.5em;
}

.noticia-unica .corpo-noticia .conteudo img {
    margin: 25px 0px;
}

.noticia-unica .lista-noticias {
    border: 1px solid rgba(0,0,0,0.075);
    padding: 1em;
}

.noticia-unica .lista-noticias .noticia {
    grid-gap: 15px;
}

/* Alertas */

.alerta {
    background-color: rgba(0,0,0,0.7);
    border-radius: 5px;
    color: #fff;
    display: none;
    padding: 0.5em 1em;
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 1em;
}

/*====================
      PESQUISA
====================*/

.resultados {
    padding-bottom: calc(2em - 15px);
}

.resultados h1 {
    font-weight: 700;
}

.resultados .noticia {
    background-color: #fff;
    border-radius: 5px;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 1fr 5fr;
    margin: 1em 0em;
    padding: 1em;
}

.resultados .noticia .info {
    align-content: center;
    display: grid;
}

.resultados .noticia .info a, .resultados .noticia .info a:hover {
    color: #000;
    text-decoration: none;
}

.resultados .noticia .info .titulo {
    font-size: 1.3em;
    font-weight: 500;
}

.resultados .noticia .info p {
    margin-bottom: 0;
}

.resultados .noticia .imagem img {
    border-radius: 5px;
    height: 80px;
    object-fit: cover;
    width: 80px;
}

/*====================
        RODAPÉ
====================*/

footer {
    background-color: #18ee6a;
    padding: 2em 1em;
}

footer img {
    width: 250px;
}

footer .borda {
    border-bottom: 1px solid #fff;
    padding-bottom: 1.75em;
}

footer .menu ul {
    margin-bottom: 0;
}

footer .menu ul li {
    display: inline;
    margin: 0px 10px;
}

footer .menu ul li a {
    color: #000;
}

footer .menu ul li a:hover {
    text-decoration: none;
}

footer .copyright {
    padding: 2em 0em 0em;
}

/*====================
        COOKIES
====================*/

#cookieNotice {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.075);
    border-radius: 5px;
    margin: 10px;
    padding: 2em;
    position: fixed;
    bottom: 0;
    width: 500px;
    z-index: 9999999999999;
}

#cookieNotice a {
    color: #18ee6a;
}

#cookieNotice .botao {
    background-color: #18ee6a;
    border: 1px solid #18ee6a;
    border-radius: 5px;
    color: #000;
    padding: 10px 15px;
}

/*====================
     FORMULÁRIOS
====================*/

.formulario {
    padding: 1em 0em;
}

.formulario .input input, .formulario .input textarea {
    margin: 10px 0px;
    width: 100%;
}

.formulario input[type="file"] {
    display: none;
}

.formulario label {
    align-content: center;
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 5px;
    color: #404040;
    cursor: pointer;
    display: grid;
    font-size: 0.9rem;
    grid-template-columns: 1fr 1fr;
    height: 40px;
    margin: 10px 0px;
    padding: 0 35px 0 8px;
    width: 100%;
}

.formulario label .nome {
    color: #444444;
    display: block;
    text-align: right;
}

.formulario input[type="submit"] {
    background-color: #000;
    border: 1px solid #000;
    border-radius: 5px;
    color: #fff;
    margin-top: 1.75em;
    text-decoration: none;
    padding: 5px 10px;
}

.titulo.borda {
    position: relative;
}

.titulo.borda:after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 50px;
    height: 3px;
    background: #18ee6a;
}

.alert {
    margin: 2em 0em -1.5em;
}

.alert-success {
    color: #000;
    background-color: #18ee6a;
    border-color: #18ee6a;
}

.alert-danger {
    color: #000;
    background-color: #ff3f50;
    border-color: #ff3f50;
}

/* Responsivo */

@media (max-width: 768px) {

    header .conteudo .menu, header .conteudo .pesquisa {
        display: none;
    }
    
    header .conteudo {
        grid-template-columns: 1fr 1fr;
    }
    
    header .conteudo .abre-menu {
        align-content: center;
        display: grid;
        justify-content: end;
    }
    
    header .conteudo .abre-menu i {
        font-size: 1.5em;
    }
    
    header .menu-mobile {
        align-content: center;
        justify-content: center;
        padding: 1em 1em 0em;
    }
    
    .cambio, .mais-lidas, .categorias {
        margin: 1em 0em;
    }
    
    .newsletter .input {
        display: grid;
        grid-gap: 10px;
    }
    
    .newsletter .input input {
        width: 100%;
    }
    
    .confira-tambem {
        margin-top: 1.5em;
    }
    
    body.noticia .row {
        margin-right: 0;
        margin-left: 0;
    }
    
    .noticia-unica .compartilhar {
        display: flex;
        justify-content: start;
        margin-bottom: 0.5em;
        position: static;
    }
    
    .noticia-unica .compartilhar .icone {
        margin-right: 10px;
    }
    
    .lista-noticias h3 {
        margin-top: 0.5em;
    }
    
    .noticia-unica .lista-noticias .col-lg-6:last-of-type .noticia {
        border-bottom: none;
    }
    
    body.resultados .noticia-unica .col-lg-8 {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    footer .menu {
        margin-top: 1em;
    }
    
    footer .menu ul li {
        display: block;
        margin-left: 7px;
        margin-top: 7px;
    }
    
    #cookieNotice {
        width: 95% !important;
    }
    
}