/* ==========================================================================
   S26 站点皮肤 · 令牌语义重映射层（必须在 modules.css 之后加载）
   依据：01_站点身份与占位符/site-identity.json + 第三包S26 官方文档
     · 语言 pt-BR ｜ 区域 Brasil — Nordeste + Rio de Janeiro
       （RJ / BA / CE / RN / PE / AL / MA 七州，7 个目标城市）
     · 行业 Petróleo & Gás（pré-sal、Petrobras、ANP、FPSO）/
       Mineração（Vale、laudo geológico、barragem）/ Energia（ONS、Eletrobras、
       NR-10/12/13/33/37、eólica & solar）/ Offshore & Marítimo / Ambiental（EIA-RIMA）
     · 主题色 brand primary #0f4c81（藏蓝）→ 组件库 --navy-* 同位重映射
     · 强调色 brand accent  #d97706（琥珀）→ 组件库 --gold-* 同位重映射
       —— #d97706 白底仅 3.19:1，**不可**作正文/实底 CTA（实测）→
          文字档取 amber-800 #92400e（白底 7.09:1）
          实底 CTA 取 amber-700 #b45309（白字 5.02:1）
   对比度实测（WCAG 2.1 相对亮度法，脚本 _s26_contrast.py）：
     #06243c on white = 15.84:1 ✓ ｜ white on #06243c = 15.84:1 ✓
     #0c2d48 on white = 14.15:1 ✓ ｜ white on #0c2d48 = 14.15:1 ✓
     #0f4c81 on white =  8.86:1 ✓ ｜ white on #0f4c81 =  8.86:1 ✓
     #92400e on white =  7.09:1 ✓ ｜ white on #b45309 =  5.02:1 ✓
     #d6e6f5 on #0c2d48 = 11.11:1 ✓ ｜ #fcd34d on #0f4c81 = 6.14:1 ✓
     #0c2d48 on #fef3c7 = 12.70:1 ✓ ｜ #0c2d48 on #f0f4f8 = 12.80:1 ✓
   换肤只改这一处 —— 51 个组件零改动复用，站内差异只来自配色令牌。
   ========================================================================== */
:root{
  --navy-900:#06243c;   /* 深底渐变起点（白字 15.84:1） */
  --navy-800:#0c2d48;   /* 主色深档＝site-identity.dark_navy：头部/深底区块（白字 14.15:1） */
  --navy-700:#0f4c81;   /* ← 主色 brand primary：链接/标题（白底 8.86:1） */
  --navy-500:#2f7bbf;   /* 强调描边 / hover（白底 4.46:1，仅用于非文字描边） */
  --navy-100:#d6e6f5;   /* 深底上的正文色（#0c2d48 上 11.11:1） */
  --navy-50:#f0f4f8;    /* 浅色交替区块底＝site-identity.light_bg */

  /* 强调色：gold 名下实为「品牌强调」角色。实底 CTA 用 amber-700 #b45309 + 白字
     （5.02:1）；amber-300 承担描边/图标/深底强调（与 brand accent #d97706 同族）。 */
  --gold-600:#92400e;   /* 文字档（白底 7.09:1）/ 实底 hover（amber-800） */
  --gold-500:#b45309;   /* 实底 CTA 底（配 .btn-gold 白字 5.02:1）（amber-700） */
  --gold-300:#fcd34d;   /* 深底上的强调（amber-300；#0c2d48 上 9.81:1） */
  --gold-50:#fef3c7;    /* 浅强调底（#0c2d48 上 12.70:1） */

  /* 强调**文字**档：库用 --gold-ink 承载 --accent-ink（kicker / .more / .res /
     .arr / .yr / 认证标记）。S23 皮肤漏改此项 → 强调文字仍是组件库默认橄榄金
     #7f6213，与本站琥珀品牌色分叉；S26 在此一并收编（白底 7.09:1）。
     深色表面由库内声明 --accent-ink:var(--gold-300) 自动翻到 --gold-300。 */
  --gold-ink:#92400e;

  --border:#cfdcea;     /* 藏蓝灰边框，跟随主色 */
  --surface:#fff;

  --shadow-sm:0 1px 2px rgba(6,36,60,.06);
  --shadow:0 4px 14px rgba(6,36,60,.08);
  --shadow-lg:0 14px 34px rgba(6,36,60,.14);
  --shadow-gold:0 4px 14px rgba(180,83,9,.26);

  /* assets/img 为空时的降级块底色，跟随藏蓝系 */
  --ph-tint:#e8eef5;
}

