/* ===== VARIAVEIS E BASE ===== */
:root, html[dark-mode="no"] {
    color-scheme: light;
    --bg: #fff;
    --bg-2: #f8f8f8;
    --bg-3: #f8f8f8;
    --bg-rgba: rgba(255, 255, 255, 1);
    --header-color: #0694d6;
    --header-color-hover: #14739a;
    --headings-color: #424242;
    --headings-with-color: #0694d6;
    --subhead-color: #757575;
    --link-color: #0694d6;
    --link-color-hover: #14739a;
    --link-underline: rgba(33, 128, 167, .15);
    --link-background: #ebf3f6;
    --body-color: #212121;
    --article-border: #dddedf;
    --table-border: #ebedec;
    --grad-start: #22a9e1;
    --grad-end: #004ab0;
    --drawer-bg: #2c2f32;
    --drawer-2: #323539;
    --drawer-3: #3f4247;
    --cat-news: #229fd3;
    --cat-guias: #69bb36;
    --cat-premium: #1b3e63;
    --cat-responde: #5f4b8b;
    --cat-achados: #e4572e;
    --cat-mega-news: #1b3e63;
    --line-height-base: 1.65;
}

html[dark-mode="yes"] {
    color-scheme: dark;
    --bg: #1e2021;
    --bg-2: #27292b;
    --bg-3: #35373a;
    --bg-rgba: rgba(30, 32, 33, 1);
    --header-color: #14739a;
    --header-color-hover: #0694d6;
    --headings-color: #e0e0e0;
    --headings-with-color: #35bcf1;
    --subhead-color: #bdbdbd;
    --link-color: #35bcf1;
    --link-color-hover: #1991c3;
    --link-underline: rgba(54, 189, 242, .3);
    --link-background: #203038;
    --body-color: #f7f7f7;
    --article-border: #616161;
    --table-border: #2c2c2c;
    --drawer-bg: #26292b;
    --drawer-2: #2e3133;
    --drawer-3: #3a3d40;
}

@media (prefers-color-scheme: dark) {
    html:not([dark-mode="no"]) {
        color-scheme: dark;
        --bg: #1e2021;
        --bg-2: #27292b;
        --bg-3: #35373a;
        --bg-rgba: rgba(30, 32, 33, 1);
        --header-color: #14739a;
        --header-color-hover: #0694d6;
        --headings-color: #e0e0e0;
        --headings-with-color: #35bcf1;
        --subhead-color: #bdbdbd;
        --link-color: #35bcf1;
        --link-color-hover: #1991c3;
        --link-underline: rgba(54, 189, 242, .3);
        --link-background: #203038;
        --body-color: #f7f7f7;
        --article-border: #616161;
        --table-border: #2c2c2c;
    }
}

html, body { margin: 0; padding: 0; }
body {
    background: var(--bg);
    color: var(--body-color);
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 14px;
    line-height: var(--line-height-base);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .2s ease-in-out, background-color .2s ease-in-out;
}
a { color: var(--link-color); text-decoration: none; }
a:hover { color: var(--link-color-hover); }
img { max-width: 100%; display: block; }
ul { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4 { font-family: "PT Sans Narrow", "Inter", sans-serif; }
#page, .container { margin: 0 auto; }
.container { max-width: 1060px; padding: 0 20px; box-sizing: border-box; }
.row { margin-left: -20px; }
.row::after { content: ""; display: block; clear: both; }
.grid4 { width: 340px; }
.grid5 { width: 450px; }
.grid8 { width: 700px; }
.both { clear: both; }
html[dark-mode="yes"] img { filter: grayscale(20%); }

/* ===== HEADER ===== */
#top { position: sticky; top: 0; z-index: 9999; }
#top header {
    background: linear-gradient(90deg, rgba(34, 169, 225, .98) 0%, rgba(0, 74, 176, .98) 100%);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    height: 50px;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .15);
}
.container-header-bar {
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    height: 50px;
    box-sizing: border-box;
}

#logo { position: relative; margin-right: 10px; width: 160px; height: 37px; }
#logo span {
    position: absolute; left: 0; top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-family: "PT Sans Narrow", sans-serif;
    font-weight: 700;
    font-size: 26px;
    letter-spacing: -.5px;
    white-space: nowrap;
}
#logo a { position: absolute; inset: 0; }

