/* ============================================================
   THEME-HUB.CSS · Camada de MARCA — hub4healing
   Fonte: "Guia de Estilo hub4healing · Nº 01 · MMXXVI".
   Turquesa e dourado guiam; creme como papel; grão e cor chapada
   no lugar de brilho digital. Escopo: só dentro de .brand-hub-turquesa,
   para o Salto Quântico e o webinar manterem a marca da campanha.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

.brand-hub-turquesa{
  /* ---- CORES ---- */
  --turquesa:        #12A79C;
  --turquesa-bright: #2FCCBF;
  --turquesa-deep:   #0E857B;
  --dourado:         #BE8E2B;  /* legível, para texto        */
  --dourado-sol:     #F4C85A;  /* solar, para brilho e CTA   */
  --creme:           #FBF7F0;
  --creme-deep:      #F1E9D8;

  --ink:        #2B5058;
  --ink-muted:  #5E838A;
  --navy:       var(--turquesa);
  --deep:       var(--turquesa-deep);
  --paper:      var(--creme);
  --surface:    #FFFFFF;
  --mist:       var(--creme-deep);
  --line:       #E3DBC9;
  --violet:     var(--turquesa);
  --violet-soft:#A6F0E7;
  --amber:      var(--dourado-sol);
  --amber-ink:  #2B5058;

  --shadow:     0 18px 50px rgba(43,80,88,.14);
  --shadow-sm:  0 6px 20px rgba(43,80,88,.07);

  /* ---- TIPOGRAFIA ---- */
  --font-display: "Bricolage Grotesque", "Space Grotesk", -apple-system, sans-serif;
  --font-sans:    "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    "Space Mono", ui-monospace, monospace;

  background:var(--paper);color:var(--ink);font-family:var(--font-sans);min-height:100vh;
}
.brand-hub-turquesa h1,.brand-hub-turquesa h2,.brand-hub-turquesa h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}
.brand-hub-turquesa h1{line-height:1.02}
.brand-hub-turquesa .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;font-weight:400}
.brand-hub-turquesa section:not(.dark) .eyebrow{color:var(--turquesa-deep)}

/* bloco turquesa + anéis dourados + grão (no lugar do cosmos violeta) */
.brand-hub-turquesa .hero,.brand-hub-turquesa section.dark,.brand-hub-turquesa footer{background:var(--turquesa-deep);color:#F4FBFA}
.brand-hub-turquesa .hero{background:
   radial-gradient(circle at 84% 18%, transparent 0 118px, rgba(244,200,90,.55) 119px 121px, transparent 122px 178px, rgba(244,200,90,.42) 179px 181px, transparent 182px 238px, rgba(244,200,90,.3) 239px 241px, transparent 242px 298px, rgba(244,200,90,.2) 299px 301px, transparent 302px),
   var(--turquesa-deep)}
.brand-hub-turquesa .hero:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.16;mix-blend-mode:overlay}
.brand-hub-turquesa .nav{background:var(--turquesa-deep);border-bottom:1px solid rgba(255,255,255,.14)}
.brand-hub-turquesa .brand small{color:#BFEDE7}
.brand-hub-turquesa .hero .sub{color:#DFF5F2}
.brand-hub-turquesa .hero-cred span{color:#F4FBFA;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
.brand-hub-turquesa .eyebrow{color:var(--dourado-sol)}
.brand-hub-turquesa section.dark p,.brand-hub-turquesa section.dark .card p,.brand-hub-turquesa section.dark ul.ticks li,.brand-hub-turquesa .agenda-row span{color:#DFF5F2}
.brand-hub-turquesa section.dark h2{color:#fff}
.brand-hub-turquesa .micro{color:#CFEFEA}
.brand-hub-turquesa section:not(.dark) .micro{color:var(--ink-muted)}
.brand-hub-turquesa .webinar-data{color:var(--dourado-sol)}
.brand-hub-turquesa .field label{color:#F4FBFA}
.brand-hub-turquesa .field input::placeholder,.brand-hub-turquesa .iti__tel-input::placeholder{color:#9CCFC8}
.brand-hub-turquesa footer{color:#BFEDE7}
.brand-hub-turquesa footer a{color:#F4FBFA}
.brand-hub-turquesa .foot-inst p{color:#CFEFEA}
.brand-hub-turquesa .selo-inst span{color:#EAF8F6}
.brand-hub-turquesa .selo-inst{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.brand-hub-turquesa .num{background:var(--turquesa)}
.brand-hub-turquesa .btn-primary{background:var(--dourado-sol);color:var(--amber-ink)}
.brand-hub-turquesa .btn-primary:hover{background:#F7D780}
.brand-hub-turquesa .hub-meta span{background:var(--creme-deep);border-color:var(--line);color:var(--ink)}
.brand-hub-turquesa .hub-card{border-top-color:var(--turquesa)}
.brand-hub-turquesa section.dark .curso-inclui li:before{color:var(--dourado-sol)}
.brand-hub-turquesa .curso-inclui li:before{color:var(--turquesa)}
.brand-hub-turquesa .card{border-color:var(--line)}
.brand-hub-turquesa details summary:after{color:var(--turquesa)}
.brand-hub-turquesa .ok-page{background:var(--turquesa-deep)}
.brand-hub-turquesa .org-facts div{border-left-color:var(--dourado)}

/* ---- paleta turquesa acima fica DORMENTE (classe .brand-hub-turquesa) ----
   Decisão de 13/9/2026: o site mantém a identidade violeta/âmbar da campanha;
   do guia entra só a marca. Para ativar a paleta, troque a classe na home. */

/* logo provisória: círculo + H, nome com o 4 em destaque (na paleta do site) */
.logo-hub{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.logo-hub .h{width:34px;height:34px;border-radius:50%;background:var(--amber);color:var(--deep);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:800;font-size:19px;flex:none}
.logo-hub .nome{font-family:var(--font-sans);font-weight:700;font-size:17px;letter-spacing:-.01em;line-height:1.1;color:#fff}
.logo-hub .nome b{color:var(--amber);font-weight:700}
.logo-hub small{display:block;font-weight:400;font-size:12px;letter-spacing:.02em;color:var(--violet-soft);margin-top:3px}
.logo-hub.claro .h{background:var(--violet);color:#fff}
.logo-hub.claro .nome{color:var(--ink)}
.logo-hub.claro .nome b{color:var(--violet)}
.logo-hub.claro small{color:var(--ink-muted)}