/* ============================================================
   REDES.LAB ON · "Olha a oportunidade"
   Cards de edital na linha do tempo das associações.
   Visual distinto do post comum: faixa e selo em ouro
   (amarelo-neon), prazo em destaque, ação "Vou tentar!".
   Depende dos tokens de styles.css e das classes ed-* de
   layout.css (ed-tipo, ed-avs, ed-av, ed-org-dot, ed-modal…).
   ============================================================ */

/* ---------- card na linha do tempo ---------- */
.op-card{
  position:relative;padding:18px 18px 16px;margin-bottom:16px;
  border:1.5px solid color-mix(in srgb,var(--amarelo-neon) 55%,transparent);
  background:
    linear-gradient(160deg,color-mix(in srgb,var(--amarelo-neon) 10%,var(--surface)),var(--surface) 55%);
  overflow:visible;
}
.op-card::before{
  content:"";position:absolute;top:0;bottom:0;left:0;width:6px;
  border-radius:calc(var(--r-lg) - 1.5px) 0 0 calc(var(--r-lg) - 1.5px);
  background:linear-gradient(180deg,var(--amarelo-neon),var(--laranja-rede));
}

/* selo do card, em fluxo (nada vaza do card) */
.op-selo{
  display:inline-flex;align-items:center;gap:7px;
  margin:0 0 12px;
  font-family:var(--mono);font-size:10px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;
  background:var(--amarelo-neon);color:var(--azul-noite);
  padding:5px 12px 5px 7px;border-radius:var(--r-pill);
}
.op-selo-ico{
  width:20px;height:20px;border-radius:50%;flex:0 0 auto;
  background:var(--azul-noite);color:var(--amarelo-neon);
  display:flex;align-items:center;justify-content:center;
}
.op-selo-ico.grande{width:36px;height:36px;border-radius:12px;background:var(--amarelo-neon);color:var(--azul-noite);}

.op-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px;}
.op-origem{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;font-weight:600;color:var(--body-soft);}
.op-origem.cur{color:#8A6410;}
html[data-mode="escuro"] .op-origem.cur{color:var(--amarelo-neon);}
.op-origem.rede{color:var(--azul-eletrico);}

.op-titulo{font-family:var(--serif);font-weight:800;font-size:17.5px;line-height:1.18;color:var(--ink);letter-spacing:-.01em;}
.op-orgao{font-family:var(--mono);font-size:11.5px;color:var(--body-soft);margin-top:3px;}
.op-resumo{font-family:var(--mono);font-size:12.5px;line-height:1.6;color:var(--body);margin:9px 0 0;}
.op-meta{display:flex;gap:22px;flex-wrap:wrap;padding:11px 0;margin-top:11px;border-top:1px solid var(--rule-soft);}
.op-meta>div{display:flex;flex-direction:column;gap:3px;}
.op-meta b{font-family:var(--serif);font-weight:700;font-size:13.5px;color:var(--ink);}

/* prazo em destaque */
.op-prazo-wrap{margin-top:4px;}
.op-prazo{
  display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-family:var(--mono);font-size:12px;color:var(--ink-2);
  background:var(--surface-sunk);border:1px solid var(--rule-soft);
  padding:8px 13px;border-radius:var(--r-pill);
}
.op-prazo b{font-family:var(--serif);font-weight:800;font-size:13.5px;color:var(--ink);}
.op-prazo-data{color:var(--body-soft);font-size:11px;}
.op-prazo.urg{
  background:color-mix(in srgb,var(--magenta-vivo) 11%,transparent);
  border-color:color-mix(in srgb,var(--magenta-vivo) 30%,transparent);
}
.op-prazo.urg b,.op-prazo.urg svg{color:var(--magenta-vivo);}
.op-prazo.sem{color:var(--body-soft);}

/* rodapé: vou tentar + juntas */
.op-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px solid var(--rule-soft);}
.op-cta{
  background:var(--azul-noite);color:var(--off-white);
  padding:9px 18px;min-height:40px;font-size:12px;
  box-shadow:0 8px 18px -8px color-mix(in srgb,var(--azul-noite) 70%,transparent);
}
.op-cta:hover{transform:translateY(-1px);}
.op-cta.on{
  background:color-mix(in srgb,var(--ciano-vivo) 18%,transparent);
  color:#22697A;border:1.5px solid color-mix(in srgb,var(--ciano-vivo) 45%,transparent);
  box-shadow:none;
}
html[data-mode="escuro"] .op-cta.on{color:var(--ciano-vivo);}
.op-juntas{
  display:inline-flex;align-items:center;gap:8px;margin-left:auto;
  font-family:var(--mono);font-size:10.5px;color:var(--body-soft);
}
.op-aviso{
  display:flex;align-items:center;gap:8px;margin-top:11px;
  font-family:var(--mono);font-size:11px;line-height:1.5;color:var(--ink-2);
  background:color-mix(in srgb,var(--ciano-vivo) 9%,transparent);
  border-radius:11px;padding:9px 12px;
}
.op-aviso svg{color:var(--ciano-vivo);flex:0 0 auto;}

/* chamada no topo do feed */
.op-chamada{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:13px 16px;margin-bottom:16px;
  border:1px solid color-mix(in srgb,var(--amarelo-neon) 45%,transparent);
}
.op-chamada b{font-family:var(--serif);font-weight:700;font-size:14.5px;color:var(--ink);}

/* filtro dedicado no feed */
.fchip.fchip-op{border-color:color-mix(in srgb,var(--amarelo-neon) 60%,transparent);}
.fchip.fchip-op.on{background:var(--amarelo-neon);color:var(--azul-noite);border-color:var(--amarelo-neon);}

/* formulário "achei um edital" */
.op-form .sb-label{font-family:var(--mono);font-size:11.5px;font-weight:700;color:var(--ink-2);}
@media (max-width:560px){
  .op-juntas{margin-left:0;}
  .op-cta{flex:1;justify-content:center;}
}