/* ───────────────────────────────────────────────────────────── pl-fixes.css — correções do clone que valem para TODA página. Carregado pelo partials/head.html, portanto por todas as páginas gerenciadas. (Até 2026-07-16 havia três estruturas de diferentes — /metodologia e /equipe tinham head próprio do clone; o head legado do WordPress foi arrancado e hoje a estrutura é uma só. Reset mínimo — box-sizing e body margin — mora no partial.) ───────────────────────────────────────────────────────────── */ /* 1. Reset que o tema perdeu. O reset vinha do wp-block-library.css do clone, escopado em .wp-site-blocks — classe do WordPress que estas páginas estáticas não têm, então ele nunca disparava aqui: o
  • do menu voltava ao bullet nativo e o caía no azul do user-agent. Aquele arquivo (132 KB, órfão — nenhuma página o carregava) foi DELETADO em 2026-07-16; carregá-lo não resolvia, porque o que falha é o escopo, e ainda estouraria o budget de CSS. As duas regras abaixo são o que de fato aplica. */ .c-header ul, .c-footer ul { list-style: none; margin: 0; padding: 0; } .c-header a, .c-footer a { color: inherit; } /* 2. Re-skin do rodapé. O tema veio com o rodapé em preto puro (#000, herança do clone integratedbio); a paleta da marca é o dark-charcoal. Pontual até o footer.css ser reescrito. */ .c-footer { background-color: #222f30; } /* Fundo global dark — o site é dark-charcoal. */ html { background-color: #222f30; } /* 3. Header — logo MAIOR e sempre CLARO; a NAVBAR (links + CTA) mantém a PÍLULA BRANCA do tema; CTA vira botão sólido legível. Histórico (Thiago 2026-07-17, várias iterações): - Tentei "cor negativa" adaptativa (logo escuro/claro pelo fundo), mas o detector lia o `background-color` CSS e o hero é VÍDEO sobre uma cor clara herdada do clone → lia "claro" e escurecia o logo no topo. DOM não é sinal confiável do que está visível. Desligado (header-contrast.js é stub). Logo agora é SEMPRE claro (branco+limão) — correto no site dark. Para páginas genuinamente cream (ex. /metodologia), escurecer o logo via flag explícita POR PÁGINA (ex. `` + regra abaixo), não por auto-detecção. - Pílula: remover SÓ a do logo; a do menu (.inline_menu) fica como o tema (branca, texto charcoal). pl-fixes carrega DEPOIS do header.css → overrides vencem por ordem-de-fonte + especificidade. */ /* 3a. Logo ~+42% (max-width 176→250px) + sem o shift de 14px do scroll (era p/ casar com a pílula do logo, removida). */ .c-header .header_inline .inline_logo { aspect-ratio: 313 / 57; max-width: 250px; } html.has-scrolled .c-header .header_inline .inline_logo { transform: none; } /* 3b. Pílula removida SÓ do logo (a do menu fica branca, do tema). */ .c-header .header_inline .inline_logo::before { display: none; } /* 3c. Logo CLARO — duotone branco + team limão. Especificidade 0,4,0 vence a regra do tema .logo_el path (0,3,1), que pinta tudo via var. */ .c-header .header_inline .logo_el .pl-logo-mark, .c-header .header_inline .logo_el .pl-logo-word { fill: #fff; } .c-header .header_inline .logo_el .pl-logo-team { fill: var(--color--3); /* #cef79e — limão soft-mint */ } /* 3d. Página CLARA (ex. /metodologia) — . Sobre o topo cream (glass bar ainda oculto) o logo é tricolor (pedido do Thiago 2026-07-17): "POKERLAB" em verde-grafite (#47504d), o símbolo em sage-grey (#a1a18f) e "TEAM" em lime (#a0d765). Quando o glass bar aparece (.pl-past-hero, vidro escuro) o logo volta a branco+limão (regra default §3c). Tudo amarrado ao MESMO estado do bar — sem detecção de fundo (inviável). */ html.pl-header-light:not(.pl-past-hero) .c-header .header_inline .logo_el .pl-logo-word { fill: #47504d; } html.pl-header-light:not(.pl-past-hero) .c-header .header_inline .logo_el .pl-logo-mark { fill: #a1a18f; /* sage-grey — o símbolo */ } html.pl-header-light:not(.pl-past-hero) .c-header .header_inline .logo_el .pl-logo-team { fill: #a0d765; /* lime — TEAM em destaque no cream */ } html.pl-header-light:not(.pl-past-hero) .c-header .header_inline .inline_menu .item_btn { color: #222f30; } html.pl-header-light:not(.pl-past-hero) .c-header .header_inline .inline_menu .item_btn:hover { color: #3c585b; /* teal — acento no cream (lime só no escuro) */ } /* 3e. CTA "Inscreva-se" — botão sólido dark + texto branco (era transparente/ charcoal → escuro-no-escuro no render do Thiago). Usa a var do próprio botão do tema + background direto (robusto aos dois caminhos de render). */ /* CTA da navbar agora usa o BOTÃO PADRÃO do tema (.u-btn--1 button_el, com label + setinha limão no canto — marcação em partials/header.html). Sem override de cor aqui: o tema estiliza o botão. Substitui o antigo .cta dark-solid (o comentário acima é histórico). Thiago 2026-07-17. */ /* 3f. Navbar SEM pílula branca — a superfície agora é o glass bar full-width (§4). Links brancos (legíveis sobre o hero e sobre o vidro escuro); hover em limão, sem o chip cream do tema. */ .c-header .header_inline .inline_menu { background-color: transparent; border-color: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; } .c-header .header_inline .inline_menu .item_btn { color: #fff; --button-background-hover: transparent; } .c-header .header_inline .inline_menu .item_btn:hover { color: var(--color--3); /* limão */ } /* 4. Navbar full-width com FROSTED GLASS (padrão do tema), que só aparece DEPOIS do hero — o hero tem moldura clara que brigaria com o vidro. Ancorada em html::before (backdrop-filter FUNCIONA aqui; em .c-header::before o transform/contexto do header — fixed, z:100 — confina o blur ao subtree vazio e nada borra). z:99 = atrás do logo/nav (z:100), à frente da página. Toggle `html.pl-past-hero` vem do header-contrast.js (IntersectionObserver no hero). Substitui a estratégia do blur-scrim (abortada). Thiago 2026-07-17. */ html::before { content: ""; position: fixed; top: 0; left: 0; right: 0; height: 104px; z-index: 99; pointer-events: none; opacity: 0; transition: opacity 0.35s var(--transition-ease--1, ease); /* vidro escuro do tema: gradiente + blur/saturate + borda + brilho + sombra */ background: linear-gradient( to bottom, rgba(27, 38, 39, 0.72), rgba(27, 38, 39, 0.55) ); -webkit-backdrop-filter: blur(16px) saturate(1.3); backdrop-filter: blur(16px) saturate(1.3); border-bottom: 1px solid rgba(255, 255, 255, 0.08); /* sombra delicada, padrão Apple: offset curto + suave + baixa opacidade */ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 2px 8px rgba(0, 0, 0, 0.12); } html.pl-past-hero::before { opacity: 1; }