/* Portal do Aluno: Scroll nos cards da seção "VER MAIS" para evitar página gigantesca */

/* Seção "VER MAIS" — painel com fundo específico */
body[data-route="portalAluno"] .aluno-portal-more-panel {
  background: linear-gradient(180deg, rgba(20,22,26,.94), rgba(13,14,17,.96)) !important;
  border-color: rgba(255,255,255,.08) !important;
}

body[data-route="portalAluno"] .aluno-portal-more-panel summary > strong {
  background: rgba(225,6,0,.18) !important;
  border: 1px solid rgba(225,6,0,.32) !important;
  color: #ffc8c0 !important;
  border-radius: 6px 18px 6px 18px !important;
}

/* Cards na seção de detalhes com scroll */
body[data-route="portalAluno"] .aluno-portal-grid .card {
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: rgba(225,6,0,.35) transparent;
}

body[data-route="portalAluno"] .aluno-portal-grid .card::-webkit-scrollbar {
  width: 5px;
}

body[data-route="portalAluno"] .aluno-portal-grid .card::-webkit-scrollbar-track {
  background: transparent;
}

body[data-route="portalAluno"] .aluno-portal-grid .card::-webkit-scrollbar-thumb {
  background: rgba(225,6,0,.35);
  border-radius: 99px;
}

body[data-route="portalAluno"] .aluno-portal-grid .card::-webkit-scrollbar-thumb:hover {
  background: rgba(225,6,0,.5);
}

/* Garante que o section-title fica fixo no topo do card durante scroll */
body[data-route="portalAluno"] .aluno-portal-grid .card .section-title {
  position: sticky;
  top: 0;
  z-index: 10;
  background: linear-gradient(180deg, rgba(20,22,26,.98), rgba(20,22,26,.92));
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Responsividade: reduzir altura em telas menores */
@media (max-width: 1100px) {
  body[data-route="portalAluno"] .aluno-portal-grid .card {
    max-height: 400px;
  }
}

@media (max-width: 768px) {
  body[data-route="portalAluno"] .aluno-portal-grid .card {
    max-height: 350px;
  }
}