/* ==========================================================================
   Tema Consort — identidade visual aplicada a uma página nova (dados/paginas.json → _novas.<slug>.tema = "consort").
   Carregado DEPOIS do system.css e do page-*.css do modelo, só em <body data-tema="consort">: troca os tokens
   (cores e tipografia) e os poucos azuis do InvestPro escritos direto no CSS. A estrutura das seções é a do modelo.

   Manual da marca (IDV CONSORT):
     Patrimônio · primária    #16213D
     Crescimento · complemento #AD9367
     Lastro · neutra          #F3FDFF
     Tipografia: Inter (Regular, Medium, SemiBold) — assets/tema/consort/inter-var.woff2 (SIL OFL, Inter-OFL.txt)

   Contraste (WCAG): dourado #AD9367 sobre o azul 5,4:1 (texto ok) e sobre branco 2,9:1 (só fundo/fio/ícone);
   texto dourado sobre claro usa #7A6340 (5,7:1) e destaque grande de título #8C7350 (4,5:1);
   botão dourado leva texto azul #16213D (5,4:1), nunca branco.
   ========================================================================== */

@font-face {
  font-family: 'Inter Consort';
  src: url('inter-var.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body[data-tema="consort"] {
  /* azuis do InvestPro → azul Patrimônio */
  --navy:        #16213D;
  --navy-deep:   #0F172C;
  --navy-soft:   #1F2D50;
  /* acento (era o azul #0072CE) → dourado Crescimento */
  --blue:        #AD9367;
  --blue-hover:  #BCA47A;
  --blue-soft:   rgba(173, 147, 103, 0.14);
  --silver:      #D9DEE3;
  --gold:        #AD9367;
  --gold-bright: #C9B48E;   /* texto pequeno sobre o azul: 7,9:1 */
  --gold-text:   #7A6340;   /* texto sobre branco/Lastro: 5,7:1 */
  --gold-soft:   rgba(173, 147, 103, 0.14);
  --gold-line:   rgba(173, 147, 103, 0.60);
  --link-on-dark: #C9B48E;
  /* neutros: Lastro no lugar do cinza frio */
  --bg:          #ffffff;
  --off:         #F3FDFF;
  --surface:     #F3FDFF;
  --surface-2:   #E4EEF2;
  --ink:         #16213D;
  --ink-strong:  #16213D;
  --muted:       #4F5872;   /* 7,0:1 em #fff */
  --muted-2:     #5E6680;   /* 5,8:1 em #fff */
  --border:      #D5DEE4;
  --border-2:    #E8EEF1;
  /* destaque dos títulos (o itálico do InvestPro vira cor, como no manual: "Multiplicar resultados.") */
  --tema-destaque: #8C7350;
  /* tipografia */
  --font-display: 'Inter Consort', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body:    'Inter Consort', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-title:   'Inter Consort', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-accent:  'Inter Consort', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'Inter Consort', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-family: var(--font-body);
  font-feature-settings: 'cv11', 'ss01';
}

/* O manual usa só Regular, Medium e SemiBold: negrito vira SemiBold. */
body[data-tema="consort"] :is(b, strong, h1, h2, h3, h4, h5, h6) { font-weight: 600; }
/* O tracking negativo do InvestPro foi calibrado para a Gotham (larga); na Inter ele aperta demais. */
body[data-tema="consort"] :is(h1, h2, h3, .hero-foot-stat .v, .statistics_number, .carta_credit-value) { letter-spacing: -0.015em; }

/* Destaque editorial dos títulos: sem itálico, na cor Crescimento */
body[data-tema="consort"] :is(.italic, .slogan-line, .about_stat-to em, .about_body .lead-title em,
  .services_frame-title em, .sellers_visual-quote em, .cta_heading em, h1 em, h2 em, h3 em) {
  font-style: normal;
  font-weight: inherit;
  color: var(--tema-destaque);
}

/* Sobre fundo escuro (azul ou foto escurecida) o destaque usa o dourado do manual: 5,4:1 sobre #16213D */
body[data-tema="consort"] :is(.section_hero, .section_transf, .cartas_form-col, .review_card.bg-tertiary, .footer_bg,
  .navbar, .nav-drawer) { --tema-destaque: #AD9367; }

/* ---- botões: dourado com texto azul (branco sobre o dourado não passa no contraste) ---- */
body[data-tema="consort"] ::selection { background: var(--blue); color: var(--navy); }
body[data-tema="consort"] .skip-link { color: var(--navy); }
body[data-tema="consort"] .button:hover { color: var(--navy); }
body[data-tema="consort"] .button.is-secondary,
body[data-tema="consort"] .button.is-secondary[type="submit"],
body[data-tema="consort"] .cta-main.light-cta:hover { color: var(--navy); }
body[data-tema="consort"] .nav_buttons-wrap .button.is-secondary { box-shadow: 0 10px 28px -14px rgba(173, 147, 103, 0.65); }
body[data-tema="consort"] .nav_buttons-wrap .button.is-secondary:hover { box-shadow: 0 14px 32px -12px rgba(173, 147, 103, 0.8); }
body[data-tema="consort"] :is(.p-cell.is-ip .p-icon, .vs-new .vs-ico, .review_card.bg-tertiary .image_user) { color: var(--navy); }

/* ---- azuis escritos direto no CSS do InvestPro ---- */
body[data-tema="consort"] .rule-gold { background: linear-gradient(90deg, var(--gold) 0%, rgba(173, 147, 103, 0) 100%); }
body[data-tema="consort"] .nav_links.is-active { background: rgba(173, 147, 103, 0.20); }
body[data-tema="consort"] :is(.drawer-acc_trigger:hover, .drawer_link:hover .drawer_go, .drawer-meta a:hover,
  .drawer-acc.is-open .drawer-acc_trigger, .nav-drawer .drawer-acc_panel a:hover) { color: var(--gold-bright); }
body[data-tema="consort"] .logo-tile:hover { border-color: rgba(173, 147, 103, 0.55); }
body[data-tema="consort"] .logo-tile.is-self { border-color: rgba(173, 147, 103, 0.45); background: rgba(173, 147, 103, 0.15); }
body[data-tema="consort"] .logo-tile.is-self:hover { background: rgba(173, 147, 103, 0.22); }
body[data-tema="consort"] :is(.services_frame-list li::before, .contact_points li::before) {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A6340' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
}
body[data-tema="consort"] .p-cell.is-ip { background: linear-gradient(180deg, rgba(173, 147, 103, 0.17), rgba(173, 147, 103, 0.10)); }
body[data-tema="consort"] .p-cell.is-ip .p-icon { box-shadow: 0 0 0 4px rgba(173, 147, 103, 0.18); }
body[data-tema="consort"] .p-cell.is-ip strong { color: var(--gold-bright); }
body[data-tema="consort"] .timeline4_step:last-child::after { box-shadow: 0 0 0 5px var(--blue-soft), 0 0 18px rgba(173, 147, 103, 0.45); }
body[data-tema="consort"] .trust-seal.is-on-dark .trust-seal_icon { background: rgba(173, 147, 103, 0.18); }

/* rodapé: o degradê azul-claro do InvestPro vira Lastro → dourado suave */
body[data-tema="consort"] .footer { background: linear-gradient(180deg, var(--bg) 0%, #EEF4F3 45%, #D8C7A6 100%); }

/* ---- LP Cartas Contempladas (page-lp-contempladas.css) ---- */
body[data-tema="consort"] .carta_badge { background: rgba(173, 147, 103, 0.14); color: var(--gold-text); }
body[data-tema="consort"] .vs-new { background: rgba(173, 147, 103, 0.08); border-color: rgba(173, 147, 103, 0.30); }
body[data-tema="consort"] .vs-old .vs-ico { background: rgba(22, 33, 61, 0.06); }
body[data-tema="consort"] .ctl_trust svg { color: var(--gold-bright); }

/* Inter é mais larga que a Gotham neste corpo: o slogan do rodapé ganha largura para caber numa linha no desktop */
body[data-tema="consort"] .ftop_main { max-width: 560px; }
body[data-tema="consort"] .ftop_heading { letter-spacing: -0.015em; }

/* Menu: logo duplo Consort · InvestPro (logo-consort-investpro.svg, proporção 8,2:1). No desktop a altura é a do site
   (40px, 34px rolado = 327px/279px); no celular diminui para caber ao lado do botão do menu. */
@media (min-width: 992px) and (max-width: 1439px) {
  /* o logo duplo é ~130px mais largo que o do InvestPro: aqui o menu completo não cabe sem espremer o logo,
     então vale o menu do celular (botão ☰ + gaveta, mesmo script do site), mantendo o botão de ação */
  body[data-tema="consort"] .nav_wrap { display: none; }
  body[data-tema="consort"] .menu-button { display: inline-flex; }
  body[data-tema="consort"] .navbar_content { grid-template-columns: 1fr auto; }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  /* menu completo: logo um pouco menor e itens sem quebrar linha */
  body[data-tema="consort"] .navbar_logo { height: 30px; }
  body[data-tema="consort"] .navbar.is-scrolled .navbar_logo { height: 28px; }
  body[data-tema="consort"] .nav_links { white-space: nowrap; }
  body[data-tema="consort"] .nav_chevron { flex: none; min-width: 12px; }
}
@media (max-width: 767px) {
  body[data-tema="consort"] .navbar_logo { height: 28px; }
  body[data-tema="consort"] .navbar.is-scrolled .navbar_logo { height: 26px; }
}
@media (max-width: 359px) {
  body[data-tema="consort"] .navbar_logo,
  body[data-tema="consort"] .navbar.is-scrolled .navbar_logo { height: 24px; }
}