/*
 * Sistema cromático Unilabor — 2026-08-13
 * Azul: ações e navegação | Verde: cuidado, WhatsApp e resultados
 * Amarelo: microdestaques | Azul-claro: superfícies de apoio
 */
body.biograph-theme {
  --identity-blue: #0c6cf3;
  --identity-blue-deep: #0757c9;
  --identity-blue-soft: #e2edf4;
  --identity-yellow: #eecb22;
  --identity-green: #02a64a;
  --identity-green-deep: #027a3a;
  --surface: #f3f7fa;
  --line: #dce4ea;
  --muted: #5e6672;
}

/* Superfícies: azul-claro aparece diluído, nunca como grande bloco saturado. */
body.biograph-theme .page-section--tone-surface {
  --section-tone: #f3f7fa;
}
body.biograph-theme .ubx-section--surface {
  background-color: #f3f7fa;
}

/* Títulos continuam neutros; a identidade entra apenas no pequeno marcador. */
body.biograph-theme :is(.eyebrow, .ubx-eyebrow) {
  color: var(--identity-blue-deep);
}
body.biograph-theme :is(.eyebrow, .ubx-eyebrow)::before {
  background: var(--identity-yellow);
}
body.biograph-theme :is(.ubx-section--dark, .ubx-page-intro--dark, .ubx-page-intro--media, .ubx-editorial--dark)
  :is(.eyebrow, .ubx-eyebrow) {
  color: var(--identity-blue-soft);
}

/* Cabeçalho: as cores comunicam a função dos dois acessos rápidos. */
body.biograph-theme .site-header .header-hero-cta--booking,
body.biograph-theme .site-header:not(.is-scrolled) .header-hero-cta--booking,
body.biograph-theme .site-header.is-scrolled .header-hero-cta--booking {
  color: #075d32;
  border-color: rgba(2, 166, 74, 0.34);
  background: #e7f5ed;
}
body.biograph-theme .site-header .header-hero-cta--booking .header-hero-cta__whatsapp {
  color: var(--identity-green);
}
body.biograph-theme .site-header .header-hero-cta--results,
body.biograph-theme .site-header.is-scrolled .header-hero-cta--results {
  color: #084b9e;
  border-color: rgba(12, 108, 243, 0.28);
  background: #e8f0fb;
}
body.biograph-theme .site-header .header-hero-cta--results .header-hero-cta__icon {
  border-left-color: rgba(12, 108, 243, 0.3);
}
@media (hover: hover) and (pointer: fine) {
  body.biograph-theme .site-header .header-hero-cta--booking:hover,
  body.biograph-theme .site-header.is-scrolled .header-hero-cta--booking:hover {
    color: #fff;
    border-color: var(--identity-green-deep);
    background: var(--identity-green-deep);
  }
  body.biograph-theme .site-header .header-hero-cta--booking:hover .header-hero-cta__whatsapp {
    color: #fff;
  }
  body.biograph-theme .site-header .header-hero-cta--results:hover,
  body.biograph-theme .site-header.is-scrolled .header-hero-cta--results:hover {
    color: #fff;
    border-color: var(--identity-blue-deep);
    background: var(--identity-blue-deep);
  }
  body.biograph-theme .site-header .header-hero-cta--results:hover .header-hero-cta__icon {
    border-left-color: rgba(255, 255, 255, 0.4);
  }
}

/* No menu móvel, “falar com a equipe” herda o significado verde. */
body.biograph-theme .mobile-menu__actions .button--primary {
  border-color: var(--identity-green-deep);
  background: var(--identity-green-deep);
}

/* Cards: contornos levemente azulados e ações azuis; conteúdo permanece neutro. */
body.biograph-theme :is(.ubx-card, .journey-card, .solution-card, .post-card) {
  border-color: #d8e3eb;
}
body.biograph-theme .ubx-card--dark {
  border-color: var(--night);
}
body.biograph-theme .ubx-card__meta > :first-child {
  color: var(--identity-blue-deep);
}
body.biograph-theme :is(.ubx-card, .journey-card, .post-card) .text-link {
  color: var(--identity-blue-deep);
  border-color: rgba(12, 108, 243, 0.3);
  background: rgba(226, 237, 244, 0.66);
}
@media (hover: hover) and (pointer: fine) {
  body.biograph-theme :is(.ubx-card, .journey-card, .post-card) .text-link:hover {
    color: #fff;
    border-color: var(--identity-blue-deep);
    background: var(--identity-blue-deep);
  }
}

