
.pi-reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(14,165,233,.08);z-index:9999}.pi-reading-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#0ea5e9,#d4af37);box-shadow:0 0 16px rgba(14,165,233,.35)}
.pi-brand-logo-frame{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.pi-brand-logo-frame img{width:44px;height:44px;object-fit:contain;display:block}.pi-brand-logo-frame i{display:none}.pi-brand-logo-frame.logo-missing i{display:inline-flex}
.pi-cambio-prime-page .pi-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pi-cambio-prime-page .pi-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(15,23,42,.08)}
.pi-cambio-liquidity-widget{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1rem;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,249,255,.92));border:1px solid rgba(14,165,233,.16);margin-bottom:1rem}.pi-cambio-liquidity-widget h3{margin:.2rem 0 .4rem}.pi-cambio-liquidity-widget p{margin:0;color:#475569;line-height:1.55}.pi-cambio-liquidity-pill{display:flex;flex-direction:column;gap:.25rem;border:1px solid rgba(148,163,184,.2);border-radius:22px;padding:1rem;background:rgba(255,255,255,.9)}.pi-cambio-liquidity-pill i{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.2rem}.pi-cambio-liquidity-pill.open{border-color:rgba(16,185,129,.34);box-shadow:0 0 0 4px rgba(16,185,129,.08)}.pi-cambio-liquidity-pill.open i{color:#059669;background:rgba(16,185,129,.12);animation:cambioPulse 2s ease-in-out infinite}.pi-cambio-liquidity-pill.closed{border-color:rgba(245,158,11,.34);box-shadow:0 0 0 4px rgba(245,158,11,.08)}.pi-cambio-liquidity-pill.closed i{color:#b45309;background:rgba(245,158,11,.14);animation:cambioPulse 2s ease-in-out infinite}@keyframes cambioPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.pi-cambio-tool-intro{display:flex;gap:.85rem;align-items:flex-start;padding:1rem;border-radius:20px;background:linear-gradient(135deg,rgba(14,165,233,.08),rgba(212,175,55,.10));border:1px solid rgba(14,165,233,.14);margin-bottom:1rem}.pi-cambio-tool-intro i{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#0284c7;box-shadow:0 10px 22px rgba(15,23,42,.08);flex:0 0 auto}.pi-cambio-tool-intro b{display:block;color:#0f172a;font-size:1rem;margin-bottom:.2rem}.pi-cambio-tool-intro span{display:block;color:#475569;line-height:1.55}.pi-auto-calc-note{grid-column:1/-1;margin:.2rem 0 0;padding:.8rem 1rem;border-radius:16px;background:rgba(14,165,233,.09);border:1px solid rgba(14,165,233,.15);font-weight:800;color:#036985}.pi-auto-calc-note i{margin-right:.35rem}.pi-cambio-help{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.72rem;background:rgba(14,165,233,.14);color:#0284c7;margin-left:.35rem;cursor:help;font-weight:900}
.pi-cambio-scenario-buttons{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.pi-cambio-scenario-buttons button{border:1px solid rgba(14,165,233,.18);background:#fff;border-radius:999px;padding:.65rem .85rem;font-weight:900;color:#0f172a;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.pi-cambio-scenario-buttons button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,23,42,.08)}
.pi-cambio-parity-card,.pi-cambio-decay-card{background:radial-gradient(circle at 90% 10%,rgba(14,165,233,.14),transparent 34%),linear-gradient(180deg,#fff,#f8fafc)}.pi-cambio-auto-form input[type=range]{accent-color:#0ea5e9;width:100%;margin-top:.45rem}.pi-cambio-parity-result,.pi-cambio-decay-result{margin-top:1rem}.pi-cambio-gauge{display:grid;gap:.75rem}.pi-cambio-gauge-track{height:20px;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#22c55e,#f59e0b,#ef4444);position:relative;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}.pi-cambio-gauge-marker{position:absolute;top:-8px;width:6px;height:36px;border-radius:999px;background:#0f172a;box-shadow:0 0 0 4px rgba(15,23,42,.10);transform:translateX(-50%)}.pi-cambio-gauge-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem}.pi-cambio-gauge-card div{padding:.9rem;border-radius:16px;background:#fff;border:1px solid rgba(148,163,184,.18)}.pi-cambio-gauge-card small{display:block;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:900}.pi-cambio-gauge-card strong{display:block;font-size:1.35rem;color:#0f172a;margin-top:.2rem}.pi-cambio-status-text{padding:1rem;border-radius:18px;background:#fff;border:1px solid rgba(14,165,233,.16);color:#334155;line-height:1.55}.pi-cambio-status-text b{color:#0f172a}
.pi-cambio-decay-bars{display:grid;gap:.75rem}.pi-decay-row{display:grid;grid-template-columns:170px 1fr 120px;gap:.75rem;align-items:center}.pi-decay-label{font-weight:900;color:#0f172a}.pi-decay-track{height:18px;border-radius:999px;background:rgba(226,232,240,.9);overflow:hidden}.pi-decay-fill{height:100%;display:block;border-radius:999px;transition:width .25s ease}.pi-decay-fill.nominal{width:100%;background:linear-gradient(90deg,#10b981,#22c55e)}.pi-decay-fill.real{background:linear-gradient(90deg,#0ea5e9,#94a3b8)}.pi-decay-value{text-align:right;font-weight:900;color:#0f172a}
.pi-cambio-platform-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:1.2rem;align-items:center;background:linear-gradient(135deg,#fff,rgba(240,249,255,.9));border:1px solid rgba(14,165,233,.16)}.pi-cambio-platform-card h2{margin:.25rem 0 .55rem}.pi-cambio-platform-card p{color:#475569;line-height:1.58}.pi-cambio-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.pi-cambio-platform-grid span{padding:.8rem;border-radius:16px;background:#fff;border:1px solid rgba(148,163,184,.18);font-weight:900;color:#0f172a}.pi-cambio-platform-grid i{color:#0284c7;margin-right:.35rem}.pi-cambio-platform-card .pi-btn-dark{justify-self:start}
.pi-cambio-result.is-calculated{animation:cambioResultPop .45s ease}@keyframes cambioResultPop{0%{transform:scale(.985);opacity:.75}100%{transform:scale(1);opacity:1}}
@media(max-width:900px){.pi-cambio-liquidity-widget,.pi-cambio-platform-card{grid-template-columns:1fr}.pi-decay-row{grid-template-columns:1fr}.pi-decay-value{text-align:left}.pi-cambio-platform-grid{grid-template-columns:1fr}}


/* Ajustes v2 — responsividade do Caderno Cambial Prime */
.pi-cambio-wallet-card{
  display:grid;
  grid-template-columns:minmax(260px,.9fr) minmax(0,1.6fr);
  gap:1rem 1.25rem;
  align-items:start;
}
.pi-cambio-wallet-card .pi-cambio-tool-intro{
  margin-bottom:0;
  height:100%;
}
.pi-cambio-wallet-card .pi-cambio-notebook-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(180px,1fr));
  gap:.8rem;
}
.pi-cambio-wallet-card .pi-cambio-notebook-form .pi-btn-primary,
.pi-cambio-wallet-card .pi-cambio-notebook-form .pi-btn-soft{
  width:100%;
  min-height:46px;
}
.pi-cambio-wallet-card .pi-cambio-notebook,
.pi-cambio-wallet-card .pi-disclaimer-mini{
  grid-column:1/-1;
}
.pi-cambio-note-card{
  display:grid;
  grid-template-columns:minmax(160px,.75fr) minmax(0,1.6fr);
  gap:.8rem 1rem;
  align-items:stretch;
  padding:1rem;
  border-radius:20px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(14,165,233,.18);
  box-shadow:0 10px 22px rgba(15,23,42,.04);
}
.pi-cambio-note-head{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.3rem;
  min-width:0;
}
.pi-cambio-note-head b{
  display:block;
  color:#0f172a;
  font-size:1.35rem;
  line-height:1;
}
.pi-cambio-note-head span{
  display:block;
  color:#475569;
  font-weight:800;
  overflow-wrap:anywhere;
  line-height:1.25;
}
.pi-cambio-note-head em{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  border-radius:999px;
  padding:.28rem .55rem;
  background:rgba(14,165,233,.10);
  color:#036985;
  font-style:normal;
  font-size:.78rem;
  font-weight:900;
}
.pi-cambio-note-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(130px,1fr));
  gap:.65rem;
}
.pi-cambio-note-metrics div{
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg,#fff,rgba(248,250,252,.96));
  border-radius:16px;
  padding:.75rem .8rem;
  min-width:0;
}
.pi-cambio-note-metrics small{
  display:block;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.045em;
  font-size:.68rem;
  font-weight:900;
  line-height:1.15;
  margin-bottom:.25rem;
}
.pi-cambio-note-metrics strong{
  display:block;
  color:#0f172a;
  font-size:1rem;
  line-height:1.18;
  overflow-wrap:anywhere;
  word-break:normal;
}
.pi-cambio-note-metrics strong.up{color:#059669}
.pi-cambio-note-metrics strong.down{color:#dc2626}
.pi-cambio-wallet-card .pi-cambio-formula{
  border-radius:18px;
  padding:1rem;
  background:rgba(240,249,255,.55);
  border:1px dashed rgba(14,165,233,.28);
  color:#334155;
  line-height:1.45;
}
.pi-cambio-help{
  position:relative;
  transition:transform .15s ease, box-shadow .15s ease;
}
.pi-cambio-help:hover{
  transform:translateY(-1px) scale(1.08);
  box-shadow:0 0 0 5px rgba(14,165,233,.10);
}
@media(max-width:1040px){
  .pi-cambio-wallet-card{
    grid-template-columns:1fr;
  }
  .pi-cambio-wallet-card .pi-cambio-tool-intro{
    height:auto;
  }
}
@media(max-width:720px){
  .pi-cambio-wallet-card .pi-cambio-notebook-form{
    grid-template-columns:1fr;
  }
  .pi-cambio-note-card{
    grid-template-columns:1fr;
  }
  .pi-cambio-note-metrics{
    grid-template-columns:1fr;
  }
  .pi-cambio-note-head em{
    width:auto;
  }
}
@media(min-width:721px) and (max-width:1120px){
  .pi-cambio-note-card{
    grid-template-columns:1fr;
  }
  .pi-cambio-note-metrics{
    grid-template-columns:repeat(2,minmax(150px,1fr));
  }
}

/* Ajustes v3 — resultados amplos e legíveis nos simuladores */
.pi-cambio-prime-page .pi-cambio-tool-card{
  display:grid;
  grid-template-columns:minmax(260px,.85fr) minmax(0,1.55fr);
  gap:1rem 1.25rem;
  align-items:start;
}
.pi-cambio-prime-page .pi-cambio-tool-card > .pi-cambio-tool-intro{
  margin-bottom:0;
  min-width:0;
}
.pi-cambio-prime-page .pi-cambio-tool-card > .pi-cambio-form,
.pi-cambio-prime-page .pi-cambio-tool-card > .pi-cambio-auto-form{
  min-width:0;
}
.pi-cambio-prime-page .pi-cambio-tool-card > .pi-cambio-result,
.pi-cambio-prime-page .pi-cambio-tool-card > .pi-cambio-notebook,
.pi-cambio-prime-page .pi-cambio-tool-card > .pi-disclaimer-mini{
  grid-column:1 / -1;
  width:100%;
  min-width:0;
}
.pi-cambio-prime-page .pi-cambio-result-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:.75rem;
  width:100%;
  align-items:stretch;
}
.pi-cambio-prime-page .pi-cambio-result-grid > div{
  min-width:0;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg,#fff,rgba(248,250,252,.96));
  border-radius:18px;
  padding:.9rem 1rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.25rem;
}
.pi-cambio-prime-page .pi-cambio-result-grid small{
  display:block;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.045em;
  font-size:.7rem;
  font-weight:900;
  line-height:1.2;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}
.pi-cambio-prime-page .pi-cambio-result-grid b,
.pi-cambio-prime-page .pi-cambio-result-grid strong{
  display:block;
  color:#0f172a;
  font-size:1.08rem;
  line-height:1.2;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}
.pi-cambio-prime-page .pi-cambio-result-grid b.up,
.pi-cambio-prime-page .pi-cambio-result-grid strong.up{color:#059669}
.pi-cambio-prime-page .pi-cambio-result-grid b.down,
.pi-cambio-prime-page .pi-cambio-result-grid strong.down{color:#dc2626}
.pi-cambio-prime-page .pi-cambio-formula,
.pi-cambio-prime-page .pi-mini-alert{
  max-width:100%;
  overflow-wrap:anywhere;
}
.pi-cambio-prime-page .pi-cambio-bars{
  width:100%;
  display:grid;
  gap:.6rem;
}
.pi-cambio-prime-page .pi-cambio-bars span{
  max-width:100%;
  min-width:120px;
  white-space:normal;
  overflow-wrap:anywhere;
}
.pi-cambio-prime-page .pi-cambio-gauge-card{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.pi-cambio-prime-page .pi-cambio-gauge-card div{
  min-width:0;
}
.pi-cambio-prime-page .pi-cambio-gauge-card strong{
  overflow-wrap:anywhere;
  line-height:1.18;
}
@media(max-width:980px){
  .pi-cambio-prime-page .pi-cambio-tool-card{
    grid-template-columns:1fr;
  }
  .pi-cambio-prime-page .pi-cambio-tool-card > .pi-cambio-tool-intro,
  .pi-cambio-prime-page .pi-cambio-tool-card > .pi-cambio-form,
  .pi-cambio-prime-page .pi-cambio-tool-card > .pi-cambio-result,
  .pi-cambio-prime-page .pi-cambio-tool-card > .pi-cambio-notebook,
  .pi-cambio-prime-page .pi-cambio-tool-card > .pi-disclaimer-mini{
    grid-column:1 / -1;
  }
}
@media(max-width:560px){
  .pi-cambio-prime-page .pi-cambio-result-grid,
  .pi-cambio-prime-page .pi-cambio-gauge-card{
    grid-template-columns:1fr;
  }
  .pi-cambio-prime-page .pi-cambio-result-grid > div{
    padding:.85rem .9rem;
  }
}


/* Ajustes v4 — correção estrutural de tooltips, labels e Grid Blowout */
.pi-cambio-prime-page,
.pi-cambio-prime-page *{
  box-sizing:border-box;
}

.pi-cambio-prime-page .pi-cambio-form{
  min-width:0;
}

.pi-cambio-prime-page .pi-cambio-form label{
  min-width:0;
  max-width:100%;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:.38rem;
}

.pi-cambio-prime-page .pi-cambio-label-header{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:.38rem;
  width:100%;
  min-width:0;
  max-width:100%;
  line-height:1.25;
  margin:0 0 .05rem;
  flex-wrap:wrap;
}

.pi-cambio-prime-page .pi-cambio-label-text{
  min-width:0;
  max-width:calc(100% - 28px);
  color:#0f172a;
  font-weight:900;
  overflow-wrap:break-word;
  word-break:normal;
}

.pi-cambio-prime-page .pi-cambio-help{
  position:relative;
  flex:0 0 auto;
  margin-left:.12rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:999px;
  font-size:.72rem;
  line-height:1;
  background:rgba(14,165,233,.14);
  color:#0284c7;
  font-weight:900;
  cursor:help;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  z-index:5;
}

.pi-cambio-prime-page .pi-cambio-help:hover,
.pi-cambio-prime-page .pi-cambio-help:focus{
  transform:translateY(-1px) scale(1.08);
  background:rgba(14,165,233,.20);
  box-shadow:0 0 0 5px rgba(14,165,233,.10);
  outline:none;
}

.pi-cambio-prime-page .pi-cambio-help::after{
  content:attr(data-tip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  transform:translate(-50%, 6px);
  width:min(280px, 78vw);
  padding:.75rem .85rem;
  border-radius:14px;
  background:#0f172a;
  color:#fff;
  font-size:.78rem;
  font-weight:700;
  line-height:1.35;
  text-transform:none;
  letter-spacing:0;
  box-shadow:0 18px 34px rgba(15,23,42,.22);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
  white-space:normal;
  z-index:1000;
}

.pi-cambio-prime-page .pi-cambio-help::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:calc(100% + 4px);
  transform:translateX(-50%);
  border:6px solid transparent;
  border-top-color:#0f172a;
  opacity:0;
  visibility:hidden;
  transition:opacity .16s ease, visibility .16s ease;
  z-index:1001;
}

.pi-cambio-prime-page .pi-cambio-help:hover::after,
.pi-cambio-prime-page .pi-cambio-help:focus::after{
  opacity:1;
  visibility:visible;
  transform:translate(-50%, 0);
}

.pi-cambio-prime-page .pi-cambio-help:hover::before,
.pi-cambio-prime-page .pi-cambio-help:focus::before{
  opacity:1;
  visibility:visible;
}

.pi-cambio-prime-page .pi-cambio-form input,
.pi-cambio-prime-page .pi-cambio-form select,
.pi-cambio-prime-page .pi-cambio-form textarea{
  width:100%;
  max-width:100%;
  min-width:0;
}

/* Resultado sempre fora da coluna estreita da explicação/formulário */
.pi-cambio-prime-page .pi-cambio-tool-card > .pi-cambio-result,
.pi-cambio-prime-page .pi-cambio-tool-card > .pi-cambio-notebook,
.pi-cambio-prime-page .pi-cambio-tool-card > .pi-disclaimer-mini{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:visible;
}

/* Grade segura: evita Grid Blowout e impede cápsulas minúsculas */
.pi-cambio-prime-page .pi-cambio-safe-grid,
.pi-cambio-prime-page .pi-cambio-result-grid,
.pi-cambio-prime-page .pi-cambio-gauge-card{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:.8rem !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  align-items:stretch;
}

.pi-cambio-prime-page .pi-cambio-safe-grid > div,
.pi-cambio-prime-page .pi-cambio-result-grid > div,
.pi-cambio-prime-page .pi-cambio-gauge-card > div{
  min-width:0 !important;
  max-width:100% !important;
  width:100%;
  overflow:hidden;
  border-radius:18px;
  overflow-wrap:break-word;
  word-wrap:break-word;
}

.pi-cambio-prime-page .pi-cambio-result-grid small,
.pi-cambio-prime-page .pi-cambio-gauge-card small,
.pi-cambio-prime-page .pi-cambio-note-metrics small{
  display:block;
  max-width:100%;
  min-width:0;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  line-height:1.18;
}

.pi-cambio-prime-page .pi-cambio-result-grid b,
.pi-cambio-prime-page .pi-cambio-result-grid strong,
.pi-cambio-prime-page .pi-cambio-gauge-card b,
.pi-cambio-prime-page .pi-cambio-gauge-card strong,
.pi-cambio-prime-page .pi-cambio-note-metrics b,
.pi-cambio-prime-page .pi-cambio-note-metrics strong{
  display:block;
  max-width:100%;
  min-width:0;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  line-height:1.18;
}

.pi-cambio-prime-page .pi-cambio-formula,
.pi-cambio-prime-page .pi-mini-alert,
.pi-cambio-prime-page .pi-cambio-status-text{
  max-width:100%;
  min-width:0;
  overflow-wrap:break-word;
  word-break:normal;
}

/* Caderno Cambial: resultado respirando, sem números espremidos */
.pi-cambio-prime-page .pi-cambio-note-card{
  display:grid !important;
  grid-template-columns:minmax(180px,.65fr) minmax(0,1.55fr) !important;
  gap:.85rem 1rem;
  width:100%;
  max-width:100%;
  min-width:0;
  align-items:stretch;
}

.pi-cambio-prime-page .pi-cambio-note-head,
.pi-cambio-prime-page .pi-cambio-note-metrics,
.pi-cambio-prime-page .pi-cambio-note-metrics > div{
  min-width:0;
  max-width:100%;
}

.pi-cambio-prime-page .pi-cambio-note-head span{
  max-width:100%;
  overflow-wrap:break-word;
}

.pi-cambio-prime-page .pi-cambio-note-metrics{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:.7rem;
}

@media(max-width:900px){
  .pi-cambio-prime-page .pi-cambio-tool-card{
    grid-template-columns:1fr !important;
  }

  .pi-cambio-prime-page .pi-cambio-note-card{
    grid-template-columns:1fr !important;
  }

  .pi-cambio-prime-page .pi-cambio-note-metrics{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media(max-width:680px){
  .pi-cambio-prime-page .pi-cambio-safe-grid,
  .pi-cambio-prime-page .pi-cambio-result-grid,
  .pi-cambio-prime-page .pi-cambio-gauge-card,
  .pi-cambio-prime-page .pi-cambio-note-metrics{
    grid-template-columns:1fr !important;
  }

  .pi-cambio-prime-page .pi-cambio-label-header{
    align-items:flex-start !important;
  }

  .pi-cambio-prime-page .pi-cambio-help::after{
    left:auto;
    right:-8px;
    transform:translate(0, 6px);
  }

  .pi-cambio-prime-page .pi-cambio-help:hover::after,
  .pi-cambio-prime-page .pi-cambio-help:focus::after{
    transform:translate(0, 0);
  }
}


/* v5 — gráfico premium de câmbio */
.pi-cambio-chart-card{
  padding:1.1rem 1.1rem 1rem;
  background:linear-gradient(180deg,#ffffff,rgba(248,250,252,.98));
  border:1px solid rgba(14,165,233,.16);
}
.pi-chart-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.85rem;
}
.pi-chart-head h3{margin:.15rem 0 0}
.pi-period-segment{display:flex;gap:.35rem;flex-wrap:wrap}
.pi-period-segment button{
  border:1px solid rgba(148,163,184,.28);
  background:#fff;
  color:#0f172a;
  border-radius:12px;
  padding:.48rem .72rem;
  font-size:.78rem;
  font-weight:900;
  cursor:pointer;
  transition:all .16s ease;
}
.pi-period-segment button.active,
.pi-period-segment button:hover{
  background:linear-gradient(135deg,#0f172a,#1e293b);
  color:#fff;
  border-color:#0f172a;
  box-shadow:0 10px 20px rgba(15,23,42,.12);
}
.pi-cambio-sparkline{
  position:relative;
  min-height:380px;
  border-radius:24px;
  border:1px solid rgba(14,165,233,.14);
  background:radial-gradient(circle at top right, rgba(14,165,233,.08), transparent 26%), linear-gradient(180deg,#f8fbff,#f7fafc);
  overflow:hidden;
}
.pi-cambio-chart-shell{position:relative;padding:1rem 1rem .9rem}
.pi-cambio-chart-meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.7rem;
  margin-bottom:.9rem;
}
.pi-cambio-chart-meta .metric{
  min-width:0;
  padding:.82rem .88rem;
  border-radius:18px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 10px 22px rgba(15,23,42,.05);
}
.pi-cambio-chart-meta small{
  display:block;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:.68rem;
  font-weight:900;
  margin-bottom:.26rem;
}
.pi-cambio-chart-meta strong{
  display:block;
  color:#0f172a;
  font-size:1.12rem;
  line-height:1.15;
  overflow-wrap:anywhere;
}
.pi-cambio-chart-meta strong.up{color:#059669}
.pi-cambio-chart-meta strong.down{color:#dc2626}
.pi-cambio-chart-board{position:relative}
.pi-cambio-chart-svg{display:block;width:100%;height:auto}
.pi-cambio-axis-label{fill:#64748b;font-size:12px;font-weight:700}
.pi-cambio-axis-label.x{text-anchor:middle}
.pi-cambio-axis-label.y{text-anchor:start}
.pi-cambio-grid-line{stroke:rgba(148,163,184,.18);stroke-width:1}
.pi-cambio-grid-line.main{stroke:rgba(14,165,233,.12)}
.pi-cambio-chart-path{fill:none;stroke:#0284c7;stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 18px rgba(2,132,199,.18))}
.pi-cambio-chart-area{fill:url(#piCambioAreaFill)}
.pi-cambio-chart-point{fill:#fff;stroke:#0284c7;stroke-width:2.5}
.pi-cambio-chart-crosshair{stroke:#0f172a;stroke-width:1.1;stroke-dasharray:4 4;opacity:.55}
.pi-cambio-chart-overlay{fill:transparent;cursor:crosshair}
.pi-cambio-chart-tooltip{
  position:absolute;
  min-width:150px;
  max-width:220px;
  padding:.72rem .8rem;
  border-radius:16px;
  background:rgba(15,23,42,.96);
  color:#fff;
  box-shadow:0 18px 36px rgba(15,23,42,.26);
  pointer-events:none;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .12s ease, transform .12s ease;
  z-index:8;
}
.pi-cambio-chart-tooltip.active{opacity:1;transform:translateY(0)}
.pi-cambio-chart-tooltip small{display:block;color:rgba(255,255,255,.7);font-size:.72rem;font-weight:700;margin-bottom:.15rem}
.pi-cambio-chart-tooltip strong{display:block;font-size:1.05rem;line-height:1.15}
.pi-cambio-chart-tooltip span{display:block;color:#93c5fd;font-size:.78rem;font-weight:800;margin-top:.2rem}
.pi-cambio-chart-foot{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  margin-top:.85rem;
  flex-wrap:wrap;
}
.pi-cambio-chart-summary{display:flex;flex-wrap:wrap;gap:.5rem .7rem;color:#475569;font-size:.84rem}
.pi-cambio-chart-summary b{color:#0f172a}
.pi-cambio-chart-badge{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.45rem .7rem;
  border-radius:999px;
  background:rgba(14,165,233,.09);
  border:1px solid rgba(14,165,233,.16);
  color:#036985;
  font-size:.76rem;
  font-weight:900;
}
.pi-cambio-nochart{
  min-height:260px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:1.5rem;
  color:#475569;
}
.pi-data-mini{display:block;margin-top:.65rem;color:#64748b;line-height:1.45}
@media(max-width:980px){
  .pi-cambio-chart-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pi-cambio-sparkline{min-height:360px}
}
@media(max-width:640px){
  .pi-chart-head{flex-direction:column;align-items:flex-start}
  .pi-cambio-chart-meta{grid-template-columns:1fr}
  .pi-cambio-sparkline{min-height:330px}
  .pi-cambio-chart-shell{padding:.85rem .8rem .85rem}
  .pi-cambio-chart-foot{flex-direction:column;align-items:flex-start}
}

.pi-cambio-coin-extra{display:grid;gap:.18rem;margin-top:.45rem;color:#64748b;font-size:.72rem;line-height:1.35}
.pi-cambio-coin-extra b{color:#0f172a}


/* Câmbio Prime — gráfico de mercado interativo */
.pi-cambio-chart-svg{
  width:100%;
  min-height:320px;
  display:block;
  overflow:visible;
}
.pi-cambio-chart-path{
  filter: drop-shadow(0 10px 18px rgba(14,165,233,.18));
}
.pi-cambio-chart-point{
  transition: opacity .15s ease;
}
.pi-cambio-chart-tooltip{
  pointer-events:none;
  z-index:8;
}
@media (max-width: 760px){
  .pi-cambio-chart-svg{min-height:260px}
  .pi-cambio-chart-meta{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
}
@media (max-width: 480px){
  .pi-cambio-chart-meta{
    grid-template-columns:minmax(0,1fr);
  }
}


/* Câmbio Prime v9 — controles de moeda/período e escudo responsivo */
.pi-cambio-chart-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.55rem;
  flex-wrap:wrap;
}
.pi-cambio-pair-tabs,
.pi-cambio-range-tabs{
  width:auto;
  max-width:100%;
}
.pi-cambio-pair-tabs button,
.pi-cambio-range-tabs button{
  white-space:nowrap;
}
.pi-cambio-range-tabs button.active{
  background:linear-gradient(135deg,#0ea5e9,#2563eb);
  color:#fff;
  border-color:rgba(14,165,233,.45);
  box-shadow:0 10px 22px rgba(14,165,233,.18);
}
.pi-cambio-chart-shell.chart-up .metric strong.up,
.pi-cambio-chart-shell.chart-up .pi-cambio-chart-summary b{
  color:#047857;
}
.pi-cambio-chart-shell.chart-down .metric strong.down,
.pi-cambio-chart-shell.chart-down .pi-cambio-chart-summary b{
  color:#b91c1c;
}
.pi-cambio-chart-shell.chart-up .pi-cambio-grid-line.main{
  stroke:rgba(5,150,105,.14);
}
.pi-cambio-chart-shell.chart-down .pi-cambio-grid-line.main{
  stroke:rgba(220,38,38,.13);
}

/* Reorganiza somente o Escudo do Investidor para voltar a ficar com resultado ao lado no desktop */
@media (min-width: 901px){
  .pi-cambio-prime-page .pi-cambio-hedge-card{
    grid-template-columns:minmax(250px,.82fr) minmax(0,1.35fr) !important;
    grid-auto-flow:row;
  }
  .pi-cambio-prime-page .pi-cambio-hedge-card > .pi-cambio-tool-intro{
    grid-column:1 !important;
    grid-row:1 !important;
  }
  .pi-cambio-prime-page .pi-cambio-hedge-card > .pi-cambio-scenario-buttons{
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:start;
    justify-content:flex-start;
  }
  .pi-cambio-prime-page .pi-cambio-hedge-card > #hedgeForm{
    grid-column:1 !important;
    grid-row:2 !important;
  }
  .pi-cambio-prime-page .pi-cambio-hedge-card > #hedgeResult{
    grid-column:2 !important;
    grid-row:2 !important;
    width:100% !important;
    max-width:100% !important;
    align-self:stretch;
  }
  .pi-cambio-prime-page .pi-cambio-hedge-card > #hedgeResult .pi-cambio-safe-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width: 720px){
  .pi-cambio-chart-controls{
    justify-content:flex-start;
  }
  .pi-cambio-pair-tabs,
  .pi-cambio-range-tabs{
    width:100%;
    display:flex;
    overflow-x:auto;
    padding-bottom:.15rem;
  }
  .pi-cambio-pair-tabs button,
  .pi-cambio-range-tabs button{
    flex:0 0 auto;
  }
}

/* =========================================================
   Câmbio Prime - padronização cirúrgica do card superior
   Mantém a identidade suave usada na página Inteligência.
   Escopo limitado ao card lateral do hero; não altera ferramentas,
   gráfico, API, cards de moedas, formulários ou JavaScript.
   ========================================================= */
.pi-cambio-prime-page .pi-hero .pi-cambio-desk.pi-info-panel-premium,
.pi-cambio-prime-page .pi-hero .pi-info-panel.pi-cambio-desk{
    position: relative !important;
    overflow: hidden !important;
    border-radius: 30px !important;
    padding: 32px 34px !important;
    min-height: auto !important;
    background: radial-gradient(circle at 92% 0%, rgba(14,165,233,.10), transparent 34%),
                linear-gradient(135deg, #ffffff 0%, #f6fcff 72%, #fffdf3 100%) !important;
    border: 1px solid rgba(191,230,245,.95) !important;
    box-shadow: 0 20px 52px rgba(15,23,42,.075) !important;
    color: #071429 !important;
}

.pi-cambio-prime-page .pi-hero .pi-cambio-desk.pi-info-panel-premium::before,
.pi-cambio-prime-page .pi-hero .pi-info-panel.pi-cambio-desk::before{
    border-radius: 30px !important;
    background: radial-gradient(circle at 94% 8%, rgba(14,165,233,.10), transparent 34%),
                radial-gradient(circle at 100% 100%, rgba(250,204,21,.08), transparent 35%) !important;
}

.pi-cambio-prime-page .pi-hero .pi-cambio-desk .pi-info-icon{
    width: 42px !important;
    height: 42px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #e0f7ff, #ffffff) !important;
    color: #0284c7 !important;
    border: 1px solid rgba(14,165,233,.20) !important;
    box-shadow: 0 14px 32px rgba(14,165,233,.12) !important;
    margin-bottom: 18px !important;
}

.pi-cambio-prime-page .pi-hero .pi-cambio-desk h3{
    color: #071429 !important;
    margin: 0 0 14px !important;
    letter-spacing: -.025em !important;
}

.pi-cambio-prime-page .pi-hero .pi-cambio-desk p{
    color: #334155 !important;
    line-height: 1.72 !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

.pi-cambio-prime-page .pi-hero .pi-cambio-desk .pi-cambio-orbit{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    margin: 16px 0 0 !important;
}

.pi-cambio-prime-page .pi-hero .pi-cambio-desk .pi-cambio-orbit span{
    min-height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.78) !important;
    border: 1px solid rgba(14,165,233,.14) !important;
    color: #075985 !important;
    padding: 8px 11px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    font-size: .78rem !important;
    box-shadow: none !important;
}

.pi-cambio-prime-page .pi-hero .pi-cambio-desk .pi-mini-alert{
    background: rgba(255,250,235,.82) !important;
    border: 1px solid rgba(217,119,6,.14) !important;
    border-radius: 16px !important;
    padding: 14px 16px !important;
    margin-top: 18px !important;
    color: #334155 !important;
    line-height: 1.55 !important;
}

@media (max-width: 980px){
    .pi-cambio-prime-page .pi-hero .pi-cambio-desk.pi-info-panel-premium,
    .pi-cambio-prime-page .pi-hero .pi-info-panel.pi-cambio-desk{
        padding: 24px !important;
        border-radius: 26px !important;
    }
    .pi-cambio-prime-page .pi-hero .pi-cambio-desk.pi-info-panel-premium::before,
    .pi-cambio-prime-page .pi-hero .pi-info-panel.pi-cambio-desk::before{
        border-radius: 26px !important;
    }
}


/* =========================================================
   Câmbio Prime - suavização do topo
   Escopo: somente tonalidade do hero e do card lateral.
   ========================================================= */
.pi-cambio-prime-page .pi-cambio-hero{
  background:
    radial-gradient(circle at 78% 18%, rgba(14,165,233,.075), transparent 34%),
    radial-gradient(circle at 98% 78%, rgba(212,175,55,.035), transparent 36%),
    linear-gradient(135deg, #ffffff 0%, #f8fbff 66%, #fbfdff 100%) !important;
}
.pi-cambio-prime-page .pi-hero .pi-cambio-desk.pi-info-panel-premium,
.pi-cambio-prime-page .pi-hero .pi-info-panel.pi-cambio-desk{
  background:
    radial-gradient(circle at 92% 4%, rgba(14,165,233,.065), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(212,175,55,.030), transparent 36%),
    linear-gradient(135deg, #ffffff 0%, #f8fcff 76%, #fbfdff 100%) !important;
  border-color: rgba(191,230,245,.72) !important;
  box-shadow: 0 18px 46px rgba(15,23,42,.065) !important;
}
.pi-cambio-prime-page .pi-hero .pi-cambio-desk.pi-info-panel-premium::before,
.pi-cambio-prime-page .pi-hero .pi-info-panel.pi-cambio-desk::before{
  background:
    radial-gradient(circle at 94% 8%, rgba(14,165,233,.060), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(250,204,21,.030), transparent 35%) !important;
}
.pi-cambio-prime-page .pi-hero .pi-cambio-desk .pi-mini-alert{
  background: rgba(255,253,244,.76) !important;
  border-color: rgba(217,119,6,.10) !important;
}
