/* ==========================================================
   SEÇÃO 9 — Print: Secao-9-LP-FormacaoPrime.png (1920 × 1000)
   Módulo 02 | Intercorrências
   ========================================================== */

.secao-9 {
  position: relative;
  height: 1000px;
  padding-top: 39px;
  background: var(--cor-vinho);
  color: var(--cor-clara);
  font-family: var(--fonte-gotham);
  text-align: center;
}

.secao-9__titulo {
  margin: 0 0 0 -0.1em; /* compensa o espaçamento negativo após a última letra */
  font-size: 98px;
  line-height: 90px;
  font-weight: 300;
  letter-spacing: -0.1em;
  text-transform: uppercase;
}

.secao-9__linha1 {
  display: inline-block;
  margin-right: 0.18em; /* no Figma a 1ª linha fica ~9px à esquerda do centro */
}

.secao-9__titulo strong {
  font-weight: 500;
}

.secao-9__sub {
  margin-top: 47px;
}

.secao-9__sub p:first-child {
  padding-right: 6px; /* no Figma esta linha fica 3px à esquerda do centro */
}

.secao-9__sub p {
  margin: 0;
  font-size: 24px;
  line-height: 35px;
  font-weight: 400;
  letter-spacing: -0.06em;
}

.secao-9__sub p + p {
  margin-top: 35px;
}

/* ---------- Cartão ---------- */
.secao-9__cartao {
  width: 884px;
  height: 449px;
  margin: 51px auto 0;
  padding-top: 50px;
  background: #2d0808;
  border-radius: 68.49px;
  box-shadow: 0 4.21px 4.21px rgba(0, 0, 0, 0.25);
}

.secao-9__cartao-titulo {
  margin: 0 0 0 -0.1em;
  padding-right: 6px; /* centro óptico igual ao Figma */
  font-size: 38.33px;
  line-height: 41px;
  font-weight: 400;
  letter-spacing: -0.1em;
  text-transform: uppercase;
}

.secao-9__cartao-titulo strong {
  font-weight: 500;
  color: #dac8be;
}

.secao-9__lista {
  margin: 36px 0 0 115px; /* ícones começam em x=633 no print */
  padding: 0;
  list-style: none;
  text-align: left;
}

.secao-9__lista li {
  position: relative;
  padding-left: 37px;
  font-size: 38.33px;
  line-height: 38.33px;
  font-weight: 400;
  letter-spacing: -0.06em;
  white-space: nowrap;
}

/* ícone de check (SVG compartilhado), na cor areia */
.secao-9__lista li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 22px;
  height: 22px;
  background: #dac8be;
  -webkit-mask: var(--icone-check) no-repeat center / contain;
  mask: var(--icone-check) no-repeat center / contain;
}

/* "(CONVULSÃO, CHOQUE ANAFILÁTICO E PARADA CARDIORRESPIRATÓRIA)" */
.secao-9__lista small {
  display: inline-block;
  margin-left: 13px;
  font-size: 12px;          /* design: Gotham Book 12px / 13px, -4%, caixa alta */
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  vertical-align: 2px;
}