/* Blocos informativos recebem amarelo só como régua de atenção. */
body.biograph-theme .ubx-callout:not(.ubx-callout--dark) {
  border-color: #d6e2ea;
  border-left-color: var(--identity-yellow);
  background: #edf4f8;
}

/* FAQ: separação azul-clara e estado aberto claramente reconhecível. */
body.biograph-theme .faq-item,
body.biograph-theme .faq-item.is-open {
  border-color: #d3dfe7;
  background: #edf3f7;
}
body.biograph-theme .faq-item.is-open {
  border-color: rgba(12, 108, 243, 0.34);
  background: var(--identity-blue-soft);
}
@media (hover: hover) and (pointer: fine) {
  body.biograph-theme .faq-item:not(.is-open):hover {
    background: #e6eff5;
  }
}

/* Filtros e estados selecionados seguem o azul de ação. */
body.biograph-theme .ubx-chip:hover,
body.biograph-theme .ubx-chip[aria-pressed="true"],
body.biograph-theme .ubx-chip[aria-current="true"],
body.biograph-theme .ubx-chip[data-active="true"] {
  color: #fff;
  border-color: var(--identity-blue-deep);
  background: var(--identity-blue-deep);
}

/* Links de contato e sucesso usam verde somente quando a semântica pede. */
body.biograph-theme :is(a[href^="https://wa.me"], a[href*="api.whatsapp.com"]) .header-hero-cta__whatsapp {
  color: var(--identity-green);
}

@media (prefers-reduced-motion: reduce) {
  body.biograph-theme .site-header .header-hero-cta {
    transition: none;
  }
}
/* Versão 2 — presença cromática ampliada, mantendo hierarquia profissional. */
body.biograph-theme {
  --surface: #eaf2f7;
  --line: #d2dfe8;
}

/* Alternância de seções mais visível, ainda em tom clínico e claro. */
body.biograph-theme .page-section--tone-surface,
body.biograph-theme .page-section--tone-surface > :is(.section, .ubx-section):not(.ubx-section--dark):not(.ubx-principles) {
  --section-tone: #eaf2f7;
  background-color: #eaf2f7;
}
body.biograph-theme .ubx-section--surface {
  background-color: #eaf2f7;
}

