/* rf-app.css | tema compartilhado das paginas de aplicacao: mapas, curriculo, terminal e documentos.
   Mesma identidade da home: troque --acc e --acc-2 para mudar a cor de destaque de tudo. */
:root{
  --acc:#14B8A6; --acc-2:#0D8277;
  --navy:#0E1A2E; --navy-2:#172B4B; --navy-3:#20375C; --deep:#08111F;
  --on-navy:#E8EDF4; --on-navy-muted:#9AA9C0;
  --head:"Archivo",system-ui,sans-serif; --body:"Manrope",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --sans:"Manrope","Segoe UI",system-ui,sans-serif;
  /* variaveis que as paginas antigas ja usavam, agora na paleta nova */
  --bg:#0E1A2E; --bg-lift:#172B4B; --fg:#E8EDF4; --fg-dim:#9AA9C0; --fg-faint:#6E7F9A;
  --line:rgba(255,255,255,.09); --line-hi:rgba(255,255,255,.16); --accent:#5EEAD4;
  --sat:#5EEAD4; --aviso:#FFC861; --terra:#FF7A5C; --iss:#8AB4F8;
  --critico:#FF7A5C; --cabo:#8296B8; --pouso:#8AB4F8;
}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--acc);outline-offset:3px}

/* ---------- cabecalho em pilula (igual ao da home) ---------- */
.rf-hdr{position:fixed;top:14px;left:0;right:0;z-index:1000;padding:0 16px;pointer-events:none;font-family:var(--body)}
.rf-hdr-in{pointer-events:auto;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px 10px 18px;border-radius:999px;background:rgba(14,26,46,.78);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.rf-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;border:0}
.rf-mono{width:36px;height:36px;border-radius:10px;background:var(--acc);color:var(--navy);display:grid;place-items:center;font-family:var(--head);font-weight:900;font-size:15px;letter-spacing:-.04em}
.rf-logo b{font-family:var(--head);font-weight:800;font-size:12px;letter-spacing:.05em;white-space:nowrap}
.rf-rff{display:inline-flex;color:var(--acc);flex:none}
.rf-rff svg{display:block;height:40px;width:40px}
@media (max-width:1239px){.rf-logo b{display:none}}
.rf-nav{display:flex;gap:24px}
.rf-nav a{font-size:15px;font-weight:600;color:var(--on-navy-muted);text-decoration:none;border:0;transition:color .2s}
.rf-nav a:hover,.rf-nav a[aria-current]{color:#fff}
.rf-nav a[aria-current]{box-shadow:0 2px 0 var(--acc);padding-bottom:2px}
.rf-btns{display:flex;gap:8px;align-items:center}
.rf-lang{display:flex;gap:2px;margin-right:4px;font-family:var(--mono);font-size:12px;letter-spacing:.06em}
.rf-lang a{padding:6px 9px;border-radius:999px;color:var(--on-navy-muted);text-decoration:none;border:0;transition:color .2s}
.rf-lang a:hover{color:#fff}
.rf-lang a[aria-current]{background:var(--acc);color:var(--navy);font-weight:500}
.rf-pill{display:inline-flex;align-items:center;font-family:var(--head);font-weight:700;font-size:14px;padding:9px 16px;border-radius:999px;background:var(--acc);color:var(--navy);text-decoration:none;white-space:nowrap;border:0}
.rf-pill:hover{filter:brightness(1.08)}
.rf-burger{display:none;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);background:none;color:#fff;cursor:pointer;font-size:18px}
.rf-mnav{display:none}
@media (max-width:980px){
  .rf-nav,.rf-btns .rf-pill{display:none}
  .rf-burger{display:block}
  .rf-mnav{position:fixed;top:80px;left:16px;right:16px;z-index:999;background:var(--navy);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:10px;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.45)}
  .rf-mnav.open{display:flex}
  .rf-mnav a{color:#fff;font-family:var(--head);font-weight:700;font-size:18px;padding:14px 16px;border-radius:14px;text-decoration:none}
  .rf-mnav a:hover{background:var(--navy-2)}
}
@media (max-width:480px){.rf-logo b{display:none}.rf-lang a{padding:6px 7px}}

/* =====================================================================
   MAPAS (orbita, internet)
   ===================================================================== */
body.rf-map{font-family:var(--body)}
.rf-map .topo{top:78px;padding:6px 16px}
.rf-map .topo .marca{display:none}
.rf-map .camada{font-family:var(--body);font-weight:600;font-size:12.5px;background:rgba(14,26,46,.8);border:1px solid rgba(255,255,255,.1);padding:8px 14px 8px 11px;transition:border-color .2s,color .2s}
.rf-map .camada:hover{border-color:rgba(255,255,255,.28)}
.rf-map .camada.ativa{border-color:rgba(20,184,166,.6);color:#fff}
.rf-map .painel,.rf-map .painel-filtro,.rf-map .painel-clima,.rf-map .cartao{background:rgba(14,26,46,.88);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 18px 50px rgba(4,9,20,.5)}
.rf-map .painel-clima .titulo,.rf-map .painel .titulo,.rf-map .painel-filtro .cabeca .titulo{font-family:var(--mono);color:var(--on-navy-muted);letter-spacing:.14em}
.rf-map .painel-clima .k{font-family:var(--head);font-weight:900;font-size:20px}
.rf-map .painel-filtro,.rf-map .painel-lista{top:136px;max-height:calc(100vh - 168px)}
.rf-map .painel-filtro .cabeca .acao,.rf-map .painel-medir .acoes-medir span{color:var(--accent)}
.rf-map .rodape{border-radius:999px;background:rgba(14,26,46,.72);border:1px solid rgba(255,255,255,.08);padding:7px 14px}
.rf-map .painel-medir input,.rf-map #busca-backbone{background:rgba(8,17,31,.8);border-radius:10px}
.rf-map .bb-detalhe{background:rgba(8,17,31,.6);border-radius:14px}
.rf-map .cartao .titulo-pais,.rf-map .bb-detalhe .titulo-pais{font-family:var(--head);font-weight:800}
.rf-map .leaflet-popup-content-wrapper{background:var(--navy-2);border-radius:14px}
.rf-map .leaflet-popup-tip{background:var(--navy-2)}
.rf-map .leaflet-control-zoom{border:0!important;display:flex;flex-direction:column;gap:6px}
.rf-map .leaflet-control-zoom a{border-radius:12px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(14,26,46,.88)!important;width:34px!important;height:34px!important;line-height:32px!important}
.rf-map .leaflet-control-attribution{background:rgba(14,26,46,.7)!important;border-radius:10px 0 0 0}
/* o mapa base e cinza: um filtro o deixa no azul-marinho do site */
.rf-map .leaflet-tile-pane{filter:sepia(1) hue-rotate(178deg) saturate(1.7) brightness(1.02) contrast(1.02)}
.rf-map #painel-legenda{background:rgba(8,17,31,.95)!important}
.rf-map #painel-legenda h1,.rf-map #painel-legenda h2{font-family:var(--head);font-weight:800}
.rf-map #painel-legenda>div{margin-top:96px!important}
@media (max-width:620px){
  .rf-map .topo{top:76px}
  .rf-map .painel-filtro{top:auto;bottom:12px;left:12px;right:12px;width:auto;max-height:42vh}
  .rf-map .painel-lista{top:auto}
  .rf-map .painel-medir{top:150px}
}

/* =====================================================================
   CURRICULO E DOCUMENTOS (portifolio, privacidade)
   ===================================================================== */
body.rf-cv,body.rf-doc{background:var(--navy);font-family:var(--body);font-size:16px;line-height:1.65}
.rf-cv .topbar{display:none}
.rf-cv .sheet{max-width:860px;padding:112px 24px 96px}
.rf-cv h1{font-family:var(--head);font-weight:900;font-size:clamp(34px,5.4vw,56px);line-height:1.02;letter-spacing:-.035em;margin-bottom:10px}
.rf-cv .role{font-size:18px;color:var(--on-navy)}
.rf-cv header{border-bottom:1px solid var(--line)}
.rf-cv .meta,.rf-cv .meta a{color:var(--on-navy-muted)}
.rf-cv .meta a:hover{color:#fff}
.rf-cv .summary{max-width:68ch;font-size:17px;color:var(--on-navy-muted)}
.rf-cv .summary strong{color:#fff;font-weight:600}
.rf-cv .buscando{border-color:rgba(20,184,166,.5);color:var(--accent);background:rgba(20,184,166,.08)}
.rf-cv .btn{font-family:var(--head);font-weight:700;font-size:14px;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;padding:10px 18px;color:#fff}
.rf-cv .btn:hover{border-color:var(--acc);color:var(--accent)}
.rf-cv .figures{gap:14px;background:none;border:0}
.rf-cv .figures div{background:var(--navy-2);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:20px 18px}
.rf-cv .figures .n{font-family:var(--head);font-weight:900;font-size:32px;letter-spacing:-.03em;line-height:1}
.rf-cv h2,.rf-doc h2{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border-bottom:0;padding-bottom:0;margin-bottom:22px}
.rf-cv h2::before,.rf-doc h2::before{content:"";width:28px;height:1px;background:var(--accent)}
.rf-cv .job-role,.rf-cv .proj-name{font-family:var(--head);font-weight:800}
.rf-cv .job-role{font-size:17px}
.rf-cv .proj-tag{border-radius:999px}
.rf-doc body,.rf-doc{font-size:16px}
body.rf-doc{padding:110px 24px 72px}
.rf-doc .folha{max-width:720px}
.rf-doc h1{font-family:var(--head);font-weight:900;font-size:clamp(30px,4.6vw,46px);letter-spacing:-.03em;line-height:1.05}

/* =====================================================================
   TERMINAL (ps)
   ===================================================================== */
body.rf-term{--bg:#0E1A2E;--bg-chrome:#0A1424;--bg-panel:#12233D;--fg:#E8EDF4;--fg-dim:#9AA9C0;--border:rgba(255,255,255,.1);--prompt:#14B8A6;--cmd:#5EEAD4;--value:#FFC861;--err:#FF7A5C;--caret:#5EEAD4;background:var(--navy)}
.rf-term .titlebar{position:static;max-width:900px;margin:100px auto 0;border:1px solid var(--navy-3);border-bottom:0;border-radius:22px 22px 0 0;background:#0A1424}
.rf-term .titlebar-inner{padding:13px 20px}
.rf-term .dot:nth-child(1){background:#FF7A5C}
.rf-term .dot:nth-child(2){background:#FFC861}
.rf-term .dot:nth-child(3){background:#14B8A6}
.rf-term main{max-width:900px;margin:0 auto 56px;background:var(--deep);border:1px solid var(--navy-3);border-top:1px solid rgba(255,255,255,.05);border-radius:0 0 22px 22px;padding:36px 28px 64px}
.rf-term .menu-item{border-radius:14px;background:var(--bg-panel)}
.rf-term .menu-item:hover{border-color:var(--acc)}
@media (max-width:620px){.rf-term .titlebar,.rf-term main{margin-left:12px;margin-right:12px}.rf-term main{padding:28px 18px 48px}}