/*
Theme Name: Blog da Zig
Theme URI: https://localhost/
Author: Gustavo Santos
Author URI: https://localhost/autor
Description: Tema desenvolvido para a empresa Zig
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-styles, wide-blocks, accessibility-ready
Version: 1.0
Requires at least: 5.7
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blogzig
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

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

a {
    text-decoration: none;
    cursor: pointer;
}

.container {
    margin: 0 80px;
}

.header-main {
    padding-bottom: 66px;
}

.title-header-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 56px 0;
    border-bottom: dashed 1px #979797;
}

.title-header {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
}

.content-header-main {
    display: flex;
    gap: 40px;
    margin-top: 48px;
}

.content-post-header {
    display: flex;
    flex-direction: column;
    gap: 22px;
    align-items: flex-start;
    flex: 1;
}

.categorias {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.categorias-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.categorias-wrapper ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.categorias-wrapper li {
    list-style: none;
}

.post-header {
    display: flex;
    gap: 40px;
    flex: 1;
}

.post-author {
    display: flex;
    align-items: center;
    gap: 12px;
}

.tag-post {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 19px;
}

.img-post-header {
    border-radius: 16px;
    height: 471px;
    width: 1010px;
    background-color: #D9D9D9;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.title-header h1 {
    color: #18100E;
    font-family: Roboto;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.title-header p {
    color: #18100E;
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.search-blog input {
    border-radius: 8px;
    background: #D9D9D9;
    color: #959595;
    font-family: "Roboto Slab";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 14px 15px;
    width: 260px;
    height: 61px;
    outline: none;
    border: none;
}

.content-post-header h2 {
    color: #18100D;
    /* Blog Home Post Title */
    font-family: Roboto;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 119.444%;
}

