/* ================================================================
   PUBLIC.OPEN.1B | Continuidade pública: Instituições + Economia
   Camada leve de integração com o Shell Público Canônico.
   ================================================================ */

/* O shell passa a ser a autoridade de navegação nas páginas migradas. */
.inst-public-page > .ccp-shell,
.inst-start-page > .ccp-shell,
.inst-search-page > .ccp-shell,
.irepo-public-page > .ccp-shell,
.imr-public-page > .ccp-shell,
.iinv-public-page > .ccp-shell,
.market-public-page > .ccp-shell {
  isolation:isolate;
}

/* Evita que variáveis do antigo header institucional determinem o offset
   de páginas que agora usam o shell compartilhado. */
.inst-public-page,
.inst-start-page,
.inst-search-page,
.irepo-public-page,
.imr-public-page,
.iinv-public-page {
  --crpub-header-h:76px;
}

/* A antiga camada de navegação pode continuar carregada para componentes
   institucionais, mas não deve reservar espaço para um header removido. */
.inst-start-main,
.inst-search-main,
.irepo-public-main,
.imr-public-main,
.iinv-public-main {
  min-height:70vh;
}

/* ----------------------------------------------------------------
   Mercado Cognitivo: convergência BLUE -> CYAN -> GREEN.
   A economia continua tendo identidade própria, sem voltar ao verde/gold
   como paleta estrutural isolada.
   ---------------------------------------------------------------- */
.market-public-page {
  --mk-bg:#f5fbfd;
  --mk-bg-soft:#eef9f6;
  --mk-green-950:#10283d;
  --mk-green-900:#163c51;
  --mk-green-800:#176476;
  --mk-green-700:#148b83;
  --mk-green-600:#18a868;
  --mk-green-100:#e5f8f2;
  --mk-gold:#0ea5c6;
  --mk-gold-soft:#e8f8fc;
  --mk-text:#12263a;
  --mk-muted:#62758d;
  --mk-card:rgba(255,255,255,.92);
  --mk-border:rgba(28,75,108,.11);
  --mk-shadow:0 24px 70px rgba(31,82,113,.12);
  background:
    radial-gradient(circle at 10% 0%,rgba(33,87,217,.08),transparent 30%),
    radial-gradient(circle at 92% 8%,rgba(24,168,104,.09),transparent 30%),
    linear-gradient(180deg,#f9fdff 0%,#f4fbf8 100%);
}

.market-public-page .market-wrap {
  padding-top:34px;
}

.market-public-page .market-hero {
  color:#10283d;
  border:1px solid rgba(28,75,108,.10);
  background:
    radial-gradient(circle at 88% 8%,rgba(24,168,104,.16),transparent 27%),
    radial-gradient(circle at 10% 90%,rgba(33,87,217,.12),transparent 31%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,250,255,.96) 52%,rgba(238,251,245,.98));
  box-shadow:0 28px 78px rgba(31,82,113,.11);
}

.market-public-page .market-hero::before {
  background:linear-gradient(115deg,transparent 0%,rgba(14,165,198,.07) 46%,transparent 72%);
}

.market-kicker {
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  margin-bottom:12px;
  color:#176476;
  font:900 11px/1 system-ui,-apple-system,Segoe UI,sans-serif;
  letter-spacing:.14em;
}

.market-kicker::before {
  content:"";
  width:8px;
  height:8px;
  margin-right:8px;
  border-radius:50%;
  background:linear-gradient(135deg,#2157d9,#0ea5c6,#18a868);
  box-shadow:0 0 0 6px rgba(14,165,198,.07);
}

.market-hero-links {
  position:relative;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:24px;
}

.market-hero-links a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 15px;
  border:1px solid rgba(28,75,108,.10);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#31536d;
  text-decoration:none;
  font-weight:850;
}

.market-hero-links a:hover,
.market-hero-links a:focus-visible {
  border-color:rgba(14,165,198,.24);
  background:#fff;
  outline:none;
}

.market-public-page .market-card {
  box-shadow:0 18px 52px rgba(31,82,113,.09);
}

.market-public-page .market-card:hover {
  border-color:rgba(14,165,198,.26);
  box-shadow:0 26px 72px rgba(31,82,113,.14);
}

