/*
Theme Name: CombatGame Portal g1 (Elementor Pro Ready)
Theme URI: https://combatgame.com.br/
Author: CombatGame Editorial & Tech
Author URI: https://combatgame.com.br/
Description: Tema WordPress completo para o portal CombatGame com estrutura visual idêntica ao g1 da Globo. Suporte nativo a Logo Personalizada (Cabeçalho e Rodapé), Personalizador do WordPress (Customizer), integração total com Elementor e Elementor Pro Theme Builder, mais todas as variações de páginas: Home 3 Colunas, Single Post Notícia, Single Hall da Honra/Histórias, Blog Geral, Categorias Temáticas (Artigos, LINDAFEM, Histórias, Legislação), Airsoftpedia, Eventos/Campos, Busca, Autor e 404.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: combatgame-g1
Tags: news, blog, custom-logo, custom-menu, featured-images, theme-options, three-columns, right-sidebar, left-sidebar, elementor
*/

*{box-sizing:border-box;margin:0;padding:0}
:root{
  --cg-red:#C4170C;
  --cg-red-dark:#a4120a;
  --cg-pink:#b8336a;
  --cg-gold:#8a6d1b;
  --cg-blue:#1f6ab5;
  --cg-green:#2e4a21;
  --cg-txt:#333333;
  --cg-txt2:#555555;
  --cg-txt3:#888888;
  --cg-line:#e0e0e0;
  --cg-bg:#f5f5f5;
  --cg-logo-height:44px;
}
html{scroll-behavior:smooth}
body{
  font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
  color:var(--cg-txt);
  background:#ffffff;
  font-size:14px;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;transition:color .15s ease}
a:hover h1,a:hover h2,a:hover h3,a:hover .ttl{text-decoration:underline}
ul{list-style:none}
img{display:block;max-width:100%;height:auto}

