/* ESTANTE — cursos concluídos, dobrados embaixo do PRATIQUE (ver js/index/62-estante.js) */
.pv4-estante { margin-top: 14px; }
.pv4-estante-cabeca {
  width: 100%; display: flex; align-items: center; gap: 12px; text-align: left;
  padding: 12px 16px; border-radius: 14px; cursor: pointer;
  background: linear-gradient(135deg, rgba(251,191,36,.10), rgba(251,191,36,.04));
  border: 1px solid rgba(251,191,36,.28); color: #F8FAFC;
  font-family: Inter, sans-serif; transition: border-color .15s, transform .15s;
}
.pv4-estante-cabeca:hover { border-color: rgba(251,191,36,.55); transform: translateY(-1px); }
.pv4-estante-cabeca .ico { font-size: 22px; line-height: 1; flex: 0 0 auto; }
.pv4-estante-cabeca .txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.pv4-estante-cabeca .txt b { font-size: 14px; font-weight: 900; letter-spacing: .2px; }
.pv4-estante-cabeca .txt b .n {
  display: inline-block; min-width: 20px; padding: 0 7px; margin-left: 6px; border-radius: 999px;
  background: rgba(251,191,36,.22); color: #FCD34D; font-size: 11.5px; font-weight: 900; text-align: center;
}
.pv4-estante-cabeca .txt small { font-size: 12px; color: rgba(226,232,240,.62); font-weight: 500; line-height: 1.4; }
.pv4-estante-cabeca .seta { flex: 0 0 auto; color: #FCD34D; font-size: 18px; transition: transform .2s; }
.pv4-estante-cabeca[aria-expanded="true"] .seta { transform: rotate(180deg); }
.pv4-estante-grid { margin-top: 12px; }
.pv4-prat-card.na-estante { opacity: .92; filter: saturate(.85); }
.pv4-prat-card.na-estante:hover { opacity: 1; filter: none; }
.pv4-prat-card .pv4-selo {
  position: relative; align-self: flex-start; margin-top: -2px;
  padding: 4px 9px; border-radius: 999px; font: 800 10.5px/1.2 Inter, sans-serif; letter-spacing: .3px;
  background: rgba(251,191,36,.16); color: #FCD34D; border: 1px solid rgba(251,191,36,.38);
  white-space: nowrap; pointer-events: none;
}
@media (max-width: 640px) {
  .pv4-estante-cabeca .txt small { display: none; }
}
.pv4-estante[hidden], .pv4-estante-grid[hidden] { display: none !important; }
