/**
 * AC | Card Line — DS 844:18361
 * Card branco, borda cinza, radius 8, shadow Elevation/lg, barra lateral amarela.
 */

.ac-card-line {
  --ac-card-line-bar: #F6A71C;

  position: relative;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  box-shadow: 0 16px 24px -2px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  min-width: 350px;
}

/* Barra lateral colorida — posicionada absolutamente na esquerda */
.ac-card-line::before {
  content: '';
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  width: 8px;
  background-color: var(--ac-card-line-bar);
  border-radius: 8px 0 0 8px;
}

/* Header: título com padding e compensação da barra */
.ac-card-line__header {
  padding: 16px 24px 16px 24px;
}

.ac-card-line__title {
  margin: 0 !important;
  font-family: Raleway, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: #774900;
}

/* Slot: área de conteúdo livre */
.ac-card-line__slot {
  padding: 16px 16px 16px 24px;
  overflow: hidden;
}

/* ---------------------------------------------------------------------------
 * Variações (DS LP 6974:32062 — card de perguntas)
 * --------------------------------------------------------------------------- */
/* Sem barra lateral. */
.ac-card-line--no-bar::before { display: none; }

/* Sem título: o slot assume o padding completo do card. */
.ac-card-line--no-title .ac-card-line__slot { padding: 24px; }

/* Chrome suave: radius 16, borda menta, sombra leve (Elevation/xs). */
.ac-card-line--soft {
  border-color: #D7F9D3;
  border-radius: 16px;
  box-shadow: 0 3px 4px -2px rgba(0, 0, 0, 0.08);
  min-width: 0;
}

/* Conteúdo destaque (Body/lg/700): perguntas em verde bold 18.
 * !important enquanto o tema legado injeta estilos em <p>. */
.ac-card-line--destaque .ac-card-line__slot p,
.ac-card-line--destaque .ac-card-line__slot li {
  font-family: Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  letter-spacing: -0.01em !important;
  color: #0E5236 !important;
}
/* Parágrafo único com <br> (Shift+Enter): line-height 2 dá o respiro entre as
 * frases. */
.ac-card-line--destaque .ac-card-line__slot p {
  line-height: 2 !important;
}
.ac-card-line--destaque .ac-card-line__slot p { margin: 0 0 12px !important; }
.ac-card-line--destaque .ac-card-line__slot p:last-child { margin-bottom: 0 !important; }
.ac-card-line--destaque .ac-card-line__slot ol,
.ac-card-line--destaque .ac-card-line__slot ul {
  margin: 0 !important;
}
.ac-card-line--destaque .ac-card-line__slot li { margin-bottom: 12px !important; }
.ac-card-line--destaque .ac-card-line__slot li:last-child { margin-bottom: 0 !important; }
/* Fallback: uma linha em branco entre frases quando o conteúdo veio num único
 * parágrafo com <br> (Shift+Enter) — aproxima o list spacing do DS. */
.ac-card-line--destaque .ac-card-line__slot p br {
  content: '';
  display: block;
  margin-bottom: 12px;
}