.tag-post h3 {
    color: #001563;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background-color: #E7E7E7;
    padding: 3px 7px;

    display: inline-block;
    max-width: 12ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tag-post p {
    color: #9D9D9D;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.post-author img {
    width: 46px;
    height: 46px;
    background-color: #D9D9D9;
    border-radius: 100px;
}

.post-author p {
    color: #675956;
    /* Autor */
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.post-author p span {
    color: #675956;
    /* Data */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.data-post {
    color: #9D9D9D;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.desc-post {
    color: #675956;
    font-family: "Roboto Slab";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.categorias-wrapper h3 {
    color: #383838;
    /* Sidebar title */
    font-family: Roboto;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.categorias-wrapper a {
    color: #0050C3;
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 9.5%;
    /* 2.09px */
    text-underline-offset: 19%;
    /* 4.18px */
    text-underline-position: from-font;
}

/* MAIS LIDAS  */

.mais-lidas {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 80, 195, 0.20) 100%), #002D8C;
    padding-top: 80px;
    padding-bottom: 120px;
}

.title-mais-lidas {
    color: #FFF;
    /* Blog Home Post Title */
    font-family: Roboto;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 119.444%;
}

.mais-lidas h2 {
    color: #FFF;
    font-family: Roboto;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px;
    /* 102.381% */
}

.main-post-mais-lidas img {
    width: 100%;
    height: 260px;
    border-radius: 16px;
    object-fit: cover;
}

.wrapper-mais-lidas {
    margin-top: 55px;
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.main-post-mais-lidas {
    display: flex;
    flex-direction: column;
    gap: 31px;
    width: 60%;
}

.info-post-mais-lidas h4 {
    color: #FFF;
    font-family: Roboto;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.post-mais-lidas {
    display: flex;
    align-items: flex-start;
    gap: 25px;
}

.posts-mais-lidas {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.info-post-mais-lidas {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    flex: 1;
}

.post-mais-lidas img {
    height: 140px;
    object-fit: cover;
    width: 300px;
    border-radius: 8px;
}

.banner-mais-lidas {
    height: 470px;
    object-fit: cover;
    width: 20%;
    border-radius: 8px;
}

.c-posts-mais-lidas {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    width: 100%;
}

.mais-lidas .tag-post h3 {
    color: #00F3FC;
    background: rgba(122, 122, 122, 0.50);
}

/* POST  */

.img-post {
    height: 191px;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin: 30px 0;
}

.title-post {
    color: #18100D;
    font-family: Roboto;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 125% */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post .data-post {
    margin: 27px 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post .desc-post {
    margin-top: 22px;
}

.wrapper-posts-home {
    display: flex;
    flex-wrap: wrap;
    column-gap: 40px;
    row-gap: 80px;
}

.post {
    flex: 0 0 calc(25% - 40px);
}

.posts-home {
    padding: 115px 0;
    padding-bottom: 0;
}

.paginacao {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 150px;
    gap: 52px;
}

.paginacao a {
    color: #000;
    font-family: "Roboto Slab";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

/* NEWSLATTER */

.newsletter {
    margin: 96px 0;
}

.c-newsletter {
    display: flex;
    gap: 40px;
    margin-right: 80px;
}

.info-news {
    background-color: #0050C3;
    height: 244px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    width: 65%;
    padding: 25px 70px;
    position: relative;
}

.title-info-news {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 53%;
}

.img-calc {
    position: absolute;
    left: 80px;
}

.zig-news {
    flex: 1;
    background-color: #FAF7F5;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.zig-news h3 {
    color: #18100E;
    font-family: Roboto;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.desc-zig-news {
    color: #18100E;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.cit-zig-news {
    color: #18100E;
    font-family: Roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.info-news h2 {
    color: #FFF;
    /* Blog Home Post Title */
    font-family: Roboto;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px;
    /* 119.444% */
}

.info-news p {
    color: #FFF;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.c-single-post {
    display: flex;
    padding-top: 73px;
    gap: 40px;
}

.content-single-post {
    flex: 1;
}

.img-content-single {
    width: 100%;
    background-color: gray;
    height: 681px;
    border-radius: 8px;
}

.img-content-single img {
    width: 100%;
    border-radius: 8px;
    height: 100%;
    object-fit: cover;
}

.wrapper-content-single {
    display: flex;
    padding-right: 120px;
    gap: 40px;
    margin-top: 68px;
}

.topicos-content-single {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 27px;
}

.main-content-single {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.sociais-single {
    color: #18100D;
    /* Sidebar title */
    font-family: Roboto;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.main-content-single h1 {
    color: #18100D;
    font-family: Roboto;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 109.375%;
}

.main-content-single h2 {
    color: #000;
    /* Post H2 */
    font-family: "Roboto Slab";
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    line-height: 178.788%;
}

.main-content-single h3 {
    color: #000;
    /* Post H3 */
    font-family: "Roboto Slab";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 210.714%;
}

.main-content-single p {
    color: #000;
    font-family: "Roboto Slab";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 175%;
}

.main-content-single img {
    border-radius: 8px;
    max-width: 100%;
}

.wrapper-pubs {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-top: 40px;
}

.outras-pubs {
    padding: 100px 0;
}

.outras-pubs h2 {
    color: #000;
    font-family: Roboto;
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    line-height: 59px;
    /* 178.788% */
}

.title-resultado h1 {
    color: #18100E;
    font-family: Roboto;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.title-resultado p {
    color: #18100E;
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.result-title {
    color: #18100D;
    /* Blog Home Post Title */
    font-family: Roboto;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 119.444%;
    margin-top: 45px;
}

.wrapper-resultado {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-top: 80px;
}

.wrapper-resultado .post {
    flex: 0 0 calc(33% - 40px);
}

.c-resultado {
    display: flex;
}

.box-resultado {
    flex: 1;
}

.resultado {
    padding: 62px 0;
}

.post-download {
    padding: 30px;
    border-radius: 8px;
    background: rgba(194, 252, 255, 0.47);
}

.post-download button {
    border-radius: 10px;
    background: #00F0FA;
    padding: 18px 22px;
    color: #004B78;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    margin-top: 20px;
    cursor: pointer;
}

.navbar {
    background-color: #0050C3;
    height: 90px;
}

.c-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.links {
    display: flex;
    align-items: center;
    gap: 28px;
}

.nav-box {
    display: flex;
    align-items: center;
    gap: 40px;
}

.navbar li {
    list-style: none;
}

.single-post li {
    list-style-position: inside;
    color: #000;
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.navbar li a {
    color: #FFF;
    text-align: center;

    /* Menu Link */
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.nav-box button {
    border-radius: 10px;
    background: #00F0FA;
    padding: 13px 19px;
    color: #004B78;
    /* Menu button */
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    cursor: pointer;
}

.btns-mob {
    display: none;
}

.nav-mob {
    display: none;
}

/* FOOTER  */

.footer {
    background-color: #002D8C;
    padding: 80px 0;
}

.title-footer {
    display: flex;
    align-items: center;
    gap: 56px;
    width: 50%;
}

.wrapper-title-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 52px;
    border-bottom: solid 1px #2e99eb;
}

.wrapper-title-footer button {
    border-radius: 10px;
    background: #00F0FA;
    padding: 13px 19px;
    color: #004B78;
    /* Menu button */
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    cursor: pointer;
}

.title-footer p {
    color: #86B6FB;
    font-family: Roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.c-footer h3 {
    color: #2E99EB;
    /* Menu Link */
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.c-footer li {
    list-style: none;
}

.c-footer li a {
    color: #FFF;
    /* Menu Link */
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.c-wrapper-footer {
    display: flex;
    margin-top: 50px;
}

.c-wrapper-footer ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}

.wrapper-links-footer {
    display: flex;
    flex-wrap: wrap;
    column-gap: 70px;
    row-gap: 20px;
}

.wrapper-links-footer ul {
    flex: 0 0 calc(33% - 70px);
}

.c-footer-left {
    display: flex;
    gap: 90px;
    flex: 1;
}

.title-line-empresas {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 20px;
}

.line-empresas {
    flex: 1;
    height: 1px;
    background: rgba(46, 153, 235, 0.30);
}

.wrapper-footer {
    display: flex;
    flex-wrap: wrap;
    column-gap: 50px;
    row-gap: 20px;
    flex: 1;
}

.wrapper-footer ul {
    flex: 0 0 calc(50% - 50px);
}

.c-footer-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 30px;
    border-left: solid rgba(46, 153, 235, 0.30) 1px;
}

.sociais-single {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.wrapper-sociais-single {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
}

.wrapper-sociais-single img {
    width: 20px;
    object-fit: contain;
    cursor: pointer;
}


.lista-topicos {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lista-topicos li {
    list-style-position: inside;
    color: #000;
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


@media all and (max-width: 1700px) {

    .img-post-header {
        width: 60%;
    }

    .banner-mais-lidas {
        display: none;
    }

    .wrapper-mais-lidas {
        flex-direction: column;
        align-items: center;
    }

    .post-mais-lidas img {
        height: 106px;
        width: 230px;
    }

    .img-calc {
        left: 40px;
        width: 390px;
    }

    .c-newsletter {
        margin-right: 40px;
    }

    .wrapper-content-single {
        padding-right: 0;
    }

    .wrapper-links-footer{
        column-gap: 30px;
    }

    .wrapper-links-footer ul {
        flex: 0 0 calc(33% - 30px);
    }

    .wrapper-footer {
        gap: 30px;
    }

    .wrapper-footer ul {
        flex: 0 0 calc(50% - 30px);
    }

    .c-footer li a{
        font-size: 16px;
    }

    .c-footer-left{
        gap: 30px;
    }
}

@media all and (max-width: 1300px) {

    .container {
        margin: 0 50px;
    }

    .c-posts-mais-lidas {
        flex-direction: column;
    }

    .main-post-mais-lidas {
        width: 100%;
    }

    .posts-mais-lidas {
        width: 100%;
    }

    .post {
        flex: 0 0 calc(50% - 40px);
    }

    .img-calc {
        display: none;
    }

    .title-info-news {
        width: 100%;
    }

    .img-content-single {
        height: 500px;
    }

    .main-content-single h1 {
        font-size: 36px;
    }

    .wrapper-content-single {
        flex-direction: column;
    }

    .topicos-content-single {
        width: 100%;
    }

    .sociais-single {
        display: none;
    }

    .outras-pubs {
        padding: 64px 0;
        padding-top: 0;
    }

    .wrapper-resultado .post {
        flex: 0 0 calc(50% - 40px);
    }

    .c-footer-left{
        flex-direction: column;
    }

    .c-wrapper-footer{
        gap: 20px;
    }

    .title-footer{
        width: 70%;
    }

    .c-footer-right{
        flex: 0;
    }

}

@media all and (max-width: 1021px) {

    .content-header-main {
        flex-direction: column;
    }

    .categorias {
        flex-direction: row;
        background-color: #F9F9F9;
        padding: 30px;
    }

    .categorias-wrapper a {
        background: #E7E7E7;
        text-decoration: none;
        padding: 3px 7px;
        color: var(--Tags-box, #001563);
        /* Mobile - Links */
        font-family: Roboto;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .materiais-wrapper {
        display: none;
    }

    .categorias-wrapper {
        flex-direction: row;
    }

    .categorias-wrapper ul {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }

    .info-news {
        padding: 25px 50px;
    }

    .c-newsletter {
        gap: 20px;
    }

    .single-post .categorias {
        display: none;
    }

    .c-single-post {
        margin: 0;
        padding: 0;
    }

    .wrapper-content-single {
        margin: 0 50px;
    }

    .img-content-single {
        border-radius: 0;
    }

    .img-content-single img {
        border-radius: 0;
    }

    .content-single-post {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .single-post {
        padding-top: 0;
    }

    .resultado .categorias {
        display: none;
    }

    .navbar li a {
        font-size: 18px;
    }

    .nav-box .links {
        display: none;
    }

    .nav-right img {
        width: 25px;
        object-fit: contain;
    }

    .nav-mob {
        position: fixed;
        width: 100%;
        height: 100vh;
        background-color: #fff;
        top: 0;
        left: 0;
        padding: 40px 0;
        display: none;
    }

    .nav-mob .links {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .nav-mob .links a {
        color: #000;
    }

    .close-menu {
        width: 30px;
        position: absolute;
        right: 20px;
        top: 40px;
    }

    .btns-mob {
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .lista-topicos {
        display: none;
    }
}

@media all and (max-width: 781px) {

    .post-header {
        flex-direction: column;
    }

    .img-post-header {
        width: 100%;
    }

    .title-header-main {
        border-bottom-style: solid;
    }

    .search-blog {
        display: none;
    }

    .title-header {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .title-header h1 {
        width: 50%;
    }

    .title-header p {
        width: 50%;
    }

    .data-post {
        display: none;
    }

    .post-author {
        display: none;
    }

    .c-newsletter {
        flex-direction: column;
    }

    .info-news {
        width: 100%;
        display: none;
    }

    .c-newsletter {
        margin: 0 50px;
    }

    .single-post .post-author {
        display: flex;
    }

    .single-post .data-post {
        display: flex;
    }

    .topicos-content-single {
        gap: 12px;
    }

    .main-content-single h2 {
        font-size: 28px;
    }

    .main-content-single h3 {
        font-size: 22px;
    }

    .post-mais-lidas {
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
    }

    .post-mais-lidas img {
        width: 70px;
        height: 70px;
        border-radius: 8px;
    }

    .posts-home {
        padding-top: 50px;
    }

    .posts-home .post .data-post {
        display: none;
    }

    .post .desc-post {
        margin-top: 10px;
    }

    .posts-home .title-post {
        font-size: 22px;
        line-height: 118%;
    }

    .img-post {
        margin: 20px 0;
    }

    .wrapper-posts-home {
        row-gap: 50px;
    }

    .paginacao {
        margin-top: 40px;
    }

    .newsletter {
        margin: 40px 0;
    }

    .outras-pubs .data-post {
        display: none;
    }

    .outras-pubs .post-author {
        display: none;
    }

    .outras-pubs .title-post {
        font-size: 22px;
        line-height: 118%;
    }


    .wrapper-resultado .post {
        flex: 0 0 calc(100%);
    }

    .result-title {
        font-size: 24px;
    }

    .title-resultado {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: #F4F4F4 solid 1px;
        padding-bottom: 20px;
    }

    .title-resultado h1 {
        font-size: 32px;
        width: 50%;
    }

    .title-resultado p {
        width: 50%;
        font-size: 14px;
    }

    .resultado .title-post {
        font-size: 22px;
        line-height: 118%;
    }

    .resultado .data-post {
        display: none;
    }

    .wrapper-links-footer{
        flex-direction: column;
    }

    .c-wrapper-footer{
        flex-direction: column;
    }

    .wrapper-footer{
        flex-direction: column;
    }

    .title-footer{
        flex-direction: column;
        align-items: flex-start;
    }

    .wrapper-title-footer button {
        display: none;
    }

    .title-footer{
        width: 100%;
    }

    .c-footer-right{
        border-left: none;
        padding-left: 0;
    }

}

@media all and (max-width: 551px) {

    .container {
        margin: 0 20px;
    }

    .img-post-header {
        border-radius: 0;
        height: 420px;
    }

    .title-header-main {
        border-bottom-color: #F4F4F4;
        padding: 30px 0;
    }

    .content-post-header {
        margin: 0 20px;
    }

    .title-header {
        margin: 0 20px;
    }

    .title-header p {
        font-size: 14px;
    }

    .title-header h1 {
        font-size: 32px;
    }

    .info-post-mais-lidas h4 {
        font-size: 20px;
    }

    .posts-mais-lidas {
        gap: 0;
    }

    .post-mais-lidas {
        padding: 30px 0;
        border-bottom: solid 1px rgba(0, 240, 250, 0.10);
    }

    .post-mais-lidas img {
        width: 70px;
        height: 70px;
        border-radius: 8px;
    }

    .tag-post h3 {
        font-size: 12px;
    }

    .tag-post p {
        font-size: 14px;
    }

    .banner-mais-lidas {
        display: block;
        width: 100%;
        height: 470px;
    }

    .title-mais-lidas {
        font-size: 20px;
    }

    .main-post-mais-lidas {
        gap: 10px;
    }

    .c-posts-mais-lidas {
        gap: 30px;
    }

    .mais-lidas h2 {
        font-size: 28px;
    }

    .mais-lidas {
        padding: 40px 0;
    }

    .categorias-wrapper {
        flex-direction: column;
    }

    .content-header-main {
        margin-top: 20px;
    }

    .post {
        flex: 0 0 calc(100%);
    }

    .c-newsletter {
        margin: 0 20px;
    }

    .c-single-post {
        margin: 0;
    }

    .wrapper-content-single {
        margin: 0 20px;
    }

    .img-content-single {
        height: 420px;
    }

    .nav-box button {
        font-size: 12px;
    }

    .nav-box {
        gap: 20px;
    }
}