/* Revisão visual por página. A HOME e o restante do site não são alterados. */
/* Reaproveita a linguagem visual navy/laranja, os cartões e a composição da home. */

/* Curso: Abrir uma Transportadora */
body.page-course-abrir main { background:#071a33!important; color:#fff!important; }
body.page-course-abrir main > section.sp-hero {
  position:relative!important; isolation:isolate!important; overflow:hidden!important;
  min-height:600px!important; display:flex!important; align-items:center!important;
  padding:80px 0!important; background:#071a33!important; color:#fff!important;
}
/* A arte de REFERÊNCIAS fica atrás da hero, à direita, a 50% de opacidade. */
body.page-course-abrir .sp-hero::before {
  content:""!important; position:absolute!important; inset:0 0 0 auto!important;
  display:block!important; width:63%!important; height:100%!important;
  background-image:url('../curso-abrir-bg-logos.webp')!important;
  background-position:center 58%!important; background-size:cover!important;
  background-repeat:no-repeat!important; opacity:.5!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 22%,#000 94%,transparent 100%)!important;
  mask-image:linear-gradient(to right,transparent 0%,#000 22%,#000 94%,transparent 100%)!important;
  pointer-events:none!important; z-index:0!important;
}
body.page-course-abrir .sp-hero::after {
  content:""!important; position:absolute!important; inset:0!important;
  background:linear-gradient(90deg,#071a33 0%,rgba(7,26,51,.98) 31%,rgba(7,26,51,.83) 46%,rgba(7,26,51,.30) 72%,rgba(7,26,51,.28) 100%)!important;
  pointer-events:none!important; z-index:0!important;
}
body.page-course-abrir .sp-hero>.sp-wrap {z-index:2!important; width:min(1180px,calc(100% - 64px))!important;position:relative!important;padding:0!important;}
body.page-course-abrir .sp-hero h1 {max-width:660px!important;color:#fff!important;font-size:clamp(43px,5vw,66px)!important;line-height:1.04!important;}
body.page-course-abrir .sp-hero p {max-width:650px!important;color:#E1EAF6!important;font-size:18px!important;line-height:1.65!important;}
body.page-course-abrir .sp-hero p strong {color:#fff!important;}
body.page-course-abrir main section.sp-sec,
body.page-course-abrir main section.sp-faq {padding:72px 0!important;background:#0B2341!important;color:#fff!important;}
body.page-course-abrir main section.sp-sec.sp-soft {background:#071a33!important;}
body.page-course-abrir .sp-head h2 {color:#fff!important;line-height:1.10!important;}
body.page-course-abrir .sp-head p {color:#D5E0EF!important;opacity:1!important;}
body.page-course-abrir .sp-step,
body.page-course-abrir .sp-card {background:#153658!important;border:1px solid #355579!important;border-top:3px solid #FF7D00!important;box-shadow:0 18px 38px rgba(0,0,0,.12)!important;}
body.page-course-abrir .sp-step h3,
body.page-course-abrir .sp-card h3 {color:#FFFFFF!important;}
body.page-course-abrir .sp-step p,
body.page-course-abrir .sp-card p,
body.page-course-abrir .sp-card li {color:#DDE8F6!important;opacity:1!important;}
body.page-course-abrir .sp-faq details {background:#133355!important;border:1px solid #355579!important;border-radius:12px!important;margin:10px 0!important;padding:14px 20px!important;}
body.page-course-abrir .sp-faq summary {color:#FFFFFF!important;opacity:1!important;}
body.page-course-abrir .sp-faq p {color:#DDE8F6!important;}
body.page-course-abrir main section.sp-final {padding:80px 24px!important;background:#071a33!important;color:#fff!important;}
body.page-course-abrir .sp-final h2 {color:#fff!important;}
body.page-course-abrir .sp-final p {color:#DCE7F6!important;}

/* Arte secundária e aplicação prática: fundos à direita, jamais seções de imagem isolada. */
body.page-course-abrir main section.gm-watermark-band,
body.page-course-estruturar main section.gm-watermark-band,
body.page-treinamentos main section.gm-watermark-band {
  position:relative!important; isolation:isolate!important; overflow:hidden!important;
  background:#0B2341!important; color:#fff!important; min-height:340px!important;
  display:flex!important; align-items:center!important; padding:72px 0!important;
}
body.page-course-abrir section.gm-watermark-band::before,
body.page-course-estruturar section.gm-watermark-band::before,
body.page-treinamentos section.gm-watermark-band::before {
  content:""!important; display:block!important; position:absolute!important;
  inset:0 0 0 auto!important; width:56%!important; height:100%!important;
  background-image:var(--bg-art)!important; background-repeat:no-repeat!important;
  background-size:cover!important; background-position:center!important; opacity:.5!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 93%,transparent 100%)!important;
  mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 93%,transparent 100%)!important;
  pointer-events:none!important; z-index:0!important;
}
body.page-course-abrir section.gm-watermark-band::after,
body.page-course-estruturar section.gm-watermark-band::after,
body.page-treinamentos section.gm-watermark-band::after {
  content:""!important; position:absolute!important; inset:0!important;
  background:linear-gradient(90deg,#0B2341 0%,rgba(11,35,65,.97) 37%,rgba(11,35,65,.80) 50%,rgba(11,35,65,.20) 100%)!important;
  pointer-events:none!important;z-index:0!important;
}
body.page-course-abrir .gm-watermark-band__wrap,
body.page-course-estruturar .gm-watermark-band__wrap,
body.page-treinamentos .gm-watermark-band__wrap {position:relative!important;z-index:2!important;width:min(1140px,calc(100% - 64px))!important;}
body.page-course-abrir .gm-watermark-band__content,
body.page-course-estruturar .gm-watermark-band__content,
body.page-treinamentos .gm-watermark-band__content {max-width:620px!important;}
body.page-course-abrir .gm-watermark-band__title,
body.page-course-estruturar .gm-watermark-band__title,
body.page-treinamentos .gm-watermark-band__title {color:#fff!important; opacity:1!important;}
body.page-course-abrir .gm-watermark-band__text,
body.page-course-estruturar .gm-watermark-band__text,
body.page-treinamentos .gm-watermark-band__text,
body.page-course-abrir .gm-watermark-list li,
body.page-course-estruturar .gm-watermark-list li,
body.page-treinamentos .gm-watermark-list li {color:#DCE7F6!important;opacity:1!important;}

/* Curso Estruturar: apenas o bloco novo; não refazer as demais seções. */
body.page-course-estruturar .mp-hero {background:#071a33!important;}

@media(max-width:800px) {
  body.page-course-abrir main > section.sp-hero {min-height:0!important;padding:64px 0 250px!important;}
  body.page-course-abrir .sp-hero::before {width:100%!important;height:58%!important;top:auto!important;bottom:0!important;background-position:center 48%!important;background-size:cover!important;opacity:.5!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 93%,transparent 100%)!important;mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 93%,transparent 100%)!important;}
  body.page-course-abrir .sp-hero::after {background:linear-gradient(180deg,#071a33 0%,rgba(7,26,51,.99) 52%,rgba(7,26,51,.68) 77%,rgba(7,26,51,.25) 100%)!important;}
  body.page-course-abrir .sp-hero>.sp-wrap {width:calc(100% - 38px)!important;}
  body.page-course-abrir .sp-hero h1 {font-size:clamp(35px,9.5vw,52px)!important;}
  body.page-course-abrir section.gm-watermark-band::before,
  body.page-course-estruturar section.gm-watermark-band::before,
  body.page-treinamentos section.gm-watermark-band::before {width:100%!important;height:80%!important;top:auto!important;bottom:0!important;background-position:center!important;opacity:.35!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 35%,#000 88%,transparent 100%)!important;mask-image:linear-gradient(to bottom,transparent 0%,#000 35%,#000 88%,transparent 100%)!important;}
  body.page-course-abrir section.gm-watermark-band::after,
  body.page-course-estruturar section.gm-watermark-band::after,
  body.page-treinamentos section.gm-watermark-band::after {background:linear-gradient(180deg,#0B2341 0%,rgba(11,35,65,.95) 65%,rgba(11,35,65,.50) 100%)!important;}
  body.page-course-abrir .gm-watermark-band__wrap,
  body.page-course-estruturar .gm-watermark-band__wrap,
  body.page-treinamentos .gm-watermark-band__wrap {width:calc(100% - 38px)!important;}
}
/* Caminhos concretos das artes: independentes de variáveis inline ou caminhos relativos do HTML. */
body.page-course-abrir section.gm-watermark-band::before {
  background-image:url('../curso-abrir-bg-hero.webp')!important;
}
body.page-course-abrir section.gm-watermark-band[aria-label*="Referências"]::before {
  background-image:url('../curso-abrir-bg-logos.webp')!important;
}
body.page-treinamentos section.gm-watermark-band::before,
body.page-course-estruturar section.gm-watermark-band::before {
  background-image:url('../treinamento-bg-exemplo.webp')!important;
}
/* No celular, a composição da HOME é empilhada: texto e CTA primeiro, arte depois. */
@media(max-width:800px){
  body.page-course-abrir main > section.sp-hero {padding-bottom:350px!important;}
  body.page-course-abrir .sp-hero::before {
    height:34%!important; bottom:0!important; top:auto!important;
    background-position:center 55%!important;opacity:.5!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 25%,#000 93%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,transparent 0%,#000 25%,#000 93%,transparent 100%)!important;
  }
  body.page-course-abrir .sp-hero::after {
    background:linear-gradient(180deg,#071a33 0%,#071a33 64%,rgba(7,26,51,.92) 73%,rgba(7,26,51,.4) 100%)!important;
  }
}