/* portal-cientifico.css — Biblioteca Científica de Peptídeos (Peptídeos Slim PY)
   Padrão editorial Volume 1: nível de evidência visível, dado estruturado, separação
   clara entre ciência e comércio. */

/* ── Selo de nível de evidência ── */
.pc-ev{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:7px 15px;font-size:.78rem;font-weight:800;letter-spacing:.02em;border:1.5px solid;line-height:1.2}
.pc-ev b{font-size:.95rem;font-weight:900}
.pc-ev-5{background:#e9f9ef;color:#0d7a3e;border-color:#9fdcbb}
.pc-ev-4{background:#e8f1fe;color:#1a4fa0;border-color:#a9c8f5}
.pc-ev-3{background:#e6f6f8;color:#0d6d7d;border-color:#9ad6e0}
.pc-ev-2{background:#fdf3e2;color:#8a5a08;border-color:#f0cf95}
.pc-ev-1{background:#fdeee2;color:#93500d;border-color:#f2c39a}
.pc-ev-0{background:#fdebeb;color:#96201f;border-color:#f2b3b2}

.pc-ev-note{background:#f7f8fb;border-left:3px solid #cbd3e1;border-radius:0 10px 10px 0;padding:13px 16px;margin:16px 0 0;font-size:.9rem;color:#4a5568;line-height:1.65}
.pc-ev-note strong{color:#0A1937}

/* ── Escala de evidência (legenda reutilizável) ── */
.pc-scale{background:#fff;border:1px solid #e4e8f2;border-radius:16px;padding:22px 24px;margin:30px 0}
.pc-scale h3{font-size:1.02rem;font-weight:900;color:#0A1937;margin:0 0 14px}
.pc-scale-row{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #f1f4f9;font-size:.9rem;line-height:1.55}
.pc-scale-row:last-child{border-bottom:none}
.pc-scale-n{flex:0 0 30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem}
.pc-scale-row span{color:#41506b}
.pc-scale-row strong{color:#0A1937}

/* ── Ficha técnica ── */
.pc-ficha{width:100%;border-collapse:collapse;margin:22px 0;font-size:.93rem;border:1px solid #e4e8f2;border-radius:14px;overflow:hidden}
.pc-ficha tr{border-bottom:1px solid #eef1f7}
.pc-ficha tr:last-child{border-bottom:none}
.pc-ficha tr:nth-child(odd){background:#fafbfe}
.pc-ficha td{padding:12px 16px;vertical-align:top;line-height:1.6}
.pc-ficha td:first-child{font-weight:800;color:#0A1937;width:38%;white-space:normal}
.pc-ficha td:last-child{color:#3d4a63}

/* ── Blocos de conteúdo ── */
.pc-box{border-radius:14px;padding:18px 22px;margin:24px 0}
.pc-box h3{margin:0 0 10px;font-size:1rem;font-weight:900;letter-spacing:.01em}
.pc-box ul{margin:0;padding-left:20px}
.pc-box li{margin-bottom:8px;line-height:1.66}
.pc-box li:last-child{margin-bottom:0}
.pc-risk{background:#fff6f5;border:1px solid #f6cdcb}
.pc-risk h3{color:#96201f}
.pc-risk li{color:#5c3b3a}
.pc-gap{background:#f6f8fd;border:1px solid #dbe3f2}
.pc-gap h3{color:#1a3f7a}
.pc-gap li{color:#41506b}
.pc-sport{background:#f4f7f5;border:1px solid #d5e3da;color:#38524a;line-height:1.7;font-size:.94rem}
.pc-sport h3{color:#1d5e42}

/* ── Tabela regulatória ── */
.pc-reg{width:100%;border-collapse:collapse;margin:18px 0;font-size:.9rem;border:1px solid #e4e8f2;border-radius:14px;overflow:hidden}
.pc-reg thead td{background:#0A1937;color:#fff;font-weight:800;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;padding:11px 15px}
.pc-reg td{padding:12px 15px;border-bottom:1px solid #eef1f7;vertical-align:top;line-height:1.6;color:#3d4a63}
.pc-reg tbody tr:last-child td{border-bottom:none}
.pc-reg-terr{font-weight:800;color:#0A1937;white-space:nowrap}
.pc-tag{display:inline-block;font-size:.72rem;font-weight:800;padding:3px 9px;border-radius:99px;white-space:nowrap}
.pc-tag-ok{background:#e9f9ef;color:#0d7a3e}
.pc-tag-no{background:#fdebeb;color:#96201f}
.pc-tag-part{background:#fdf3e2;color:#8a5a08}

/* ── Referências ── */
.pc-refs{background:#fafbfe;border:1px solid #e9edf5;border-radius:14px;padding:20px 24px;margin:26px 0}
.pc-refs h3{margin:0 0 12px;font-size:.95rem;font-weight:900;color:#0A1937}
.pc-refs ol{margin:0;padding-left:20px}
.pc-refs li{margin-bottom:9px;font-size:.87rem;line-height:1.6;color:#4a5568}
.pc-refs a{color:#1a4fa0;text-decoration:none;border-bottom:1px solid #c3d6f2}
.pc-refs a:hover{border-bottom-color:#1a4fa0}

/* ── Aviso editorial ── */
.pc-disc{background:#f7f8fb;border-top:2px solid #e4e8f2;border-radius:12px;padding:18px 22px;margin:28px 0 0;font-size:.84rem;line-height:1.7;color:#5a6478}
.pc-disc strong{color:#0A1937}

/* ── Relacionados ── */
.pc-rel{margin:26px 0}
.pc-rel h3{font-size:1rem;font-weight:900;color:#0A1937;margin:0 0 12px}
.pc-rel-list{display:flex;flex-wrap:wrap;gap:9px}
.pc-rel-list a{background:#fff;border:1px solid #dbe2ee;border-radius:999px;padding:9px 16px;font-size:.85rem;font-weight:700;color:#1a3f7a;text-decoration:none;transition:.15s}
.pc-rel-list a:hover{background:#0A1937;color:#F5C518;border-color:#0A1937}

/* ══════ ÍNDICE DA BIBLIOTECA (/peptideos) ══════ */
.pcx-hero{background:linear-gradient(135deg,#081530 0%,#0A2260 100%);padding:64px 20px 56px;text-align:center;color:#fff}
.pcx-hero .eyebrow{display:inline-block;background:rgba(245,197,24,.15);border:1px solid rgba(245,197,24,.4);color:#F5C518;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding:7px 16px;border-radius:999px;margin-bottom:18px}
.pcx-hero h1{font-size:clamp(1.8rem,4vw,2.7rem);font-weight:900;letter-spacing:-.03em;line-height:1.14;margin:0 0 16px;color:#fff}
.pcx-hero p{color:rgba(255,255,255,.74);font-size:1.02rem;line-height:1.68;max-width:660px;margin:0 auto}
.pcx-stats{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
.pcx-stats span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 17px;font-size:.85rem;font-weight:700;color:#e8eefc}

.pcx-wrap{max-width:1140px;margin:0 auto;padding:44px 20px 60px}
.pcx-search{display:flex;gap:10px;margin-bottom:26px;flex-wrap:wrap}
.pcx-search input{flex:1;min-width:230px;border:1.5px solid #d9e0ec;border-radius:12px;padding:14px 18px;font-size:.97rem;font-family:inherit;outline:none;transition:.18s}
.pcx-search input:focus{border-color:#0A1937;box-shadow:0 0 0 3px rgba(10,25,55,.07)}
.pcx-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.pcx-filters button{background:#fff;border:1.5px solid #dbe2ee;border-radius:999px;padding:9px 17px;font-size:.85rem;font-weight:700;color:#41506b;cursor:pointer;font-family:inherit;transition:.15s}
.pcx-filters button:hover{border-color:#0A1937}
.pcx-filters button.on{background:#0A1937;color:#F5C518;border-color:#0A1937}

.pcx-cat{margin-bottom:38px}
.pcx-cat h2{font-size:1.16rem;font-weight:900;color:#0A1937;margin:0 0 4px;letter-spacing:-.01em}
.pcx-cat .sub{color:#69748a;font-size:.88rem;margin:0 0 16px}
.pcx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:14px}
.pcx-card{display:block;background:#fff;border:1px solid #e4e8f2;border-radius:16px;padding:19px 20px;text-decoration:none;transition:.18s;height:100%;box-sizing:border-box}
.pcx-card:hover{border-color:#0A1937;transform:translateY(-2px);box-shadow:0 10px 26px rgba(10,25,55,.09)}
.pcx-card .n{font-size:1.04rem;font-weight:900;color:#0A1937;margin-bottom:7px;letter-spacing:-.01em;line-height:1.25}
.pcx-card .d{font-size:.855rem;color:#5a6478;line-height:1.58;margin-bottom:13px}
.pcx-empty{text-align:center;padding:44px 20px;color:#69748a}

@media(max-width:640px){
  .pcx-hero{padding:48px 18px 42px}
  .pc-ficha td:first-child{width:45%}
  .pc-ficha td,.pc-reg td{padding:10px 12px;font-size:.87rem}
  .pcx-grid{grid-template-columns:1fr}
}

/* ── Tabelas roláveis no mobile (conteúdo largo nunca é cortado) ── */
.pc-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0;border-radius:14px}
.pc-scroll > table{margin:0;min-width:520px}
.pc-scroll::-webkit-scrollbar{height:6px}
.pc-scroll::-webkit-scrollbar-thumb{background:#c7cfdd;border-radius:99px}
.pc-scroll-hint{font-size:.78rem;color:#8a93a6;margin:-14px 0 20px;display:none}
@media(max-width:720px){.pc-scroll-hint{display:block}}

/* ═══ HEADER + BREADCRUMB do portal — estilo próprio, sem link padrão vazando ═══ */
.navbar{background:rgba(8,17,38,.92);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}

.navbar-nav > a{
  color:rgba(255,255,255,.72);
  text-decoration:none;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:9px 12px;
  border-radius:8px;
  transition:color .16s ease, background-color .16s ease;
}
.navbar-nav > a:hover{color:#fff;background:rgba(255,255,255,.07);text-decoration:none}
.navbar-nav > a.active{color:var(--accent);background:rgba(245,197,24,.10)}
.navbar-nav > a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.navbar-logo{text-decoration:none}
.navbar-logo:hover{text-decoration:none}

/* Breadcrumb sobre fundo escuro */
.article-hero .breadcrumb{color:rgba(255,255,255,.42);font-size:.82rem;margin-bottom:20px}
.article-hero .breadcrumb a{color:rgba(255,255,255,.7);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22)}
.article-hero .breadcrumb a:hover{color:#fff;border-bottom-color:rgba(255,255,255,.6)}
.article-hero .breadcrumb a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}
.article-hero .breadcrumb span{margin:0 7px;opacity:.5}

/* Respiro do hero: título não cola no menu nem estica demais */
.article-hero{padding-top:96px;padding-bottom:52px}
.article-hero .article-title{max-width:19ch;line-height:1.08;letter-spacing:-.035em;overflow-wrap:anywhere}
.article-hero .article-meta{margin-top:22px;gap:20px;color:rgba(255,255,255,.55);font-size:.8rem}
@media(max-width:720px){
  .article-hero{padding-top:84px;padding-bottom:38px}
  .article-hero .article-title{max-width:100%}
  .navbar-nav > a{font-size:.9rem;letter-spacing:.02em;text-transform:none;padding:11px 14px}
}