/*
Theme Name: GeneratePress Otimizado
Description: Tema filho focado em performance para páginas PHP personalizadas.
Template: generatepress
Version: 1.0
*/

/* ==========================================================================
   ESTILOS DAS TABELAS DE LOTERIA
   ========================================================================== */
.tabela-estatisticas { width: 100%; border-collapse: collapse; font-family: sans-serif; margin: 20px 0; }
.tabela-estatisticas th { background: #333; color: #fff; padding: 12px; font-size: 12px; text-transform: uppercase; }
.tabela-estatisticas td { padding: 10px; border-bottom: 1px solid #eee; text-align: center; }

.col-dezena { background: #fdfdfd; width: 70px; }
.col-premiada { background: #fffde7; color: #f57f17; font-size: 16px; border-left: 2px solid #fbc02d !important; }
.col-atraso { background: #fafafa; font-size: 12px; color: #999; }

.bola-stat { 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    width: 30px; 
    height: 30px; 
    color: #fff; 
    border-radius: 50%; 
    font-weight: bold; 
    font-size: 13px;
}

/* Estilo das pílulas de ano */
.pilula-ano {
    display: inline-block; 
    padding: 6px 14px; 
    border: 1px solid #ddd; 
    border-radius: 20px; 
    text-decoration: none !important; 
    font-size: 13px; 
    font-weight: bold; 
    margin: 4px;
    color: #333;
    background: #fff;
    transition: 0.2s;
}
.pilula-ano:hover { filter: brightness(0.9); box-shadow: 0 2px 4px rgba(0,0,0,0.1); }

/*
Theme Name:   RedeLoteria
Theme URI:    https://redeloteria.com.br
Description:  Child theme do GeneratePress para RedeLoteria.com.br
Author:       RedeLoteria
Template:     generatepress
Version:      2.0.0
Text Domain:  redeloteria
*/

/* ============================================================
   1. VARIÁVEIS GLOBAIS — paleta única do site
      Todos os plugins referenciam estas variáveis.
      A cor de acento --rl-acc é definida inline em cada
      componente via style="--rl-acc:#209a47" pois varia
      por jogo.
   ============================================================ */
:root {
    /* Fundo e superfícies */
    --rl-bg:        #f5f6f8;
    --rl-surf:      #ffffff;
    --rl-surf2:     #f0f2f5;
    --rl-surf3:     #eef0f5;   /* fundo de blocos de destaque (nav anos, links afins) */

    /* Bordas */
    --rl-bord:      #e0e3e7;
    --rl-bord2:     #c8cdd5;

    /* Texto */
    --rl-txt:       #1a1f2e;
    --rl-txt2:      #5a6275;
    --rl-txt3:      #8b949e;

    /* Feedback */
    --rl-grn:       #1a7c3e;   /* ganhador / confirmação */
    --rl-grn-bg:    #e8f5ed;
    --rl-red:       #c0392b;   /* acumulado / erro */
    --rl-red-bg:    #fdf0ef;
    --rl-ouro:      #b8860b;   /* sorteio especial */
    --rl-ouro-bg:   #fffbea;

    /* Layout */
    --rl-r:         10px;
    --rl-r-sm:      6px;
    --rl-sombra:    0 2px 12px rgba(0,0,0,.07);
    --rl-sombra2:   0 4px 24px rgba(0,0,0,.10);

    /* Tipografia */
    --rl-fonte:     'Georgia','Times New Roman',serif;
    --rl-fonte-ui:  system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* ============================================================
   2. RESET E BASE DOS PLUGINS
      Aplicado a todos os wrappers via classe .rl-plugin
   ============================================================ */
.rl-plugin *,
.rl-plugin *::before,
.rl-plugin *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.rl-plugin {
    font-family: var(--rl-fonte);
    background:  var(--rl-bg);
    color:       var(--rl-txt);
    border-radius: var(--rl-r);
    overflow:    hidden;
    box-shadow:  var(--rl-sombra);
    margin:      2rem auto;
    max-width:   100%;
}

/* ============================================================
   3. HEADER DOS PLUGINS
   ============================================================ */
.rl-hd {
    background:   var(--rl-surf);
    border-bottom: 3px solid var(--rl-acc, #1a7c3e);
    padding:      1.5rem 1.75rem;
}

.rl-hd h2 {
    font-size:    clamp(1.1rem, 3vw, 1.8rem);
    font-weight:  700;
    color:        var(--rl-acc, #1a7c3e);
    letter-spacing: -.3px;
    line-height:  1.2;
}

.rl-hd h2 span { color: var(--rl-txt); }

.rl-hd .rl-hd-sub {
    font-size:   .82rem;
    font-style:  italic;
    margin-top:  .25rem;
    color:       color-mix(in srgb, var(--rl-acc, #1a7c3e) 65%, var(--rl-txt2));
}

.rl-hd .rl-hd-meta {
    margin-top:  .35rem;
    font-size:   .78rem;
    color:       var(--rl-txt3);
}

.rl-hd .rl-hd-meta strong { color: var(--rl-acc, #1a7c3e); }

/* ============================================================
   4. BADGES DE RESUMO
   ============================================================ */
.rl-badges {
    display:     flex;
    flex-wrap:   wrap;
    gap:         .6rem;
    padding:     1rem 1.75rem;
    border-bottom: 1px solid var(--rl-bord);
    background:  var(--rl-surf);
}

.rl-badge {
    background:  var(--rl-surf2);
    border:      1px solid var(--rl-bord);
    border-radius: var(--rl-r-sm);
    padding:     .45rem .9rem;
    display:     flex;
    flex-direction: column;
    gap:         .1rem;
}

.rl-badge .rl-bl {
    font-size:   .67rem;
    color:       var(--rl-txt3);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.rl-badge .rl-bv {
    font-size:   .92rem;
    font-weight: 700;
    color:       var(--rl-acc, #1a7c3e);
}

/* ============================================================
   5. SEÇÃO DE INTRODUÇÃO / TEXTO SEO
   ============================================================ */
.rl-intro {
    padding:     1rem 1.75rem;
    border-bottom: 1px solid var(--rl-bord);
    font-size:   .88rem;
    line-height: 1.75;
    color:       var(--rl-txt2);
    background:  var(--rl-surf);
}

.rl-intro strong { color: var(--rl-txt); }

.rl-intro .rl-especial-badge {
    display:     inline-flex;
    align-items: center;
    gap:         .3rem;
    background:  linear-gradient(135deg, #b8860b, #ffd700, #b8860b);
    color:       #1a1200;
    font-weight: 700;
    font-size:   .75rem;
    padding:     .2rem .7rem;
    border-radius: 20px;
    margin-left: .35rem;
    vertical-align: middle;
}

/* ============================================================
   6. TOOLBAR (info de página + botão Excel)
   ============================================================ */
.rl-toolbar {
    display:     flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap:   wrap;
    gap:         .75rem;
    padding:     .85rem 1.75rem;
    border-bottom: 1px solid var(--rl-bord);
    background:  var(--rl-surf);
}

.rl-toolbar-info {
    font-size:   .8rem;
    color:       var(--rl-txt3);
}

.rl-toolbar-info strong { color: var(--rl-txt); }

.rl-btn-excel {
    display:     inline-flex;
    align-items: center;
    gap:         .4rem;
    background:  #1d6f42;
    color:       #fff !important;
    border-radius: var(--rl-r-sm);
    padding:     .4rem .9rem;
    font-size:   .78rem;
    font-weight: 700;
    text-decoration: none !important;
    transition:  opacity .15s;
    white-space: nowrap;
    font-family: var(--rl-fonte-ui);
}

.rl-btn-excel:hover { opacity: .85; }

/* ============================================================
   7. BOLAS COLORIDAS
   ============================================================ */
.rl-bola {
    display:     inline-flex;
    align-items: center;
    justify-content: center;
    width:       28px;
    height:      28px;
    border-radius: 50%;
    background:  var(--rl-acc, #1a7c3e);
    color:       #fff;
    font-weight: 700;
    font-size:   .76rem;
    margin:      1px;
    flex-shrink: 0;
    box-shadow:  0 2px 6px rgba(0,0,0,.12);
    font-family: var(--rl-fonte-ui);
}

.rl-bola--lg {
    width:       36px;
    height:      36px;
    font-size:   .88rem;
}

.rl-bola--extra {
    border-radius: 14px;
    min-width:   28px;
    padding:     0 7px;
    background:  color-mix(in srgb, var(--rl-acc, #1a7c3e) 15%, #fff);
    color:       var(--rl-acc, #1a7c3e);
    border:      1px solid color-mix(in srgb, var(--rl-acc, #1a7c3e) 30%, var(--rl-bord));
    box-shadow:  none;
}

.rl-bola--trevo {
    background:  color-mix(in srgb, var(--rl-acc, #1a7c3e) 55%, #fff);
    color:       var(--rl-txt);
}

/* ============================================================
   8. TABELAS
   ============================================================ */
.rl-tw {
    overflow-x:  auto;
    -webkit-overflow-scrolling: touch;
}

.rl-t {
    width:           100%;
    border-collapse: collapse;
    font-size:       .855rem;
    font-family:     var(--rl-fonte-ui);
}

.rl-t thead th {
    background:   var(--rl-surf2);
    color:        var(--rl-acc, #1a7c3e);
    font-size:    .7rem;
    font-weight:  700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding:      .7rem .85rem;
    border-bottom: 2px solid var(--rl-acc, #1a7c3e);
    white-space:  nowrap;
    position:     sticky;
    top:          0;
    z-index:      2;
    text-align:   left;
}

.rl-t thead th.th-c { text-align: center; }
.rl-t thead th.th-r { text-align: right; }

.rl-t tbody tr {
    border-bottom: 1px solid var(--rl-bord);
    transition:   background .1s;
}

.rl-t tbody tr:hover         { background: var(--rl-surf2); }
.rl-t tbody tr:nth-child(even){ background: #fafbfc; }
.rl-t tbody tr:nth-child(even):hover { background: var(--rl-surf2); }
.rl-t tbody tr.tr-sub        { background: #fafbfc; }
.rl-t tbody tr.tr-sub:hover  { background: var(--rl-surf2); }
.rl-t tbody tr.tr-especial   { background: color-mix(in srgb, #ffd700 8%, #fff); }

.rl-t td {
    padding:       .58rem .85rem;
    vertical-align: middle;
}

.rl-t td.td-c { text-align: center; }
.rl-t td.td-r { text-align: right; }

/* Células específicas */
.td-conc {
    font-weight:  700;
    color:        var(--rl-acc, #1a7c3e);
    white-space:  nowrap;
}

.td-data {
    color:        var(--rl-txt3);
    white-space:  nowrap;
    font-size:    .78rem;
}

.td-ganh-sim { color: var(--rl-grn);  font-weight: 700; }
.td-ganh-nao { color: var(--rl-red);  font-size: .75rem; }

.td-rateio {
    font-weight:  600;
    color:        var(--rl-txt);
    white-space:  nowrap;
}

.td-apostas { color: var(--rl-txt3); font-size: .75rem; }

.td-sort {
    display:      inline-block;
    font-size:    .65rem;
    font-weight:  700;
    letter-spacing: .05em;
    padding:      1px 6px;
    border-radius: 4px;
    background:   var(--rl-surf2);
    color:        var(--rl-txt3);
    font-family:  var(--rl-fonte-ui);
}

.td-esp {
    display:      inline-block;
    font-size:    .6rem;
    font-weight:  700;
    background:   #ffd700;
    color:        #1a1200;
    border-radius: 3px;
    padding:      1px 4px;
    margin-left:  3px;
    vertical-align: middle;
}

/* ============================================================
   9. BARRA DE FREQUÊNCIA
   ============================================================ */
.rl-bar-w {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    justify-content: flex-end;
}

.rl-bar-bg {
    width:        72px;
    height:       6px;
    border-radius: 3px;
    background:   var(--rl-surf2);
    flex-shrink:  0;
    overflow:     hidden;
}

.rl-bar-fill {
    height:       100%;
    border-radius: 3px;
    background:   linear-gradient(90deg,
        var(--rl-acc, #1a7c3e),
        color-mix(in srgb, var(--rl-acc, #1a7c3e) 70%, #fff));
}

/* ============================================================
   10. PAGINAÇÃO
   ============================================================ */
.rl-pag {
    display:     flex;
    flex-wrap:   wrap;
    align-items: center;
    justify-content: center;
    gap:         .4rem;
    padding:     1.25rem 1.75rem 0;
    font-family: var(--rl-fonte-ui);
}

.rl-pag a,
.rl-pag span {
    display:     inline-flex;
    align-items: center;
    justify-content: center;
    min-width:   34px;
    height:      34px;
    padding:     0 .5rem;
    border-radius: var(--rl-r-sm);
    font-size:   .8rem;
    font-weight: 600;
    text-decoration: none !important;
    transition:  background .12s;
}

.rl-pag a {
    background:  var(--rl-surf);
    color:       var(--rl-txt) !important;
    border:      1px solid var(--rl-bord);
}

.rl-pag a:hover {
    background:  color-mix(in srgb, var(--rl-acc, #1a7c3e) 8%, var(--rl-surf));
    border-color: var(--rl-acc, #1a7c3e);
}

.rl-pag span.cur {
    background:  var(--rl-acc, #1a7c3e);
    color:       #fff !important;
    border:      1px solid var(--rl-acc, #1a7c3e);
}

.rl-pag span.ret {
    background:  transparent;
    color:       var(--rl-txt3);
    border:      1px solid transparent;
    cursor:      default;
}

/* ============================================================
   11. NAVEGAÇÃO ENTRE ANOS
   ============================================================ */
.rl-nav-anos {
    padding:      .9rem 1.75rem;
    border-bottom: 1px solid var(--rl-bord);
    background:   var(--rl-surf3);
    font-family:  var(--rl-fonte-ui);
}

.rl-nav-anos__label {
    font-size:    .67rem;
    font-weight:  700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color:        var(--rl-txt3);
    margin:       0 0 .6rem;
    display:      flex;
    align-items:  center;
    gap:          .4rem;
}

.rl-nav-anos__label::after {
    content:      '';
    flex:         1;
    height:       1px;
    background:   linear-gradient(90deg, var(--rl-bord2), transparent);
}

.rl-anos-lista {
    display:      flex;
    flex-wrap:    wrap;
    gap:          .35rem;
}

.rl-ano-link {
    display:      inline-flex;
    align-items:  center;
    justify-content: center;
    background:   #fff;
    border:       1px solid var(--rl-bord2);
    border-radius: var(--rl-r-sm);
    padding:      .28rem .75rem;
    font-size:    .78rem;
    font-weight:  600;
    color:        var(--rl-txt2) !important;
    text-decoration: none !important;
    transition:   border-color .15s, color .15s, background .15s;
    min-width:    52px;
}

.rl-ano-link:hover {
    border-color: var(--rl-acc, #1a7c3e);
    color:        var(--rl-acc, #1a7c3e) !important;
    background:   color-mix(in srgb, var(--rl-acc, #1a7c3e) 5%, #fff);
}

.rl-ano-link--atual {
    background:   var(--rl-acc, #1a7c3e);
    color:        #fff !important;
    border-color: var(--rl-acc, #1a7c3e);
    pointer-events: none;
}

/* ============================================================
   12. PÍLULAS DE LINKS (Veja Também / Links Afins)
   ============================================================ */
.rl-pilulas-wrap {
    background:   var(--rl-surf3);
    border:       1px solid var(--rl-bord2);
    border-left:  4px solid var(--rl-acc, #1a7c3e);
    border-radius: 0 var(--rl-r) var(--rl-r) 0;
    padding:      1rem 1.25rem;
    margin:       1.5rem 1.75rem 0;
    font-family:  var(--rl-fonte-ui);
    box-shadow:   0 1px 6px rgba(0,0,0,.06);
}

.rl-pilulas-titulo {
    font-size:    .67rem;
    font-weight:  700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color:        #6b7280;
    margin:       0 0 .7rem;
    display:      flex;
    align-items:  center;
    gap:          .4rem;
}

.rl-pilulas-titulo::after {
    content:      '';
    flex:         1;
    height:       1px;
    background:   linear-gradient(90deg, var(--rl-bord2), transparent);
}

.rl-pilulas {
    display:      flex;
    flex-wrap:    wrap;
    gap:          .4rem;
}

.rl-pilula {
    display:      inline-flex;
    align-items:  center;
    background:   #fff;
    border:       1px solid var(--rl-bord2);
    border-radius: 20px;
    padding:      .3rem .85rem;
    font-size:    .76rem;
    color:        var(--rl-txt) !important;
    text-decoration: none !important;
    transition:   border-color .18s, color .18s, background .18s, box-shadow .18s;
    white-space:  nowrap;
    line-height:  1.4;
    box-shadow:   0 1px 3px rgba(0,0,0,.05);
}

.rl-pilula:hover {
    border-color: var(--rl-acc, #1a7c3e);
    color:        var(--rl-acc, #1a7c3e) !important;
    background:   color-mix(in srgb, var(--rl-acc, #1a7c3e) 6%, #fff);
    box-shadow:   0 2px 6px rgba(0,0,0,.1);
}

/* ============================================================
   13. SEÇÃO DE TÍTULO (separador interno)
   ============================================================ */
.rl-sec-titulo {
    font-size:    .7rem;
    font-weight:  700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color:        var(--rl-txt3);
    margin-bottom: 1rem;
    display:      flex;
    align-items:  center;
    gap:          .5rem;
    font-family:  var(--rl-fonte-ui);
}

.rl-sec-titulo::after {
    content:      '';
    flex:         1;
    height:       1px;
    background:   var(--rl-bord);
}

/* ============================================================
   14. FOOTER DOS PLUGINS
   ============================================================ */
.rl-ft {
    padding:      .85rem 1.75rem 0;
    font-size:    .72rem;
    color:        var(--rl-txt3);
    border-top:   1px solid var(--rl-bord);
    margin-top:   1.25rem;
    line-height:  1.6;
    background:   var(--rl-surf);
    font-family:  var(--rl-fonte-ui);
}

/* ============================================================
   15. CARDS DE ESTATÍSTICAS (ex: total distribuído, concursos)
   ============================================================ */
.rl-stats {
    display:      flex;
    flex-wrap:    wrap;
    gap:          .75rem;
}

.rl-stat {
    background:   var(--rl-surf);
    border:       1px solid var(--rl-bord);
    border-radius: var(--rl-r-sm);
    padding:      .65rem 1rem;
    display:      flex;
    flex-direction: column;
    gap:          .15rem;
    flex:         1;
    min-width:    140px;
    font-family:  var(--rl-fonte-ui);
}

.rl-stat__label {
    font-size:    .67rem;
    color:        var(--rl-txt3);
    text-transform: uppercase;
    letter-spacing: .07em;
}

.rl-stat__val {
    font-size:    1.1rem;
    font-weight:  700;
    color:        var(--rl-acc, #1a7c3e);
}

/* ============================================================
   16. BADGES DE STATUS (ganhador / acumulado / especial)
   ============================================================ */
.rl-status-badge {
    display:      inline-flex;
    align-items:  center;
    gap:          .4rem;
    padding:      .4rem 1rem;
    border-radius: 20px;
    font-size:    .82rem;
    font-weight:  700;
    font-family:  var(--rl-fonte-ui);
}

.rl-status-badge--ok {
    background:   var(--rl-grn-bg);
    color:        var(--rl-grn);
    border:       1px solid color-mix(in srgb, var(--rl-grn) 25%, transparent);
}

.rl-status-badge--acum {
    background:   var(--rl-red-bg);
    color:        var(--rl-red);
    border:       1px solid color-mix(in srgb, var(--rl-red) 25%, transparent);
}

.rl-status-badge--especial {
    background:   linear-gradient(135deg, #b8860b, #ffd700, #b8860b);
    color:        #1a1200;
    border:       none;
    box-shadow:   0 2px 8px rgba(255,215,0,.3);
}

.rl-status-badge--prox {
    background:   var(--rl-surf2);
    color:        var(--rl-acc, #1a7c3e);
    border:       1px solid var(--rl-bord);
}

/* ============================================================
   17. PRÓXIMO CONCURSO
   ============================================================ */
.rl-proximo {
    background:   color-mix(in srgb, var(--rl-acc, #1a7c3e) 6%, var(--rl-surf));
    border:       1px solid color-mix(in srgb, var(--rl-acc, #1a7c3e) 20%, var(--rl-bord));
    border-radius: var(--rl-r-sm);
    padding:      1rem 1.25rem;
    display:      flex;
    align-items:  center;
    justify-content: space-between;
    flex-wrap:    wrap;
    gap:          .75rem;
    font-family:  var(--rl-fonte-ui);
}

.rl-proximo__titulo {
    font-size:    1.05rem;
    font-weight:  700;
    color:        var(--rl-acc, #1a7c3e);
    display:      block;
    margin-bottom: .2rem;
}

.rl-proximo__est {
    font-size:    .82rem;
    color:        var(--rl-txt3);
    margin-top:   .25rem;
}

.rl-proximo__est strong { color: var(--rl-grn); }

/* ============================================================
   18. CIDADES PREMIADAS (grid)
   ============================================================ */
.rl-cidades-grid {
    display:      grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap:          .5rem;
}

.rl-cidade {
    background:   var(--rl-surf);
    border:       1px solid var(--rl-bord);
    border-radius: var(--rl-r-sm);
    padding:      .5rem .75rem;
    font-size:    .82rem;
    font-family:  var(--rl-fonte-ui);
}

.rl-cidade strong {
    color:        var(--rl-acc, #1a7c3e);
    display:      block;
    font-size:    .92rem;
}

.rl-cidade span { color: var(--rl-txt3); font-size: .75rem; }

/* ============================================================
   19. TAG UF (estado) — usada nas tabelas de cidades
   ============================================================ */
.rl-uf {
    display:      inline-block;
    margin-left:  .4rem;
    font-size:    .68rem;
    font-weight:  700;
    letter-spacing: .08em;
    background:   color-mix(in srgb, var(--rl-acc, #1a7c3e) 10%, #fff);
    color:        var(--rl-acc, #1a7c3e);
    border:       1px solid color-mix(in srgb, var(--rl-acc, #1a7c3e) 25%, var(--rl-bord));
    border-radius: 4px;
    padding:      1px 5px;
    vertical-align: middle;
    font-family:  var(--rl-fonte-ui);
}

/* ============================================================
   20. MEDALHAS TOP 3
   ============================================================ */
.rl-medal-g { color: #b8860b; font-size: 1.1rem; }
.rl-medal-s { color: #808080; font-size: 1.1rem; }
.rl-medal-b { color: #8B4513; font-size: 1.1rem; }
.rl-pos-num { color: var(--rl-txt3); font-size: .82rem; font-family: var(--rl-fonte-ui); }

/* ============================================================
   21. RESPONSIVO GLOBAL
   ============================================================ */
@media (max-width: 640px) {
    .rl-plugin       { border-radius: 0; margin: 1rem 0; }
    .rl-hd           { padding: 1.1rem 1rem; }
    .rl-badges       { padding: .75rem 1rem; }
    .rl-intro        { padding: .85rem 1rem; }
    .rl-toolbar      { flex-direction: column; align-items: flex-start; padding: .75rem 1rem; }
    .rl-nav-anos     { padding: .75rem 1rem; }
    .rl-pilulas-wrap { margin: 1rem 1rem 0; }
    .rl-pag          { padding: 1rem 1rem 0; }
    .rl-ft           { padding: .75rem 1rem 0; }

    .rl-t            { font-size: .76rem; }
    .rl-t td,
    .rl-t th         { padding: .45rem .4rem; }

    .rl-bola         { width: 24px; height: 24px; font-size: .68rem; }
    .rl-bola--lg     { width: 30px; height: 30px; font-size: .78rem; }
    .rl-bar-bg       { display: none; }
}

@media (max-width: 480px) {
    .rl-cidades-grid { grid-template-columns: 1fr; }
    .rl-stats        { flex-direction: column; }
}

/* ============================================================
   22. AJUSTES GENERATEPRESS
      Mantidos da v1 do child theme
   ============================================================ */
.generate-columns-container { max-width: 1200px; }
.inside-article              { padding: 0; }
.separate-containers .inside-article { padding: 0; }
.nav-float-right .main-navigation    { margin-left: auto; }

/* ============================================================
   23. HEADER / NAV / FOOTER DO SITE
      (mantidos da v1 — não alterar)
   ============================================================ */
:root {
    --rl-verde:      #1a7c3e;
    --rl-verde-esc:  #125c2d;
    --rl-verde-cla:  #e8f5ed;
    --rl-ouro-site:  #f0c030;
    --rl-cinza-bg:   #f5f6f8;
    --rl-cinza-bord: #e0e3e7;
    --rl-fonte-body: system-ui,-apple-system,'Segoe UI',sans-serif;
}

body {
    font-family:      var(--rl-fonte-body);
    background-color: var(--rl-cinza-bg);
    color:            var(--rl-txt);
    margin:           0;
    -webkit-font-smoothing: antialiased;
}

/* (restante do CSS do site — header, nav, footer — mantido da v1) */