.menu-header-container { flex: 1; position: relative; z-index: 99999; }
#tb_header_menu { display: flex; margin: 0; padding: 0; }
#tb_header_menu > li { position: relative; }
#tb_header_menu > li > a {
    display: block;
    color: #d7f3ff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding: 17px 10px 16px;
    line-height: 1.75;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
}
#tb_header_menu > li > a:hover { background-color: rgba(242, 242, 242, .2); color: #fff; }
#tb_header_menu > li.menu-item-has-children > a::after {
    content: "";
    display: inline-block;
    width: 0; height: 0;
    margin-left: 4px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, .6);
    vertical-align: middle;
}
#tb_header_menu .sub-menu {
    position: absolute;
    top: 100%; left: 0;
    background: #fff;
    min-width: 200px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
    border-radius: 0 0 4px 4px;
    padding: 8px 0;
    opacity: 0; visibility: hidden;
    transform: translateY(8px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
    z-index: 99999;
}
#tb_header_menu > li:hover .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
#tb_header_menu .sub-menu li { margin: 0; }
#tb_header_menu .sub-menu a {
    display: block;
    color: #333;
    font-size: 13px;
    padding: 8px 16px;
}
#tb_header_menu .sub-menu a:hover { background: #f2f7fa; color: var(--link-color); }
html[dark-mode="yes"] #tb_header_menu .sub-menu { background: var(--drawer-2); }
html[dark-mode="yes"] #tb_header_menu .sub-menu a { color: #eee; }

/* Menu direita */
.menu-direita { display: flex; align-items: center; gap: 4px; margin-left: 10px; }
.menu-direita .social { display: flex; align-items: center; }
.menu-direita .redes {
    display: flex; align-items: center; gap: 0 6px;
    height: 35px; padding: 0 8px;
    border-left: 1px solid rgba(255, 255, 255, .12);
    border-right: 1px solid rgba(255, 255, 255, .12);
}
.menu-direita .redes a { color: #fff; padding: 4px; display: inline-flex; transition: transform .2s ease-in-out; }
.menu-direita .redes a:hover { transform: scale(1.15); }
.tb-icons { width: 1.25rem; height: 1.25rem; display: inline-block; }
.tb-icons svg { width: 100%; height: 100%; }

/* Busca desktop expansivel */
.busca {
    overflow: hidden;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: width .2s ease-in-out;
    cursor: pointer;
}
.busca #b { display: flex; align-items: center; }
.busca .lupa, .busca-mobile .lupa {
    display: inline-block;
    width: 24px; height: 24px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>') no-repeat center;
    background-size: 20px 20px;
    cursor: pointer;
}
.busca.active { width: 210px; }
.busca #s {
    display: none;
    border: none;
    background: #fff;
    font-size: 12px;
    color: #555;
    outline: none;
    width: 160px;
    border-radius: 3px;
    padding: 8px;
}
.busca.active .lupa { margin-right: 8px; }
.busca.active #s { display: block; }

/* Busca mobile */
.busca-mobile { display: none; }

/* Toggle dark mode */
.theme-mode { display: flex; align-items: center; padding-left: 8px; height: 50px; }
.theme-mode-bg {
    width: 34px; height: 34px;
    background: #07397d;
    border-radius: 50%;
    font-size: 0;
    border: none;
    cursor: pointer;
    transition: background .2s ease-in-out;
    position: relative;
}
.theme-mode-bg::before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>') no-repeat center;
    background-size: 16px 16px;
    transition: background-color .2s ease-in-out;
}
html[dark-mode="yes"] .theme-mode-bg { background: #6693d5; }
html[dark-mode="yes"] .theme-mode-bg::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm9-5h1M12 3V2m9 9h1M3 12H2m8-7.5V3M8 4l-.7.7M17 4l.7.7M4 8l-.7.7M20 8l.7.7M4 16l.7-.7M20 16l-.7-.7M8 21v-1.5m-4.7-2.8L4 16m14.3-.3L20 16M12 22v-1"/></svg>');
}

/* Botao menu mobile */
#mm { display: none; align-items: center; gap: 8px; margin-right: 8px; }
#mm button {
    display: flex; align-items: center;
    -webkit-appearance: none;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    gap: 10px;
}
#toggle-menu-icon {
    display: block; width: 21px; height: 17px; position: relative;
}
#toggle-menu-icon span {
    display: block; position: absolute; left: 0;
    height: 3px; width: 100%;
    background: #fff; border-radius: 1px;
    transition: .25s ease-in-out;
}
#toggle-menu-icon span:nth-child(1) { top: 0; }
#toggle-menu-icon span:nth-child(2) { top: 7px; }
#toggle-menu-icon span:nth-child(3) { top: 14px; }
#mm .busca-botao .lupa {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>') no-repeat center;
    width: 24px; height: 24px; background-size: 22px 22px;
    display: inline-block;
}

