/* Estilos exclusivos do treinamento; a identidade e o cabeçalho vêm da Home. */
.course-hero { position: relative; isolation: isolate; overflow: hidden; background: #f9faf8; border-bottom: 1px solid var(--line); }
.course-hero-inner { padding-block: 60px 64px; display: grid; grid-template-columns: minmax(0, 1.22fr) minmax(0, 1fr); gap: 36px; align-items: center; }
.course-hero-copy { position: relative; min-width: 0; }
.course-eyebrow { display: flex; align-items: center; gap: 12px; }
.course-eyebrow img { width: 26px; height: 27px; object-fit: contain; }
.course-hero h1 { font-size: clamp(40px, 4.3vw, 62px); line-height: 1.12; margin-top: 24px; }
.course-title-dash { color: var(--ink) !important; }
.course-hero h1 > span:last-child { color: var(--green); }
.course-subtitle { margin-top: 24px; color: var(--ink); font-size: clamp(19px, 1.7vw, 23px); line-height: 1.45; max-width: 630px; }
.course-description { max-width: 600px; margin-top: 18px; font-size: 17px; line-height: 1.75; }
.course-highlights { margin-top: 26px; max-width: 650px; font-size: 14px; line-height: 1.9; color: var(--green-dark); text-wrap: balance; }
.course-hero .hero-actions { margin-top: 26px; gap: 24px; }
/* Coluna exclusiva do Gantt; o recorte exclui a faixa de opções e as barras inferiores. */
.course-hero-visual { position: relative; min-width: 0; width: 100%; height: 490px; overflow: hidden; opacity: .78; -webkit-mask-image: linear-gradient(to right, transparent, #000 12%), linear-gradient(to bottom, #000 85%, transparent); -webkit-mask-composite: source-in; mask-image: linear-gradient(to right, transparent, #000 12%), linear-gradient(to bottom, #000 85%, transparent); mask-composite: intersect; }
.course-hero-visual img { position: absolute; top: -23%; right: -12px; height: 130%; width: auto; max-width: none; filter: contrast(.9) saturate(.75); }
@media (max-width: 960px) {
  .course-hero-inner { padding-block: 48px 56px; }
  .course-hero-inner { gap: 24px; }
  .course-hero-visual { height: 440px; }
}
@media (min-width: 701px) and (max-width: 900px) {
  .course-hero-inner { grid-template-columns: minmax(0, 1fr); }
  .course-hero-visual { height: 300px; }
}
@media (max-width: 700px) {
  .course-hero-inner { padding-block: 36px 44px; grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .course-hero-copy { padding-right: 0; }
  .course-hero h1 { font-size: clamp(36px, 8.4vw, 52px); margin-top: 22px; }
  .course-eyebrow { font-size: 10px; letter-spacing: .1em; gap: 9px; }
  .course-eyebrow img { width: 23px; height: 24px; }
  .course-subtitle { font-size: 19px; margin-top: 22px; }
  .course-description { font-size: 15px; margin-top: 16px; padding-right: 52px; }
  .course-highlights { font-size: 12px; margin-top: 22px; text-wrap: initial; }
  .course-hero .hero-actions { gap: 12px 22px; margin-top: 22px; padding-right: 48px; }
  .course-hero-visual { height: 250px; }
}
/* Esta folha é carregada somente no MS Project; a Home mantém sua posição. */
.whatsapp-floating {
  position: fixed;
  z-index: 25;
  top: auto;
  left: auto;
  bottom: 24px;
  right: 24px;
  transform: none;
}
.whatsapp-floating:hover { transform: none; }
/* Continuidade com o painel panorâmico aprovado da Home. */
.course-hero{background-image:linear-gradient(90deg,rgba(27,37,42,.97),rgba(27,37,42,.87) 42%,rgba(27,37,42,.1)),url('msproject-fundo.png');background-size:cover;background-position:center,right center;color:#fff;border:0}
.course-hero-inner{display:block;min-height:calc(100svh - 110px);padding-block:64px}
.course-hero-copy{max-width:650px}
.course-hero h1>span:last-child,.course-hero .course-title-dash{color:#fff!important}
.course-hero .eyebrow,.course-hero .course-subtitle,.course-hero .course-description,.course-hero .course-highlights{color:#fff}
.course-hero .text-link{color:#fff}
.course-hero .text-link:hover{color:#b2d8bf}
.course-hero-visual{display:none}
@media(max-width:700px){.course-hero{background-image:linear-gradient(180deg,rgba(27,37,42,.97),rgba(27,37,42,.89) 65%,rgba(27,37,42,.25)),url('msproject-fundo.png');background-position:center,68% center}.course-hero-inner{padding-block:36px 80px}.course-description{padding-right:0}.course-hero .hero-actions{padding-right:0}}