.market-public-page .market-badge {
  color:#176476;
  background:linear-gradient(135deg,#eaf7ff,#e9f9f2);
  border-color:rgba(14,165,198,.12);
}

.market-public-page .market-badge::before {
  color:#0ea5c6;
}

.market-public-page .market-btn {
  background:linear-gradient(135deg,#2157d9,#0ea5c6 56%,#18a868);
  box-shadow:0 12px 28px rgba(14,165,198,.18);
}

.market-public-page .market-btn:hover,
.market-public-page .market-btn:focus-visible {
  box-shadow:0 18px 36px rgba(14,165,198,.24);
  outline:none;
}

.market-breadcrumb {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 18px;
  color:#6b7d90;
  font-size:13px;
}

.market-breadcrumb .market-link {
  color:#315d77;
}

.market-producer,
.market-product-meta {
  color:#51697e;
  line-height:1.6;
}

.market-knowledge {
  scroll-margin-top:100px;
}

.market-knowledge > h2 {
  margin:2px 0 8px;
  color:#10283d;
  font-size:clamp(24px,3vw,34px);
  letter-spacing:-.03em;
}

.market-knowledge-card a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:inherit;
  text-decoration:none;
}

.market-knowledge-card a span {
  flex:0 0 auto;
  color:#176476;
  font-weight:850;
  font-size:13px;
}

.market-knowledge-card a:hover strong,
.market-knowledge-card a:focus-visible strong {
  color:#2157d9;
}

.market-empty {
  display:grid;
  justify-items:center;
  max-width:760px;
  margin:18px auto 0;
  padding:52px 32px;
  text-align:center;
  border:1px solid rgba(28,75,108,.10);
  border-radius:28px;
  background:rgba(255,255,255,.86);
  box-shadow:0 20px 60px rgba(31,82,113,.08);
}

.market-empty > span {
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  margin-bottom:15px;
  border-radius:18px;
  color:#176476;
  background:linear-gradient(135deg,#eaf7ff,#eaf9f1);
  font-size:28px;
}

.market-empty h2 {
  margin:0 0 10px;
  color:#10283d;
  font-size:clamp(24px,3vw,34px);
}

.market-empty p {
  max-width:590px;
  margin:0;
  color:#62758d;
  line-height:1.65;
}

.market-empty > div {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:18px;
  margin-top:24px;
}

.market-form-trust {
  margin:0 0 24px;
  padding:12px 14px;
  border:1px solid rgba(14,165,198,.13);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(33,87,217,.04),rgba(24,168,104,.05));
  color:#506b7f;
  font-size:13px;
  line-height:1.5;
}

/* Foco consistente para componentes legados das superfícies migradas. */
.market-public-page a:focus-visible,
.market-public-page button:focus-visible,
.market-public-page input:focus-visible,
.market-public-page select:focus-visible,
.market-public-page textarea:focus-visible,
.inst-public-page a:focus-visible,
.inst-start-page a:focus-visible,
.inst-search-page a:focus-visible,
.irepo-public-page a:focus-visible,
.imr-public-page a:focus-visible,
.iinv-public-page a:focus-visible {
  outline:3px solid rgba(14,165,198,.35);
  outline-offset:3px;
}

@media(max-width:760px) {
  .market-public-page .market-wrap {padding:24px 16px 56px}
  .market-public-page .market-hero {padding:38px 26px;border-radius:26px;margin-bottom:28px}
  .market-detail {padding:24px}
  .market-detail-grid {grid-template-columns:1fr;gap:28px}
  .market-detail-image,.market-image-placeholder {min-height:300px}
  .market-form {padding:26px}
  .market-knowledge-card a {align-items:flex-start;flex-direction:column;gap:8px}
}

@media(prefers-reduced-motion:reduce) {
  .market-public-page *,
  .market-public-page *::before,
  .market-public-page *::after {
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important;
  }
}

@media(forced-colors:active) {
  .market-public-page .market-card,
  .market-public-page .market-detail,
  .market-public-page .market-form,
  .market-empty {
    border:1px solid CanvasText;
  }
}