/******************************
  CSS_2026.css
  Estilos do layout 2026 — Thomson Reuters Roadmap.
  Compartilhável entre múltiplas páginas do site 2026.
  NÃO afeta páginas que não incluírem este arquivo.

  Paleta TR oficial:
    TR Orange      #D64000  (Signature)
    TR Bold Navy   #011B35  (Foundational)
    TR White       #FFFFFF  (Utility)
    TR Graphite    #212223  (Utility)
    TR Gray 1      #F8EADD  (Utility — bg sutil)
    TR Gray 2      #E5E5E5  (Utility — divisores)
    TR Gray 3      #9F9F9F  (Utility — inativo)
    TR Gray 4      #7A7A7A  (Utility — subtexto)
    TR Light Amber #F8EADD  (Secondary — hover)
    TR Dark Amber  #D4792A  (Secondary — borda badge)
  *****************************/

/* ── Nav principal: Bold Navy + borda laranja ── */
nav:not(.segundonav) {
  background: #011B35 !important;
  box-shadow: none !important;
  border-bottom: 4px solid #D64000 !important;
}

/* ── Segunda nav: branco puro ── */
nav.segundonav {
  background: #FFFFFF !important;
  box-shadow: none !important;
  border-bottom: none !important;
}
nav.segundonav .nav-wrapper,
nav.segundonav a:not(.rm-btn),
nav.segundonav div {
  color: #212223 !important;
}

/* ── Botões próprios (sem Materialize) ── */
.rm-btn {
  display: inline-block;
  font-family: 'Clario', sans-serif;
  font-size: .85rem;
  font-weight: 500;
  text-decoration: none;
  padding: 0 1.4rem;
  height: 36px;
  line-height: 36px;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  transition: filter .15s ease;
  vertical-align: middle;
}
.rm-btn:hover  { filter: brightness(0.88); }
.rm-btn:active { filter: brightness(0.78); }
.rm-btn:focus  { outline: none; filter: brightness(0.88); }

.rm-btn-cinza {
  background: #9F9F9F;
  color: #FFFFFF !important;
}
.rm-btn-laranja {
  background: #D64000;
  color: #FFFFFF !important;
}

/* ── Títulos e intro ── */
#conteudo h1 {
  font-family: 'Clario', sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  color: #011B35;
  margin: 0 0 .4rem;
}
#conteudo .intro {
  font-family: 'Clario', sans-serif;
  font-size: .95rem;
  color: #000000;
  margin-bottom: 2rem;
  line-height: 1.6;
}
#conteudo .intro b {
  font-weight: 500;
  color: #011B35;
}

/* ── Bloco por produto ── */
.rm-product {
  border: 1px solid #F8EADD;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 2rem;
  background: #FFFFFF;
}

/* Cabeçalho do produto */
.rm-product-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: .85rem 1.25rem;
  background: #F8EADD !important;
  border-bottom: 1px solid #F8EADD;
}
.rm-product-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #D64000;
  flex-shrink: 0;
}
.rm-product-name {
  font-family: 'Clario', sans-serif;
  font-size: .95rem;
  font-weight: 500;
  color: #011B35;
}

/* Abas dos quarters */
.rm-tabs {
  display: flex;
  border-bottom: 1px solid #F8EADD;
  background: #FFFFFF;
  padding: .3rem .5rem 0;
  gap: .15rem;
  align-items: center;
}
.rm-tab {
  font-family: 'Clario', sans-serif;
  padding: .35rem 1.1rem;
  font-size: .82rem;
  font-weight: 400;
  color: #9F9F9F;
  cursor: pointer;
  border: none;
  background: transparent;
  border-radius: 999px;
  margin-bottom: .3rem;
  transition: color .15s, background .15s;
}
.rm-tab:hover  { color: #011B35; background: #F8EADD; }
.rm-tab:focus  { outline: none; }
.rm-tab:active { outline: none; }
.rm-tab.rm-active {
  color: #FFFFFF;
  background: #011B35;
  font-weight: 500;
}

/* Conteúdo das abas */
.rm-tab-content           { display: none; padding: 1.25rem 1.25rem 1rem; }
.rm-tab-content.rm-active { display: block; }

/* Grupo por mês */
.rm-month { margin-bottom: 1.1rem; }
.rm-month-label {
  font-family: 'Clario', sans-serif;
  font-size: .72rem;
  font-weight: 500;
  color: #9F9F9F;
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-bottom: .45rem;
  padding-bottom: .3rem;
  border-bottom: 1px solid #F8EADD;
}

/* Cards de item */
.rm-item {
  font-family: 'Clario', sans-serif;
  padding: .55rem .8rem;
  border-radius: 7px;
  font-size: .875rem;
  color: #000000;
  line-height: 1.55;
  margin-bottom: .35rem;
  background: transparent;
  border: none;
  border-left: none;
  transition: border-color .15s, background .15s;
}
.rm-item:hover {
  border-left-color: transparent;
  background: transparent;
}
.rm-item b       { font-weight: 500; color: #011B35; }
.rm-item .rm-sub { font-family: 'Clario', sans-serif; color: #7A7A7A; font-size: .82rem; margin-top: .2rem; }

/* Badge "Liberada" */
.rm-badge {
  font-family: 'Clario', sans-serif;
  display: inline-block;
  font-size: .7rem;
  padding: 1px 7px;
  border-radius: 4px;
  background: #F8EADD;
  color: #D64000;
  border: 1px solid #D4792A;
  margin-left: 6px;
  vertical-align: middle;
  font-weight: 500;
}

/* Estado vazio */
.rm-empty {
  font-family: 'Clario', sans-serif;
  color: #9F9F9F;
  font-size: .85rem;
  font-style: italic;
  padding: .25rem 0;
}

/* Nota de rodapé do bloco */
.rm-note {
  font-family: 'Clario', sans-serif;
  font-size: .8rem;
  color: #7A7A7A;
  padding: .65rem .9rem;
  background: #F8EADD;
  border-radius: 7px;
  border-left: 2px solid #D64000;
  margin-top: .75rem;
  line-height: 1.55;
}