/* ============================================================
   OMIP SA - Página Atividade (atividade.html)
   Cabeçalho de página, lista de documentos e nota legal.
   ============================================================ */

/* --- Cabeçalho de página --- */
.page-head{
  padding: 96px 0 48px;
  background: linear-gradient(180deg, var(--cream) 0%, #fff 100%);
  border-bottom: 1px solid #0000000a;
}
.crumbs{
  font: 600 12px/1 'Abadi','Inter',sans-serif;
  letter-spacing:.22em; text-transform:uppercase;
  color: var(--grey-dark); margin: 0 0 16px;
  display:flex; gap:10px; align-items:center;
}
.crumbs a{ color: var(--green-700); }
.crumbs .sep{ color:#0000002a; }
h1.page-title{
  font: 700 clamp(40px, 6vw, 64px)/1.05 'Abadi','Inter',sans-serif;
  letter-spacing:-.01em;
  margin: 0 0 18px; text-wrap: balance;
}
.page-lead{
  font: 400 18px/1.5 'Abadi','Inter',sans-serif;
  color:#3d3935; max-width: 68ch; margin: 0;
}

/* --- Corpo --- */
.wrap{ padding: 72px 0 120px; }
.section-label{
  display:inline-flex; align-items:center; gap:10px;
  font: 700 13px/1 'Abadi','Inter',sans-serif;
  letter-spacing:.18em; text-transform:uppercase;
  color: var(--green-700); margin: 0 0 20px;
}
.section-label::before{
  content:""; width:24px; height:1px; background: var(--green-700);
}
h2.sec-title{
  font: 700 clamp(28px, 3.4vw, 40px)/1.15 'Abadi','Inter',sans-serif;
  letter-spacing:-.01em; margin: 0 0 40px;
}

/* --- Lista de documentos --- */
.docs{
  display:grid; grid-template-columns: 1fr 1fr; gap: 16px;
}
/* Um so documento: coluna unica e largura contida (nao um grid de 2 com 1 preenchido). */
.docs--single{ grid-template-columns: 1fr; max-width: 560px; }
@media (max-width: 720px){ .docs{ grid-template-columns:1fr } }

.doc{
  display:flex; align-items:center; gap: 20px;
  padding: 22px 22px 22px 24px;
  background:#fff;
  border: 1px solid #0000000f;
  border-radius: 16px;
  transition: border-color .2s ease, transform .2s ease, background .2s ease;
  cursor:pointer;
}
.doc:hover{ border-color: var(--green-300); background: var(--green-50); transform: translateY(-1px); }
.doc-icon{
  flex: 0 0 auto;
  width:44px; height:44px; border-radius:12px;
  background: var(--green-100); color: var(--green-800);
  display:inline-flex; align-items:center; justify-content:center;
}
.doc-icon svg{ width:20px; height:20px; }
.doc-body{ flex:1; min-width:0; }
.doc-kicker{
  font: 700 11px/1 'Abadi','Inter',sans-serif;
  letter-spacing:.2em; text-transform:uppercase;
  color: var(--grey-dark); margin: 0 0 6px;
}
.doc-title{
  font: 700 18px/1.25 'Abadi','Inter',sans-serif;
  margin:0; letter-spacing:-.005em;
}
.doc-meta{
  margin-top: 4px;
  font: 400 13px/1.3 'Abadi','Inter',sans-serif;
  color: var(--grey-dark);
}
.doc-action{
  flex:0 0 auto;
  width:36px; height:36px; border-radius: 999px;
  background: var(--green-500); color:#fff;
  display:inline-flex; align-items:center; justify-content:center;
  transition: background .2s ease, transform .2s ease;
}
.doc:hover .doc-action{ background: var(--green-600); transform: translate(2px,-2px); }
.doc-action svg{ width:16px; height:16px; }

/* --- Nota legal --- */
.legal-note{
  margin-top: 48px;
  padding: 24px 28px;
  background: var(--cream);
  border-left: 3px solid var(--green-500);
  border-radius: 6px;
  font: 400 14px/1.55 'Abadi','Inter',sans-serif;
  color:#4a443e;
  max-width: 880px;
}
.legal-note strong{ color: var(--black); }
.legal-note a{ color: var(--green-700); font-weight:600; }

/* Documentos ainda sem ligacao publicada - marcador inerte */
.is-pending{ cursor:default; opacity:.55; pointer-events:none; }