.course-name-with-symbol { display: flex; align-items: center; gap: 12px; }
.course-name-with-symbol h1, .course-name-with-symbol h2 { margin-top: 0; margin-bottom: 0; }
.course-name-with-symbol .turma-symbol { flex: 0 0 auto; }
.course-card .course-name-with-symbol { margin: 11px 0 7px; }
.course-card .course-name-with-symbol h2 { margin: 0; }
@media (max-width: 650px) { .course-name-with-symbol { align-items: flex-start; } }

.course-detail-hero { position: relative; overflow: hidden; isolation: isolate; }
.course-detail-hero > div,
.course-detail-hero > nav { position: relative; z-index: 1; }
.course-detail-hero > .course-hero-symbol {
  position: absolute;
  z-index: 0;
  right: -32px;
  bottom: -72px;
  width: 230px;
  height: 230px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--ceps-blue-dark, #075675);
  opacity: .13;
  transform: rotate(-12deg);
  pointer-events: none;
}
.course-detail-hero > .course-hero-symbol svg { width: 190px; height: 190px; stroke-width: 1.25; }
@media (min-width: 1100px) {
  .course-detail-hero > .course-hero-symbol {
    right: 170px;
    bottom: 4px;
    width: 200px;
    height: 200px;
    opacity: .18;
  }
  .course-detail-hero > .course-hero-symbol svg { width: 170px; height: 170px; }
}
@media (max-width: 800px) {
  .course-detail-hero > .course-hero-symbol { right: -42px; bottom: -62px; width: 190px; height: 190px; }
  .course-detail-hero > .course-hero-symbol svg { width: 155px; height: 155px; }
}

/* Padrão dos cards: curso no canto superior direito, como marca d'água. */
:is(.teacher-discipline-card, .teacher-archive-card) > .turma-symbol.course-card-watermark {
  position: absolute;
  z-index: 0;
  top: -48px;
  right: -34px;
  width: 174px;
  height: 174px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--turma-color);
  opacity: .13;
  transform: rotate(12deg);
  pointer-events: none;
}
.teacher-discipline-card .subject-top > div { min-width: 0; }
.teacher-discipline-card .subject-hours { transform: translateX(-92px); }
:is(.teacher-discipline-card, .teacher-archive-card) > .turma-symbol.course-card-watermark svg {
  width: 144px;
  height: 144px;
  stroke-width: 1.25;
}
@media (max-width: 600px) {
  .teacher-discipline-card .subject-hours { transform: translateX(-58px); }
  :is(.teacher-discipline-card, .teacher-archive-card) > .turma-symbol.course-card-watermark {
    top: -38px;
    right: -28px;
    width: 144px;
    height: 144px;
  }
  :is(.teacher-discipline-card, .teacher-archive-card) > .turma-symbol.course-card-watermark svg { width: 118px; height: 118px; }
}

.role-class-card { position: relative; isolation: isolate; overflow: hidden; }
.role-class-card > .class-card-status,
.role-class-card > .turma-card-title,
.role-class-card > p,
.role-class-card > small,
.role-class-card > footer { position: relative; z-index: 1; }
.role-class-card > .turma-symbol.class-course-watermark {
  position: absolute;
  z-index: 0;
  right: -35px;
  top: 80px;
  width: 176px;
  height: 176px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--class-color);
  opacity: .09;
  transform: rotate(12deg);
  pointer-events: none;
}
.role-class-card > .turma-symbol.class-course-watermark svg {
  width: 146px;
  height: 146px;
  stroke-width: 1.25;
}

.class-detail-hero > .class-detail-identity,
.class-detail-hero > nav { position: relative; z-index: 1; }
.class-detail-hero > .turma-symbol.class-detail-watermark {
  position: absolute;
  z-index: 0;
  top: -55px;
  right: 190px;
  width: 230px;
  height: 230px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--class-color);
  opacity: .13;
  transform: rotate(12deg);
  pointer-events: none;
}
.class-detail-hero > .turma-symbol.class-detail-watermark svg {
  width: 190px;
  height: 190px;
  stroke-width: 1.3;
}
@media (max-width: 800px) {
  .class-detail-hero > .turma-symbol.class-detail-watermark {
    top: -40px;
    right: -35px;
    width: 175px;
    height: 175px;
  }
  .class-detail-hero > .turma-symbol.class-detail-watermark svg { width: 145px; height: 145px; }
}

.students-page-hero { position: relative; isolation: isolate; overflow: hidden; }
.students-page-hero > .students-page-title,
.students-page-hero > .students-page-summary { position: relative; z-index: 1; }
.students-page-hero > .turma-symbol.students-hero-watermark {
  position: absolute;
  z-index: 0;
  top: -57px;
  right: 180px;
  width: 218px;
  height: 218px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--class-color);
  opacity: .09;
  transform: rotate(12deg);
  pointer-events: none;
}
.students-page-hero > .turma-symbol.students-hero-watermark svg {
  width: 180px;
  height: 180px;
  stroke-width: 1.3;
}
@media (max-width: 800px) {
  .students-page-hero > .turma-symbol.students-hero-watermark {
    top: -42px;
    right: -35px;
    width: 175px;
    height: 175px;
  }
  .students-page-hero > .turma-symbol.students-hero-watermark svg { width: 145px; height: 145px; }
}