/* ==========================================================
   PUBLIC.OPEN.2C | Conhecimentos, Capacidades e Proveniência
   Capacidade como composição de evidências, não como score
   ========================================================== */

.cc-capability-section{
  scroll-margin-top:118px;
}

.cc-capability-intro{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  gap:28px;
  align-items:center;
  border-color:rgba(14,165,198,.13);
  background:
    radial-gradient(540px 180px at 0% 0%,rgba(37,99,235,.07),transparent 72%),
    radial-gradient(500px 180px at 100% 100%,rgba(24,168,104,.08),transparent 74%),
    rgba(255,255,255,.94);
}

.cc-capability-intro h2{
  margin:0 0 9px;
  color:var(--cc2-ink);
  font-size:clamp(1.55rem,2.2vw,2.2rem);
}

.cc-capability-intro p{
  margin:0;
  max-width:72ch;
}

.cc-capability-rule{
  display:grid;
  gap:6px;
  padding:16px 18px;
  border:1px solid rgba(24,168,104,.12);
  border-radius:18px;
  background:rgba(247,253,251,.86);
}

.cc-capability-rule strong{
  color:#12684d;
  font-size:.86rem;
  font-weight:900;
}

.cc-capability-rule span{
  color:#647d72;
  font-size:.79rem;
  line-height:1.5;
}

.cc-capability-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}

.cc-capability-heading h3{
  margin:0;
  color:var(--cc2-ink);
  font-size:1.35rem;
}

.cc-capability-evidence-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.cc-capability-evidence{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:8px;
  min-height:174px;
  padding:16px;
  border:1px solid rgba(43,95,126,.09);
  border-radius:18px;
  background:
    radial-gradient(160px 90px at 100% 0%,rgba(14,165,198,.065),transparent 72%),
    rgba(255,255,255,.76);
}

.cc-capability-evidence::after{
  content:"";
  position:absolute;
  width:62px;
  height:62px;
  right:-30px;
  bottom:-30px;
  border-radius:50%;
  border:1px solid rgba(14,165,198,.09);
}

.cc-capability-evidence[data-cc-state="available"]{
  border-color:rgba(24,168,104,.13);
}

.cc-capability-evidence[data-cc-state="empty"]{
  background:rgba(249,252,252,.86);
}

.cc-capability-evidence[data-cc-state="not_integrated"],
.cc-capability-evidence[data-cc-state="unavailable"]{
  border-style:dashed;
  background:rgba(248,250,252,.78);
}

.cc-capability-evidence__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.cc-capability-evidence__top span{
  color:#44667c;
  font-size:.78rem;
  font-weight:900;
}

.cc-capability-evidence__top b{
  flex:none;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(14,165,198,.07);
  color:#537a8b;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.cc-capability-evidence[data-cc-state="available"] .cc-capability-evidence__top b{
  background:rgba(24,168,104,.08);
  color:#187351;
}

.cc-capability-evidence>strong{
  align-self:end;
  color:#123e62;
  font-size:2rem;
  line-height:1;
  letter-spacing:-.05em;
}

.cc-capability-evidence>p{
  margin:0!important;
  color:#667d8d!important;
  font-size:.78rem;
  line-height:1.45!important;
}

.cc-capability-evidence>small{
  color:#8a9aa6;
  font-size:.66rem;
  font-weight:800;
}

.cc-capability-detail{
  min-height:100%;
  border-color:rgba(44,96,126,.11);
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,251,252,.91));
}

.cc-capability-detail>p{
  margin:0 0 14px;
  font-size:.88rem;
}

.cc-capability-detail[data-cc-state="not_integrated"]{
  border-style:dashed;
  background:rgba(249,251,252,.9);
}

.cc-capability-dimensions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  min-height:40px;
  margin:12px 0 14px;
}

.cc-capability-dimensions>span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border:1px solid rgba(37,99,235,.09);
  border-radius:999px;
  background:rgba(37,99,235,.045);
  color:#315f87;
  font-size:.75rem;
  font-weight:850;
}

.cc-capability-dimensions small{
  color:#7b91a2;
  font-size:.62rem;
  font-weight:800;
}

.cc-capability-empty{
  display:block;
  width:100%;
  padding:13px 14px;
  border-radius:14px;
  background:rgba(100,116,139,.055);
  color:#6d7f8d;
  font-size:.8rem;
}

.cc-provenance-line{
  margin-top:10px;
  color:#8293a0;
  font-size:.7rem;
  font-weight:800;
}

.cc-method-box--compact{
  margin-top:14px;
  padding:12px 13px;
}

.cc-economic-capability-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:12px;
}

.cc-economic-capability-grid>div{
  display:grid;
  gap:4px;
  min-height:110px;
  padding:13px;
  border:1px solid rgba(24,168,104,.09);
  border-radius:15px;
  background:rgba(250,253,252,.82);
}

.cc-economic-capability-grid>div[data-cc-state="unavailable"]{
  border-style:dashed;
  background:rgba(249,251,252,.82);
}

.cc-economic-capability-grid span{
  color:#527668;
  font-size:.72rem;
  font-weight:850;
}

.cc-economic-capability-grid strong{
  color:#126d50;
  font-size:1.55rem;
  line-height:1.1;
  letter-spacing:-.04em;
}

.cc-economic-capability-grid small{
  color:#82938c;
  font-size:.65rem;
  line-height:1.35;
}

.cc-provenance-section{
  scroll-margin-top:118px;
}

.cc-provenance-section>.card{
  border-color:rgba(37,99,235,.11);
  background:
    radial-gradient(520px 170px at 0% 0%,rgba(37,99,235,.06),transparent 72%),
    radial-gradient(500px 170px at 100% 100%,rgba(24,168,104,.055),transparent 74%),
    rgba(255,255,255,.94);
}

.cc-provenance-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}

.cc-provenance-grid article{
  display:grid;
  gap:7px;
  padding:14px;
  border:1px solid rgba(43,95,126,.085);
  border-radius:16px;
  background:rgba(255,255,255,.7);
}

.cc-provenance-grid b{
  display:flex;
  align-items:center;
  gap:8px;
  color:#294f69;
  font-size:.78rem;
}

.cc-provenance-grid p{
  margin:0!important;
  color:#6d8292!important;
  font-size:.74rem;
  line-height:1.5!important;
}

.cc-data-status[data-state="available"]{
  background:rgba(24,168,104,.08);
  color:#167251;
}

.cc-data-status[data-state="not_integrated"]{
  background:rgba(100,116,139,.08);
  color:#64748b;
}

@media(max-width:1080px){
  .cc-capability-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc-provenance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  .cc-capability-intro{grid-template-columns:1fr}
  .cc-capability-detail{grid-column:span 12}
}

@media(max-width:680px){
  .cc-capability-heading{display:grid}
  .cc-capability-evidence-grid,
  .cc-economic-capability-grid,
  .cc-provenance-grid{grid-template-columns:1fr}
  .cc-capability-evidence{min-height:150px}
}