/* ===== DRAWER MOBILE ===== */
#mmenu {
    width: 90vw;
    max-width: 100%;
    background: var(--drawer-bg);
    position: fixed;
    left: 0; top: 0;
    display: flex;
    transform: translate3d(-100%, 0, 0);
    z-index: 99999;
    height: 100%;
    flex-direction: column;
    transition: transform .2s ease-in-out;
    overflow-y: auto;
}
#mmenu.open { transform: translate3d(0, 0, 0); }
#mmenu .fechamenu {
    background: var(--drawer-2);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#search-mobile { width: 100%; border-bottom: 1px solid #474a4d; box-sizing: border-box; }
#search-mobile form { display: flex; align-items: center; position: relative; }
#search-mobile input:not([type="submit"]) {
    border: none; flex: 1;
    outline: none;
    background: transparent;
    color: #fff;
    padding: 14px 10px 14px 15px;
    font-size: 17px;
    font-family: "Inter", sans-serif;
}
#search-mobile input::placeholder { color: #999; }
#search-mobile .enviar-btn {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>') no-repeat center/contain;
    border: 0; font-size: 0;
    width: 24px; height: 24px;
    margin-right: 15px;
    cursor: pointer;
    opacity: .35;
}
#mmenu .back { padding: 0 15px; display: flex; align-items: center; }
#mmenu .back svg { width: 24px; height: 24px; fill: #fff; }
#mmenu .links { padding: 14px 0 0; flex: 1; }
#mmenu .links > ul > li { display: block; }
#mmenu .links > ul > li > a {
    color: #fff; font-weight: 300; font-size: 15px;
    display: block; padding: 1vh 20px;
    border-bottom: 1px solid #444;
}
#mmenu .submenu { display: flex; flex-wrap: wrap; padding: 8px 0 8px 10px; }
#mmenu .submenu .submenu-inner { display: contents; }
#mmenu .submenu li { display: inline-block; }
#mmenu .submenu a {
    border-radius: 5px;
    background-color: #242729;
    border: 1px solid #242729;
    font-size: 13px;
    margin: .2rem;
    padding: .35rem .5rem !important;
    color: #ddd;
    display: inline-block;
    border-bottom: none !important;
}
#mmenu .redes-mobile { padding: 15px 20px; display: flex; gap: 12px; align-items: center; }
#mmenu .redes-mobile hr { flex: 1; border: none; border-top: 1px solid #444; }
#mmenu .redes-mobile a { color: #fff; }
#mmenu .redes-mobile .tb-icons { width: 28px; height: 28px; }
#escuro {
    background: rgba(0, 0, 0, .6);
    position: fixed;
    left: 0; right: 0; top: 0; bottom: 0;
    z-index: 10000;
    opacity: 0; visibility: hidden;
    transition: all .2s ease-in-out;
}
#escuro.opened { opacity: 1; visibility: visible; }

/* ===== HERO DESTAQUES ===== */
#posts_destaque { display: flex; flex-wrap: wrap; max-width: 1060px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
#posts_destaque .bloco_destaque { position: relative; border-radius: 4px; overflow: hidden; }
#posts_destaque .bloco_destaque_1 { flex: 2 1 60%; min-height: 350px; margin: 20px 10px 0 0; }
#posts_destaque .bloco_destaque_2, #posts_destaque .bloco_destaque_3, #posts_destaque .bloco_destaque_4 { flex: 1 1 29%; min-height: 170px; margin: 20px 0 0; }
#posts_destaque .bloco_destaque .background {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background-size: cover; background-position: center;
}
#posts_destaque .bloco_destaque .bloco_link { position: absolute; inset: 0; z-index: 2; }
#posts_destaque .bloco_destaque .bloco_descricao {
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 3;
    padding: 20px;
    background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .35) 60%, transparent 100%);
}
#posts_destaque .bloco_destaque .post_title {
    color: #fff;
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 26px; line-height: 30px;
}
#posts_destaque .bloco_destaque_2 .post_title,
#posts_destaque .bloco_destaque_3 .post_title,
#posts_destaque .bloco_destaque_4 .post_title { font-size: 17px; line-height: 21px; }

#fullbanner { max-width: 1060px; margin: 0 auto; padding: 0 20px; }

