/* ===== Seção ===== */
.classif2{ --ink:#eaf4ff; --muted:#90a4b8; --line:rgba(255,255,255,.12);
           --low:#10b981; --sig:#f59e0b; --high:#ef4444; --na:#cbd5e1; }

.classif2.panel.card{
  border:1px solid var(--line); border-radius:16px; padding:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}

/* Cabeçalho */
.c2__head{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:8px; }
.c2__head h2{ margin:0; font-weight:800; font-size:22px; color:#cfe8ff; letter-spacing:.2px; }
.c2__overall{ display:flex; flex-direction:column; align-items:center; gap:6px; }
.c2__score{ display:flex; gap:10px; align-items:center; }
.c2__scoreVal{
  min-width:56px; height:40px; padding:0 12px; border-radius:999px; display:flex; align-items:center; justify-content:center;
  background:#0b1624; color:#fff; font-weight:900; font-size:24px; border:1px solid var(--line);
}
.c2__scoreBadge{
  padding:8px 14px; border-radius:999px; font-weight:800; border:1px solid var(--line);
  background:#0d1b2b; color:#e6f2ff;
}
.muted{ color:var(--muted); }

/* Legenda */
.c2__legend{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:8px 0 10px; }
.c2__leg{ border:1px dashed var(--line); border-radius:12px; padding:10px; background:rgba(0,0,0,.12); }
.c2__leg strong{ display:block; margin-bottom:4px; }
.c2--na strong{ color:#e2e8f0; }
.c2--low strong{ color:var(--low); }
.c2--sig strong{ color:var(--sig); }
.c2--high strong{ color:var(--high); }
.c2__leg span{ display:block; color:var(--muted); }

/* Tabela */
.c2__table th, .c2__table td{ border-bottom:1px solid var(--line); }
.c2__table thead th{ background:rgba(255,255,255,.06); color:#a9c2db; font-size:12px; }
.c2__table td{ color:#e7f3ff; }
.c2__table .center{ text-align:center; }
.c2__table .score{ text-align:center; font-weight:900; }
.c2__pill{ display:inline-block; padding:4px 10px; border-radius:999px; font-weight:800; border:1px solid var(--line); }
.c2__pill.low{ background:#10b9811a; color:#42d3b0; }
.c2__pill.sig{ background:#f59e0b1a; color:#f59e0b; }
.c2__pill.high{ background:#ef44441a; color:#ef4444; }
.c2__pill.na{ background:#e2e8f01a; color:#e2e8f0; }

/* Cards (mobile) */
.c2__cards{ display:none; gap:10px; }
.c2__card{ border:1px solid var(--line); border-radius:14px; padding:12px; background:rgba(0,0,0,.12); }
.c2__card h3{ margin:0 0 6px; font-size:16px; color:#e7f3ff; }
.c2__row{ display:flex; justify-content:space-between; margin:6px 0; color:#cfe1f7; }
.c2__label{ color:#9fb9d4; }

/* Responsivo */
@media (max-width: 980px){ .c2__head{ flex-direction:column; align-items:flex-start; } }
@media (max-width: 860px){ .c2__legend{ grid-template-columns:1fr 1fr; } }
@media (max-width: 640px){
  .c2__legend{ grid-template-columns:1fr; }
  .c2__table{ display:none; }
  .c2__cards{ display:grid; grid-template-columns:1fr; }
}
/* Centraliza a coluna de classificação */
.c2__table td:last-child,
.c2__table th:last-child {
  text-align: center;
}

/* Centraliza a etiqueta (pill) dentro da célula */
.c2__pill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-width: 100px;
}

/* Também centraliza nos cards (mobile) */
.c2__card .c2__pill {
  display: flex;
  justify-content: center;
  margin: 10px auto 0;
}
/* ===== Centralização no mobile ===== */
@media (max-width: 640px) {
  /* Cabeçalho principal empilhado e centralizado */
  .c2__head {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }

  /* Centraliza o título */
  .c2__head h2 {
    text-align: center !important;
    font-size: 20px !important;
    margin-bottom: 6px !important;
  }

  /* Centraliza o bloco geral (score + badge) */
  .c2__overall {
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* Score e classificação um embaixo do outro */
  .c2__score {
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
  }

  /* Valor do score */
  .c2__scoreVal {
    min-width: 50px !important;
    height: 36px !important;
    font-size: 22px !important;
    padding: 0 10px !important;
  }

  /* Etiqueta de classificação */
  .c2__scoreBadge {
    font-size: 15px !important;
    padding: 6px 12px !important;
  }

  /* Texto explicativo (muted) */
  .c2__head .muted {
    text-align: center !important;
    font-size: 13.5px !important;
    max-width: 90% !important;
    line-height: 1.5 !important;
    margin: 0 auto !important;
  }
}