/* Assinatura curta sob os títulos: azul predominante e amarelo como energia. */
body.biograph-theme :is(.ubx-section-heading__title, .section-head h2) {
  position: relative;
  padding-bottom: 1rem;
}
body.biograph-theme :is(.ubx-section-heading__title, .section-head h2)::after {
  display: block;
  width: 5rem;
  height: 0.25rem;
  margin: 0.85rem auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--identity-blue) 0 76%, var(--identity-yellow) 76% 100%);
  content: "";
}
body.biograph-theme :is(.ubx-section--dark, .network, .proof, .closing-cta)
  :is(.ubx-section-heading__title, .section-head h2)::after {
  background: linear-gradient(90deg, #fff 0 76%, var(--identity-yellow) 76% 100%);
}

/* CTAs principais agora têm preenchimento de marca perceptível. */
body.biograph-theme .site-header .header-hero-cta--booking,
body.biograph-theme .site-header:not(.is-scrolled) .header-hero-cta--booking,
body.biograph-theme .site-header.is-scrolled .header-hero-cta--booking {
  color: #fff;
  border-color: var(--identity-green);
  background: var(--identity-green);
  box-shadow: 0 0.35rem 1rem rgba(2, 166, 74, 0.18);
}
body.biograph-theme .site-header .header-hero-cta--booking .header-hero-cta__whatsapp {
  color: #fff;
}
body.biograph-theme .site-header .header-hero-cta--results,
body.biograph-theme .site-header.is-scrolled .header-hero-cta--results {
  color: #fff;
  border-color: var(--identity-blue-deep);
  background: var(--identity-blue-deep);
  box-shadow: 0 0.35rem 1rem rgba(7, 87, 201, 0.16);
}
body.biograph-theme .site-header .header-hero-cta--results .header-hero-cta__icon {
  border-left-color: rgba(255, 255, 255, 0.38);
}
@media (hover: hover) and (pointer: fine) {
  body.biograph-theme .site-header .header-hero-cta--booking:hover,
  body.biograph-theme .site-header.is-scrolled .header-hero-cta--booking:hover {
    border-color: var(--identity-green-deep);
    background: var(--identity-green-deep);
  }
  body.biograph-theme .site-header .header-hero-cta--results:hover,
  body.biograph-theme .site-header.is-scrolled .header-hero-cta--results:hover {
    border-color: #064aab;
    background: #064aab;
  }
}

/* Cards ganham uma régua azul real, profundidade sutil e botão preenchido. */
body.biograph-theme :is(.ubx-card, .journey-card, .post-card) {
  position: relative;
  border-color: #cadbe6;
  box-shadow: 0 0.65rem 1.8rem rgba(28, 61, 91, 0.07);
}
body.biograph-theme :is(.ubx-card, .journey-card, .post-card)::before {
  position: absolute;
  z-index: 2;
  inset: 0 0 auto;
  height: 0.25rem;
  background: var(--identity-blue);
  content: "";
}
body.biograph-theme .ubx-card--dark::before {
  background: var(--identity-yellow);
}
body.biograph-theme :is(.ubx-card, .journey-card, .post-card) .text-link {
  color: #fff;
  border-color: var(--identity-blue-deep);
  background: var(--identity-blue-deep);
  box-shadow: 0 0.35rem 0.85rem rgba(7, 87, 201, 0.12);
}
body.biograph-theme :is(.ubx-card, .journey-card, .post-card) .text-link::after {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  body.biograph-theme :is(.ubx-card, .journey-card, .post-card) .text-link:hover {
    border-color: #064aab;
    background: #064aab;
  }
}

/* FAQ claramente identificado como conjunto interativo. */
body.biograph-theme .faq-item,
body.biograph-theme .faq-item.is-open {
  border-color: #c8dae6;
  background: #e6f0f6;
}
body.biograph-theme .faq-item.is-open {
  border-color: rgba(2, 166, 74, 0.5);
  background: #e2f2e9;
  box-shadow: 0 0.7rem 1.7rem rgba(2, 122, 58, 0.08);
}
body.biograph-theme .faq-question::after {
  border-color: rgba(12, 108, 243, 0.3);
  color: var(--identity-blue-deep);
  background: #fff;
}
body.biograph-theme .faq-question[aria-expanded="true"]::after,
body.biograph-theme .faq-item.is-open .faq-question::after {
  border-color: var(--identity-green-deep);
  color: #fff;
  background: var(--identity-green-deep);
}

/* Introduções de páginas internas ganham profundidade azul-clara discreta. */
body.biograph-theme .ubx-page-intro:not(.ubx-page-intro--dark):not(.ubx-page-intro--media) {
  background:
    radial-gradient(circle at 88% 18%, rgba(12, 108, 243, 0.1), transparent 28%),
    linear-gradient(180deg, #fff 0%, #edf4f8 100%);
}

/* Métricas claras usam o azul; resultados e sinais de sucesso permanecem verdes. */
body.biograph-theme .ubx-metrics:not(.ubx-metrics--dark) .ubx-metric__value {
  color: var(--identity-blue-deep);
}
body.biograph-theme .ubx-metrics:not(.ubx-metrics--dark) .ubx-metric:nth-child(3n) .ubx-metric__value {
  color: var(--identity-green-deep);
}
/* Na faixa verde da home, todos os valores permanecem brancos. */
body.biograph-theme.page-home .page-section--pilares .ubx-metrics .ubx-metric__value {
  color: #fff !important;
}
/* Cards: remove a régua cromática superior conforme revisão visual. */
body.biograph-theme :is(.ubx-card, .journey-card, .post-card)::before {
  display: none;
  content: none;
}
/* Cabeçalho: ícone do WhatsApp branco sobre o CTA verde. */
body.biograph-theme .site-header .header-hero-cta--booking .header-hero-cta__whatsapp {
  color: #fff;
  stroke: #fff;
}
body.biograph-theme .site-header .header-hero-cta--booking .header-hero-cta__whatsapp path + path {
  fill: #fff;
  stroke: none;
}
/* Faixa final: o CTA de agendamento repete o verde do cabeçalho. */
body.biograph-theme .closing-cta__booking {
  color: #fff;
  border-color: var(--identity-green);
  background: var(--identity-green);
  box-shadow: 0 0.35rem 1rem rgba(2, 166, 74, 0.18);
}
body.biograph-theme .closing-cta__booking .header-hero-cta__whatsapp {
  color: #fff;
  stroke: #fff;
}
body.biograph-theme .closing-cta__booking .header-hero-cta__whatsapp path + path {
  fill: #fff;
  stroke: none;
}
@media (hover: hover) and (pointer: fine) {
  body.biograph-theme .closing-cta__booking:hover {
    color: #fff;
    border-color: var(--identity-green-deep);
    background: var(--identity-green-deep);
  }
}