/* ===== CONTEUDO ===== */
#content { padding-bottom: 40px; }
#content .container { background: var(--bg); position: relative; z-index: 5; }
.mc-grid-posts { padding-top: 30px; }
.mc-grid-posts .posts { display: flex; flex-wrap: wrap; }
.mc-grid-posts .grid4 { width: 23%; margin-right: 2.6%; margin-bottom: 40px; }
.mc-grid-posts .grid4:nth-child(4n) { margin-right: 0; }

article.bloco { height: auto; margin-bottom: 40px; position: relative; }
article.bloco a:hover .mask { opacity: .7; }
article .thumb {
    height: 191px; margin-bottom: 15px; position: relative;
    background: var(--bg-2);
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 8%);
    display: flex; overflow: hidden;
    box-sizing: border-box;
}
article .thumb img { object-fit: cover; border-radius: 4px; min-width: 100%; max-width: 100%; }
article .mask {
    opacity: 0;
    transition: opacity .2s ease-in-out;
    position: absolute; width: 100%; border-radius: 4px; height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .5) 100%);
    pointer-events: none; z-index: 1;
}
article h2 {
    margin: 0;
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 23px; line-height: 28px;
    color: var(--headings-color);
    transition: color .2s ease-in-out;
}
article a:hover h2 { color: var(--link-color); }
article .info { color: var(--subhead-color); margin: 9px 0; letter-spacing: -.2px; font-size: 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
article .spread { position: absolute; z-index: 2; left: 10px; bottom: 10px; display: flex; align-items: center; }
article .spread .cat { border-radius: 2px; }
.cat {
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    padding: 6px;
    display: block;
    background: var(--cat-news);
}
.guias .catname, .guias .cat { background: var(--cat-guias); }
.news .catname, .news .cat, .noticias .catname, .noticias .cat { background: var(--cat-news); }
.eletrodomesticos .catname, .eletrodomesticos .cat, .eletro .catname, .eletro .cat { background: var(--cat-premium); }
.eletronicos .catname, .eletronicos .cat { background: var(--cat-responde); }
.achados .catname, .achados .cat { background: var(--cat-achados); }
.mega-news .catname, .mega-news .cat { background: var(--cat-mega-news); }

/* Sidebar / widgets */
#sidebar { float: right; margin-left: 20px; }
.mc-widget { border-radius: 4px; background-color: var(--bg-2); padding: 20px; margin: 0 0 40px; }
.mc-widget h2 { font-family: "PT Sans Narrow", sans-serif; font-size: 22px; color: var(--headings-color); margin: 0 0 1rem; }
.mc-widget-item { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--table-border); }
.mc-widget-item:last-child { border-bottom: 0; }
.mc-widget-item .count { min-width: 2rem; font-family: "PT Sans Narrow", sans-serif; font-size: 24px; color: var(--link-color); font-weight: 700; }
.mc-widget-item a { color: var(--body-color); font-size: 14px; line-height: 1.35; }
.mc-widget-item a:hover { color: var(--link-color); }

/* Paginacao */
.mc-pagination { display: flex; margin: 1rem auto 2rem; justify-content: center; }
.mc-pagination ul { display: flex; list-style: none; justify-content: center; gap: 6px; padding: 0; margin: 0; flex-wrap: wrap; }
.mc-pagination li { border: 1px solid var(--table-border); border-radius: 3px; font-size: 14px; display: inline-flex; align-items: center; background-color: var(--bg-3); }
.mc-pagination li a, .mc-pagination li span { padding: .5rem 1rem; display: inline-flex; color: var(--link-color); }
.mc-pagination li a:hover { background: var(--table-border); }
.mc-pagination li.current { background-color: var(--table-border); color: var(--body-color); border: 0; }

/* Temas populares */
.category_tags.home { padding: 0 0 20px; }
.category_tags-titulo { font-family: "PT Sans Narrow", sans-serif; font-size: 22px; font-weight: bold; color: var(--headings-color); margin: 0 0 .5rem; }
.mc-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.mc-tags a { padding: 6px 8px; border-radius: 5px; background: var(--bg-3); color: var(--subhead-color); font-size: 14px; line-height: 1.25; display: inline-block; }
.mc-tags a:hover { background: var(--table-border); color: var(--body-color); }

