/* claro2026.css v1.0 — SKIN PREMIUM CLARA do shell APP019 — 29/07/2026 (banca/skin-continuacao)
   Substitui claro019.css como camada CLARA (link id=tema019; o modo escuro DESLIGA este arquivo — mecanismo intacto).
   Voto S2 A do Rafael: BRANCO/gelo e a lei; o creme F5EDD8 vira historico. Tokens do prototipo v14.
   ROLLBACK: no _home.html, voltar o href para css/claro019.css?v=ouro0728c (o arquivo velho fica INTACTO no servidor). */

:root{--ink:#1B1B1F;--mut:#5A5F6A;--line:#EEF0F3;
  --a19-borda:rgba(233,169,48,.28);--a19-borda2:rgba(233,169,48,.45);
  --a19-sombra:0 2px 10px rgba(27,27,31,.06);--a19-sombra-hover:0 10px 24px rgba(27,27,31,.12);
  --a19-ouro-btn:linear-gradient(135deg,#A86305 0%,#8A5E04 100%);
  --a19-grad-logo:linear-gradient(90deg,#A86305 0%,#D18F1C 30%,#E9A930 45%,#EFAF3F 50%,#E9A930 55%,#D18F1C 70%,#A86305 100%)}

/* ===== fundo: gelo LISO (a textura do creme morre com ele) ===== */
html{background:#F7F8FA}
body{background:#F7F8FA;background-image:none;background-attachment:scroll;color:var(--ink)}

/* ===== HEADER premium branco (S7 A: padrao oficial) ===== */
.goldbar{background:rgba(255,255,255,.86);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid var(--line);box-shadow:0 1px 8px rgba(27,27,31,.05)}
.goldbar .lg{filter:none}
.goldbar .lg-esc{display:none!important}
.goldbar .lg-clr{display:block!important}
.searchbar{background:#FFFFFF;border-color:var(--a19-borda2);box-shadow:inset 0 1px 3px rgba(27,27,31,.04),var(--a19-sombra)}
.searchbar input{color:var(--ink)}
.searchbar input::placeholder{color:#8B8F98}
/* lei da casa: botao ouro = fonte BRANCA sobre #A86305->#8A5E04 (o gradiente claro reprovou 1,93 na home) */
.goldbar .searchbar .go{background:var(--a19-ouro-btn);color:#FFFFFF;text-shadow:none;box-shadow:0 2px 8px rgba(138,94,4,.30)}
.goldbar .accchip{background:var(--a19-ouro-btn);background-image:var(--a19-ouro-btn);color:#FFFFFF;-webkit-text-fill-color:#FFFFFF;border-color:transparent;text-shadow:none;box-shadow:0 2px 8px rgba(138,94,4,.30)}
.goldbar .accchip:hover{border-color:transparent;box-shadow:0 6px 16px rgba(138,94,4,.35)}
.micbtn{color:#C0790F!important}
#modeswitch{border-color:var(--a19-borda2)}

/* faixa preta entre header e categorias (fix claro0719e): no branco NAO existe faixa */
.app .body{background:none}

/* ===== trilho de categorias ===== */
.words{border-bottom-color:var(--line)}

/* ===== titulos de secao: tinta do logo (mesma da home nova) ===== */
.sec{background:var(--a19-grad-logo);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent}
.sec a{color:#8A5E04;-webkit-text-fill-color:#8A5E04}

/* ===== cards (.mc) e kpis: branco premium ===== */
.mc{box-shadow:var(--a19-sombra),0 24px 46px -24px rgba(27,27,31,.18);border-color:var(--a19-borda)}
.mc:hover{box-shadow:var(--a19-sombra-hover),0 0 22px rgba(233,169,48,.16)}
/* cards de vitrine (.mc .bot) ficam como a base desenha — a home velha embutida usa texto claro
   sobre imagem; pintar de branco criou branco-sobre-branco no teste. Botao do card segue a base. */
.kpi{background:#FFFFFF;border-color:var(--line);box-shadow:var(--a19-sombra)}

/* ===== busca em foco ===== */
.busca-foco .goldbar{background:rgba(255,255,255,.96)}

/* ===== menu lanche (drawer) ===== */
.ovl{background:rgba(27,27,31,.35)}
.drawer{background:rgba(255,255,255,.95);border:1px solid var(--a19-borda2);box-shadow:0 24px 70px rgba(27,27,31,.22),0 0 40px rgba(212,160,32,.12),inset 0 1px 0 #fff}
.drawer::before{background:linear-gradient(90deg,transparent,rgba(168,99,5,.5),transparent)}
.drawer .dh b{color:#8A5E04;-webkit-text-fill-color:#8A5E04;text-shadow:none}
.drawer .dh .x{background:rgba(0,0,0,.05);border:1px solid var(--a19-borda);color:#8A5E04}
.drawer .dh .x:hover{background:rgba(0,0,0,.08);box-shadow:0 0 16px -3px rgba(201,153,53,.5)}
.di{background:#FFFFFF;border:1px solid var(--a19-borda);color:var(--ink);box-shadow:var(--a19-sombra)}
.di::after{background:radial-gradient(130% 100% at 50% 0%,rgba(233,169,48,.10),transparent 60%)}
.di:hover{border-color:var(--a19-borda2);box-shadow:var(--a19-sombra-hover)}
.dmenu .di:nth-child(2),.dmenu .di:nth-child(3),.dmenu .di:nth-child(4){border-color:var(--a19-borda2);box-shadow:var(--a19-sombra)}

/* ===== popups / login ===== */
.pop{background:rgba(27,27,31,.38)}
.pbox{background:#FFFFFF;border-color:var(--a19-borda2);color:var(--ink)}
.pbox h3{color:#1B1B1F}.pbox p{color:var(--mut)}
.pbox .ghost{background:rgba(168,99,5,.07);color:#6E4102;border:1px solid rgba(201,153,53,.35)}
.pbox .fld input,.pbox .fld select{background:#fff;border-color:#E2E5EA;color:var(--ink)}
.sheet{background:rgba(27,27,31,.42)}

/* ===== detalhe de vaga / sheets ===== */
.dt{background:#FFFFFF}
.dt .bd{color:var(--ink)}
.dt .ri{background:#fff;border-color:var(--line)}.dt .ri span{color:var(--ink)}
.dt .vchip{background:#fff;border-color:var(--line);color:var(--ink)}
.dt .candbox{background:#fff;border-color:var(--line)}
.dt .sobre{color:var(--mut)}
.dt .blk h4{color:#8A5E04}
.dt .share a{background:#F7F8FA;color:#3A2600}

/* ===== blog / paineis / tabs ===== */
.blogitem{background:#fff;border-color:var(--line);color:var(--ink)}
.blogitem h5{color:var(--ink)}.blogitem p{color:var(--mut)}
.tab{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top-color:var(--a19-borda)}
.tab a{color:#8A5E04}
.tab a.on{background:rgba(233,169,48,.14)}
.pnacts a{background:#fff;border:1px solid var(--line);color:#8A5E04}
.pnitem{background:#fff;border:1px solid var(--line)}
.pnitem b{color:var(--ink)}.pnitem span{color:var(--mut)}
.vipben li{color:#4C5158}

/* ===== esqueletos ===== */
.vc.skel{background:linear-gradient(150deg,#F2F4F7,#FBFCFE 60%,#fff);border:1px solid var(--line)}
.sk{background:linear-gradient(90deg,rgba(27,27,31,.04) 25%,rgba(27,27,31,.09) 37%,rgba(27,27,31,.04) 63%);background-size:200% 100%}

/* ===== roda de cidades / sheets ===== */
.csheet-hd h3{color:#8A5E04}
.csheet-hd .close{background:rgba(0,0,0,.05);border:1px solid var(--line);color:var(--ink)}
.cwheel-item{color:var(--mut)}.cwheel-item b{color:#8A8FA0}
.cwheel-item.sel{color:#6E4102}.cwheel-item.sel b{color:#8A5E04}

/* ===== rodape SEO ===== */
.seofoot{color:var(--mut)!important;border-top-color:var(--a19-borda)!important}
.seofoot b{color:#8A5E04!important}
.seofoot a{color:#8A5E04!important}

/* ouro-texto legivel: links com F6C453 inline reprovavam sobre fundo claro */
[style*="F6C453"]{color:#8A5E04!important}

/* ===== v1.2: regras que disputam com fixos019 (agora esta camada carrega POR ULTIMO) ===== */
/* logo no header claro: fixos poe 62px + sombra escura; a mlogo dispensa sombra */
.goldbar .lg{height:62px;filter:none}
/* trilho de categorias claro (era faixa preta por desenho antigo) */
.words{background:#FFFFFF;border-bottom:1px solid var(--line)}
.words a{color:#5A5F6A}
.words a.on,.words a[aria-current]{color:#8A5E04}
/* botao redondo de busca no celular (fixos pinta circulo ouro com !important) — mantem ouro ESCURO */
@media(max-width:600px){
  .goldbar .inner .go{background-color:#A86305!important;box-shadow:0 2px 8px rgba(138,94,4,.30)!important;border:none!important}
}
/* chave sol/lua: aro discreto no claro */
#modeswitch{box-shadow:0 1px 4px rgba(27,27,31,.12)}
/* ===== v1.3: /vagas/ compacto (previa aprovada 30/07) ===== */
.skv-geo{padding:10px 14px!important;border-radius:16px!important;border:1px solid rgba(233,169,48,.28)!important;background:#fff!important;box-shadow:0 2px 10px rgba(27,27,31,.06)!important;margin:8px 0!important}
.skv-geo .lb-t{font-size:13px!important;color:#5A5F6A!important}
.skv-geo button{border-radius:999px!important;padding:9px 15px!important;font-size:13px!important;font-weight:800!important;border:1px solid rgba(233,169,48,.45)!important;box-shadow:0 2px 8px rgba(138,94,4,.15)!important}
.cityrow select{border:1px solid rgba(233,169,48,.45)!important;border-radius:12px!important;padding:11px 12px!important;background:#fff!important;color:#1B1B1F!important;font-weight:700!important;box-shadow:0 2px 10px rgba(27,27,31,.06)!important}
.cityrow{gap:8px!important}
.vc{border-radius:20px!important;box-shadow:0 2px 10px rgba(27,27,31,.08),0 14px 30px -18px rgba(27,27,31,.25)!important;margin-bottom:14px!important}
#a19cc{padding:9px 12px!important;font-size:11.5px!important;line-height:1.35!important;border-radius:14px 14px 0 0!important}
#a19cc button,#a19cc .a19cc-bt{padding:8px 14px!important;font-size:12.5px!important;border-radius:999px!important;min-height:0!important}
#a19cc br{display:none!important}
/* ===== v1.4: card de vaga LEGIVEL no claro — titulo/CTA eram BRANCOS sobre azul claro (desenho do escuro) ===== */
.vc .vc-title{color:#16307C!important;text-shadow:none!important}
.vc .vc-cta{color:#16307C!important;font-weight:800!important}
/* ===== v1.5: card de vaga CLARO de verdade — o veu radial branco do desenho escuro lavava o titulo ===== */
.vc{background:#EDF2FF!important;background-image:none!important;border:1px solid rgba(63,102,205,.35)!important}
.vc .vc-title{color:#16307C!important;text-decoration:none!important;text-shadow:none!important}
.vc a{text-decoration:none!important}
.vc .vc-cta{color:#16307C!important;opacity:1!important}
.vc .vc-emp{color:#2A2D33!important}
/* ===== v1.6: chips/meta do card de vaga legiveis no claro (eram branco-translucido do desenho escuro) ===== */
.vc .mi,.vc .vc-pill,.vc .vc-sal,.vc .vc-ben{background:#FFFFFF!important;color:#2A2D33!important;border:1px solid rgba(63,102,205,.3)!important;text-shadow:none!important}
.vc .vc-meta,.vc .vc-bottom{color:#4C5C8A!important}
.vc .vc-code{color:#5A6BA8!important;background:rgba(255,255,255,.7)!important}
.vc .vc-badges .mi-nova{background:#16307C!important;color:#FFFFFF!important;border:none!important}