:root {
      --bg: #0d0f14;
      --panel: #10141d;
      --panel-2: #0e121a;
      --acc: #b94b33;
      --acc-2: #2c3e50;
      --text: #e9edf1;
      --muted: #99a3ad;
      --shadow: 0 10px 30px rgba(0,0,0,.45);
      --radius: 16px;
    }
    html, body { 
      background: var(--bg); color: var(--text); 
      font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
      padding-top: 40px; }
    a,
      a:hover,
      a:focus,
      a:active {
        color: #ffd9c9;
        text-decoration: none !important;
      }

      /* 1) Links do site, mas NÃO os botões */
    a:not(.btn),
    a:not(.btn):hover,
    a:not(.btn):focus,
    a:not(.btn):active {
      color: #e36a25;
      text-decoration: none;
    }

    /* 2) Botão escuro (o seu “ghost”) mantém texto claro sempre */
    .btn-ghost,
    .btn-ghost:hover,
    .btn-ghost:focus,
    .btn-ghost:active {
      color: #ffffff !important;
    }

    /* (opcional) ajuste de hover do fundo */
    .btn-ghost:hover,
    .btn-ghost:focus {
      background: #2d3b55;
      border-color: #3e4f70;
    }


    .navbar { background: rgba(10,12,18,.7); backdrop-filter: saturate(120%) blur(8px); }
    .brand { font-weight: 800; letter-spacing: .5px; }
    /* Tamanho do logo na navbar */
    .brand-logo {
      height: 36px;         /* mobile */
      width: auto;
      display: block;
    }

    /* Ajusta no desktop */
    @media (min-width: 992px) {
      .brand-logo { height: 44px; }
    }

    /* Garante alinhamento vertical */
    .navbar-brand { display: flex; align-items: center; }

    /* Se você tinha .brand com estilos de texto, não precisa mais nela */

    .btn-cta { background: linear-gradient(90deg, #d35400, #b02a2a); border: none; color: #fff; font-weight: 700; padding: .8rem 1.4rem; border-radius: 999px; box-shadow: var(--shadow); }
    .btn-ghost { background: #1b2433; border: 1px solid #2d3b55; color: #e2e8f0; border-radius: 999px; padding: .8rem 1.4rem; }
    .hero {
      position: relative;
      --min-height: 70vh;
      display: flex; align-items: center;
      background: url('https://i.imgur.com/W6g1K7m.png') center/cover no-repeat;
      border-bottom: 1px solid #1d2635;
    }
    .hero::after {
      content: ""; position: absolute; inset: 0;
      background: radial-gradient(80% 60% at 50% 50%, rgba(0,0,0,.0), rgba(0,0,0,.75));
    }
    .hero .content { position: relative; z-index: 2; }
    .panel { background: linear-gradient(180deg, var(--panel), var(--panel-2)); border: 1px solid #1c2534; border-radius: var(--radius); box-shadow: var(--shadow); }
    .panel h3 { font-weight: 800; margin-bottom: .75rem; }
    .card-news, .card-guide { overflow: hidden; border-radius: 14px; border: 1px solid #1e2636; background: #0e141d; transition: transform .2s ease; }
    .card-news:hover, .card-guide:hover { transform: translateY(-2px); }
    .card-news img, .card-guide img { width: 100%; height: 160px; object-fit: cover; }
    .meta { color: var(--muted); font-size: .85rem; }
    .sidebar .list-unstyled li { padding: .5rem 0; border-bottom: 1px dashed #203048; }
    .footer { color: var(--muted); }
    .badge-chip { background: #1a2432; border: 1px solid #2b3a55; border-radius: 999px; padding: .25rem .6rem; font-size: .75rem; }
    .section-title { font-weight: 800; }
    .community-actions {
      display: flex;
      flex-wrap: wrap;        /* permite quebrar linha */
      margin: -4px;           /* truque pra simular gap no BS4 */
    }
    .community-actions .btn {
      margin: 4px;            /* “gap” entre botões */
      white-space: nowrap;    /* evita quebrar texto dentro do botão */
    }
    @media (max-width: 575.98px) {          /* mobile */
      .community-actions .btn {
        flex: 1 1 calc(50% - 8px);          /* 2 por linha */
      }
    }
    @media (max-width: 380px) {             /* telas bem pequenas */
      .community-actions .btn {
        flex: 1 1 100%;                      /* 1 por linha (full width) */
      }
    }
    .card-guide a,
    .card-guide a:hover,
    .card-guide a:focus,
    .card-guide a:active {
      color: inherit;           /* mantém a cor do texto */
      text-decoration: none;    /* remove sublinhado */
    }

    .card-guide:hover h6 {
      color: #ff6600;            /* opcional: cor diferente no hover */
    }

    .card-guide:hover p {
      color: #ddd;               /* opcional: muda a cor da descrição no hover */
    }

    .article-read { line-height: 1.7; }
    .article-read h2 { font-weight: 800; }
    .article-read .back-link { text-decoration: none; }
    .article-cover {
      width: 100%;
      aspect-ratio: 16 / 9;       /* mantém proporção moderna */
      object-fit: cover;
      border-radius: 12px;
      border: 1px solid #1e2636;
      box-shadow: var(--shadow);
    }
    .article-body p { color: #cfd7df; margin-bottom: 1rem; }
    .sortable { cursor: pointer; }
    .sortable::after { content: " ↕"; opacity: .4; font-size: .9em; }

    /* Escopo só para a seção More News */
    #more-news .table { 
      font-size: .90rem;                 /* ~14px */
    }
    #more-news thead th {
      font-size: .85rem;                 /* cabeçalho menor */
      padding-top: .6rem; 
      padding-bottom: .6rem;
    }
    #more-news tbody td {
      padding-top: .55rem; 
      padding-bottom: .55rem;            /* linhas mais “baixas” */
    }

    /* Controles menores */
    #more-news .form-control-sm { font-size: .85rem; }
    #more-news .pagination-sm .page-link { 
      font-size: .80rem; 
      padding: .25rem .5rem; 
    }
    #more-news .btn.btn-ghost.btn-sm { 
      font-size: .80rem; 
      padding: .35rem .7rem; 
    }

    /* Telas pequenas: reduz mais um pouco */
    @media (max-width: 575.98px) {
      #more-news .table { font-size: .85rem; }   /* ~13.6px */
      #more-news thead th { font-size: .80rem; }
    }