/* Estilos del lienzo para los bloques del GRUPO B (chat 2).
 *
 * Prefijo .b-b-<bloque> para no chocar con A ni C. Los comunes (.b, .b-h,
 * .b-hero-hasbg, .b-dynamic) ya viven en styles.css.
 */

.b-b-hero-main .b-h,
.b-b-hero-landing .b-h {
  white-space: pre-wrap;
}

.b-b-form-slot {
  min-height: 180px;
  padding: 18px 16px;
  border: 1px dashed #9db4ff;
  border-radius: 10px;
  background: #eef3ff;
  color: #2b3550;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.b-b-banner {
  min-height: 140px;
}

.b-b-about {
  text-align: center;
}

.b-b-objectives {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
}

.b-b-countries {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 4px;
}

.b-b-continent {
  padding: 6px 12px;
  border-radius: 999px;
  background: #eef3ff;
  color: #2b3550;
  font-size: 13px;
  font-weight: 600;
}

.b-b-form-hint {
  margin-top: 10px;
}