:root{
    --preto:#171614;
    --branco:#F8F7F3;
    --concreto:#86837B;
    --concreto-claro:#E7E4DC;
    --linha:#D2CFC5;
    --azul:#1D4F8C;
    --verde:#2B6B42;
    --marrom:#8B4A28;
    --rosa:#D6567F;
    --roxo:#7B3FA6;
    --laranja:#E85D1F;
    --dourado:#C9A227;
    --grad-diversidade: linear-gradient(90deg,#1D4F8C 0%,#2B6B42 26%,#E8A33D 52%,#D6567F 76%,#8B4A28 100%);
    --serif: 'Fraunces', Georgia, serif;
    --sans: 'IBM Plex Sans', -apple-system, Segoe UI, sans-serif;
    --sign: 'Barlow Condensed', 'IBM Plex Sans', sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--branco);
    color:var(--preto);
    font-family:var(--sans);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  :focus-visible{outline:2px solid var(--azul);outline-offset:3px;}

  .wrap{max-width:1180px;margin:0 auto;padding:0 56px;}
  .eyebrow{
    font-family:var(--sign);
    text-transform:uppercase;
    letter-spacing:.14em;
    font-size:13px;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    gap:.55em;
    color:var(--concreto);
  }
  .eyebrow::before{content:"+";color:var(--azul);font-family:var(--sans);font-weight:600;}

  /* ---------- HEADER ---------- */
  header{
    position:sticky;top:0;z-index:50;
    background:rgba(248,247,243,.92);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--linha);
  }
  .header-top{
    display:flex;align-items:center;justify-content:space-between;
    padding:18px 0;
  }
  .wordmark{
    font-family:var(--serif);
    font-weight:600;
    font-size:22px;
    letter-spacing:.01em;
  }
  .wordmark sup{
    font-size:13px;
    color:var(--azul);
    font-weight:600;
    margin-left:2px;
  }
  .header-actions{display:flex;align-items:center;gap:18px;}
  .btn-nav-toggle{
    display:none;
    font-family:var(--sign);text-transform:uppercase;letter-spacing:.08em;
    font-size:13px;font-weight:700;
    background:none;border:1px solid var(--preto);border-radius:2px;
    padding:8px 14px;cursor:pointer;
  }
  .assinar-btn{
    font-family:var(--sign);text-transform:uppercase;letter-spacing:.08em;
    font-size:13px;font-weight:700;
    background:var(--preto);color:var(--branco);
    padding:9px 18px;border-radius:2px;border:1px solid var(--preto);
  }

  .eixos-strip{
    border-top:1px solid var(--linha);
    overflow-x:auto;
    scrollbar-width:none;
  }
  .eixos-strip::-webkit-scrollbar{display:none;}
  .eixos-strip ul{
    display:flex;gap:0;list-style:none;
    font-family:var(--sign);
    white-space:nowrap;
  }
  .eixos-strip li{border-right:1px solid var(--branco);}
  .eixos-strip li:last-child{border-right:none;}
  .eixos-strip a{
    display:flex;align-items:center;
    padding:14px 18px;
    font-family:var(--sign);
    font-size:13px;font-weight:700;
    text-transform:uppercase;letter-spacing:.03em;
    color:var(--branco);
  }
  .eixos-strip a:hover{filter:brightness(1.1);}
  .eixos-strip a.azul{background:var(--azul);}
  .eixos-strip a.verde{background:var(--verde);}
  .eixos-strip a.marrom{background:var(--marrom);}
  .eixos-strip a.rosa{background:var(--rosa);}
  .eixos-strip a.roxo{background:var(--roxo);}
  .eixos-strip a.cinza{background:var(--concreto);}
  .eixos-strip a.laranja{background:var(--laranja);}
  .dot{width:7px;height:7px;border-radius:50%;flex:none;}
  .dot.azul{background:var(--azul);}
  .dot.verde{background:var(--verde);}
  .dot.marrom{background:var(--marrom);}
  .dot.rosa{background:var(--rosa);}
  .dot.diversidade{background:var(--grad-diversidade);}

  /* ---------- HERO ---------- */
  .hero{
    position:relative;
    background:var(--preto);
    color:var(--branco);
    overflow:hidden;
    padding:110px 0 90px;
  }
  .axis-lines{
    position:absolute;inset:0;
    pointer-events:none;
    opacity:.55;
  }
  .axis-lines .h,
  .axis-lines .v{
    position:absolute;background:rgba(247,246,240,.14);
  }
  .axis-lines .h{left:0;right:0;height:1px;top:38%;}
  .axis-lines .v{top:0;bottom:0;width:1px;left:64%;}
  .axis-mark{
    position:absolute;top:38%;left:64%;
    width:9px;height:9px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:var(--azul);
    box-shadow:0 0 0 5px rgba(29,79,140,.25);
  }
  .hero-inner{position:relative;z-index:2;max-width:760px;}
  .hero .eyebrow{color:rgba(247,246,240,.6);margin-bottom:26px;}
  .hero .eyebrow::before{color:#5C8FD1;}
  .hero h1{
    font-family:var(--serif);
    font-weight:500;
    font-size:clamp(44px,7vw,78px);
    line-height:1.02;
    letter-spacing:-.01em;
  }
  .hero h1 em{font-style:italic;font-weight:300;color:#C9C6BC;}
  .hero p.sub{
    margin-top:26px;
    font-size:19px;
    max-width:520px;
    color:#D9D7CE;
    font-weight:400;
  }
  .hero-cta{
    margin-top:44px;
    display:flex;align-items:center;gap:28px;flex-wrap:wrap;
  }
  .btn-primary{
    font-family:var(--sign);text-transform:uppercase;letter-spacing:.08em;
    font-weight:700;font-size:12px;
    background:var(--branco);color:var(--preto);
    padding:10px 18px;border-radius:2px;
    border:1px solid var(--branco);
  }
  .btn-primary:hover{background:transparent;color:var(--branco);}
  .hero-cta .coord{
    font-family:var(--sign);
    font-size:13px;letter-spacing:.06em;
    color:rgba(247,246,240,.5);
    text-transform:uppercase;
  }

  /* ---------- ORIGEM DO TRAÇO ---------- */
  .origem{padding:96px 0;border-bottom:1px solid var(--linha);}
  .origem-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
  .origem-head h2{font-family:var(--serif);font-weight:500;font-size:32px;margin-top:18px;line-height:1.15;}
  .origem-head p{color:#3A3833;font-size:16px;margin-top:16px;max-width:480px;}
  .origem-media img{
    width:100%;border:1px solid var(--linha);background:var(--branco);
    filter:grayscale(1) contrast(1.05);
  }
  .origem-media figcaption{
    margin-top:10px;font-family:var(--sign);text-transform:uppercase;
    letter-spacing:.05em;font-size:11px;color:var(--concreto);
    border-top:1px solid var(--linha);padding-top:8px;
  }

  /* ---------- SOBRE ---------- */
  .sobre{padding:96px 0;border-bottom:1px solid var(--linha);}
  .sobre-grid{
    display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start;
  }
  .sobre-media{width:100%;max-width:380px;position:relative;}
  .sobre-media::before{
    content:"";position:absolute;top:-14px;left:-14px;
    width:28px;height:28px;
    border-top:2px solid var(--preto);border-left:2px solid var(--preto);
  }
  .sobre-media img{
    width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;
    filter:grayscale(1) contrast(1.08);
    border:1px solid var(--linha);
  }
  .sobre-media .cap{
    display:flex;justify-content:space-between;gap:12px;
    margin-top:10px;padding-top:8px;border-top:1px solid var(--linha);
    font-family:var(--sign);text-transform:uppercase;letter-spacing:.06em;
    font-size:11px;color:var(--concreto);
  }
  .sobre h2{
    font-family:var(--serif);font-weight:500;font-size:34px;
    line-height:1.15;margin-top:18px;
  }
  .sobre-text p{font-size:17px;line-height:1.75;color:#3A3833;max-width:560px;margin-top:0;}
  .sobre-text p + p{margin-top:20px;}
  .sobre-text .marco{
    position:relative;
    margin-top:44px;padding:4px 0 4px 38px;padding-top:32px;border-top:1px solid var(--linha);
    font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.55;color:var(--preto);
    max-width:520px;
  }
  .sobre-text .marco::before{
    content:"\201C";
    position:absolute;left:-6px;top:12px;
    font-family:var(--serif);font-style:normal;font-weight:600;
    font-size:52px;line-height:1;color:var(--linha);
    pointer-events:none;
  }
  .sobre-text .marco cite{
    display:block;margin-top:12px;font-family:var(--sign);font-style:normal;
    text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:var(--concreto);
  }
  .sobre-text .leitura{font-size:15px;color:var(--concreto);margin-top:16px;max-width:520px;}

  /* ---------- TRÊS PILARES (bloco JK) — faixa horizontal abaixo do grid ---------- */
  .pilares-row{
    display:grid;grid-template-columns:repeat(3,1fr);gap:40px;
    margin-top:64px;padding-top:36px;border-top:1px solid var(--linha);
  }
  .pilar-item .pilar-num{
    font-family:var(--sign);font-size:12px;font-weight:700;color:var(--concreto);
    letter-spacing:.08em;
  }
  .pilar-item h4{
    font-family:var(--serif);font-weight:500;font-size:18px;margin-top:6px;margin-bottom:6px;
  }
  .pilar-item p{font-size:14px;color:var(--concreto);line-height:1.6;max-width:none;margin-top:0;}

  /* ---------- SEÇÃO DE IA ---------- */
  .ia-secao{
    position:relative;
    background:var(--preto);color:var(--branco);
    padding:96px 0;border-bottom:1px solid var(--linha);
    overflow:hidden;
  }
  .ia-secao::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background-image:
      radial-gradient(rgba(201,162,39,0.16) 1px, transparent 1px);
    background-size:26px 26px;
    -webkit-mask-image:radial-gradient(ellipse 70% 60% at 20% 0%, #000 0%, transparent 75%);
    mask-image:radial-gradient(ellipse 70% 60% at 20% 0%, #000 0%, transparent 75%);
  }
  .ia-secao::after{
    content:"";position:absolute;top:0;right:-10%;width:60%;height:100%;
    background:radial-gradient(ellipse at top right, rgba(29,79,140,0.25), transparent 60%);
    pointer-events:none;
  }
  .ia-secao .wrap{position:relative;z-index:2;}

  .ia-flex{
    display:grid;grid-template-columns:1.1fr 0.9fr;gap:64px;align-items:center;
  }

  .ia-status{
    display:inline-flex;align-items:center;gap:8px;
    font-family:var(--sign);text-transform:uppercase;letter-spacing:.14em;
    font-size:11px;font-weight:700;color:var(--dourado);
    border:1px solid rgba(201,162,39,0.4);border-radius:20px;
    padding:6px 14px;margin-bottom:22px;
  }
  .ia-status .pulse{
    width:7px;height:7px;border-radius:50%;background:#3FBF6B;flex:none;
    box-shadow:0 0 0 rgba(63,191,107,0.6);
    animation:iaPulse 2s infinite;
  }
  @keyframes iaPulse{
    0%{box-shadow:0 0 0 0 rgba(63,191,107,0.55);}
    70%{box-shadow:0 0 0 8px rgba(63,191,107,0);}
    100%{box-shadow:0 0 0 0 rgba(63,191,107,0);}
  }
  .ia-eyebrow{color:var(--concreto);}
  .ia-content h2{
    font-family:var(--serif);font-weight:500;font-size:36px;line-height:1.18;
    color:var(--branco);
  }
  .ia-sub{font-size:16px;color:rgba(248,247,243,0.75);margin-top:18px;max-width:480px;}

  .ia-feature-list{
    list-style:none;margin-top:36px;padding-top:28px;
    border-top:1px solid rgba(248,247,243,0.15);
  }
  .ia-feature-list li{
    padding:14px 0;
    border-bottom:1px solid rgba(248,247,243,0.1);
    display:flex;flex-direction:column;gap:4px;
  }
  .ia-feature-list li:first-child{padding-top:0;}
  .ia-feature-list strong{
    font-family:var(--serif);font-weight:500;font-size:17px;color:var(--branco);
  }
  .ia-feature-list span{font-size:14px;color:rgba(248,247,243,0.65);}

  .ia-explicacao{
    margin-top:28px;font-size:15px;line-height:1.7;color:rgba(248,247,243,0.85);max-width:480px;
  }
  .ia-explicacao strong{color:var(--branco);}

  .btn-whatsapp{
    display:inline-flex;align-items:center;gap:10px;margin-top:24px;
    font-family:var(--sign);text-transform:uppercase;letter-spacing:.08em;
    font-size:13px;font-weight:700;
    background:#25D366;color:#0B1A10;
    padding:13px 26px;border-radius:2px;
    box-shadow:0 0 0 1px rgba(37,211,102,0.35);
  }
  .btn-whatsapp:hover{opacity:.9;}
  .ia-numero{
    display:block;margin-top:14px;font-size:12px;color:var(--concreto);
    text-transform:uppercase;letter-spacing:.06em;font-family:var(--sign);
  }

  /* ---------- MOCKUP DE CHAT (WHATSAPP) ---------- */
  .ia-mock{display:flex;justify-content:center;}
  .ia-phone{
    position:relative;
    width:100%;max-width:360px;
    background:#0B141A;border:1px solid rgba(201,162,39,0.35);
    border-radius:18px;padding:18px;
    box-shadow:0 30px 60px -20px rgba(0,0,0,0.6), 0 0 0 1px rgba(201,162,39,0.08), 0 0 40px -12px rgba(201,162,39,0.35);
  }
  .ia-chat-header{
    display:flex;align-items:center;gap:10px;
    padding-bottom:14px;margin-bottom:14px;
    border-bottom:1px solid rgba(248,247,243,0.1);
  }
  .ia-avatar{
    width:32px;height:32px;flex:none;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-family:var(--sign);font-size:11px;font-weight:700;letter-spacing:.04em;
    background:linear-gradient(135deg, var(--dourado), #8a6a12);color:#0B141A;
  }
  .ia-chat-header-text{display:flex;flex-direction:column;gap:2px;}
  .ia-chat-header-text strong{
    font-family:var(--sign);font-size:13px;font-weight:700;color:var(--branco);
  }
  .ia-chat-header-text span{
    display:flex;align-items:center;gap:6px;
    font-size:11px;color:rgba(248,247,243,0.55);
    font-family:var(--sign);text-transform:uppercase;letter-spacing:.04em;
  }
  .dot-online{width:7px;height:7px;border-radius:50%;background:#3FBF6B;flex:none;}
  .ia-bubble{
    position:relative;
    max-width:82%;padding:10px 14px 16px;margin-bottom:10px;
    font-size:13.5px;line-height:1.55;border-radius:12px;
  }
  .ia-bubble.in{
    background:#1F2C34;color:rgba(248,247,243,0.92);
    border-bottom-left-radius:2px;
  }
  .ia-bubble.out{
    background:#005C4B;color:#E9FDF3;
    margin-left:auto;border-bottom-right-radius:2px;
  }
  .ia-bubble time{
    position:absolute;right:14px;bottom:5px;
    font-family:var(--sign);font-size:9.5px;letter-spacing:.03em;
    color:rgba(248,247,243,0.4);
  }
  .ia-typing{
    display:flex;gap:4px;background:#1F2C34;width:fit-content;
    padding:10px 14px;border-radius:12px;border-bottom-left-radius:2px;
  }
  .ia-typing span{
    width:6px;height:6px;border-radius:50%;background:rgba(248,247,243,0.5);
    animation:iaTyping 1.2s infinite ease-in-out;
  }
  .ia-typing span:nth-child(2){animation-delay:.15s;}
  .ia-typing span:nth-child(3){animation-delay:.3s;}
  @keyframes iaTyping{
    0%,60%,100%{opacity:.3;transform:translateY(0);}
    30%{opacity:1;transform:translateY(-3px);}
  }

  @media (max-width:900px){
    .ia-flex{grid-template-columns:1fr;gap:40px;}
    .ia-mock{order:-1;}
  }
  @media (max-width:560px){
    .ia-content h2{font-size:28px;}
    .ia-phone{max-width:100%;}
  }

  /* ---------- EIXOS GRID ---------- */
  .eixos{padding:96px 0;background:var(--concreto-claro);border-bottom:1px solid var(--linha);}
  .eixos-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:64px;flex-wrap:wrap;}
  .eixos-head h2{font-family:var(--serif);font-weight:500;font-size:32px;margin-top:18px;}
  .eixos-head p{color:var(--concreto);font-size:15px;max-width:340px;}

  .eixos-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:1px;
    background:var(--linha);
    border:1px solid var(--linha);
  }
  .eixo-card{
    background:var(--branco);
    min-height:190px;
    display:flex;flex-direction:column;
    overflow:hidden;
    transition:transform .15s ease;
  }
  .eixo-card:hover{transform:translateY(-3px);}

  /* FAIXA COLORIDA NO TOPO — igual ao menu de eixos */
  .eixo-card .tag{
    display:block;
    width:100%;
    padding:10px 18px;
    font-family:var(--sign);text-transform:uppercase;letter-spacing:.08em;
    font-size:11px;font-weight:700;
    color:var(--branco);
  }
  .eixo-card .tag.azul{background:var(--azul);}
  .eixo-card .tag.verde{background:var(--verde);}
  .eixo-card .tag.marrom{background:var(--marrom);}
  .eixo-card .tag.rosa{background:var(--rosa);}
  .eixo-card .tag.roxo{background:var(--roxo);}
  .eixo-card .tag.cinza{background:var(--concreto);}
  .eixo-card .tag.laranja{background:var(--laranja);}

  .eixo-body{
    padding:22px 26px 26px;
    flex:1;
    display:flex;flex-direction:column;justify-content:space-between;
  }
  .eixo-card h3{
    font-family:var(--serif);font-weight:500;font-size:20px;line-height:1.25;
  }
  .eixo-card p{font-size:14px;color:var(--concreto);margin-top:10px;}

  /* ---------- EIXO DIVIDIDO (Mulheres / Diversidade) ---------- */
  .eixo-split{padding:0;display:flex;flex-direction:column;}
  .eixo-split .half{
    flex:1;padding:18px 22px;color:var(--branco);
    display:flex;flex-direction:column;justify-content:space-between;
  }
  .eixo-split .half.mulheres{background:var(--rosa);}
  .eixo-split .half.diversidade{background:var(--grad-diversidade);}
  .eixo-split .half.inclusao{background:var(--roxo);}
  .eixo-split .half h3{font-family:var(--serif);font-weight:500;font-size:19px;}
  .eixo-split .half .ir{
    font-family:var(--sign);text-transform:uppercase;
    letter-spacing:.06em;font-size:12px;font-weight:700;margin-top:10px;
  }

  /* ---------- MATÉRIAS ---------- */
  .materias{padding:96px 0;background:var(--concreto-claro);border-bottom:1px solid var(--linha);}
  .materias-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:64px;flex-wrap:wrap;}
  .materias-head h2{font-family:var(--serif);font-weight:500;font-size:32px;margin-top:18px;}
  .materias-head p{color:var(--concreto);font-size:14px;max-width:320px;}
  .materias-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
    background:var(--linha);border:1px solid var(--linha);
  }
  .materia-card{
    background:var(--branco);
    display:flex;flex-direction:column;overflow:hidden;
    border-top:3px solid var(--concreto);
  }
  .materia-card.azul{border-top-color:var(--azul);}
  .materia-card.verde{border-top-color:var(--verde);}
  .materia-card.marrom{border-top-color:var(--marrom);}
  .materia-card.rosa{border-top-color:var(--rosa);}
  .materia-card.roxo{border-top-color:var(--roxo);}
  .materia-card.laranja{border-top-color:var(--laranja);}
  .materia-card.inclusao{border-top-color:var(--roxo);}
  .materia-card.diversidade{border-top:3px solid transparent;border-image:var(--grad-diversidade) 1;}
  .materia-card-media{width:100%;aspect-ratio:16/10;background:var(--concreto-claro);}
  .materia-card-media img{width:100%;height:100%;object-fit:cover;display:block;}
  .materia-card-body{
    padding:22px 24px 20px;
    display:flex;flex-direction:column;flex:1;min-height:190px;
  }
  .materia-card .tag{
    font-family:var(--sign);text-transform:uppercase;letter-spacing:.06em;
    font-size:11px;font-weight:700;color:var(--concreto);
  }
  .materia-card h3{font-family:var(--serif);font-weight:500;font-size:19px;line-height:1.28;margin-top:12px;}
  .materia-card p{font-size:14px;color:var(--concreto);margin-top:10px;flex:1;}
  .materia-card .meta{
    display:flex;justify-content:space-between;gap:10px;
    margin-top:16px;padding-top:12px;border-top:1px solid var(--linha);
    font-family:var(--sign);text-transform:uppercase;letter-spacing:.05em;
    font-size:11px;color:var(--concreto);
  }

  /* ---------- PODCAST ---------- */
  .podcast-secao{padding:80px 0;border-bottom:1px solid var(--linha);}
  .podcast-inner{display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:center;}
  .podcast-text h2{font-family:var(--serif);font-weight:500;font-size:34px;margin-top:10px;}
  .podcast-text p{font-size:16px;line-height:1.75;color:#3A3833;margin-top:16px;max-width:480px;}
  .btn-spotify{
    display:inline-flex;align-items:center;gap:10px;margin-top:26px;
    font-family:var(--sign);text-transform:uppercase;letter-spacing:.08em;
    font-size:13px;font-weight:700;
    background:#1DB954;color:#04120A;
    padding:13px 26px;border-radius:2px;
  }
  .btn-spotify:hover{opacity:.9;}
  .podcast-player{
    background:var(--preto);border-radius:16px;padding:26px 28px;color:var(--branco);
  }
  .podcast-player-top{display:flex;align-items:center;gap:16px;}
  .podcast-play-btn{
    width:48px;height:48px;border-radius:50%;flex:none;
    background:#1DB954;display:flex;align-items:center;justify-content:center;
  }
  .podcast-play-btn svg{width:18px;height:18px;fill:#04120A;}
  .podcast-meta{display:flex;flex-direction:column;gap:4px;}
  .podcast-meta strong{font-family:var(--serif);font-weight:500;font-size:17px;}
  .podcast-meta span{
    font-family:var(--sign);text-transform:uppercase;letter-spacing:.05em;
    font-size:11px;color:rgba(248,247,243,0.55);
  }
  .podcast-wave{display:flex;align-items:flex-end;gap:3px;height:44px;margin-top:24px;}
  .podcast-wave span{
    flex:1;background:#1DB954;border-radius:2px;
    animation:waveBar 1.4s infinite ease-in-out;
  }
  .podcast-wave span:nth-child(odd){animation-delay:.15s;}
  .podcast-wave span:nth-child(3n){animation-delay:.3s;}
  .podcast-wave span:nth-child(4n){animation-delay:.45s;}
  @keyframes waveBar{
    0%,100%{height:20%;opacity:.5;}
    50%{height:100%;opacity:1;}
  }

  @media (max-width:900px){
    .podcast-inner{grid-template-columns:1fr;gap:36px;}
  }

  /* ---------- NEWSLETTER ---------- */
  .news{background:var(--preto);color:var(--branco);padding:110px 0;text-align:center;}
  .news-inner{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;}
  .news .eyebrow{color:#8A887E;}
  .news h2{font-family:var(--serif);font-weight:500;font-size:40px;line-height:1.2;margin-top:16px;}
  .news p{display:block;font-size:17px;line-height:1.6;color:var(--concreto-claro);margin-top:20px;max-width:480px;}
  .news .btn-whatsapp{margin-top:36px;}
  .news-numero{display:block;margin-top:18px;font-size:12px;color:var(--concreto);text-transform:uppercase;letter-spacing:.06em;font-family:var(--sign);}

  /* ---------- FOOTER ---------- */
  footer{padding:64px 0 40px;}
  .footer-top{
    display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;
    padding-bottom:48px;border-bottom:1px solid var(--linha);
  }
  .footer-brand .wordmark{font-size:20px;}
  .footer-brand p{margin-top:14px;font-size:14px;color:var(--concreto);max-width:260px;}
  .footer-col h4{
    font-family:var(--sign);text-transform:uppercase;letter-spacing:.08em;
    font-size:12px;font-weight:700;color:var(--concreto);margin-bottom:16px;
  }
  .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
  .footer-col a{font-size:14px;}
  .footer-col a:hover{color:var(--azul);}
  .footer-bottom{
    padding-top:26px;display:flex;justify-content:space-between;
    flex-wrap:wrap;gap:12px;
    font-family:var(--sign);font-size:12px;letter-spacing:.04em;
    text-transform:uppercase;color:var(--concreto);
  }

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:900px){
    .sobre-grid{grid-template-columns:1fr;gap:28px;}
    .origem-grid{grid-template-columns:1fr;gap:32px;}
    .eixos-grid{grid-template-columns:repeat(2,1fr);}
    .materias-grid{grid-template-columns:repeat(2,1fr);}
    .footer-top{grid-template-columns:1fr 1fr;}
    .pilares-row{grid-template-columns:1fr;gap:28px;}
  }
  @media (max-width:560px){
    .wrap{padding:0 20px;}
    .eixos-grid{grid-template-columns:1fr;}
    .materias-grid{grid-template-columns:1fr;}
    .footer-top{grid-template-columns:1fr;}
    .news-inner{padding:0 12px;}
    .header-actions .assinar-btn{display:none;}
  }
  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto;}
  }

/* ---------- PÁGINA DE MATÉRIA ---------- */
.artigo-header{padding:64px 0 0;}
.artigo-back{
  font-family:var(--sign);text-transform:uppercase;letter-spacing:.06em;
  font-size:12px;font-weight:700;color:var(--concreto);
  display:inline-flex;align-items:center;gap:6px;
}
.artigo-back:hover{color:var(--azul);}
.artigo-tag{
  display:inline-block;margin-top:28px;
  font-family:var(--sign);text-transform:uppercase;letter-spacing:.06em;
  font-size:12px;font-weight:700;padding:4px 10px;border-radius:2px;color:var(--branco);
}
.artigo-tag.azul{background:var(--azul);}
.artigo-tag.verde{background:var(--verde);}
.artigo-tag.marrom{background:var(--marrom);}
.artigo-tag.rosa{background:var(--rosa);}
.artigo-tag.laranja{background:var(--laranja);}
.artigo-header h1{
  font-family:var(--serif);font-weight:500;font-size:clamp(32px,5vw,50px);
  line-height:1.1;margin-top:20px;max-width:820px;
}
.artigo-meta{
  display:flex;gap:16px;flex-wrap:wrap;margin-top:20px;padding-bottom:36px;
  border-bottom:1px solid var(--linha);
  font-family:var(--sign);text-transform:uppercase;letter-spacing:.05em;
  font-size:12px;color:var(--concreto);
}
.artigo-corpo{padding:44px 0 20px;max-width:720px;}
.artigo-corpo p{font-size:18px;line-height:1.78;color:#242220;margin-bottom:24px;}
.artigo-diagrama{margin:44px 0;}
.artigo-diagrama img,.artigo-diagrama svg{width:100%;height:auto;border:1px solid var(--linha);}
.artigo-diagrama figcaption{
  margin-top:10px;font-family:var(--sign);text-transform:uppercase;
  letter-spacing:.05em;font-size:11px;color:var(--concreto);
}
.artigo-fontes{
  max-width:720px;margin:12px 0 80px;padding-top:24px;border-top:1px solid var(--linha);
}
.artigo-fontes h4{
  font-family:var(--sign);text-transform:uppercase;letter-spacing:.06em;
  font-size:12px;color:var(--concreto);margin-bottom:10px;
}
.artigo-fontes ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;}
.artigo-fontes li{font-size:13px;color:var(--concreto);}
.materia-card h3 a{color:inherit;text-decoration:none;}
.materia-card h3 a:hover{color:var(--azul);}
.materia-card .meta a{color:inherit;text-decoration:none;font-weight:700;}
.materia-card .meta a:hover{color:var(--azul);}

/* ---------- STAT CARDS E RANKING (matérias) ---------- */
.stat-cards{display:flex;gap:1px;background:var(--linha);border:1px solid var(--linha);flex-wrap:wrap;}
.stat-card{flex:1;min-width:140px;background:var(--branco);padding:22px 20px;}
.stat-card .num{font-family:var(--serif);font-weight:600;font-size:32px;color:var(--preto);}
.stat-card .label{font-family:var(--sign);text-transform:uppercase;letter-spacing:.05em;font-size:11px;color:var(--concreto);margin-top:6px;}
.ranked-list{list-style:none;border:1px solid var(--linha);}
.ranked-list li{
  display:flex;align-items:center;gap:16px;padding:14px 20px;
  border-bottom:1px solid var(--linha);font-size:15px;
}
.ranked-list li:last-child{border-bottom:none;}
.ranked-list li.destaque{background:var(--concreto-claro);font-weight:600;}
.ranked-list .pos{
  font-family:var(--serif);font-weight:600;font-size:18px;color:var(--azul);
  width:22px;flex:none;
}
.pull-quote{
  border-left:3px solid var(--rosa);padding:6px 0 6px 24px;margin:36px 0;
  font-family:var(--serif);font-style:italic;font-size:20px;line-height:1.5;color:var(--preto);
}

/* ---------- FOTO DE AUTOR (matérias assinadas) ---------- */
.autor-media{max-width:220px;margin-bottom:8px;}
.autor-media img{
  width:100%;aspect-ratio:5/6;object-fit:cover;
  border:1px solid var(--linha);background:var(--concreto-claro);
}
.autor-media .cap{
  display:flex;justify-content:space-between;gap:12px;
  margin-top:10px;padding-top:8px;border-top:1px solid var(--linha);
  font-family:var(--sign);text-transform:uppercase;letter-spacing:.06em;
  font-size:11px;color:var(--concreto);
}

/* ---------- FOTO + DIAGRAMA LADO A LADO (matéria assinada) ---------- */
.autor-diagrama-grid{display:flex;gap:20px;align-items:stretch;flex-wrap:wrap;}
.autor-media-sm{width:130px;flex:none;}
.autor-media-sm img{
  width:100%;aspect-ratio:5/6;object-fit:cover;
  border:1px solid var(--linha);background:var(--concreto-claro);
}
.autor-media-sm .cap{
  margin-top:8px;font-family:var(--sign);text-transform:uppercase;letter-spacing:.05em;
  font-size:10px;color:var(--concreto);line-height:1.4;
}
.autor-media-sm .cap span{display:block;}
.stat-cards-2x2{flex:1;min-width:220px;display:grid;grid-template-columns:1fr 1fr;gap:1px;}
.stat-cards-2x2 .stat-card{min-width:0;}
@media (max-width:560px){
  .autor-diagrama-grid{flex-direction:column;}
  .autor-media-sm{width:100px;}
}

/* ---------- ILUSTRAÇÃO DE ABERTURA (matérias) ---------- */
.artigo-hero{
  width:100%;aspect-ratio:16/7;border:1px solid var(--linha);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:8px;overflow:hidden;
}
.artigo-hero svg{width:100%;height:100%;display:block;}

.artigo-corpo .marco{
  position:relative;
  margin:40px 0;padding:8px 0 24px 44px;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);
  font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.6;color:var(--preto);
  max-width:100%;
}
.artigo-corpo .marco::before{
  content:"\201C";
  position:absolute;left:-4px;top:4px;
  font-family:var(--serif);font-style:normal;font-weight:600;
  font-size:64px;line-height:1;color:var(--linha);
  pointer-events:none;
}
.artigo-corpo .marco cite{
  display:block;margin-top:16px;font-family:var(--sign);font-style:normal;
  text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:var(--concreto);
}

/* ---------- FOTO EM LARGURA CHEIA (matérias) ---------- */
.artigo-foto{
  margin-bottom:8px;
  text-align:center;
}
.artigo-foto img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:900px;
  margin:0 auto;
  object-fit:contain;
  object-position:center;
  border:1px solid var(--linha);
}
.artigo-foto--sem-corte{
  background:var(--concreto-claro);
  display:flex;
  justify-content:center;
}
.artigo-foto--sem-corte img{
  width:auto;
  max-width:100%;
  height:auto;
  max-height:900px;
  object-fit:contain;
  object-position:center;
}
.artigo-foto figcaption{
  margin-top:10px;padding-top:8px;border-top:1px solid var(--linha);
  font-family:var(--sign);text-transform:uppercase;letter-spacing:.05em;
  font-size:11px;color:var(--concreto);
  display:flex;justify-content:space-between;gap:12px;
}

/* ---------- PLAYER DE ÁUDIO (resumo da matéria) ---------- */
.artigo-audio{
  margin:28px 0 36px;
  padding:22px 24px;
  background:var(--concreto-claro);
  border-left:3px solid var(--azul);
}
.artigo-audio-label{
  font-family:var(--sign);text-transform:uppercase;letter-spacing:.07em;
  font-size:12px;font-weight:700;color:var(--preto);
}
.artigo-audio audio{
  display:block;
}
.artigo-audio audio::-webkit-media-controls-panel{
  background:var(--branco);
}

/* ---------- CITAÇÃO SECUNDÁRIA (aside quote) ---------- */
.artigo-aside-quote{
  margin:32px 0;padding:22px 26px;
  background:var(--concreto-claro);
  border-left:3px solid var(--verde);
}
.artigo-aside-quote p{
  font-family:var(--serif);font-style:italic;font-size:16px;line-height:1.6;
  color:var(--preto);margin-bottom:10px;
}
.artigo-aside-quote cite{
  display:block;font-family:var(--sign);font-style:normal;
  text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:var(--concreto);
}

/* ---------- LISTA DE PROPOSTAS / DESTAQUES ---------- */
.artigo-propostas{
  list-style:none;margin:32px 0;padding:0;
  display:grid;gap:1px;background:var(--linha);
  border:1px solid var(--linha);
}
.artigo-propostas li{
  position:relative;
  background:var(--branco);padding:18px 22px 18px 48px;
}
.artigo-propostas li::before{
  content:"→";position:absolute;left:20px;top:19px;
  color:var(--verde);font-weight:700;
}
.artigo-propostas strong{
  font-family:var(--serif);font-weight:500;font-size:16px;color:var(--preto);
  display:block;margin-bottom:6px;
}
.artigo-propostas span{display:block;font-size:14px;line-height:1.65;color:var(--concreto);}


.artigo-corpo h3{
  font-family:var(--serif);font-weight:500;font-size:24px;
  margin:40px 0 16px;color:var(--preto);
}

/* ---------- IMAGEM-RESUMO (fecho da matéria) ---------- */
.artigo-resumo{
  margin:48px 0 12px;
  padding-top:40px;
  border-top:1px solid var(--linha);
}
.artigo-resumo img{
  width:100%;height:auto;
  border:1px solid var(--linha);display:block;
}
.artigo-resumo figcaption{
  margin-top:10px;
  font-family:var(--sign);text-transform:uppercase;letter-spacing:.05em;
  font-size:11px;color:var(--concreto);text-align:center;
}

/* ---------- PÁGINA DE EIXO (hub) ---------- */
.eixo-hub-header{padding:64px 0 40px;border-bottom:1px solid var(--linha);}
.eixo-hub-header h1{font-family:var(--serif);font-weight:500;font-size:clamp(30px,5vw,44px);margin-top:16px;}
.eixo-hub-header p{font-size:16px;color:var(--concreto);margin-top:14px;max-width:520px;}
.eixo-hub-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--linha);border:1px solid var(--linha);
  margin:48px 0 80px;
}
.hub-card{
  background:var(--branco);display:flex;flex-direction:column;
  text-decoration:none;color:inherit;
}
.hub-card-media{
  aspect-ratio:4/3;background:var(--concreto-claro);overflow:hidden;
}
.hub-card-media img{width:100%;height:100%;object-fit:cover;display:block;}
.hub-card-media.placeholder{
  display:flex;align-items:center;justify-content:center;
}
.hub-card-media.placeholder span{
  font-family:var(--sign);text-transform:uppercase;letter-spacing:.08em;
  font-size:11px;color:var(--concreto);
}
.hub-card-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;}
.hub-card-body h3{font-family:var(--serif);font-weight:500;font-size:19px;line-height:1.3;}
.hub-card-body p{font-size:14px;color:var(--concreto);margin-top:10px;flex:1;}
.hub-card-body .cta{
  margin-top:16px;font-family:var(--sign);text-transform:uppercase;
  letter-spacing:.06em;font-size:12px;font-weight:700;color:var(--azul);
}
.hub-card:hover .hub-card-body h3{color:var(--azul);}
.eixos-grid a.eixo-link{color:inherit;text-decoration:none;}
.eixos-grid a.eixo-link:hover h3{color:var(--azul);}
@media (max-width:900px){
  .eixo-hub-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
  .eixo-hub-grid{grid-template-columns:1fr;}
}