/* 实底 CTA：amber-700 底 + 白字（#b45309 上白字 5.02:1；库默认深字只有 ~3.3:1） */
.btn-gold{ color:#fff; }
.btn-gold:hover{ background:#92400e; color:#fff; }

/* 降级块在藏蓝系皮肤下的底色 */
.img-ph{
  background:
    linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,0) 58%),
    repeating-linear-gradient(45deg, rgba(15,76,129,.045) 0 9px, rgba(15,76,129,0) 9px 18px),
    var(--ph-tint);
}

/* --------------------------------------------------------------------------
   组件库内「写死的 S02 藏蓝/金值」（不走令牌）—— 皮肤层逐点收编。
   来源：2026-09-16 对 modules.css 全量色值扫描（同 S08/S11/S14/S23 方法）。
   注意：`.m-cert .ic / .m-quote .q-mark / .m-toc / .m-rel .arr / .m-tl .yr`
   已走 var(--accent-ink)，由上面的 --gold-ink 改写统一收编，此处不再重复声明。
   -------------------------------------------------------------------------- */

/* 01/01 Hero 基类：原 linear-gradient(#061a33,#0a2547,#0f3460) → S26 藏蓝阶 */
.m-hero{ background:linear-gradient(135deg,#06243c,#0c2d48 60%,#0f4c81); }
.m-hero::after{ background:radial-gradient(circle,rgba(217,119,6,.22),transparent 68%); }
.m-hero .lead{ color:#d6e6f5; }        /* 原蓝白 #d6e4f5 → navy-100 */

/* 08/01 Header 变体 B（全站头部）：原 rgba(6,26,51,.97)/rgba(10,37,71,.94) */
.m-hdr[data-v="b"]{
  background:linear-gradient(180deg,rgba(6,36,60,.97),rgba(12,45,72,.94));
  border-bottom-color:rgba(217,119,6,.35);
}

/* 图标底衬（全库共用 .ic-box） */
.ic-box{ background:rgba(217,119,6,.12); }

/* 01/08 数据统计（深底卡）：标签文字原蓝白 */
.m-stats .l{ color:#d6e6f5; }

/* 01/05 信任标识变体 C（深底徽章） */
.m-trust[data-v="c"] .badge{ background:var(--navy-800); border-color:rgba(217,119,6,.4); color:#fff; }

/* 02/05 定制项 hover 图标底 */
.m-feat .card:hover .ic-box{ background:rgba(217,119,6,.2); }

/* 02/07 + 06/01 表单聚焦环（两处同选择器） */
.fld input:focus,.fld select:focus,.fld textarea:focus{
  border-color:var(--gold-500); box-shadow:0 0 0 3px rgba(217,119,6,.15); }

/* 03/02 功能清单对比 高亮列 */
.m-cmp .hot{ background:rgba(217,119,6,.10); }

/* 09/02 产品对比 高亮列（保留左右描边） */
.m-pcmp .hot{ background:rgba(217,119,6,.10);
  border-left:2px solid var(--gold-500); border-right:2px solid var(--gold-500); }

/* 03/03 演示块播放钮 */
.m-demo .play span{ background:rgba(6,36,60,.82); }

/* 07/02 资源下载锁（浅金圆底 + 深金图标由令牌承担） */
.m-gate .lock{ background:rgba(217,119,6,.12); color:var(--gold-600); }

/* 08/04 弹窗遮罩 */
.m-modal{ background:rgba(6,36,60,.6); }

/* 深底描边按钮兜底：rgba(15,52,96,*) → navy-800 系 */
.m-hero[data-v="b"] .btn-line-w,.m-cta[data-v="b"] .btn-line-w,.m-hdr[data-v="c"] .btn-line-w,
.m-stats[data-v="b"] .btn-line-w,.m-feat[data-v="c"] .btn-line-w{
  color:var(--navy-700); border-color:rgba(12,45,72,.35); }
.m-hero[data-v="b"] .btn-line-w:hover,.m-cta[data-v="b"] .btn-line-w:hover{
  background:rgba(12,45,72,.07); color:var(--navy-700); }

/* 05/03 色板卡半格：原 #c9a227 金 / #0f3460 藏蓝 */
.m-sop .swatch.a{ background:linear-gradient(135deg,#faf7f0 50%,#b45309 50%); }
.m-sop .swatch.c{ background:linear-gradient(135deg,#f5f4f1 50%,#0c2d48 50%); }

/* 03/04 倒计时数字块（库内 §54.15 二次声明写死 rgba(10,37,71,.55) + 金描边）。
   —— 本站 03/04 属禁渲染组件（制造紧迫感，交底禁止词），此条为完整性收编，
      实际不产生渲染；保留可避免「换肤清单漏项」在下一次扫描中报异。 */
.m-count .u b{ background:rgba(8,38,66,.55); border:1px solid rgba(217,119,6,.35); }

/* ===== S26 补齐模块（BR navy+amber） ===== */
.m26-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.m26-metric{border:1px solid var(--border,#cfdcea);border-top:3px solid #b45309;background:#fff;padding:20px;text-align:center}
.m26-metric .n{font-size:30px;font-weight:800;color:#0f4c81;line-height:1.1}
.m26-metric .l{font-size:13px;color:#64748b;margin-top:6px}
.m26-quote{border-left:4px solid #b45309;background:#0c2d48;color:#e5eef7;padding:28px;border-radius:12px;max-width:860px;margin:0 auto}
.m26-quote .q{font-size:20px;line-height:1.6;font-style:italic}
.m26-quote .a{display:flex;align-items:center;gap:14px;margin-top:18px}
.m26-quote .ava{width:52px;height:52px;border-radius:50%;background:#fcd34d;color:#06243c;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}
.m26-quote .nm{font-weight:700}
.m26-quote .rl{font-size:13px;color:#9db9d6}
.m26-rev{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.m26-rev .rv{border:1px solid var(--border,#cfdcea);border-top:3px solid #b45309;background:#fff;padding:20px;border-radius:10px}
.m26-rev .hd{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.m26-rev .ava{width:46px;height:46px;border-radius:50%;background:#0f4c81;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.m26-rev .st{color:#d97706;font-size:15px;letter-spacing:1px}
.m26-rev p{color:#475569;font-size:13.5px;line-height:1.6;margin:0}
.m26-lc{position:fixed;left:22px;bottom:26px;z-index:900;display:flex;flex-direction:column;gap:10px}
.m26-lc-btn{width:54px;height:54px;border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.m26-wa{background:#25d366}
.m26-chat{background:linear-gradient(135deg,#0f4c81,#b45309)}
.m26-pop{position:fixed;left:22px;bottom:92px;z-index:950;width:300px;background:#fff;border:1px solid var(--border,#cfdcea);border-top:4px solid #b45309;border-radius:12px;padding:20px;display:none;box-shadow:0 12px 30px rgba(6,36,60,.2)}
.m26-pop.open{display:block}
.m26-pop h4{margin:0 0 6px;color:#06243c}
.m26-pop p{margin:0 0 12px;font-size:13px;color:#64748b}
.m26-pop input,.m26-pop textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid var(--border,#cfdcea);border-radius:8px;margin-bottom:10px;font-size:14px}
.m26-pop .btn{width:100%}
.m26-top{position:fixed;right:22px;bottom:26px;width:46px;height:46px;border-radius:50%;background:#06243c;color:#fff;border:1px solid #b45309;cursor:pointer;font-size:20px;z-index:900;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:.3s;box-shadow:0 4px 14px rgba(6,36,60,.35)}
.m26-top.show{opacity:1;pointer-events:auto}

/* hero real photo */
.m-hero .m-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;display:block;}
.m-hero .m-hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,18,40,.85) 0%,rgba(8,18,40,.5) 55%,rgba(8,18,40,.15) 100%);}
.m-hero .wrap,.m-hero .hero-in{position:relative;z-index:2;}


/* >>> 2026-09-26 品牌换行修复 <<< */
/* 品牌 "PetroTradução" 折成两行，强制一行显示 */
.m-hdr .brand, .m-hdr .brand span{ white-space:nowrap; }
.m-hdr .brand{ flex:0 0 auto; }
/* <<< end 2026-09-26 S26 fix >>> */

/* === lingomere logo rollout 2026-09-28 === */
a.brand, header .brand, .main-header .brand, .site-header .brand, .m-hdr .brand {
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
}
.brand-logo, .brand .mark, .brand .lg, .brand .brand-mark {
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center;
  padding: 0 !important;
  max-width: none !important;
}
.brand-logo-img, .brand .mark img, .brand .lg img, .brand .brand-mark img {
  height: 36px !important;
  width: auto !important;
  max-width: none !important;
  border-radius: 0 !important;
  display: inline-block !important;
}
.brand-text, .brand .mark + span, .brand .lg + span, .brand .brand-mark + span {
  display: none !important;
}
.brand-logo::after, .brand .mark::after, .brand .lg::after, .brand .brand-mark::after {
  display: none !important;
}
