/* O Pulo do Gato: 'O Caixa que Não Fecha'. Estilo isolado do post (prefixo gp-). Gerado do arquivo original do Gato Mestre MNA. */
.gp{
    --bg:#fbf7ef; --ink:#23262f; --muted:#5d6472; --card:#ffffff;
    --mna:#0f4c5c; --mna2:#e36414; --gato:#9aa3b2; --ok:#2a9d6f; --alert:#d1495b;
    --sombra:0 8px 24px rgba(15,76,92,.12);
  }
.gp,.gp *{box-sizing:border-box}
  .gp{margin:0 0 8px;background:var(--bg);color:var(--ink);font:17px/1.65 "Trebuchet MS",system-ui,sans-serif;border-radius:24px;overflow:hidden}
  .gp-wrap{max-width:860px;margin:0 auto;padding:8px 16px 40px}
  .gp header{text-align:center;padding:24px 0 8px}
  .gp-selo{display:inline-block;background:var(--mna);color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:99px}
  .gp-sub{color:var(--muted);max-width:620px;margin:0 auto}
  .gp-cena{background:var(--card);border-radius:20px;box-shadow:var(--sombra);padding:22px;margin:28px 0;position:relative;overflow:hidden}
  .gp .gp-cena h2{font-family:Georgia,serif;margin:0 0 4px;font-size:22px}
  .gp-ato{display:inline-block;font-size:12px;font-weight:bold;color:var(--mna2);text-transform:uppercase;letter-spacing:.1em}
  .gp-rodape{font-style:italic;color:var(--muted);font-size:14px;margin-top:10px;border-top:1px dashed var(--muted);padding-top:8px}
  .gp svg{max-width:100%;height:auto;display:block;margin:0 auto}

  /* balões */
  .gp-balao{position:relative;background:#fff;color:#23262f;border:3px solid var(--ink);border-radius:18px;padding:10px 16px;display:inline-block;font-weight:bold;box-shadow:3px 3px 0 var(--ink)}
  .gp-balao::after{content:"";position:absolute;left:28px;bottom:-16px;border:8px solid transparent;border-top:12px solid var(--ink)}
  .gp-digita{display:inline-block;overflow:hidden;white-space:nowrap;border-right:3px solid var(--mna2);width:0;animation:gp-digita 2.6s steps(26) .4s forwards,gp-pisca .7s step-end infinite}
  @keyframes gp-digita{to{width:26ch}}
  @keyframes gp-pisca{50%{border-color:transparent}}

  /* cena 1: caos */
  .gp-caos{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:flex-end;min-height:200px}
  .gp-papel{width:70px;height:90px;background:#fff;border:2px solid #b9b3a6;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#b00;font-weight:bold;transform:rotate(var(--r));animation:gp-cai 3s ease-in-out infinite;animation-delay:var(--d)}
  @keyframes gp-cai{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-10px) rotate(calc(var(--r)*-1))}}
  .gp-suor{animation:gp-suor 1.6s ease-in infinite}
  @keyframes gp-suor{0%{transform:translateY(0);opacity:1}100%{transform:translateY(14px);opacity:0}}

  /* gato */
  .gp-tail{transform-origin:150px 170px;animation:gp-rabo 2.2s ease-in-out infinite}
  @keyframes gp-rabo{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(14deg)}}
  .gp-piscar{transform-origin:center;animation:gp-piscar 4s infinite}
  @keyframes gp-piscar{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}

  /* diagrama */
  .gp-fluxo-linha{stroke:var(--mna);stroke-width:3;fill:none;stroke-dasharray:8 8;animation:gp-marcha 1.2s linear infinite}
  @keyframes gp-marcha{to{stroke-dashoffset:-16}}
  .gp-no{fill:var(--card);stroke:var(--mna);stroke-width:3}
  .gp-no-t{font:bold 13px "Trebuchet MS",sans-serif;fill:var(--ink);text-anchor:middle}
  .gp-no-s{font:11px "Trebuchet MS",sans-serif;fill:var(--muted);text-anchor:middle}
  .gp-no:hover{fill:#fff3e6}
  .gp-selo-tec{fill:var(--mna2);font:bold 11px sans-serif;text-anchor:middle}

  /* interrogações */
  .gp-roda{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}
  .gp-reacao{text-align:center;font-size:14px}
  .gp .gp-reacao small{display:block;color:var(--muted);font-style:italic}
  .gp-q{font:bold 30px Georgia,serif;fill:var(--mna2);animation:gp-flutua 2s ease-in-out infinite;animation-delay:var(--d,0s)}
  @keyframes gp-flutua{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(6deg)}}

  /* aperto de mão */
  .gp-aperto .gp-pata{animation:gp-vai 3s ease-in-out infinite}
  .gp-aperto .gp-mao{animation:gp-vem 3s ease-in-out infinite}
  @keyframes gp-vai{0%,20%{transform:translateX(-30px)}50%,100%{transform:translateX(0)}}
  @keyframes gp-vem{0%,20%{transform:translateX(30px)}50%,100%{transform:translateX(0)}}
  .gp-aperto .gp-shake{animation:gp-shake .5s ease-in-out 1.6s 4}
  @keyframes gp-shake{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
  .gp-faisca{animation:gp-pisca2 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
  @keyframes gp-pisca2{0%,100%{transform:scale(.4);opacity:0}50%{transform:scale(1);opacity:1}}
  .gp-fecho{font-family:Georgia,serif;font-size:clamp(22px,5vw,34px);text-align:center;color:var(--mna);margin:8px 0}
  .gp-ok{fill:var(--ok);font:bold 28px sans-serif}

  /* na prática */
  .gp ol.gp-pratica{counter-reset:p;list-style:none;padding:0;margin:0}
  .gp ol.gp-pratica li{counter-increment:p;position:relative;padding:12px 12px 12px 52px;margin:8px 0;background:rgba(15,76,92,.06);border-radius:12px}
  .gp ol.gp-pratica li::before{content:counter(p);position:absolute;left:12px;top:10px;width:28px;height:28px;border-radius:50%;background:var(--mna);color:#fff;text-align:center;line-height:28px;font-weight:bold}
  .gp-cta{display:block;text-align:center;background:var(--mna2);color:#fff;text-decoration:none;font-weight:bold;padding:14px 22px;border-radius:14px;margin-top:18px}
  .gp-cta:hover{filter:brightness(1.08)}
  .gp footer{color:var(--muted);font-size:13px;text-align:center;margin-top:28px}

  .gp-pulo-gato{animation:gp-pulo 2.4s ease-in-out .6s 1 both}
  @keyframes gp-pulo{0%{transform:translateY(0)}30%{transform:translateY(-34px) rotate(-3deg)}50%{transform:translateY(0)}65%{transform:translateY(-12px)}80%,100%{transform:translateY(0)}}
  .gp-cartao-pulo{background:linear-gradient(135deg,#fff3e6,#fff);border:3px solid var(--mna2);border-radius:16px;padding:14px 18px;margin:16px 0;position:relative}
  .gp-cartao-pulo b.gp-tag{position:absolute;top:-14px;left:16px;background:var(--mna2);color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:3px 12px;border-radius:99px}
  .gp-cartao-pulo{color:#23262f}
  @media (prefers-reduced-motion:reduce){.gp *{animation:none!important}.gp-digita{width:auto;border:0}}