/**
 * Bridge3 — shared Bridge IA (Chatbase) card styles.
 * Used on home, /cursos/, /consultorias/, and product singles.
 */

/* ============ BRIDGE IA ============ */
.ia-card {
  max-width: 46rem;
  margin-inline: auto;
  background: var(--c-surface);
  border: 1px solid var(--c-ciano-400, #76cccf);
  border-radius: 24px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.ia-card__frame {
  background: var(--c-surface-alt);
}
.ia-card__frame iframe {
  display: block;
  width: 100%;
  min-height: 500px;
  border: 0;
}

/* Same type as /cursos/ section heads (e.g. certificações). */
.ia .section__head h2 {
  margin: 0;
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: 40px;
  line-height: normal;
  color: var(--Azul-500, #294458);
}
.ia .section__head p {
  margin: 0;
  margin-top: 8px;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: normal;
  color: var(--Azul-500, #294458);
}

/* Wider card (cursos landing + product single) */
.ia--cursos .ia-card {
  max-width: 63.75rem;
  border: 0.5px solid var(--cursos-ciano-border, #76cccf);
  border-radius: 24px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.ia--cursos .ia-card__frame iframe {
  min-height: clamp(320px, 60vh, 500px);
}

@media (max-width: 760px) {
  .ia .section__head h2 {
    font-size: 32px;
  }
  .ia .section__head p {
    font-size: 18px;
  }
}