/* ============================================================
   Governantes — global.css
   Fonte única de estilos compartilhados: variáveis, reset,
   tipografia, navbar, footer, botões, cards, modal e animações.
   Extraído do index.html original e consolidado aqui para
   eliminar duplicação entre páginas.
   ============================================================ */

  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&family=Dancing+Script:wght@600;700&display=swap');

  :root{
    --bg:#0B0B0B;
    --bg-card:#4A2F1D;
    --gold:#C8A45A;
    --gold-bright:#E6CF96;
    --beige:#E6DBC1;
    --brown:#8A6724;
    --white:#F5F0E6;
    --ease:cubic-bezier(.2,.8,.2,1);
    --dur-fast:.18s;
    --dur-med:.32s;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  /* leve profundidade contínua atrás de todas as seções, para o scroll não parecer uma pilha de blocos estanques */
  body::before{
    content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
    background:
      radial-gradient(circle at 78% 8%, rgba(228,193,90,.05), transparent 32%),
      radial-gradient(circle at 6% 46%, rgba(122,91,58,.05), transparent 30%),
      radial-gradient(circle at 88% 82%, rgba(201,162,39,.04), transparent 30%);
  }
  body{font-family:'Inter',sans-serif; background:var(--bg); color:var(--beige);}
  .page-overflow-fix{overflow-x:hidden;}
  a{color:inherit; text-decoration:none;}
  .wrap{max-width:1080px; margin:0 auto; padding:0 32px; position:relative;}
  @media (max-width:720px){ .wrap{padding:0 20px;} }
  ::selection{background:var(--gold); color:var(--bg);}

  /* ===== DOUBLE RING background motif ===== */
  .ring-bg{position:absolute; pointer-events:none; z-index:0;}
  .ring-bg svg{display:block;}
  .ring-bg circle{fill:none; stroke:var(--gold);}

  nav{
    position:fixed; top:0; left:0; right:0; z-index:100; padding:16px 0;
    background:rgba(10,10,10,0); transition:background .35s ease, padding .35s ease, box-shadow .35s ease;
  }
  nav.scrolled{background:rgba(10,10,10,.92); backdrop-filter:blur(10px); box-shadow:0 4px 24px rgba(0,0,0,.5); padding:11px 0;}
  nav .wrap{display:flex; align-items:center; justify-content:space-between;}
  .nav-brand{font-family:'Playfair Display',serif; font-weight:600; font-size:18px; letter-spacing:.4px; color:var(--gold-bright);}
  .nav-brand span{font-family:'Inter',sans-serif; font-weight:500; font-size:12px; color:var(--beige); margin-left:2px; opacity:.7;}
  .nav-links{display:flex; gap:22px; align-items:center;}
  .nav-links a{position:relative; font-size:11.5px; font-weight:500; letter-spacing:.5px; text-transform:uppercase; color:var(--beige); opacity:.85; transition:opacity .2s, color .2s; padding-bottom:3px; white-space:nowrap;}
  .nav-links a::after{content:""; position:absolute; left:0; right:100%; bottom:0; height:1px; background:var(--gold-bright); transition:right .3s cubic-bezier(.2,.8,.2,1);}
  .nav-links a:hover{opacity:1; color:var(--gold-bright);}
  .nav-links a:hover::after{right:0;}
  .nav-cta{font-size:12px; font-weight:600; letter-spacing:.6px; text-transform:uppercase; color:var(--gold-bright); position:relative; padding-bottom:3px;}
  .nav-cta::after{content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--gold-bright);}
  @media (max-width:860px){ .nav-links{display:none;} }
  .eco-switch{
    display:flex; align-items:center; gap:8px; font-size:11px !important; font-weight:700 !important;
    letter-spacing:1px; text-transform:uppercase; color:var(--gold-bright) !important; opacity:1 !important;
    padding:8px 16px; border:1px solid rgba(201,162,39,.35); border-radius:30px;
    transition:background var(--dur-med) var(--ease), border-color var(--dur-med) var(--ease), transform var(--dur-med) var(--ease);
  }
  .eco-switch::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--gold); flex:none;}
  .eco-switch::after{display:none;}
  .eco-switch:hover{background:rgba(228,193,90,.08); border-color:var(--gold-bright); transform:translateY(-1px);}

  /* mobile hamburger */
  .nav-burger{display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:11px; min-width:44px; min-height:44px; align-items:center; justify-content:center; z-index:200;}
  .nav-burger span{width:22px; height:1.5px; background:var(--gold-bright); display:block; transition:transform .3s, opacity .3s;}
  @media (max-width:860px){ .nav-burger{display:flex;} }
  .mobile-panel{
    position:fixed; inset:0; background:rgba(6,6,6,.98); z-index:150;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:28px;
    opacity:0; pointer-events:none; transition:opacity .3s ease;
  }
  .mobile-panel.open{opacity:1; pointer-events:auto;}
  .mobile-panel a{font-family:'Playfair Display',serif; font-size:22px; color:var(--beige); letter-spacing:.5px;}
  .mobile-panel a:hover{color:var(--gold-bright);}
  .mobile-panel .nav-cta{font-family:'Inter',sans-serif; font-size:13px; margin-top:10px;}

  /* HERO */
  .hero{
    position:relative; min-height:76vh; display:flex; align-items:center;
    background:
      radial-gradient(circle at 62% 28%, rgba(228,193,90,.14), transparent 52%),
      radial-gradient(circle at 12% 88%, rgba(122,91,58,.12), transparent 48%),
      radial-gradient(circle at 88% 92%, rgba(201,162,39,.07), transparent 40%),
      #000;
    padding:130px 0 80px; overflow:hidden; text-align:center;
  }
  .hero::before{
    content:"";
    position:absolute; inset:0; opacity:.5; mix-blend-mode:overlay; pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  }
  .hero::after{
    content:""; position:absolute; inset:0; pointer-events:none; z-index:1;
    background:radial-gradient(ellipse at center, transparent 35%, rgba(0,0,0,.55) 100%);
  }
  .hero-ring-parallax{
    position:absolute; top:8%; right:-14%; z-index:1; pointer-events:none;
    transition:transform .6s ease-out; will-change:transform;
  }
  .hero-ring{
    animation:ringSpin 90s linear infinite, ringBreathe 9s ease-in-out infinite;
  }
  .hero-ring svg circle{fill:none; stroke:var(--gold);}
  @keyframes ringSpin{ to{transform:rotate(360deg);} }
  @keyframes ringBreathe{ 0%,100%{opacity:.8;} 50%{opacity:1;} }
  .hero-scroll-cue{display:flex; justify-content:center; margin-top:34px; opacity:0; animation:fadeUp .9s ease forwards; animation-delay:1.6s;}
  .hero-cinematic-veil{
    position:absolute; inset:0; z-index:1; pointer-events:none; background:#000; opacity:0;
  }
  .hero-scroll-cue span{width:1px; height:46px; background:linear-gradient(to bottom, var(--gold-bright), transparent); display:block;}
  .hero .wrap{position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; transform:translateX(-2%);}
  @media (max-width:720px){
    .hero .wrap{transform:none;}
    .hero{min-height:auto; padding:128px 0 72px;}
  }
  .brand-mark{
    width:300px; max-width:74vw; height:auto;
    opacity:0; filter:drop-shadow(0 0 46px rgba(228,193,90,.14));
    animation:heroIn 1.1s cubic-bezier(.2,.8,.2,1) forwards, floatMark 7s ease-in-out infinite 1.1s;
  }
  .hero-thesis{
    margin-top:26px;
    font-family:'Playfair Display',serif; font-weight:600;
    font-size:clamp(21px,2.8vw,30px); color:var(--white); opacity:0;
    letter-spacing:.2px; max-width:560px; line-height:1.4;
    animation:fadeUp .9s ease forwards; animation-delay:1.25s;
  }
  .hero-thesis em{color:var(--gold-bright); font-style:italic; font-weight:600;}
  .hero-sig{
    margin-top:8px; font-family:'Dancing Script',cursive; font-weight:600;
    font-size:20px; color:var(--gold); opacity:0;
    animation:fadeUp .9s ease forwards; animation-delay:.9s;
  }
  .hero-sig sup{font-family:'Inter',sans-serif; font-size:9px; top:-9px;}

  @keyframes heroIn{ from{opacity:0; transform:scale(.92) translateY(10px);} to{opacity:1; transform:scale(1) translateY(0);} }
  @keyframes floatMark{ 0%,100%{transform:translateY(0) scale(1);} 50%{transform:translateY(-9px) scale(1.015);} }

  @keyframes fadeUp{ from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:translateY(0);} }
  @keyframes scaleIn{ from{opacity:0; transform:scale(.85);} to{opacity:1; transform:scale(1);} }

  section{padding:128px 0; position:relative;}
  @media (max-width:720px){ section{padding:76px 0;} }
  /* costura sutil entre seções: uma linha de luz no topo de cada bloco, dando sensação de continuidade */
  section:not(.hero)::before{
    content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1;
    width:min(70%,560px); height:1px;
    background:linear-gradient(90deg, transparent, rgba(201,162,39,.35), transparent);
  }
  .section-eyebrow{font-size:11px; font-weight:700; letter-spacing:2.4px; text-transform:uppercase; color:var(--gold); margin-bottom:14px; display:flex; align-items:center; gap:8px; position:relative; z-index:2;}
  .section-eyebrow::before{content:""; width:26px; height:1px; background:var(--gold);}
  .section-title{font-family:'Playfair Display',serif; font-weight:700; font-size:clamp(30px,4.4vw,44px); color:var(--white); line-height:1.16; margin-bottom:0; position:relative; z-index:2; letter-spacing:-.2px; max-width:420px;}
  .section-lead{font-size:16px; color:var(--beige); opacity:.82; max-width:640px; line-height:1.8; margin-bottom:0; position:relative; z-index:2;}

  /* composição em duas colunas: rótulo/título fixo à esquerda, lead à direita — melhor uso da largura no desktop */
  .section-head{
    display:grid; grid-template-columns:minmax(220px,340px) 1fr; gap:64px; align-items:start;
    margin-bottom:58px; position:relative; z-index:2;
  }
  .section-head .section-title{margin-bottom:0;}
  .section-head .section-lead{margin-bottom:0; padding-top:2px;}
  @media (max-width:900px){
    .section-head{grid-template-columns:1fr; gap:18px; margin-bottom:44px;}
    .section-head .section-title{max-width:none;}
  }
  .content-split{display:grid; grid-template-columns:minmax(220px,320px) 1fr; gap:64px; align-items:start; position:relative; z-index:2;}
  .content-split .head-col{position:sticky; top:140px;}
  .sobre-diagram{position:relative; margin-top:40px; padding-left:4px;}
  .sobre-diagram::before{
    content:""; position:absolute; left:3px; top:6px; bottom:6px; width:1px;
    background:linear-gradient(to bottom, rgba(201,162,39,.35), rgba(201,162,39,.08));
  }
  .sd-progress{
    position:absolute; left:3px; top:6px; width:1px; height:0%;
    background:linear-gradient(to bottom, var(--gold-bright), var(--gold));
    box-shadow:0 0 6px rgba(230,207,150,.6); transition:height .15s linear; z-index:1;
  }
  .sd-node{display:flex; align-items:center; gap:14px; padding:9px 0; position:relative;}
  .sd-dot{width:7px; height:7px; border-radius:50%; background:rgba(201,162,39,.25); flex:none; transition:background var(--dur-med) var(--ease), box-shadow var(--dur-med) var(--ease); z-index:1;}
  .sd-label{font-size:12.5px; font-weight:600; letter-spacing:.3px; color:var(--beige); opacity:.35; transition:opacity var(--dur-med) var(--ease), color var(--dur-med) var(--ease);}
  .sd-node.active .sd-dot{background:var(--gold-bright); box-shadow:0 0 8px rgba(228,193,90,.5);}
  .sd-node.active .sd-label{opacity:1; color:var(--gold-bright);}
  @media (max-width:900px){
    .content-split{grid-template-columns:1fr; gap:26px;}
    .content-split .head-col{position:static;}
  }
  .reveal{opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease;}
  .reveal.in{opacity:1; transform:translateY(0);}

  /* SOBRE */
  .sobre-body{max-width:660px; position:relative; z-index:2;}
  .sobre-body p{font-size:15.5px; line-height:1.85; color:var(--beige); margin-bottom:18px;}
  .sobre-body b{color:var(--white); font-weight:700;}
  .sobre-body .thesis{
    font-family:'Playfair Display',serif; font-style:italic; font-size:17px; color:var(--gold-bright);
    border-left:2px solid var(--gold); padding-left:18px; margin:22px 0;
  }
  .nao-somos{
    max-width:660px; margin-top:36px; padding-top:32px; border-top:1px solid rgba(201,162,39,.2);
    position:relative; z-index:2;
  }
  .nao-somos-label{font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--beige); opacity:.55; margin-bottom:14px;}
  .nao-somos ul{list-style:none;}
  .nao-somos li{
    font-size:14px; color:var(--beige); opacity:.75; line-height:1.9; padding-left:20px; position:relative;
  }
  .nao-somos li::before{content:"—"; position:absolute; left:0; color:var(--beige); opacity:.55;}

  /* MANIFESTO */
  .manifesto-section{
    background:linear-gradient(#0A0A0A, var(--bg-card) 90px, var(--bg-card) calc(100% - 90px), #0A0A0A);
  }
  .manifesto-body{max-width:960px; column-count:2; column-gap:56px; position:relative; z-index:2;}
  .manifesto-lead, .manifesto-pullquote, .manifesto-signoff, .manifesto-author{column-span:all;}
  @media (max-width:760px){ .manifesto-body{column-count:1;} }
  .manifesto-body::before{
    content:"“"; position:absolute; top:-64px; left:-18px; z-index:-1;
    font-family:'Playfair Display',serif; font-size:180px; line-height:1; color:var(--gold);
    opacity:.09; pointer-events:none;
  }
  @media (max-width:720px){ .manifesto-body::before{font-size:120px; top:-42px; left:-8px;} }
  .manifesto-lead{
    font-family:'Playfair Display',serif; font-weight:600; font-style:italic;
    font-size:clamp(19px,2.4vw,25px); color:var(--white); line-height:1.5; margin-bottom:14px;
  }
  .manifesto-body p:not(.manifesto-lead):not(.manifesto-signoff){
    font-size:15px; line-height:1.9; color:var(--beige); opacity:.9; margin:34px 0;
  }
  .autora-quote{
    font-family:'Playfair Display',serif; font-weight:600; font-style:italic;
    font-size:clamp(17px,2vw,20px); color:var(--gold-bright); line-height:1.55;
    border-left:2px solid var(--gold); padding:2px 0 2px 20px; margin:20px 0;
  }
  .manifesto-pullquote{
    font-family:'Playfair Display',serif; font-weight:600; font-style:italic;
    font-size:clamp(22px,3vw,30px); color:var(--gold-bright); line-height:1.4;
    margin:44px 0; padding:0 6% 0 0; text-align:left; border-left:none;
  }
  .manifesto-signoff{
    font-family:'Playfair Display',serif; font-weight:600; font-size:17px; color:var(--gold-bright);
    line-height:1.6; margin-top:26px;
  }
  .manifesto-author{margin-top:24px; font-family:'Dancing Script',cursive; font-size:22px; color:var(--gold);}

  /* AUTORA */
  .autora-grid{display:grid; grid-template-columns:.7fr 1.3fr; gap:50px; align-items:center; position:relative; z-index:2;}
  @media (max-width:860px){ .autora-grid{grid-template-columns:1fr; text-align:center;} }
  .autora-photo-wrap{position:relative; width:210px; height:210px; margin:0 auto;}
  .autora-photo-wrap svg{position:absolute; inset:-14px; width:calc(100% + 28px); height:calc(100% + 28px);}
  .autora-photo{width:100%; height:100%; border-radius:50%; overflow:hidden; position:relative; z-index:2; border:2px solid var(--gold);}
  .autora-photo img{width:100%; height:100%; object-fit:cover; display:block;}
  .autora-grid p{font-size:15px; line-height:1.8; color:var(--beige); margin-bottom:14px;}
  .autora-grid b{color:var(--white); font-weight:700;}
  .autora-links{display:flex; gap:12px; margin-top:20px; flex-wrap:wrap;}
  @media (max-width:860px){ .autora-links{justify-content:center;} }
  .link-pill{font-size:12.5px; font-weight:600; color:var(--gold-bright); background:transparent; border:1px solid var(--gold); padding:9px 18px; border-radius:30px; transition:all .2s;}
  .link-pill:hover{background:var(--gold); color:var(--bg); transform:translateY(-2px);}

  /* METODOLOGIA / TRILHAS */
  .trilhas-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; position:relative; z-index:2;}

  /* ===== METODOLOGIA COMO CAPÍTULOS (timeline vertical, não cards) ===== */
  .trilhas-timeline{position:relative; z-index:2;}
  .trilha-chapter{
    display:grid; grid-template-columns:130px 1fr; gap:36px; align-items:start;
    padding:48px 0; border-bottom:1px solid rgba(201,162,39,.16); cursor:pointer;
    transition:background var(--dur-med) var(--ease);
  }
  .trilha-chapter:first-child{padding-top:8px;}
  .trilha-chapter:last-child{border-bottom:none;}
  .trilha-chapter:hover{background:rgba(228,193,90,.03);}
  .tc-num{
    font-family:'Playfair Display',serif; font-weight:800; font-size:76px; line-height:1;
    color:rgba(201,162,39,.18); transition:color var(--dur-med) var(--ease); user-select:none;
  }
  .trilha-chapter:hover .tc-num{color:rgba(201,162,39,.4);}
  .tc-tag{font-size:12.5px; font-style:italic; color:var(--gold-bright); opacity:.85; margin-bottom:8px;}
  .tc-title{font-family:'Playfair Display',serif; font-weight:700; font-size:clamp(24px,3vw,32px); color:var(--white); margin-bottom:14px;}
  .tc-desc{font-size:14.5px; line-height:1.8; color:var(--beige); opacity:.88; max-width:600px; margin-bottom:18px;}
  .tc-cta{
    display:inline-flex; align-items:center; gap:8px; font-size:11.5px; font-weight:700;
    letter-spacing:.6px; text-transform:uppercase; color:var(--gold-bright);
    border-bottom:1px solid rgba(228,193,90,.4); padding-bottom:4px; transition:border-color var(--dur-med) var(--ease);
  }
  .tc-cta svg{width:13px; height:13px; transition:transform var(--dur-med) var(--ease);}
  .trilha-chapter:hover .tc-cta{border-color:var(--gold-bright);}
  .trilha-chapter:hover .tc-cta svg{transform:translateX(4px);}
  @media (max-width:640px){
    .trilha-chapter{grid-template-columns:1fr; gap:10px; padding:36px 0;}
    .tc-num{font-size:52px;}
  }
  @media (max-width:860px){ .trilhas-grid{grid-template-columns:1fr 1fr;} }
  @media (max-width:520px){ .trilhas-grid{grid-template-columns:1fr;} }
  .modalidades-grid{grid-template-columns:repeat(3,1fr);}
  @media (max-width:760px){ .modalidades-grid{grid-template-columns:1fr 1fr;} }
  @media (max-width:460px){ .modalidades-grid{grid-template-columns:1fr;} }
  .trilha-card{position:relative; display:block; background:var(--bg-card); border:1px solid rgba(201,162,39,.2); border-radius:12px; padding:30px 24px; overflow:hidden; transition:transform .3s cubic-bezier(.2,.8,.2,1), border-color .3s, box-shadow .3s;}
  .trilha-card::after{content:""; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg, var(--gold), var(--gold-bright)); transform:scaleX(0); transform-origin:left; transition:transform .35s cubic-bezier(.2,.8,.2,1);}
  .trilha-card:hover{transform:translateY(-6px) scale(1.01); border-color:var(--gold); box-shadow:0 20px 44px rgba(0,0,0,.35), 0 0 34px rgba(228,193,90,.14);}
  .trilha-card:hover::after{transform:scaleX(1);}
  .trilha-card .n{font-family:'Playfair Display',serif; font-size:22px; color:var(--gold); font-weight:700; margin-bottom:12px;}
  .trilha-card h4{font-size:14.5px; font-weight:800; color:var(--white); margin-bottom:8px;}
  .trilha-card p{font-size:12.5px; color:var(--beige); opacity:.85; line-height:1.6;}
  .trilha-card .depth{display:block; margin-top:12px; font-size:10px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:var(--gold-bright); opacity:.8;}
  .trilha-card .mailhint{display:block; margin-top:12px; font-size:10.5px; font-weight:700; letter-spacing:.3px; text-transform:uppercase; color:var(--gold);}

  /* AGENTES */
  .agentes-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; position:relative; z-index:2;}
  @media (max-width:860px){ .agentes-grid{grid-template-columns:1fr 1fr;} }
  @media (max-width:560px){ .agentes-grid{grid-template-columns:1fr;} }
  .agente-card{position:relative; background:var(--bg-card); border:1px solid rgba(201,162,39,.2); border-radius:12px; padding:26px 24px; overflow:hidden; transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, border-color .3s;}
  .agente-card::after{content:""; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg, var(--gold), var(--gold-bright)); transform:scaleX(0); transform-origin:left; transition:transform .35s cubic-bezier(.2,.8,.2,1);}
  .agente-card:hover{transform:translateY(-6px) scale(1.01); border-color:var(--gold); box-shadow:0 20px 44px rgba(0,0,0,.35), 0 0 34px rgba(228,193,90,.14);}
  .agente-card:hover::after{transform:scaleX(1);}
  .agente-card .ic{
    width:38px; height:38px; border-radius:50%; border:1.5px solid var(--gold);
    display:flex; align-items:center; justify-content:center; font-family:'Playfair Display',serif; font-weight:700; font-size:15px; color:var(--gold-bright);
    margin-bottom:14px;
  }
  .agente-card h4{font-size:14px; font-weight:800; color:var(--white); margin-bottom:6px;}
  .agente-card p{font-size:12px; color:var(--beige); opacity:.85; line-height:1.6;}

  /* ===== AGENTES COMO PRODUTOS (painel com fluxo visual, não card descritivo) ===== */
  .agente-panels{display:grid; grid-template-columns:repeat(2,1fr); gap:22px; position:relative; z-index:2;}
  @media (max-width:760px){ .agente-panels{grid-template-columns:1fr;} }
  .agente-panel{
    position:relative; background:var(--bg-card); border:1px solid rgba(201,162,39,.2); border-radius:14px;
    padding:30px 26px; cursor:pointer; overflow:hidden;
    transition:transform var(--dur-med) var(--ease), border-color var(--dur-med) var(--ease), box-shadow var(--dur-med) var(--ease);
  }
  .agente-panel::after{content:""; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg, var(--gold), var(--gold-bright)); transform:scaleX(0); transform-origin:left; transition:transform var(--dur-med) var(--ease);}
  .agente-panel:hover{transform:translateY(-5px); border-color:var(--gold); box-shadow:0 18px 40px rgba(0,0,0,.32), 0 0 30px rgba(228,193,90,.12);}
  .agente-panel:hover::after{transform:scaleX(1);}
  .agente-panel .ic{
    width:38px; height:38px; border-radius:50%; border:1.5px solid var(--gold);
    display:flex; align-items:center; justify-content:center; font-family:'Playfair Display',serif; font-weight:700; font-size:15px; color:var(--gold-bright);
    margin-bottom:16px;
  }
  .agente-panel h4{font-size:17px; font-weight:800; color:var(--white); margin-bottom:6px; font-family:'Playfair Display',serif;}
  .agente-panel .ap-desc{font-size:13px; color:var(--beige); opacity:.85; line-height:1.65; margin-bottom:18px;}
  .agente-panel .ap-flow{display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin-bottom:16px;}
  .agente-panel .ap-flow .node{font-size:9.5px; font-weight:600; letter-spacing:.2px; color:var(--beige); opacity:.9; background:rgba(217,203,176,.05); border:1px solid rgba(201,162,39,.2); border-radius:6px; padding:5px 8px; line-height:1.3;}
  .agente-panel .ap-flow .arrow{color:var(--gold); font-size:12px; opacity:.55; flex:none;}
  .agente-panel .ap-badge{display:inline-flex; align-items:center; gap:6px; font-size:10.5px; font-weight:700; letter-spacing:.3px; color:var(--gold-bright); border:1px solid rgba(201,162,39,.3); border-radius:20px; padding:5px 12px;}

  /* CONTATO */
  .contact-section{text-align:center;}
  .contact-section .section-eyebrow{justify-content:center;}
  .contact-section .section-eyebrow::before{display:none;}
  .contact-section .section-title{max-width:640px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
  .contact-section .section-lead{margin-left:auto; margin-right:auto; margin-bottom:44px;}
  .contact-links{display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-bottom:34px; position:relative; z-index:2;}
  .contato-cta-row{display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin:32px 0 28px;}
  .btn-contato-primary{
    font-size:13px; font-weight:700; letter-spacing:.3px; text-transform:uppercase;
    color:var(--bg); background:var(--gold-bright); padding:15px 30px; border-radius:30px;
    transition:transform .2s var(--ease,ease), background .2s, box-shadow .2s;
  }
  .btn-contato-primary:hover{background:var(--gold); transform:translateY(-2px); box-shadow:0 12px 26px rgba(228,193,90,.25);}
  .btn-contato-secondary{
    font-size:13px; font-weight:700; letter-spacing:.3px; text-transform:uppercase;
    color:var(--gold-bright); background:transparent; border:1px solid rgba(201,162,39,.4); padding:15px 30px; border-radius:30px;
    transition:transform .2s var(--ease,ease), background .2s;
  }
  .btn-contato-secondary:hover{background:rgba(228,193,90,.08); transform:translateY(-2px);}
  .contact-pill{display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--beige); background:var(--bg-card); border:1px solid rgba(201,162,39,.3); padding:12px 22px; border-radius:30px; transition:all .2s;}
  .contact-pill:hover{border-color:var(--gold-bright); color:var(--gold-bright); transform:translateY(-2px);}
  .employee-cta{
    display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
    max-width:600px; margin:0 auto; position:relative; z-index:2;
    background:linear-gradient(135deg, rgba(228,193,90,.1), rgba(201,162,39,.04));
    border:1.5px solid var(--gold); border-radius:14px; padding:20px 26px;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .employee-cta::before{
    content:""; position:absolute; inset:-30px; z-index:-1;
    background:radial-gradient(circle, rgba(228,193,90,.15), transparent 70%);
  }
  .employee-cta:hover{transform:translateY(-4px); box-shadow:0 14px 34px rgba(228,193,90,.15);}
  .employee-cta span:first-child{font-size:14.5px; font-weight:800; color:var(--white);}
  .employee-cta .arrow{font-size:12px; font-weight:700; color:var(--gold-bright);}

  /* PUBLICOS */
  .tabs{display:flex; gap:10px; margin-bottom:36px; flex-wrap:wrap; position:relative; z-index:2;}
  .tab-btn{
    font-size:12.5px; font-weight:700; letter-spacing:.3px; padding:11px 22px; border-radius:30px;
    background:transparent; border:1px solid rgba(201,162,39,.35); color:var(--beige); cursor:pointer; transition:all .25s;
  }
  .tab-btn.active{background:var(--gold-bright); color:var(--bg); border-color:var(--gold-bright);}
  .tab-panel{display:none; position:relative; z-index:2;}
  .tab-panel.active{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  @media (max-width:760px){ .tab-panel.active{grid-template-columns:1fr;} }
  .profile-card{position:relative; display:block; background:var(--bg-card); border:1px solid rgba(201,162,39,.2); border-radius:14px; padding:26px 24px; overflow:hidden; transition:transform .3s cubic-bezier(.2,.8,.2,1), border-color .3s, box-shadow .3s;}
  .profile-card::after{content:""; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg, var(--gold), var(--gold-bright)); transform:scaleX(0); transform-origin:left; transition:transform .35s cubic-bezier(.2,.8,.2,1);}
  .profile-card:hover{transform:translateY(-6px) scale(1.01); border-color:var(--gold-bright); box-shadow:0 20px 44px rgba(0,0,0,.35), 0 0 34px rgba(228,193,90,.14);}
  .profile-card:hover::after{transform:scaleX(1);}
  .profile-card h4{font-size:14.5px; font-weight:800; color:var(--white); margin-bottom:8px;}
  .profile-card p{font-size:12.5px; color:var(--beige); opacity:.85; line-height:1.65;}
  .profile-card .mailhint{display:block; margin-top:12px; font-size:10.5px; font-weight:700; letter-spacing:.3px; text-transform:uppercase; color:var(--gold-bright);}

  footer{background:#000; padding:56px 0 0; position:relative; border-top:1px solid rgba(201,162,39,.14);}
  .floating-cta{
    position:fixed; bottom:calc(24px + env(safe-area-inset-bottom, 0px)); right:24px; z-index:9999;
    font-size:12.5px; font-weight:700; letter-spacing:.4px; text-transform:uppercase;
    color:var(--bg); background:var(--gold-bright); padding:14px 26px; border-radius:30px;
    box-shadow:0 12px 30px rgba(0,0,0,.4); transition:transform .2s var(--ease), box-shadow .2s var(--ease), background .2s;
  }
  .floating-cta:hover{transform:translateY(-3px); background:var(--gold); box-shadow:0 16px 38px rgba(0,0,0,.5);}
  @media (max-width:600px){ .floating-cta{bottom:calc(16px + env(safe-area-inset-bottom, 0px)); right:16px; padding:12px 20px; font-size:11.5px;} }
  .footer-close{text-align:center; padding-bottom:44px; border-bottom:1px solid rgba(201,162,39,.1); margin-bottom:44px;}
  .footer-closing-line{
    font-family:'Playfair Display',serif; font-style:italic; font-weight:600;
    font-size:clamp(15px,1.8vw,18px); color:var(--gold-bright); opacity:.9; max-width:620px; margin:0 auto; line-height:1.65;
  }
  .footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; padding-bottom:40px;}
  @media (max-width:700px){ .footer-grid{grid-template-columns:1fr; gap:32px;} }
  .footer-brand-name{font-family:'Playfair Display',serif; font-weight:600; font-size:20px; letter-spacing:.5px; color:var(--gold-bright);}
  .footer-tagline{font-size:12.5px; color:var(--beige); opacity:.55; margin-top:10px; max-width:260px; line-height:1.6;}
  .footer-col-title{font-size:10.5px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--gold); margin-bottom:14px;}
  .footer-col{display:flex; flex-direction:column; gap:10px;}
  .footer-col a{font-size:13px; color:var(--beige); opacity:.75; transition:opacity .2s, color .2s;}
  .footer-col a:hover{opacity:1; color:var(--gold-bright);}
  .footer-bottom{border-top:1px solid rgba(201,162,39,.1); padding:22px 0; text-align:center; color:var(--beige); opacity:.55; font-size:11.5px; letter-spacing:.3px;}

  /* ===== ACESSIBILIDADE / FOCO ===== */
  a:focus-visible, button:focus-visible, [tabindex]:focus-visible{
    outline:2px solid var(--gold-bright); outline-offset:4px; border-radius:4px;
  }

  /* ===== TOOLTIPS ===== */
  .tt{position:relative; border-bottom:1px dotted rgba(228,193,90,.55); cursor:help;}
  .tt::after{
    content:attr(data-tip); position:absolute; left:50%; bottom:calc(100% + 10px); transform:translateX(-50%) translateY(4px);
    background:#141008; color:var(--white); font-size:12px; font-weight:500; line-height:1.55;
    padding:10px 14px; border-radius:8px; border:1px solid rgba(201,162,39,.4);
    box-shadow:0 16px 34px rgba(0,0,0,.55); width:max-content; max-width:230px;
    opacity:0; pointer-events:none; transition:opacity .2s ease, transform .2s ease; z-index:60; text-align:left;
  }
  .tt:hover::after, .tt:focus::after{opacity:1; transform:translateX(-50%) translateY(0);}

  /* ===== CARDS CLICÁVEIS (trilhas / agentes / perfis) ===== */
  #perfis .profile-card{cursor:pointer;}
  .card-hint{
    display:inline-flex; align-items:center; gap:5px; margin-top:14px;
    font-size:10px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:var(--gold-bright);
    opacity:0; transform:translateX(-4px); transition:opacity .25s ease, transform .25s ease;
  }
  .trilha-card:hover .card-hint, .trilha-card:focus-visible .card-hint,
  .agente-card:hover .card-hint, .agente-card:focus-visible .card-hint,
  .profile-card:hover .card-hint, .profile-card:focus-visible .card-hint{opacity:.85; transform:translateX(0);}
  .card-hint svg{width:11px; height:11px; transition:transform .25s ease;}
  .trilha-card:hover .card-hint svg, .agente-card:hover .card-hint svg, .profile-card:hover .card-hint svg{transform:translateX(3px);}

  /* leve brilho extra nos ícones dos agentes no hover, além da elevação já existente */
  .agente-card:hover .ic{border-color:var(--gold-bright); box-shadow:0 0 0 4px rgba(228,193,90,.08);}

  /* ===== MODAL ===== */
  .modal-overlay{
    position:fixed; inset:0; z-index:300; display:flex; align-items:center; justify-content:center; padding:24px;
    background:rgba(6,5,3,.8); backdrop-filter:blur(8px);
    opacity:0; pointer-events:none; transition:opacity .3s ease;
  }
  .modal-overlay.open{opacity:1; pointer-events:auto;}
  .modal-box{
    position:relative; background:var(--bg-card); border:1px solid rgba(201,162,39,.35); border-radius:18px;
    max-width:660px; width:100%; max-height:88vh; overflow-y:auto; scroll-behavior:smooth;
    padding:44px 40px 40px; box-shadow:0 30px 90px rgba(0,0,0,.6);
    transform:translateY(18px) scale(.97); transition:transform .35s cubic-bezier(.2,.8,.2,1);
  }
  @media (max-width:640px){ .modal-box{padding:32px 22px 28px; max-height:92vh;} }
  .modal-overlay.open .modal-box{transform:translateY(0) scale(1);}
  .modal-close{
    position:absolute; top:14px; right:14px; width:44px; height:44px; border-radius:50%;
    border:1px solid rgba(201,162,39,.35); background:var(--bg-card); color:var(--gold-bright);
    font-size:16px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center;
    transition:background .2s, color .2s, transform .3s; z-index:2;
  }
  .modal-close:hover{background:var(--gold); color:var(--bg); transform:rotate(90deg);}
  .modal-eyebrow{font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--gold); margin-bottom:10px;}
  .modal-title{font-family:'Playfair Display',serif; font-weight:700; font-size:clamp(22px,3.4vw,30px); color:var(--white); margin-bottom:8px; line-height:1.22; padding-right:38px;}
  .modal-subtitle{font-size:13.5px; color:var(--gold-bright); opacity:.85; margin-bottom:28px; font-style:italic;}
  .modal-block{margin-bottom:26px; padding-top:26px; border-top:1px solid rgba(201,162,39,.16);}
  .modal-block:first-of-type{padding-top:0; border-top:none;}
  .modal-block .k{
    display:flex; align-items:center; gap:9px;
    font-family:'Playfair Display',serif; font-weight:700; font-style:italic;
    font-size:15px; color:var(--gold-bright); margin-bottom:10px;
  }
  .modal-block .k::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--gold); flex:none;}
  .modal-block .v{font-size:14px; line-height:1.8; color:var(--beige); opacity:.92;}
  .modal-block .v p{margin-bottom:10px;}
  .modal-block .v p:last-child{margin-bottom:0;}
  .modal-block ul{list-style:none; margin-top:4px;}
  .modal-block ul li{font-size:13.5px; line-height:1.7; color:var(--beige); opacity:.9; padding-left:18px; position:relative; margin-bottom:6px;}
  .modal-block ul.modal-checklist{list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:6px 16px;}
  .modal-block ul.modal-checklist li{padding-left:0;}
  .modal-block ul.modal-checklist li::before{display:none;}
  @media (max-width:480px){ .modal-block ul.modal-checklist{grid-template-columns:1fr;} }
  .modal-flow{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:4px;}
  .modal-flow span{font-size:12.5px; font-weight:700; color:var(--gold-bright);}
  .modal-flow-arrow{color:var(--gold) !important; opacity:.6; font-weight:400 !important;}
  .modal-block ul li::before{content:"—"; position:absolute; left:0; color:var(--gold); opacity:.8;}
  .modal-voice{
    background:rgba(228,193,90,.05); border-left:2px solid var(--gold); border-radius:0 8px 8px 0;
    padding:16px 18px; margin-top:12px;
  }
  .modal-voice .k{font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--gold); font-family:'Inter',sans-serif; font-style:normal; margin-bottom:8px;}
  .modal-voice .k::before{display:none;}
  .modal-voice .v{font-style:italic; font-size:13.5px; line-height:1.75;}
  .modal-faq details{
    border-top:1px solid rgba(201,162,39,.16); padding:14px 0;
  }
  .modal-faq details:first-child{border-top:none; padding-top:0;}
  .modal-faq summary{
    list-style:none; cursor:pointer; font-size:13.5px; font-weight:700; color:var(--white);
    display:flex; align-items:center; justify-content:space-between; gap:10px; padding-right:4px;
  }
  .modal-faq summary::-webkit-details-marker{display:none;}
  .modal-faq summary::after{content:"+"; font-size:18px; color:var(--gold-bright); transition:transform .25s var(--ease); flex:none;}
  .modal-faq details[open] summary::after{transform:rotate(45deg);}
  .modal-faq .a{font-size:13px; line-height:1.75; color:var(--beige); opacity:.88; margin-top:10px; padding-right:20px;}
  .modal-cta{
    display:inline-flex; align-items:center; gap:8px; margin-top:6px;
    font-size:12.5px; font-weight:700; letter-spacing:.3px; text-transform:uppercase;
    color:var(--bg); background:var(--gold-bright); padding:14px 28px; border-radius:30px; transition:all .2s;
  }
  .modal-cta:hover{background:var(--gold); transform:translateY(-2px); box-shadow:0 10px 26px rgba(228,193,90,.25);}
  .modal-invest{font-size:12px; color:var(--beige); opacity:.6; margin-top:12px;}

  /* ===== COMO TRABALHAMOS (fluxo horizontal conectado) ===== */
  /* ===== COMUNIDADE (composição assimétrica: assinatura como âncora visual) ===== */
  .comunidade-split{display:grid; grid-template-columns:340px 1fr; gap:64px; align-items:center; position:relative; z-index:2;}
  @media (max-width:860px){ .comunidade-split{grid-template-columns:1fr; gap:36px;} }
  .comunidade-visual{position:relative; text-align:center; padding:20px 0;}
  @media (max-width:860px){ .comunidade-visual{padding:0;} }
  .comunidade-badge{
    position:relative; width:250px; height:250px; margin:0 auto;
    display:flex; align-items:center; justify-content:center;
  }
  .cb-ring{position:absolute; inset:0; border-radius:50%; border:1px solid rgba(201,162,39,.4);}
  .cb-ring-inner{inset:16px; border-color:rgba(201,162,39,.22);}
  .comunidade-sig{
    font-family:'Dancing Script',cursive; font-weight:600; font-size:30px; color:var(--gold-bright);
    line-height:1.3; text-align:center; position:relative; z-index:2; padding:0 30px;
  }
  .comunidade-sig sup{font-family:'Inter',sans-serif; font-size:12px; top:-15px;}
  .comunidade-tag{font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--gold); opacity:.6; margin-top:26px; position:relative; z-index:2;}
  .comunidade-title{max-width:none; margin-bottom:28px;}
  .comunidade-body p{font-size:15px; line-height:1.9; color:var(--beige); opacity:.9; margin-bottom:26px;}
  .comunidade-signoff{
    font-family:'Playfair Display',serif; font-style:italic; font-weight:600;
    font-size:clamp(17px,2.2vw,21px); color:var(--gold-bright); opacity:1 !important; margin-top:8px !important;
  }
  .comunidade-links{
    display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin-top:26px;
    font-size:11.5px; font-weight:600; letter-spacing:.3px; text-transform:uppercase;
  }
  .comunidade-links a{color:var(--gold-bright); opacity:.85; transition:opacity .2s;}
  .comunidade-links a:hover{opacity:1;}
  .comunidade-links span{color:var(--beige); opacity:.5;}
  .comunidade-links .soon{color:var(--gold); opacity:.6; border:1px solid rgba(201,162,39,.3); border-radius:20px; padding:3px 10px;}

  /* ===== TALVEZ VOCÊ TENHA CHEGADO ATÉ AQUI PORQUE... ===== */
  .atalhos-title{text-align:center; max-width:640px; margin:0 auto 50px; font-style:italic;}
  .atalho-list{max-width:760px; margin:0 auto; position:relative; z-index:2;}
  .atalho-item{
    display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer;
    font-family:'Playfair Display',serif; font-size:clamp(16px,2.1vw,20px); color:var(--beige);
    padding:22px 4px; border-bottom:1px solid rgba(201,162,39,.16); transition:color var(--dur-med) var(--ease), padding-left var(--dur-med) var(--ease);
  }
  .atalho-item:first-child{border-top:1px solid rgba(201,162,39,.16);}
  .atalho-item .arrow{flex:none; color:var(--gold); opacity:.5; transition:transform var(--dur-med) var(--ease), opacity var(--dur-med) var(--ease); font-family:'Inter',sans-serif;}
  .atalho-item:hover{color:var(--gold-bright); padding-left:14px;}
  .atalho-item:hover .arrow{transform:translateX(6px); opacity:1;}

  /* ===== CASOS DE USO (seletor troca todo o painel) ===== */
  .casos-selector{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:36px; position:relative; z-index:2;}
  .caso-btn{
    font-family:'Inter',sans-serif; font-size:12.5px; font-weight:700; letter-spacing:.4px; text-transform:uppercase;
    color:var(--beige); opacity:.6; background:transparent; border:1px solid rgba(201,162,39,.3);
    padding:12px 24px; border-radius:30px; cursor:pointer; transition:all var(--dur-med) var(--ease);
  }
  .caso-btn:hover{opacity:.9; border-color:var(--gold-bright);}
  .caso-btn.active{opacity:1; background:var(--gold-bright); color:var(--bg); border-color:var(--gold-bright);}
  .caso-panel{
    position:relative; z-index:2; background:var(--bg-card); border:1px solid rgba(201,162,39,.2);
    border-radius:16px; padding:44px 40px; display:grid; grid-template-columns:1fr 1fr; gap:40px;
    opacity:0; transform:translateY(10px); transition:opacity .4s ease, transform .4s ease;
  }
  .caso-panel.in{opacity:1; transform:translateY(0);}
  @media (max-width:800px){ .caso-panel{grid-template-columns:1fr; padding:32px 24px;} }
  .caso-tag{font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--gold); margin-bottom:10px;}
  .caso-title{font-family:'Playfair Display',serif; font-weight:700; font-size:clamp(19px,2.4vw,24px); color:var(--white); line-height:1.3; margin-bottom:18px;}
  .caso-block{margin-bottom:20px;}
  .caso-block:last-child{margin-bottom:0;}
  .caso-block .k{font-size:10.5px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--gold-bright); margin-bottom:6px;}
  .caso-block .v{font-size:13.5px; line-height:1.75; color:var(--beige); opacity:.9;}

  /* ===== ENTREGÁVEIS (grade compacta de ativos) ===== */
  .asset-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; position:relative; z-index:2;}
  @media (max-width:900px){ .asset-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:520px){ .asset-grid{grid-template-columns:1fr;} }
  .asset-tile{
    background:var(--bg-card); border:1px solid rgba(201,162,39,.18); border-radius:14px;
    padding:20px 18px; cursor:pointer; transition:transform var(--dur-med) var(--ease), border-color var(--dur-med) var(--ease), box-shadow var(--dur-med) var(--ease);
  }
  .asset-tile:hover{transform:translateY(-4px); border-color:var(--gold); box-shadow:0 16px 34px rgba(0,0,0,.3);}
  .ajuda-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:16px; position:relative; z-index:2;}
  @media (max-width:1000px){ .ajuda-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:520px){ .ajuda-grid{grid-template-columns:1fr;} }
  .ajuda-card{
    display:block; position:relative; background:var(--bg-card); border:1px solid rgba(201,162,39,.2); border-radius:14px;
    padding:24px 20px; transition:transform var(--dur-med) var(--ease), border-color var(--dur-med) var(--ease), box-shadow var(--dur-med) var(--ease);
  }
  .ajuda-card:hover{transform:translateY(-4px); border-color:var(--gold); box-shadow:0 16px 34px rgba(0,0,0,.3);}
  .ajuda-card h4{font-family:'Playfair Display',serif; font-weight:700; font-size:15px; color:var(--gold-bright); margin-bottom:8px;}
  .ajuda-card p{font-size:12px; line-height:1.6; color:var(--beige); opacity:.85;}
  .ajuda-soon{opacity:.6; cursor:default;}
  .ajuda-soon:hover{transform:none; border-color:rgba(201,162,39,.2); box-shadow:none;}
  .soon-badge{display:inline-block; margin-top:10px; font-size:9px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:var(--gold); border:1px solid rgba(201,162,39,.4); border-radius:20px; padding:3px 9px;}

  .biblioteca-tile{cursor:default; position:relative; opacity:.85;}
  .biblioteca-tile:hover{transform:none; border-color:rgba(201,162,39,.18); box-shadow:none;}
  .biblioteca-badge{
    position:absolute; top:14px; right:14px; font-size:9px; font-weight:700; letter-spacing:.5px; text-transform:uppercase;
    color:var(--gold); border:1px solid rgba(201,162,39,.4); border-radius:20px; padding:3px 9px;
  }
  .tema-tile{display:block; text-decoration:none;}

  /* ===== ARTIGOS (vitrine honesta, sem conteúdo inventado) ===== */
  .artigo-slots{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:28px; position:relative; z-index:2;}
  @media (max-width:700px){ .artigo-slots{grid-template-columns:1fr;} }
  .artigo-slot{
    border:1px dashed rgba(201,162,39,.3); border-radius:10px; min-height:120px;
    display:flex; align-items:center; justify-content:center;
  }
  .artigo-slot span{font-size:10.5px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--gold); opacity:.55;}
  .artigo-linkedin{position:relative; z-index:2; display:inline-block; margin-top:32px;}
  .at-name{font-family:'Playfair Display',serif; font-weight:700; font-size:14px; color:var(--gold-bright); margin-bottom:8px; line-height:1.3;}
  .at-desc{font-size:12px; line-height:1.6; color:var(--beige); opacity:.8;}

  .ct-flow{display:flex; align-items:center; position:relative; z-index:2; flex-wrap:wrap;}
  .ct-step{
    display:flex; flex-direction:column; align-items:center; gap:10px; cursor:pointer;
    padding:8px; border-radius:10px; transition:transform var(--dur-med) var(--ease);
  }
  .ct-step:hover{transform:translateY(-4px);}
  .ct-num{
    width:44px; height:44px; border-radius:50%; border:1.5px solid var(--gold);
    display:flex; align-items:center; justify-content:center;
    font-family:'Playfair Display',serif; font-weight:700; font-size:16px; color:var(--gold-bright);
    background:var(--bg-card); transition:background var(--dur-med) var(--ease), box-shadow var(--dur-med) var(--ease);
  }
  .ct-step:hover .ct-num{background:var(--gold); color:var(--bg); box-shadow:0 0 20px rgba(228,193,90,.35);}
  .ct-label{font-size:11.5px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:var(--beige); opacity:.85; text-align:center; max-width:90px;}
  .ct-line{flex:1; min-width:24px; height:1px; background:linear-gradient(90deg, rgba(201,162,39,.15), rgba(201,162,39,.4), rgba(201,162,39,.15)); margin:0 4px 26px;}
  @media (max-width:760px){
    .ct-flow{flex-direction:column; align-items:flex-start; gap:0;}
    .ct-line{width:1px; height:26px; min-width:0; margin:0 0 0 22px; background:linear-gradient(to bottom, rgba(201,162,39,.4), rgba(201,162,39,.15));}
    .ct-step{flex-direction:row; align-items:center; max-width:none; width:100%;}
    .ct-label{text-align:left; max-width:none;}
  }

  /* ===== VARIANTE FULLPAGE (Perfis) — sensação de nova tela, não pop-up ===== */
  .modal-overlay.fullpage .modal-box{
    max-width:760px; min-height:min(78vh,720px); padding:56px 52px 48px;
    background:linear-gradient(160deg, var(--bg-card) 0%, #150F0A 100%);
  }
  @media (max-width:640px){ .modal-overlay.fullpage .modal-box{padding:70px 24px 32px; min-height:100vh; max-height:100vh; border-radius:0;} }
  .modal-role-mark{
    position:absolute; top:18px; right:70px; font-family:'Playfair Display',serif; font-weight:800;
    font-size:72px; color:rgba(201,162,39,.1); line-height:1; pointer-events:none; user-select:none;
  }
  .modal-recognition{
    font-family:'Playfair Display',serif; font-style:italic; font-weight:600;
    font-size:clamp(18px,2.4vw,23px); line-height:1.5; color:var(--white);
    border-left:2px solid var(--gold); padding-left:22px; margin-bottom:30px;
  }

  /* ===== MODALIDADES COMO PRODUTO (escala de compromisso + mini-jornada) ===== */
  .modalidade-panels{display:grid; grid-template-columns:repeat(2,1fr); gap:22px; position:relative; z-index:2;}
  @media (max-width:760px){ .modalidade-panels{grid-template-columns:1fr;} }
  .modalidade-panel{
    position:relative; display:block; background:var(--bg-card); border:1px solid rgba(201,162,39,.2); border-radius:14px;
    padding:28px 26px; cursor:pointer; overflow:hidden;
    transition:transform var(--dur-med) var(--ease), border-color var(--dur-med) var(--ease), box-shadow var(--dur-med) var(--ease);
  }
  .modalidade-panel::after{content:""; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg, var(--gold), var(--gold-bright)); transform:scaleX(0); transform-origin:left; transition:transform var(--dur-med) var(--ease);}
  .modalidade-panel:hover{transform:translateY(-5px); border-color:var(--gold); box-shadow:0 18px 40px rgba(0,0,0,.32), 0 0 30px rgba(228,193,90,.12);}
  .modalidade-panel:hover::after{transform:scaleX(1);}
  .mp-badge{
    display:inline-block; font-family:'Playfair Display',serif; font-weight:700; font-style:italic;
    font-size:10px; letter-spacing:1px; text-transform:uppercase; color:var(--bg);
    background:linear-gradient(135deg, var(--gold), var(--gold-bright)); padding:4px 12px; border-radius:20px;
    margin-bottom:14px;
  }
  .modalidade-panel .mp-num{font-family:'Playfair Display',serif; font-weight:700; font-size:13px; color:var(--gold); opacity:.7; margin-bottom:10px;}
  .modalidade-panel h4{font-size:16px; font-weight:800; color:var(--white); margin-bottom:8px; font-family:'Playfair Display',serif;}
  .modalidade-panel .mp-desc{font-size:12.5px; color:var(--beige); opacity:.85; line-height:1.6; margin-bottom:18px;}
  .mp-scale{display:flex; align-items:center; gap:10px; margin-bottom:16px;}
  .mp-scale .dots{display:flex; gap:4px;}
  .mp-scale .dot{width:6px; height:6px; border-radius:50%; background:rgba(201,162,39,.2);}
  .mp-scale .dot.filled{background:var(--gold);}
  .mp-scale .label{font-size:10px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:var(--gold-bright); opacity:.85;}
  .mp-journey{display:flex; align-items:center; gap:5px; flex-wrap:wrap; font-size:10px; color:var(--beige); opacity:.7;}
  .mp-journey b{color:var(--gold-bright); opacity:1; font-weight:600;}
  .mp-journey .sep{color:var(--gold); opacity:.5;}

  /* ===== FEEDBACK DE CLIQUE IMEDIATO ===== */
  #trilhas .trilha-chapter:active, .agente-panel:active, #perfis .profile-card:active,
  .modalidade-panel:active{
    transform:scale(.985) translateY(-2px); transition-duration:var(--dur-fast);
  }
  .tab-btn:active{transform:scale(.95);}
  .contact-pill:active, .link-pill:active{transform:scale(.95) translateY(0);}
  .employee-cta:active{transform:scale(.99) translateY(-1px);}
  .nav-burger:active, .modal-close:active{transform:scale(.9);}
  .modal-cta:active{transform:scale(.96);}
  .tab-btn, .contact-pill, .link-pill, .employee-cta, .modal-cta{transition:all var(--dur-med) var(--ease);}

  /* ===== PREFERÊNCIA POR MENOS MOVIMENTO ===== */
  @media (prefers-reduced-motion: reduce){
    *, *::before, *::after{
      animation-duration:.001ms !important; animation-iteration-count:1 !important;
      transition-duration:.001ms !important; scroll-behavior:auto !important;
    }
  }
</style>

/* ===== NAV CTA (novo — botão de destaque "Contato" no header compartilhado) ===== */
.nav-links a.nav-cta{
  background:var(--gold-bright); color:var(--bg); padding:9px 18px; border-radius:30px;
  font-weight:700; font-size:12.5px;
}
.nav-links a.nav-cta:hover{ background:var(--gold); }