/* ===== SINGLE / PAGE ===== */
.mc-single, .mc-page { padding-top: 30px; }
.mc-article { max-width: 700px; }
.mc-article-cat { margin-bottom: 8px; }
.mc-article-cat a {
    background: var(--cat-news); color: #fff;
    text-transform: uppercase; font-size: 11px; padding: 5px 8px; border-radius: 2px;
}
.mc-article-title { font-size: 34px; line-height: 1.15; color: var(--headings-color); margin: 0 0 8px; }
.mc-article-meta { color: var(--subhead-color); font-size: 12px; margin-bottom: 20px; display: flex; gap: 12px; flex-wrap: wrap; }
.mc-article-thumb { margin-bottom: 20px; }
.mc-article-thumb img { border-radius: 4px; width: 100%; height: auto; }
.mc-article-content { font-size: 16px; line-height: 1.75; }
.mc-article-content p { margin: 0 0 1.2em; }
.mc-article-content h2 { font-size: 26px; margin: 1.5em 0 .5em; }
.mc-article-content h3 { font-size: 21px; margin: 1.4em 0 .5em; }
.mc-article-content img { border-radius: 4px; height: auto; }
.mc-article-content a { text-decoration: underline; }
.mc-article-tags { margin-top: 30px; display: flex; gap: 6px; flex-wrap: wrap; }
.mc-article-tags a { background: var(--bg-3); color: var(--subhead-color); padding: 4px 10px; border-radius: 4px; font-size: 12px; }
.mc-related { margin-top: 40px; }
.mc-archive-title { font-size: 28px; color: var(--headings-color); margin: 30px 0 0; }
.mc-archive-desc { color: var(--subhead-color); margin: 10px 0 0; }

/* ===== FOOTER ===== */
#footer {
    background: linear-gradient(90deg, rgba(34, 169, 225, .97) 0%, rgba(0, 74, 176, .97) 100%);
    color: #fff;
    padding: 40px 0 30px;
}
#footer .container { color: #fff; }
#footer .row { display: flex; flex-wrap: wrap; justify-content: space-between; }
#footer .footer__tecnoblog-logo .logof {
    display: block;
    color: #fff;
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 16px;
}
#footer .footer__social .redes { display: flex; gap: 12px; }
#footer .footer__social .redes a { color: #fff; transition: transform .2s ease-in-out; display: inline-flex; }
#footer .footer__social .redes a:hover { transform: scale(1.15); }
#footer .footer__primary-links .category_tags { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
#footer .footer__primary-links a {
    color: rgba(255, 255, 255, .85);
    font-size: 13px;
    padding: 5px 10px;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 20px;
    transition: background-color .2s ease, color .2s ease;
}
#footer .footer__primary-links a:hover { background: rgba(255, 255, 255, .15); color: #fff; }

.footer--darker {
    background: #004ab0;
    color: #ccc;
    padding: 18px 0;
    font-size: 12px;
}
.footer--darker .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.footer--darker #menu-footer { display: flex; gap: 20px; flex-wrap: wrap; }
.footer--darker #menu-footer a { color: rgba(255, 255, 255, .75); }
.footer--darker #menu-footer a:hover { color: #fff; }
.footer--darker .copyright { margin: 0; color: rgba(255, 255, 255, .6); }

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .container { max-width: 700px; }
    #posts_destaque { max-width: 700px; }
    #tb_header_menu > li > a { padding: 17px 6px 16px; font-size: 11px; }
    .menu-direita .redes { display: none; }
    .mc-grid-posts .grid4 { width: 31%; }
    .mc-grid-posts .grid4:nth-child(4n) { margin-right: 2.6%; }
    .mc-grid-posts .grid4:nth-child(3n) { margin-right: 0; }
}
@media (max-width: 743px) {
    .container, #posts_destaque { max-width: 100%; }
    #mm { display: flex; }
    .menu-header-container, .menu-direita .busca { display: none; }
    .busca-mobile { display: block; }
    .menu-direita { gap: 0; }
    #posts_destaque .bloco_destaque_1 { flex: 1 1 100%; min-height: 240px; margin: 12px 0 0; }
    #posts_destaque .bloco_destaque_2, #posts_destaque .bloco_destaque_3, #posts_destaque .bloco_destaque_4 { flex: 1 1 48%; min-height: 140px; margin: 8px 0 0; }
    #posts_destaque .bloco_destaque_2 { margin-right: 4%; }
    .mc-grid-posts .grid4 { width: 48%; margin-right: 4% !important; }
    .mc-grid-posts .grid4:nth-child(2n) { margin-right: 0 !important; }
    #sidebar { float: none; margin-left: 0; width: 100%; }
    #footer .row { flex-direction: column; gap: 24px; }
    #footer .footer__primary-links .category_tags { justify-content: flex-start; }
    .mc-article-title { font-size: 26px; }
}