/* PROTEÇÃO — Estilos compartilhados das páginas de serviço (PGR, PCMSO, Treinamentos) */

:root {
      --g-900: oklch(22% 0.12 145); --g-700: oklch(37% 0.17 145); --g-600: oklch(44% 0.19 148);
      --g-500: oklch(54% 0.20 150); --g-300: oklch(74% 0.14 152); --g-200: oklch(86% 0.08 148);
      --g-100: oklch(94% 0.05 148); --g-50:  oklch(97% 0.02 148);
      --n-950: oklch(8%  0 0); --n-800: oklch(20% 0 0); --n-700: oklch(30% 0 0);
      --n-600: oklch(42% 0 0); --n-400: oklch(64% 0 0); --n-200: oklch(86% 0 0);
      --n-150: oklch(91% 0 0); --n-100: oklch(95% 0 0); --n-50: oklch(97.5% 0 0);
      --white: oklch(99.5% 0 0);
      --fh: 'Barlow Condensed', sans-serif; --fb: 'Inter', sans-serif;
      --mw: 1100px; --px: clamp(1rem, 5vw, 2rem); --spy: clamp(3rem, 5vw, 5rem);
      --r: 0.5rem; --rl: 0.875rem; --rf: 9999px;
      --sh-sm: 0 2px 6px oklch(0% 0 0 / 8%), 0 1px 2px oklch(0% 0 0 / 5%);
      --sh-md: 0 4px 16px oklch(0% 0 0 / 10%), 0 2px 4px oklch(0% 0 0 / 6%);
      --ease: cubic-bezier(0.16, 1, 0.3, 1); --fast: 180ms; --normal: 350ms;
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: var(--fb); color: var(--n-800); background: var(--white); line-height: 1.6; }
    img { display: block; max-width: 100%; }
    a { color: inherit; text-decoration: none; }
    ul { list-style: none; }

    .container { width: 100%; max-width: var(--mw); margin-inline: auto; padding-inline: var(--px); }
    .section { padding-block: var(--spy); }
    .sec-alt { background: var(--n-50); }
    .sec-green { background: var(--g-700); color: var(--white); }

    .header {
      position: sticky; top: 0; z-index: 100;
      background: var(--white); border-bottom: 1px solid var(--n-150);
      transition: box-shadow var(--fast);
    }
    .header-inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; height: 4rem; }
    .header-logo img { height: 38px; width: auto; }
    .header-right { display: flex; gap: 0.75rem; }

    .btn {
      display: inline-flex; align-items: center; gap: 0.5rem;
      padding: 0.75rem 1.5rem; border-radius: var(--rf);
      font-weight: 600; font-size: 0.875rem;
      transition: transform var(--fast) var(--ease), box-shadow var(--fast), background var(--fast);
    }
    .btn svg { width: 1rem; height: 1rem; flex-shrink: 0; }
    .btn:hover { transform: translateY(-2px); }
    .btn-primary { background: var(--g-600); color: var(--white); }
    .btn-primary:hover { background: var(--g-700); box-shadow: var(--sh-md); }
    .btn-outline { border: 2px solid var(--g-600); color: var(--g-700); }
    .btn-outline:hover { background: var(--g-100); }
    .btn-white { background: var(--white); color: var(--g-700); }
    .btn-white:hover { box-shadow: var(--sh-md); }

    .eyebrow {
      display: inline-block; font-family: var(--fh); font-size: 0.75rem;
      font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em;
      color: var(--g-600); margin-bottom: 0.75rem;
    }
    .h1 { font-family: var(--fh); font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 900; text-transform: uppercase; line-height: 1.0; }
    .h2 { font-family: var(--fh); font-size: clamp(1.75rem, 3.5vw, 2.5rem); font-weight: 800; text-transform: uppercase; line-height: 1.05; }
    .lead { font-size: clamp(1rem, 1.4vw, 1.1rem); color: var(--n-600); line-height: 1.7; max-width: 56ch; }