/* NCR brand theme for ncr.html. Tokens from the ncr-brand skill (Manual de Marca NCR 2025). */
body.ncr {
  --bg: #000000; --fg: #f2f7f4; --accent: #62ff99; --accent-strong: #06ae73;
  --card: #0f1714; --line: #1f2f29; --muted: #9fb3aa;
  --hero: #000000; --hero2: #000000;
  font-family: "Albert Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  background: var(--bg); color: var(--fg);
}
body.ncr header.top { background: rgba(0,0,0,.85); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); }
body.ncr header.top nav a[aria-current] { color: var(--accent); }
body.ncr header.top .brand { font-weight: 600; }

body.ncr .ncr-hero { position: relative; overflow: hidden; background: #000; padding: 88px 16px 96px; text-align: left; }
body.ncr .ncr-hero::before { content: ""; position: absolute; inset: 0;
  background: radial-gradient(60% 70% at 70% 110%, rgba(6,174,115,.45) 0%, rgba(6,118,96,.18) 45%, rgba(0,0,0,0) 75%); }
body.ncr .ncr-hero::after { content: ""; position: absolute; right: -40px; top: -20px; width: 340px; height: 340px;
  background: url("img/isotipo-color.png") no-repeat center / contain; opacity: .08; transform: rotate(-8deg); }
body.ncr .ncr-hero .inner { position: relative; z-index: 1; max-width: 860px; margin: 0 auto; display: block; }
body.ncr .ncr-hero img.logo { width: 260px; max-width: 70%; height: auto; margin-bottom: 36px; display: block; }
body.ncr .ncr-hero h1 { font-size: clamp(2.2rem, 5.5vw, 3.8rem); font-weight: 700; line-height: 1.05;
  letter-spacing: -0.03em; margin: 0 0 18px; max-width: 14em; }
body.ncr .ncr-hero h1 .hl { color: var(--accent); }
body.ncr .ncr-hero p { font-size: 1.15rem; color: #cfe0d8; margin: 0 0 28px; max-width: 34em; font-weight: 300; }
body.ncr .pill { display: inline-block; padding: 8px 18px; border-radius: 999px; font-weight: 600; font-size: .95rem;
  text-decoration: none; margin-right: 10px; }
body.ncr .pill.primary { background: #62ff99; color: #000; }
body.ncr .pill.ghost { border: 1px solid #2c4a3f; color: #f2f7f4; }

body.ncr main { padding-top: 56px; }
body.ncr h2 { color: #fff; font-weight: 700; font-size: 1.9rem; letter-spacing: -0.02em; }
body.ncr h2::before { content: ""; display: block; width: 36px; height: 4px; border-radius: 2px;
  background: linear-gradient(90deg, #62ff99, #067660); margin-bottom: 14px; }
body.ncr a { color: var(--accent); }
body.ncr .card { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 22px; }
body.ncr .card h3 { color: #fff; }
body.ncr .card p { color: var(--muted); }
body.ncr .about .portrait-wrap::before { border-color: #06ae73; }
body.ncr .about img.portrait { box-shadow: 0 0 60px rgba(6,174,115,.25); }
body.ncr .lead { color: #dbe8e2; }
body.ncr footer { border-top: 1px solid var(--line); color: var(--muted); }
body.ncr footer img { height: 22px; width: auto; vertical-align: middle; margin-right: 10px; }