/* POINT UP - Blog (listagem 798 + página de artigo) no padrão da Home + interações v2 (24/10/2026).
   Só pesos/destaques e movimento; não muda textos nem links. Reverter = tirar a linha do WPCode. JS: blog-anim.js */

/* ---------- Listagem (.b2) ---------- */
html body .b2 .b2-h1{font-weight:600 !important;letter-spacing:-.025em !important}
html body .b2 .b2-h1 em{font-weight:600 !important}
html body .b2 .b2-sec-head h2{font-weight:600 !important;letter-spacing:-.015em !important}
html body .b2 :is(.b2-hero-tit,.b2-c-tit,.b2-dark-tit){font-weight:600 !important}
html body .b2 :is(.b2-h-tit,.b2-mini-tit,.b2-n-tit,.b2-l-tit){font-weight:600 !important}
html body .b2 .b2-eyebrow{text-transform:none !important;letter-spacing:0 !important;font-weight:500 !important;font-size:14px !important}
html body .b2 .b2-chip{letter-spacing:.02em !important;text-transform:none !important;font-weight:600 !important}
/* ---------- Página de artigo ---------- */
html.pa-on body .articulo-wrapper h1.articulo-titulo{font-weight:600 !important;letter-spacing:-.025em !important}
html.pa-on body .articulo-wrapper :is(.articulo-subtitulo,.articulo-cuerpo h2,.articulo-cuerpo h3){font-weight:600 !important}
html.pa-on body .articulo-wrapper .relacionado-titulo{font-weight:600 !important}
html.pa-on body .articulo-wrapper .articulo-categoria{text-transform:none !important;letter-spacing:.02em !important;font-weight:600 !important}
html.pa-on body .articulo-wrapper :is(.articulo-compartir-titulo){text-transform:none !important;letter-spacing:0 !important;font-weight:500 !important;font-size:14px !important}
/* sem "marca-texto": o destaque vira só o peso, sem sublinhado amarelo */
html.pa-on body .articulo-wrapper .articulo-cuerpo mark{text-decoration:none !important;font-weight:600 !important;background:none !important;color:#151515 !important}
html.pa-on body .articulo-wrapper .articulo-cuerpo :is(strong,b){font-weight:600 !important}
/* links do texto: fio fino que engrossa ao passar o mouse */
html.pa-on body .articulo-wrapper .articulo-cuerpo a{text-decoration:underline !important;text-decoration-thickness:1px !important;text-underline-offset:3px;text-decoration-color:rgba(21,21,21,.35) !important;transition:text-decoration-color .2s ease}
@media (hover:hover) and (pointer:fine){html.pa-on body .articulo-wrapper .articulo-cuerpo a:hover{text-decoration-color:#151515 !important}}
/* sem o círculo com a inicial do autor (Ricardo 24/10) */
html.pa-on body .articulo-wrapper .pa-autor-ini{display:none !important}
@media (max-width:767px){html.pa-on body .articulo-wrapper .pa-autor{justify-content:center !important;text-align:center !important}html.pa-on body .articulo-wrapper .pa-autor-txt{align-items:center !important;text-align:center !important}}

/* ================= Interações v2 ================= */
/* L1. Cursor "Leer": sobre um cartão, o ponteiro vira um círculo amarelo com "Leer" que segue o mouse (só mouse) */
.pu-bl-cur{position:fixed;left:0;top:0;z-index:9999;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:#F4D000;color:#151515;display:grid;place-items:center;font:600 14px/1 "Inter Tight",sans-serif;pointer-events:none;transform:translate3d(-200px,-200px,0) scale(0);transition:transform .35s cubic-bezier(.23,1,.32,1)}
.pu-bl-cur.on{transform:translate3d(var(--cx),var(--cy),0) scale(1)}
.pu-bl-cur span{display:inline-flex;align-items:center;gap:6px}
html.bl-cur-on body .b2 :is(.b2-hero,.b2-h,.b2-c,.b2-dark,.b2-l,.b2-n) , html.bl-cur-on body .articulo-wrapper .relacionado{cursor:none}
/* L2. A foto respira dentro da moldura seguindo o mouse (leve deslocamento, sem zoom gritante) */
html.bl-cur-on body .b2 :is(.b2-hero,.b2-c-img,.b2-h-img,.b2-l-img) img{transform:translate3d(var(--px,0),var(--py,0),0) scale(1.06);transition:transform .9s cubic-bezier(.23,1,.32,1)}
/* L3. Título do cartão: fio que se desenha da esquerda para a direita no hover */
html body .b2 :is(.b2-c-tit,.b2-h-tit,.b2-l-tit,.b2-n-tit,.b2-hero-tit,.b2-dark-tit){background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .5s cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){html body .b2 a:hover :is(.b2-c-tit,.b2-h-tit,.b2-l-tit,.b2-n-tit,.b2-hero-tit,.b2-dark-tit),html body .b2 :is(.b2-hero,.b2-dark):hover :is(.b2-hero-tit,.b2-dark-tit){background-size:100% 1px}}
/* L4. Cartão escuro: luz suave que acompanha o mouse */
html body .b2 .b2-dark{background-image:radial-gradient(420px circle at var(--lx,-500px) var(--ly,-500px),rgba(244,208,0,.10),transparent 60%) !important}

/* A1. Capa do artigo: começa grande e encolhe para o tamanho do texto conforme a rolagem */
html.bl-on body .articulo-wrapper .pa-capa{transform-origin:50% 0;will-change:transform}
/* A2. Índice flutuante: aparece quando o artigo tem subtítulos; marca a seção atual e mostra o progresso */
.pu-toc{position:fixed;z-index:60;left:max(24px,calc(50% - 600px));top:140px;width:220px;font-family:"Inter Tight",sans-serif;opacity:0;transform:translateY(8px);transition:opacity .4s cubic-bezier(.23,1,.32,1),transform .4s cubic-bezier(.23,1,.32,1);pointer-events:none}
.pu-toc.on{opacity:1;transform:none;pointer-events:auto}
.pu-toc p{margin:0 0 12px;font:500 13px/1 "Inter Tight",sans-serif;color:#6B6A63}
.pu-toc ol{list-style:none;margin:0;padding:0 0 0 14px;border-left:1px solid #E3E1D8;display:grid;gap:10px;position:relative}
.pu-toc ol::before{content:"";position:absolute;left:-1px;top:0;width:1px;height:var(--pr,0%);background:#151515;transition:height .2s linear}
.pu-toc a{display:block;font:500 14px/1.35 "Inter Tight",sans-serif;color:#8C8B84 !important;text-decoration:none !important;transition:color .25s ease}
.pu-toc a.on{color:#151515 !important;font-weight:600}
@media (max-width:1279px){
  .pu-toc{left:50%;top:auto;bottom:calc(16px + env(safe-area-inset-bottom));width:auto;max-width:calc(100% - 120px);transform:translate(-50%,12px)}
  .pu-toc.on{transform:translate(-50%,0)}
  .pu-toc p,.pu-toc ol{display:none}
  .pu-toc .pu-toc-pill{display:flex !important}
}
.pu-toc .pu-toc-pill{display:none;align-items:center;gap:10px;height:44px;padding:0 18px 0 6px;border-radius:100px;background:rgba(21,21,21,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font:500 13px/1 "Inter Tight",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pu-toc .pu-toc-ring{flex:none;width:32px;height:32px;border-radius:50%;background:conic-gradient(#F4D000 var(--pr,0%),rgba(255,255,255,.18) 0);display:grid;place-items:center}
.pu-toc .pu-toc-ring::after{content:"";width:24px;height:24px;border-radius:50%;background:#151515}
.pu-toc .pu-toc-txt{overflow:hidden;text-overflow:ellipsis}
/* A3. Selecionar um trecho -> balão "Compartir en WhatsApp" */
.pu-share{position:absolute;z-index:9998;display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:100px;background:#151515;color:#fff !important;font:600 13px/1 "Inter Tight",sans-serif;text-decoration:none !important;transform:translate(-50%,-100%) translateY(-10px) scale(.96);opacity:0;transition:opacity .18s ease,transform .18s cubic-bezier(.23,1,.32,1);pointer-events:none;white-space:nowrap}
.pu-share.on{opacity:1;transform:translate(-50%,-100%) translateY(-10px);pointer-events:auto}
.pu-share::before{content:"";width:8px;height:8px;border-radius:50%;background:#F4D000}

@media (prefers-reduced-motion:reduce){
  html.bl-cur-on body .b2 :is(.b2-hero,.b2-c-img,.b2-h-img,.b2-l-img) img{transform:none;transition:none}
  .pu-bl-cur{display:none}
}