/* Complementos para as trilhas de carreira */
.tracks-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:40px; }
.track-card { position:relative; border:1px solid var(--line-light); background:white; border-radius:22px; padding:34px; box-shadow:0 14px 38px rgba(18,32,51,.06); }
.track-card h3 { font-size:30px; letter-spacing:-.035em; margin-bottom:12px; color:var(--ink); }
.track-card > p:not(.eyebrow):not(.track-target) { color:var(--ink-muted); }
.track-icon { position:absolute; right:28px; top:24px; font-size:34px; font-weight:900; color:#dce8f5; }
.track-target { margin:22px 0; color:var(--ink-muted); font-size:14px; }
.track-actions { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.text-link-dark { color:#1769c2; font-size:14px; font-weight:800; }
.text-link-dark:hover { color:#0d4e91; }
.tags-light span { border-color:#ccd9e8; color:#52667e; background:#f7faff; }
.pill-blue { background:#e8f3ff; color:#1769c2; }
.projects-grid-light { align-items:stretch; }
.case-light { border:1px solid var(--line-light); border-radius:18px; padding:28px; background:#fff; color:var(--ink); }
.case-light h3 { font-size:26px; margin:14px 0 8px; letter-spacing:-.03em; }
.case-light p { color:var(--ink-muted); }
.timeline-dark { border-color:var(--line); }
.timeline-dark .timeline-item { border-color:var(--line); }
.timeline-dark .timeline-date { color:#8094ad; }
.timeline-dark h3 { color:var(--text); }
.timeline-dark .timeline-item p:last-child { color:var(--muted); }
.prose-dark { font-size:17px; color:var(--muted); }
.prose-dark p + p { margin-top:20px; }
.dual-nav { display:flex; gap:8px; flex-wrap:wrap; }
.dual-nav a { padding:7px 12px; border:1px solid #334965; border-radius:999px; color:#b7c8da; font-size:12px; font-weight:750; }
.dual-nav a.active { color:#fff; border-color:#2d8cff; background:rgba(45,140,255,.14); }
.focus-list { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:34px; }
.focus-card { border:1px solid var(--line); border-radius:16px; padding:24px; background:#0d192a; }
.focus-card h3 { margin-bottom:8px; font-size:19px; }
.focus-card p { color:var(--muted); font-size:14px; margin-bottom:0; }
.metric-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:34px; }
.metric-card { border:1px solid var(--line-light); border-radius:16px; padding:24px; background:#fff; }
.metric-card strong { display:block; color:#1769c2; font-size:24px; margin-bottom:6px; }
.metric-card p { color:var(--ink-muted); margin-bottom:0; font-size:14px; }
.breadcrumb { color:var(--muted); font-size:13px; margin-bottom:20px; }
.breadcrumb a { color:#bad9ff; }
@media (max-width:900px) { .tracks-grid,.focus-list { grid-template-columns:1fr; } .metric-grid { grid-template-columns:1fr; } }

/* Navegador móvel: viewport dinâmico, safe areas e alvos de toque. */
html, body { min-height:100%; min-height:100dvh; max-width:100%; overflow-x:hidden; }
body { min-height:100svh; padding-left:env(safe-area-inset-left); padding-right:env(safe-area-inset-right); }
img, svg, video, canvas { max-width:100%; height:auto; }
button, a, input, select, textarea { touch-action:manipulation; }

@media (max-width:640px) {
  body { padding-bottom:env(safe-area-inset-bottom); }
  .site-header { top:0; padding-top:env(safe-area-inset-top); }
  .nav-wrap { min-height:56px; height:auto; padding-block:10px; }
  .container { width:min(100% - 24px,1160px); }
  .hero { min-height:auto; padding-top:72px; }
  .hero-grid, .two-col, .section-heading, .tracks-grid, .tools-grid, .projects-grid, .info-grid, .focus-list, .metric-grid { grid-template-columns:minmax(0,1fr)!important; }
  h1 { font-size:clamp(38px,12vw,50px); overflow-wrap:anywhere; }
  h2 { font-size:clamp(28px,9vw,38px); }
  .hero-actions, .track-actions, .cta-actions { width:100%; gap:10px; }
  .hero-actions .button, .cta-actions .button, .track-actions .button { width:100%; min-height:48px; }
  .hero-card, .track-card, .case-light, .tool-card, .cta-card, .info-card, .focus-card, .metric-card { min-width:0; width:100%; }
  .timeline-item { grid-template-columns:minmax(0,1fr)!important; }
  .footer { padding-bottom:calc(28px + env(safe-area-inset-bottom)); }
  .footer-wrap { align-items:stretch; }
  .dual-nav { overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  .dual-nav::-webkit-scrollbar { display:none; }
  .dual-nav a { flex:0 0 auto; min-height:44px; display:inline-flex; align-items:center; }
  .lang-switch { flex:0 0 auto; }
  .lang-btn { min-height:44px; }
}

.data-cases { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:34px; }
.data-case { border:1px solid var(--line); border-radius:18px; padding:26px; background:#0d192a; }
.data-case h3 { margin:12px 0 10px; font-size:22px; color:var(--text); }
.data-case p { color:var(--muted); font-size:14px; }
.data-case strong { color:#dbeafe; }
.data-case .pill { background:rgba(45,140,255,.14); color:#bad9ff; border:1px solid #2d8cff55; }
.case-note { font-size:12px!important; padding-top:12px; margin-top:16px; border-top:1px solid var(--line); }
@media (max-width:900px) { .data-cases { grid-template-columns:1fr; } }