/* ---------- Barra Preta Superior (Estilo globo.com) ---------- */
.globobar{background:#000;color:#fff;height:36px;font-size:12px}
.globobar .in{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 16px}
.globobar .left{display:flex;align-items:center;gap:20px;overflow-x:auto;scrollbar-width:none}
.globobar .left::-webkit-scrollbar{display:none}
.globobar .brand{font-weight:800;font-size:15px;letter-spacing:-.3px;padding-right:20px;border-right:1px solid #333;white-space:nowrap}
.globobar .brand span{color:#e52e2e}
.globobar a:hover{text-decoration:underline}
.globobar .right{display:flex;align-items:center;gap:16px;opacity:.92;white-space:nowrap}
.globobar .user{display:flex;align-items:center;gap:8px}
.globobar .user i{width:22px;height:22px;border-radius:50%;background:#444;display:inline-block}

/* ---------- Cabeçalho Principal Vermelho (Estilo g1) ---------- */
header.top{background:var(--cg-header-color, var(--cg-red));color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 6px rgba(0,0,0,.22)}
header.top .in{max-width:1240px;margin:0 auto;min-height:64px;display:flex;align-items:center;gap:20px;padding:8px 16px}
.burger{width:28px;height:28px;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;background:none;border:0;padding:0;flex-shrink:0}
.burger b{display:block;height:3px;width:24px;background:#fff;border-radius:2px}

/* ---------- Logo Configurável (Custom Logo WordPress / Elementor) ---------- */
.cg-logo-wrap{display:flex;align-items:center;gap:12px;flex-shrink:0}
.cg-logo-wrap .custom-logo-link{display:flex;align-items:center}
.cg-logo-wrap img.custom-logo,
.cg-logo-wrap img.cg-custom-logo-img{
  max-height:var(--cg-logo-height, 44px);
  width:auto;
  object-fit:contain;
  display:block;
}
.logo-badge{
  width:44px;height:44px;border-radius:50%;background:#fff;color:var(--cg-header-color, var(--cg-red));
  display:flex;align-items:center;justify-content:center;font-weight:900;font-size:19px;
  letter-spacing:-1.5px;font-family:"Arial Black",Arial,sans-serif;flex-shrink:0;
}
.logo-text{font-weight:800;font-size:22px;letter-spacing:-.5px;line-height:1.1;color:#fff}
.logo-text small{display:block;font-size:10px;font-weight:700;letter-spacing:1.4px;opacity:.9;text-transform:uppercase;margin-top:2px}

/* ---------- Título de Editoria no Cabeçalho (Páginas de Categoria) ---------- */
.header-editoria-sep{width:1px;height:30px;background:rgba(255,255,255,.35);margin:0 4px}
.header-editoria-title{font-size:22px;font-weight:800;letter-spacing:-.5px;text-transform:uppercase;color:#fff;white-space:nowrap}

/* ---------- Menu Principal & Busca ---------- */
nav.menu{flex:1;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
nav.menu::-webkit-scrollbar{display:none}
nav.menu ul{display:flex;gap:2px;align-items:center}
nav.menu a{padding:8px 11px;font-size:13px;font-weight:700;border-radius:4px;white-space:nowrap;color:#fff;display:inline-block}
nav.menu a:hover,nav.menu .current-menu-item > a{background:rgba(0,0,0,.2)}
.search-form-g1{display:flex;align-items:center;background:rgba(0,0,0,.2);border-radius:20px;padding:0 12px;height:36px;gap:8px;min-width:210px}
.search-form-g1 input{background:transparent;border:0;outline:0;color:#fff;font-size:13px;flex:1;width:100%}
.search-form-g1 input::placeholder{color:rgba(255,255,255,.85)}
.search-form-g1 button{background:none;border:0;cursor:pointer;display:flex;align-items:center;padding:0}
.search-form-g1 svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.2}

/* ---------- Gaveta Lateral (Menu Hambúrguer g1) ---------- */
.cg-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:190;display:none}
.cg-drawer-backdrop.open{display:block}
.cg-drawer{position:fixed;top:0;left:0;bottom:0;width:310px;max-width:86vw;background:#fff;z-index:200;transform:translateX(-100%);transition:transform .25s ease;overflow-y:auto;box-shadow:4px 0 24px rgba(0,0,0,.25)}
.cg-drawer.open{transform:translateX(0)}
.cg-drawer-hd{background:var(--cg-red);color:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between}
.cg-drawer-close{background:none;border:0;color:#fff;font-size:24px;cursor:pointer;line-height:1}
.cg-drawer-list{padding:12px 0}
.cg-drawer-list li a{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;font-size:14px;font-weight:700;color:#222;border-bottom:1px solid #f0f0f0}
.cg-drawer-list li a:hover{background:#f9f9f9;color:var(--cg-red)}

/* ---------- Sub-menu de Editorias ---------- */
.submenu{background:#fff;border-bottom:1px solid var(--cg-line)}
.submenu .in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:4px;padding:0 16px;height:42px;overflow-x:auto;scrollbar-width:none}
.submenu .in::-webkit-scrollbar{display:none}
.submenu a{font-size:12.5px;font-weight:700;color:var(--cg-txt);padding:11px 10px;border-bottom:3px solid transparent;white-space:nowrap}
.submenu a.on,.submenu a:hover{border-bottom-color:var(--cg-red);color:var(--cg-red)}
.submenu .sep{width:1px;height:18px;background:var(--cg-line);margin:0 6px;flex-shrink:0}

/* ---------- Plantão / Ticker ---------- */
.ticker{background:#1a1a1a;color:#fff}
.ticker .in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:0 16px;height:40px;font-size:13px}
.ticker .tag{background:var(--cg-red);font-weight:800;font-size:11px;letter-spacing:1px;padding:4px 9px;border-radius:2px;text-transform:uppercase;flex-shrink:0}
.ticker .track{overflow:hidden;flex:1;position:relative;height:40px}
.ticker .track ul{display:flex;gap:48px;position:absolute;white-space:nowrap;animation:cgscroll 55s linear infinite;align-items:center;height:40px}
.ticker .track li::before{content:"•";color:var(--cg-red);margin-right:8px;font-weight:900}
@keyframes cgscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- Containers e Grids ---------- */
.wrap{max-width:1240px;margin:0 auto;padding:22px 16px}
.grid-home{display:grid;grid-template-columns:300px 1fr 300px;gap:24px;align-items:start}
.grid-content-sidebar{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:start}
@media (max-width:1100px){
  .grid-home{grid-template-columns:1fr 300px}
  .col-left{order:3;grid-column:1/-1}
}
@media (max-width:820px){
  .grid-home,.grid-content-sidebar{grid-template-columns:1fr}
  .col-right{order:2}
  .search-form-g1{min-width:140px}
}

/* ---------- Componentes Editoriais g1 ---------- */
.sec-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid var(--cg-line)}
.sec-title h4,.sec-title h2{font-size:16px;font-weight:800;color:var(--cg-txt);letter-spacing:-.2px}
.sec-title em{font-style:normal;color:var(--cg-red)}
.sec-title a.more{font-size:12px;color:var(--cg-blue);font-weight:700}

.hat{display:inline-block;color:var(--cg-red);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}
.meta{font-size:11.5px;color:var(--cg-txt3);margin-top:6px}
.meta b{color:var(--cg-txt2);font-weight:600}
.summary{color:var(--cg-txt2);font-size:14px;line-height:1.48;margin-top:6px}

.ph{position:relative;background:linear-gradient(135deg,#2f3a2a 0%,#55653f 55%,#8a9a63 100%);overflow:hidden;display:block;border-radius:4px}
.ph img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- Destaque e Lista de Posts ---------- */
.main-post{padding-bottom:18px;border-bottom:1px solid var(--cg-line);margin-bottom:18px}
.main-post h1,.main-post h2{font-size:32px;line-height:1.14;font-weight:800;letter-spacing:-.7px;color:#1d1d1d;margin:4px 0 10px}
.main-post .ph{aspect-ratio:16/9;margin:12px 0 10px}
.main-post ul.rel{margin-top:10px;border-top:1px dotted var(--cg-line);padding-top:8px}
.main-post ul.rel li{padding:6px 0 6px 14px;position:relative;font-size:14.5px;font-weight:700;color:#222}
.main-post ul.rel li::before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:50%;background:var(--cg-red)}

.post-row{display:grid;grid-template-columns:1fr 210px;gap:18px;padding:18px 0;border-bottom:1px solid var(--cg-line)}
.post-row.no-thumb{grid-template-columns:1fr}
.post-row h3{font-size:20px;line-height:1.22;font-weight:800;letter-spacing:-.4px;color:#222}
.post-row .ph{aspect-ratio:16/10}
@media (max-width:580px){.post-row{grid-template-columns:1fr}}

/* ---------- Single Post (Página de Matéria g1) ---------- */
.single-article-header{max-width:880px;margin:0 auto 24px;padding-bottom:20px;border-bottom:1px solid var(--cg-line)}
.single-article-header .hat{font-size:13px;margin-bottom:8px}
.single-article-header h1{font-size:40px;line-height:1.12;font-weight:800;letter-spacing:-1px;color:#111;margin-bottom:14px}
.single-article-header .single-excerpt{font-size:20px;line-height:1.4;color:#555;font-weight:400;margin-bottom:18px}
.single-byline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:#666}
.single-share{display:flex;gap:8px}
.single-share a{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:700;color:#fff;display:inline-flex;align-items:center;gap:6px}
.single-share .sh-wa{background:#25d366}
.single-share .sh-fb{background:#1877f2}
.single-share .sh-x{background:#111}
.single-featured{margin:0 0 24px}
.single-featured .ph{aspect-ratio:16/9;max-height:480px}
.single-featured figcaption{font-size:12px;color:#777;margin-top:8px;border-bottom:1px solid #eee;padding-bottom:8px}
.single-body{font-size:18px;line-height:1.7;color:#222}
.single-body p{margin-bottom:22px}
.single-body h2{font-size:26px;font-weight:800;margin:32px 0 14px;color:#111;letter-spacing:-.4px}
.single-body h3{font-size:21px;font-weight:800;margin:26px 0 12px;color:#222}
.single-body blockquote{border-left:4px solid var(--cg-red);padding:12px 20px;background:#fafafa;font-size:20px;font-weight:700;font-style:italic;margin:26px 0;color:#222}
.single-leia-tambem{background:#f8f8f8;border-left:4px solid var(--cg-red);padding:16px 20px;margin:26px 0;border-radius:0 6px 6px 0}
.single-leia-tambem b{display:block;font-size:12px;text-transform:uppercase;color:var(--cg-red);margin-bottom:8px;letter-spacing:.5px}
.single-leia-tambem ul li{padding:5px 0;font-size:15px;font-weight:700}

/* ---------- Cabeçalho de Categoria / Editoria ---------- */
.category-banner{background:var(--cg-cat-color, var(--cg-red));color:#fff;padding:22px 0;margin-bottom:24px}
.category-banner .in{max-width:1240px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.category-banner h1{font-size:32px;font-weight:900;letter-spacing:-.8px;text-transform:uppercase}
.category-banner p{font-size:14px;opacity:.92;max-width:680px}

/* ----------Paginação estilo g1 ---------- */
.cg-pagination{display:flex;gap:8px;align-items:center;justify-content:center;margin:32px 0}
.cg-pagination a,.cg-pagination span{padding:9px 15px;border:1px solid var(--cg-line);border-radius:4px;font-weight:700;font-size:13px}
.cg-pagination .current,.cg-pagination a:hover{background:var(--cg-red);color:#fff;border-color:var(--cg-red)}

/* ---------- Rodapé Completo ---------- */
footer.site-footer{background:#1c1c1c;color:#ccc;margin-top:44px}
footer.site-footer .in{max-width:1240px;margin:0 auto;padding:34px 16px 24px}
.fcols{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding-bottom:24px;border-bottom:1px solid #333}
@media (max-width:800px){.fcols{grid-template-columns:repeat(2,1fr)}}
.fcols h5{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.fcols li{font-size:12.5px;padding:4px 0}
.fcols li a:hover{color:#fff;text-decoration:underline}
.fbot{display:flex;justify-content:space-between;align-items:center;padding-top:18px;font-size:12px;color:#999;flex-wrap:wrap;gap:12px}

/* COMBATGAME - SLIDER PRINCIPAL FULL WIDTH */

.cg-home-hero-slider {
    position: relative;
    width: 100vw !important;
    max-width: none !important;
    height: clamp(340px, 43vw, 560px);
    margin-top: 0;
    margin-bottom: 30px;
    margin-left: calc(50% - 50vw) !important;
    padding: 0;
    overflow: hidden;
    background: #151515;
    border-radius: 0;
    box-sizing: border-box;
}

.cg-home-hero-track {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.cg-home-hero-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease;
}

.cg-home-hero-slide.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.cg-home-hero-slide > a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.cg-home-hero-slide > a > img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

.cg-home-hero-caption {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: clamp(25px, 6vw, 85px);
    background: linear-gradient(
        0deg,
        rgba(0,0,0,.88) 0%,
        rgba(0,0,0,.38) 42%,
        transparent 100%
    );
    color: #fff;
    box-sizing: border-box;
}

.cg-home-hero-caption > span {
    color: #fff;
    background: #c4170c;
    padding: 6px 11px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .7px;
}

.cg-home-hero-caption h2 {
    color: #fff !important;
    font-size: clamp(27px, 4vw, 48px);
    line-height: 1.12;
    font-weight: 800;
    max-width: 900px;
    margin: 12px 0;
}

.cg-home-hero-caption time {
    color: #fff;
    font-size: 13px;
}

.cg-home-hero-arrow {
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: rgba(0,0,0,.65);
    color: #fff;
    font-size: 32px;
    cursor: pointer;
}

.cg-home-hero-arrow.prev { left: 25px; }
.cg-home-hero-arrow.next { right: 25px; }

.cg-home-hero-dots {
    position: absolute;
    z-index: 6;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
}

.cg-home-hero-dots button {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    border-radius: 20px;
    background: rgba(255,255,255,.6);
    cursor: pointer;
}

.cg-home-hero-dots button.active {
    width: 26px;
    background: #fff;
}

@media(max-width: 600px) {
    .cg-home-hero-slider {
        height: 300px;
        margin-bottom: 22px;
    }

    .cg-home-hero-caption {
        padding: 20px;
    }

    .cg-home-hero-caption h2 {
        font-size: 24px;
    }

    .cg-home-hero-arrow {
        width: 35px;
        height: 35px;
        font-size: 24px;
    }

    .cg-home-hero-arrow.prev { left: 10px; }
    .cg-home-hero-arrow.next { right: 10px; }
}


/* =========================================
   COMBATGAME - MODULOS EDITORIAIS DA HOME
   ========================================= */

.cg-home-column {
    width: 100%;
    min-width: 0;
    color: #222;
    font-family: inherit;
}

.cg-home-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dedede;
    margin: 0 0 12px;
    padding: 0 0 9px;
}

.cg-home-section-heading h3 {
    margin: 0;
    padding: 0;
    color: #222;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 800;
}

/* LEIA TAMBEM */

.cg-home-read-card {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
}

.cg-home-read-image {
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 3px;
}

.cg-home-read-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cg-home-read-copy {
    min-width: 0;
}

.cg-home-read-copy span,
.cg-home-article-category {
    display: block;
    margin-bottom: 4px;
    color: #c4170c;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
}

.cg-home-read-copy a {
    display: block;
    color: #222;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 700;
    text-decoration: none;
}

.cg-home-read-copy a:hover,
.cg-home-article-copy h2 a:hover,
.cg-home-most-read li a:hover {
    color: #c4170c;
}

/* ARTIGOS CENTRAIS */

.cg-home-article-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 210px;
    gap: 18px;
    align-items: start;
    padding: 18px 0;
    border-bottom: 1px solid #dedede;
}

.cg-home-article-image {
    display: block;
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    border-radius: 3px;
}

.cg-home-article-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cg-home-article-copy {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}

.cg-home-article-copy h2 {
    margin: 3px 0 6px;
    font-size: 19px;
    line-height: 1.22;
    font-weight: 800;
}

.cg-home-article-copy h2 a {
    color: #222;
    text-decoration: none;
}

.cg-home-article-copy p {
    margin: 0 0 7px;
    color: #666;
    font-size: 13px;
    line-height: 1.5;
}

.cg-home-article-copy time {
    color: #888;
    font-size: 11px;
}

/* MAIS LIDAS */

.cg-home-most-read ol {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: cg-most-read;
}

.cg-home-most-read li {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 10px 0;
    border-bottom: 1px solid #dedede;
}

.cg-home-rank {
    color: #d5d5d5;
    font-size: 31px;
    line-height: 1;
    font-weight: 900;
}

.cg-home-most-read li a {
    color: #222;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
    text-decoration: none;
}

/* PAGINACAO */

.cg-home-pagination {
    margin: 22px 0;
}

.cg-home-pagination ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cg-home-pagination a,
.cg-home-pagination span {
    display: block;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    font-size: 13px;
    text-decoration: none;
}

.cg-home-pagination .current {
    border-color: #c4170c;
    background: #c4170c;
    color: #fff;
}

/* RESPONSIVIDADE */

@media (max-width: 767px) {
    .cg-home-article-card {
        grid-template-columns: minmax(0, 1fr) 115px;
        gap: 12px;
    }

    .cg-home-article-copy h2 {
        font-size: 16px;
    }

    .cg-home-article-copy p {
        font-size: 12px;
    }

    .cg-home-read-card {
        grid-template-columns: 70px minmax(0, 1fr);
    }

    .cg-home-read-image {
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 420px) {
    .cg-home-article-card {
        grid-template-columns: minmax(0, 1fr) 95px;
        gap: 9px;
    }

    .cg-home-article-copy h2 {
        font-size: 14px;
    }
}


/* ==========================================
   COMBATGAME - TIPOGRAFIA EDITORIAL
   Padronização dos três módulos da homepage
========================================== */

.cg-home-column,
.cg-home-column * {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.cg-home-section-heading h3 {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: -0.2px;
    color: #252525;
}

.cg-home-read-copy,
.cg-home-article-copy,
.cg-home-most-read {
    color: #252525;
}

.cg-home-read-copy a,
.cg-home-article-copy h2 a,
.cg-home-most-read a {
    color: #222;
    text-decoration: none;
    font-weight: 700;
}

.cg-home-read-copy a {
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: -0.15px;
}

.cg-home-article-copy h2 {
    font-size: 19px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -0.45px;
    color: #222;
}

.cg-home-article-copy p {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    color: #555;
}

.cg-home-article-category {
    font-size: 11px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: #c4170c;
}

.cg-home-most-read li {
    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
    color: #222;
}

.cg-home-read-copy a:hover,
.cg-home-article-copy h2 a:hover,
.cg-home-most-read a:hover {
    color: #c4170c;
}

@media (max-width: 767px) {
    .cg-home-article-copy h2 {
        font-size: 17px;
        line-height: 1.3;
    }

    .cg-home-read-copy a,
    .cg-home-most-read li {
        font-size: 13px;
    }
}


/* COMBATGAME - HALL DA HONRA */

.cg-hall-section {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    font-family: "Open Sans", Arial, sans-serif;
}

.cg-hall-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 10px;
}

.cg-hall-heading-wrap {
    display: flex;
    align-items: center;
    gap: 9px;
}

.cg-hall-accent {
    width: 8px;
    height: 22px;
    background: #D71920;
    flex-shrink: 0;
}

.cg-hall-heading {
    margin: 0;
    color: #222;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.cg-hall-more {
    color: #D71920;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.cg-hall-divider {
    width: 100%;
    height: 2px;
    margin-bottom: 22px;
    background: #D71920;
}

.cg-hall-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    align-items: start;
}

.cg-hall-card {
    min-width: 0;
    padding-right: 12px;
    border-right: 1px solid #e3e3e3;
    box-sizing: border-box;
}

.cg-hall-card:last-child {
    border-right: 0;
    padding-right: 0;
}

.cg-hall-image-link {
    display: block;
    width: 100%;
    overflow: hidden;
    background: #f0f0f0;
}

.cg-hall-image-link {
    display: block;
    width: 100%;
    height: 185px;
    overflow: hidden;
    position: relative;
    background: #eeeeee;
}

.cg-hall-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover !important;
    object-position: center center;
    transition: transform .3s ease;
}

.cg-hall-image-link:hover .cg-hall-image {
    transform: scale(1.035);
}

.cg-hall-no-image {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #777;
    font-weight: 700;
}

.cg-hall-card-content {
    padding-top: 10px;
}

.cg-hall-category {
    display: inline-block;
    margin-bottom: 6px;
    color: #D71920;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.cg-hall-post-title {
    margin: 0;
    color: #252525;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}

.cg-hall-post-title a {
    color: inherit;
    text-decoration: none;
}

.cg-hall-post-title a:hover {
    color: #D71920;
}

.cg-hall-date {
    display: block;
    margin-top: 7px;
    color: #888;
    font-size: 11px;
}

.cg-hall-excerpt {
    margin: 7px 0 0;
    color: #666;
    font-size: 12px;
    line-height: 1.5;
}

.cg-hall-empty {
    padding: 15px;
    color: #777;
    font-size: 13px;
}