/* ============================================================================ SISTEMA TIPOGRÁFICO PREMIUM V1 — Manrope Variable Escopo: exclusivamente a tela Área do editor → Oportunidades (.demands-pilot). Mecanismo de ativação: atributo data-typo-system="manrope-v1" na . ============================================================================ */ @font-face{ font-family:'Manrope Variable'; font-style:normal; font-display:swap; font-weight:200 800; src:url(./fonts-tipografia-manrope-v1/manrope-latin-wght-normal.woff2) format('woff2-variations'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } html[data-typo-system="manrope-v1"]{ --type-font:'Manrope Variable','Manrope',sans-serif; --type-display:700 30px/1.15 var(--type-font); --type-display-ls:-.4px; --type-heading-1:700 22px/1.25 var(--type-font); --type-heading-1-ls:-.3px; --type-heading-2:600 21px/1.35 var(--type-font); --type-heading-2-ls:-.2px; --type-card-title:600 16px/1.35 var(--type-font); --type-card-title-ls:-.1px; --type-body:400 12px/1.5 var(--type-font); --type-body-ls:0; --type-body-small:400 11px/1.45 var(--type-font); --type-body-small-ls:0; --type-label:600 10px/1.35 var(--type-font); --type-label-ls:.15px; --type-label-control:600 12px/1.3 var(--type-font); --type-label-control-ls:0; --type-caption:500 10px/1.25 var(--type-font); --type-caption-ls:.15px; --type-numeric-weight:700; --type-numeric-feature:tabular-nums; } @media(max-width:1120px){ html[data-typo-system="manrope-v1"]{ --type-display:700 27px/1.18 var(--type-font); --type-display-ls:-.3px; --type-heading-1:700 20px/1.28 var(--type-font); --type-heading-1-ls:-.2px; --type-heading-2:600 20px/1.35 var(--type-font); --type-heading-2-ls:-.15px; } } @media(max-width:760px){ html[data-typo-system="manrope-v1"]{ --type-display:700 23px/1.2 var(--type-font); --type-display-ls:-.2px; --type-heading-1:700 18px/1.3 var(--type-font); --type-heading-1-ls:-.1px; --type-heading-2:600 19px/1.35 var(--type-font); --type-heading-2-ls:-.1px; --type-body:400 12px/1.5 var(--type-font); --type-body-ls:0; } } html[data-typo-system="manrope-v1"] .demands-pilot, html[data-typo-system="manrope-v1"] .demands-pilot button, html[data-typo-system="manrope-v1"] .demands-pilot select, html[data-typo-system="manrope-v1"] .demands-pilot input{ font-family:var(--type-font); } html[data-typo-system="manrope-v1"] .demands-pilot .pilot-title h1{ font:var(--type-display); letter-spacing:var(--type-display-ls); margin:10px 0; } html[data-typo-system="manrope-v1"] .demands-pilot .pilot-title h1{ font-size:34px;line-height:1.16;letter-spacing:-.5px; } @media(max-width:1120px){ html[data-typo-system="manrope-v1"] .demands-pilot .pilot-title h1{font-size:30px;line-height:1.18;letter-spacing:-.4px} } @media(max-width:760px){ html[data-typo-system="manrope-v1"] .demands-pilot .pilot-title h1{font-size:25px;line-height:1.2;letter-spacing:-.2px} } html[data-typo-system="manrope-v1"] .demands-pilot .briefing-panel h2{ font:var(--type-heading-2); letter-spacing:var(--type-heading-2-ls); } html[data-typo-system="manrope-v1"] .demands-pilot .opportunity-card h3{ font:var(--type-card-title); letter-spacing:var(--type-card-title-ls); } html[data-typo-system="manrope-v1"] .demands-pilot .rail-title{ font-family:var(--type-font); font-weight:600; font-size:13px; line-height:1.4; letter-spacing:-.05px; } html[data-typo-system="manrope-v1"] .demands-pilot .opportunity-context, html[data-typo-system="manrope-v1"] .demands-pilot .briefing-panel p{ font:var(--type-body); letter-spacing:var(--type-body-ls); } html[data-typo-system="manrope-v1"] .demands-pilot .rail-meta, html[data-typo-system="manrope-v1"] .demands-pilot .quota-panel .small, html[data-typo-system="manrope-v1"] .demands-pilot .pilot-history span, html[data-typo-system="manrope-v1"] .demands-pilot .briefing-panel .conditions-secondary, html[data-typo-system="manrope-v1"] .demands-pilot .opportunity-footer span, html[data-typo-system="manrope-v1"] .demands-pilot .pilot-title p, html[data-typo-system="manrope-v1"] .demands-pilot #resultCount, html[data-typo-system="manrope-v1"] .demands-pilot .eyebrow, html[data-typo-system="manrope-v1"] .demands-pilot .empty{ font:var(--type-body-small); letter-spacing:var(--type-body-small-ls); } html[data-typo-system="manrope-v1"] .demands-pilot .quota-headline{ font-family:var(--type-font); font-weight:500; font-size:13px; line-height:1.4; } html[data-typo-system="manrope-v1"] .demands-pilot .filter-strip label{ font:var(--type-label); letter-spacing:var(--type-label-ls); } html[data-typo-system="manrope-v1"] .demands-pilot .briefing-panel .condition-label{ font:var(--type-label); letter-spacing:.3px; } html[data-typo-system="manrope-v1"] .demands-pilot .pilot-history button, html[data-typo-system="manrope-v1"] .demands-pilot .briefing-panel .rail-back, html[data-typo-system="manrope-v1"] .demands-pilot .briefing-link, html[data-typo-system="manrope-v1"] .demands-pilot .filter-drawer summary{ font:var(--type-label-control); letter-spacing:var(--type-label-control-ls); } html[data-typo-system="manrope-v1"] .demands-pilot .filter-strip select{ font-family:var(--type-font); font-weight:500; font-size:12px; } html[data-typo-system="manrope-v1"] .demands-pilot .opportunity-meta, html[data-typo-system="manrope-v1"] .demands-pilot .opportunity-meta .technical, html[data-typo-system="manrope-v1"] .demands-pilot .rail-flag, html[data-typo-system="manrope-v1"] .demands-pilot .opportunity-action .tag, html[data-typo-system="manrope-v1"] .demands-pilot .opportunity-footer small, html[data-typo-system="manrope-v1"] .demands-pilot .opportunity-duration{ font:var(--type-caption); letter-spacing:var(--type-caption-ls); } html[data-typo-system="manrope-v1"] .demands-pilot .opportunity-footer strong{ font-family:var(--type-font); font-weight:var(--type-numeric-weight); font-variant-numeric:var(--type-numeric-feature); font-size:16px; } html[data-typo-system="manrope-v1"] .demands-pilot .briefing-panel .conditions-primary strong{ font-family:var(--type-font); font-weight:var(--type-numeric-weight); font-variant-numeric:var(--type-numeric-feature); font-size:22px; } html[data-typo-system="manrope-v1"] .demands-pilot .opportunity-duration .technical{ font-family:var(--type-font); font-weight:600; font-variant-numeric:var(--type-numeric-feature); letter-spacing:.15px; }